Checkpoint SHD dashboard design system

2026-07-24 21:31:35 -04:00
commit 5e113454ee
52 changed files with 3128 additions and 0 deletions
@@ -0,0 +1,11 @@
+<script lang="ts">
+	import { enhance } from '$app/forms';
+	import type { Snippet } from 'svelte';
+	let { action, method = 'POST', class: className = '', children }: { action: string; method?: 'POST'; class?: string; children: Snippet<[boolean]> } = $props();
+	let pending = $state(false);
+</script>
+<form {action} {method} class={className} use:enhance={() => { if (pending) return; pending = true; return async ({ update }) => { try { await update(); } finally { pending = false; } }; }}>
+	<fieldset disabled={pending} aria-busy={pending}>{@render children(pending)}</fieldset>
+</form>
+
+<style>fieldset{border:0;padding:0;margin:0;min-width:0}fieldset[aria-busy=true]{opacity:.7}</style>