bits-ui 1.4.6 → 1.4.8

package/dist/bits/checkbox/checkbox.svelte.js

@@ -16,8 +16,9 @@ class CheckboxGroupState {
         if (!checkboxValue)
             return;
         if (!this.opts.value.current.includes(checkboxValue)) {
-            this.opts.value.current.push(checkboxValue);
-            this.opts.onValueChange.current(this.opts.value.current);
+            const newValue = [...$state.snapshot(this.opts.value.current), checkboxValue];
+            this.opts.value.current = newValue;
+            this.opts.onValueChange.current(newValue);
         }
     }
     removeValue(checkboxValue) {
@@ -26,8 +27,9 @@ class CheckboxGroupState {
         const index = this.opts.value.current.indexOf(checkboxValue);
         if (index === -1)
             return;
-        this.opts.value.current.splice(index, 1);
-        this.opts.onValueChange.current(this.opts.value.current);
+        const newValue = this.opts.value.current.filter((v) => v !== checkboxValue);
+        this.opts.value.current = newValue;
+        this.opts.onValueChange.current(newValue);
     }
     props = $derived.by(() => ({
         id: this.opts.id.current,

package/dist/bits/checkbox/components/checkbox-group.svelte

@@ -28,9 +28,9 @@
 		required: box.with(() => Boolean(required)),
 		name: box.with(() => name),
 		value: box.with(
-			() => value,
+			() => $state.snapshot(value),
 			(v) => {
-				value = v;
+				value = $state.snapshot(v);
 				onValueChange(v);
 			}
 		),

package/dist/bits/checkbox/components/checkbox.svelte

@@ -4,6 +4,7 @@
 	import { CheckboxGroupContext, useCheckboxRoot } from "../checkbox.svelte.js";
 	import CheckboxInput from "./checkbox-input.svelte";
 	import { useId } from "../../../internal/use-id.js";
+	import { watch } from "runed";
 
 	let {
 		checked = $bindable(false),
@@ -32,6 +33,19 @@
 		}
 	}
 
+	watch.pre(
+		() => value,
+		() => {
+			if (group && value) {
+				if (group.opts.value.current.includes(value)) {
+					checked = true;
+				} else {
+					checked = false;
+				}
+			}
+		}
+	);
+
 	const rootState = useCheckboxRoot(
 		{
 			checked: box.with(

package/dist/bits/utilities/text-selection-layer/text-selection-layer.svelte

@@ -15,10 +15,9 @@
 
 	useTextSelectionLayer({
 		id: box.with(() => id),
-		preventOverflowTextSelection: box.with(() => preventOverflowTextSelection),
 		onPointerDown: box.with(() => onPointerDown),
 		onPointerUp: box.with(() => onPointerUp),
-		enabled: box.with(() => enabled),
+		enabled: box.with(() => enabled && preventOverflowTextSelection),
 	});
 </script>
 

package/dist/bits/utilities/text-selection-layer/use-text-selection-layer.svelte.d.ts

@@ -1,10 +1,10 @@
 import type { TextSelectionLayerImplProps } from "./types.js";
 import type { ReadableBoxedValues } from "../../../internal/box.svelte.js";
-type StateProps = ReadableBoxedValues<Required<Omit<TextSelectionLayerImplProps, "children">>>;
+type TextSelectionLayerStateProps = ReadableBoxedValues<Required<Omit<TextSelectionLayerImplProps, "children" | "preventOverflowTextSelection">>>;
 export declare class TextSelectionLayerState {
     #private;
-    readonly opts: StateProps;
-    constructor(opts: StateProps);
+    readonly opts: TextSelectionLayerStateProps;
+    constructor(opts: TextSelectionLayerStateProps);
 }
-export declare function useTextSelectionLayer(props: StateProps): TextSelectionLayerState;
+export declare function useTextSelectionLayer(props: TextSelectionLayerStateProps): TextSelectionLayerState;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bits-ui",
-  "version": "1.4.6",
+  "version": "1.4.8",
   "license": "MIT",
   "repository": "github:huntabyte/bits-ui",
   "funding": "https://github.com/sponsors/huntabyte",