3 files changed, 12 insertions, 6 deletions
diff --git a/apps/kit/src/lib/components/alert.svelte b/apps/kit/src/lib/components/alert.svelte
index 5bcb3ae..fa36a63 100644
--- a/apps/kit/src/lib/components/alert.svelte
+++ b/apps/kit/src/lib/components/alert.svelte
@@ -193,7 +193,9 @@
 </script>
 
 {#if visible}
-    <div class="rounded-md bg-{colorClassPart}-50 p-4 ">
+    <div
+        class="rounded-md bg-{colorClassPart}-50 p-4 {$$restProps.class ?? ''}"
+    >
         <div class="flex">
             <div class="flex-shrink-0">
                 <svelte:component
diff --git a/apps/kit/src/lib/components/button.svelte b/apps/kit/src/lib/components/button.svelte
index 95dba5c..323c7ad 100644
--- a/apps/kit/src/lib/components/button.svelte
+++ b/apps/kit/src/lib/components/button.svelte
@@ -13,7 +13,7 @@
     export let tabindex: string | undefined = undefined;
     export let style: string | undefined = undefined;
     export let title: string | undefined = undefined;
-    export let disabled = false;
+    export let disabled: boolean | null = false;
     export let href: string | undefined = undefined;
     export let text: string;
     export let loading = false;
@@ -78,8 +78,9 @@
         on:click
         class="{sizeClasses} {kindClasses} {loading
             ? 'disabled:'
-            : ''} {$$restProps.class ??
-            ''} {fullWidth ? 'w-full justify-center': ''} inline-flex items-center border font-medium rounded shadow-sm focus:outline-none focus:ring-2"
+            : ''} {$$restProps.class ?? ''} {fullWidth
+            ? 'w-full justify-center'
+            : ''} inline-flex items-center border font-medium rounded shadow-sm focus:outline-none focus:ring-2"
     >
         {#if loading}
             <Spinner class={spinnerTextClasses + " " + spinnerMarginClasses} />
@@ -89,8 +90,9 @@
 {:else}
     <button
         {...shared_props}
-        class="{sizeClasses} {kindClasses} {$$restProps.class ??
-            ''} {fullWidth ? 'w-full justify-center': ''} inline-flex items-center border font-medium rounded shadow-sm focus:outline-none focus:ring-2"
+        class="{sizeClasses} {kindClasses} {$$restProps.class ?? ''} {fullWidth
+            ? 'w-full justify-center'
+            : ''} inline-flex items-center border font-medium rounded shadow-sm focus:outline-none focus:ring-2"
     >
         {#if loading}
             <Spinner class={spinnerTextClasses + " " + spinnerMarginClasses} />
diff --git a/apps/kit/src/lib/components/checkbox.svelte b/apps/kit/src/lib/components/checkbox.svelte
index bb22215..311d154 100644
--- a/apps/kit/src/lib/components/checkbox.svelte
+++ b/apps/kit/src/lib/components/checkbox.svelte
@@ -5,6 +5,7 @@
     export let id: string | undefined = "input__" + random_string(4);
     export let name: string | undefined = undefined;
     export let disabled: boolean | null = null;
+    export let checked: boolean;
 </script>
 
 <div class="flex items-center">
@@ -13,6 +14,7 @@
         {disabled}
         {id}
         type="checkbox"
+        bind:checked
         class="h-4 w-4 text-teal-600 focus:ring-teal-500 border-gray-300 rounded"
     />
     <label for={id} class="ml-2 block text-sm text-gray-900">{label}</label>