@lyeve-labs/ui-kit 0.35.0 → 0.35.1

package/dist/components/Checkbox.svelte

@@ -93,7 +93,13 @@
     // is what stops a real click, and it is the only thing that does, so a
     // change arriving any other way (a synthetic event, a script driving the
     // node) would still move the bound value with nothing on screen to say so.
-    if (disabled) return;
+    // bind:checked has already taken the input's new state, so a disabled box
+    // puts the input and the value back.
+    if (disabled) {
+      e.currentTarget.checked = !e.currentTarget.checked;
+      checked = e.currentTarget.checked;
+      return;
+    }
     // The DOM clears indeterminate on the first click. Leaving the prop set
     // would repaint the mixed bar over a box the user has just ticked.
     indeterminate = false;
@@ -102,6 +108,10 @@
   }
 </script>
 
+<!-- bind:checked and not {checked}: a visitor can tick the box before the
+     page hydrates. A one-way prop is written over the input when the page
+     hydrates and clears that tick. The binding reads the input's live state
+     instead, the same way the browser kept it. -->
 {#snippet control()}
   <input
     type="checkbox"
@@ -110,7 +120,7 @@
     {value}
     {required}
     {disabled}
-    {checked}
+    bind:checked
     {indeterminate}
     aria-checked={indeterminate ? 'mixed' : undefined}
     aria-invalid={error ? 'true' : undefined}

package/dist/index.d.ts

@@ -100,4 +100,4 @@ export { cn, type ClassValue } from './utils/cn.js';
 export { getTheme, getThemePreference, nextThemePreference, resolveTheme, setTheme, setThemePreference, systemTheme, themeBootScript, watchThemePreference, toggleTheme, watchSystemTheme, THEME_PREFERENCES, type Theme, type ThemePreference, } from './utils/theme.js';
 export * as motion from './motion.js';
 export type { Rung as MotionRung, Curve as MotionCurve } from './motion.js';
-export declare const VERSION = "0.35.0";
+export declare const VERSION = "0.35.1";

package/dist/index.js

@@ -108,4 +108,4 @@ export * as motion from './motion.js';
 // ── Version ────────────────────────────────────────────────────────────────
 // Generated from package.json by `pnpm version:sync`. Bump package.json, never
 // this line. The build and the test suite fail when the two disagree.
-export const VERSION = '0.35.0';
+export const VERSION = '0.35.1';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lyeve-labs/ui-kit",
-  "version": "0.35.0",
+  "version": "0.35.1",
   "description": "A clean, accessible, palette-aware Svelte 5 component library. The design system behind LyEve.",
   "license": "MIT",
   "author": "LyEve Labs <hello@lyeve.com>",