bits-ui 2.9.3 → 2.9.5

package/dist/app.d.ts

@@ -1,4 +1,3 @@
-/* eslint-disable no-var */
 import type { ReadableBox } from "svelte-toolbelt";
 import type { DismissibleLayerState } from "./bits/utilities/dismissible-layer/use-dismissable-layer.svelte.ts";
 import type { InteractOutsideBehaviorType } from "./bits/utilities/dismissible-layer/types.ts";

package/dist/bits/link-preview/components/link-preview.svelte

@@ -6,6 +6,7 @@
 	import { FloatingLayer } from "../../utilities/floating-layer/index.js";
 
 	let {
+		disabled = false,
 		open = $bindable(false),
 		onOpenChange = noop,
 		onOpenChangeComplete = noop,
@@ -15,6 +16,7 @@
 	}: LinkPreviewRootProps = $props();
 
 	LinkPreviewRootState.create({
+		disabled: box.with(() => disabled),
 		open: box.with(
 			() => open,
 			(v) => {

package/dist/bits/link-preview/link-preview.svelte.d.ts

@@ -3,6 +3,7 @@ import type { BitsFocusEvent, BitsPointerEvent, OnChangeFn, RefAttachment, WithR
 interface LinkPreviewRootStateOpts extends WritableBoxedValues<{
     open: boolean;
 }>, ReadableBoxedValues<{
+    disabled: boolean;
     openDelay: number;
     closeDelay: number;
     onOpenChangeComplete: OnChangeFn<boolean>;

package/dist/bits/link-preview/link-preview.svelte.js

@@ -76,7 +76,7 @@ export class LinkPreviewRootState {
     }
     handleOpen() {
         this.clearTimeout();
-        if (this.opts.open.current)
+        if (this.opts.open.current || this.opts.disabled.current)
             return;
         this.isOpening = true;
         this.timeout = this.domContext.setTimeout(() => {

package/dist/bits/menu/components/menu-checkbox-item.svelte

@@ -52,8 +52,10 @@
 			checked: box.with(
 				() => checked,
 				(v) => {
-					checked = v;
-					onCheckedChange(v);
+					if (v !== checked) {
+						checked = v;
+						onCheckedChange(v);
+					}
 				}
 			),
 			id: box.with(() => id),
@@ -67,8 +69,10 @@
 			indeterminate: box.with(
 				() => indeterminate,
 				(v) => {
-					indeterminate = v;
-					onIndeterminateChange(v);
+					if (v !== indeterminate) {
+						indeterminate = v;
+						onIndeterminateChange(v);
+					}
 				}
 			),
 			value: box.with(() => value),

package/dist/internal/body-scroll-lock.svelte.js

@@ -11,6 +11,7 @@ const lockMap = new SvelteMap();
 let initialBodyStyle = $state(null);
 let stopTouchMoveListener = null;
 let cleanupTimeoutId = null;
+let isInCleanupTransition = false;
 const anyLocked = box.with(() => {
     for (const value of lockMap.values()) {
         if (value)
@@ -35,7 +36,6 @@ const bodyLockStackCount = new SharedState(() => {
         isIOS && stopTouchMoveListener?.();
         // reset initialBodyStyle so next locker captures the correct styles
         initialBodyStyle = null;
-        hasEverBeenLocked = false;
     }
     function cancelPendingCleanup() {
         if (cleanupTimeoutId === null)
@@ -45,6 +45,7 @@ const bodyLockStackCount = new SharedState(() => {
     }
     function scheduleCleanupIfNoNewLocks(delay, callback) {
         cancelPendingCleanup();
+        isInCleanupTransition = true;
         cleanupScheduledAt = Date.now();
         const currentCleanupId = cleanupScheduledAt;
         /**
@@ -64,24 +65,20 @@ const bodyLockStackCount = new SharedState(() => {
                 return;
             // ensure no new locks were added during the delay
             if (!isAnyLocked(lockMap)) {
+                isInCleanupTransition = false;
                 callback();
             }
+            else {
+                isInCleanupTransition = false;
+            }
         };
-        if (delay === null) {
-            // use a small delay even when no restoreScrollDelay is set
-            // to handle same-tick destroy/create scenarios (~1 frame)
-            cleanupTimeoutId = window.setTimeout(cleanupFn, 16);
-        }
-        else {
-            cleanupTimeoutId = window.setTimeout(cleanupFn, delay);
-        }
+        const actualDelay = delay === null ? 24 : delay;
+        cleanupTimeoutId = window.setTimeout(cleanupFn, actualDelay);
     }
-    // track if we've ever applied lock styles in this session
-    let hasEverBeenLocked = false;
     function ensureInitialStyleCaptured() {
-        if (!hasEverBeenLocked && initialBodyStyle === null) {
+        // only capture initial style once, when no locks exist and no cleanup is in progress
+        if (initialBodyStyle === null && lockMap.size === 0 && !isInCleanupTransition) {
             initialBodyStyle = document.body.getAttribute("style");
-            hasEverBeenLocked = true;
         }
     }
     watch(() => anyLocked.current, () => {
@@ -89,6 +86,8 @@ const bodyLockStackCount = new SharedState(() => {
             return;
         // ensure we've captured the initial style before applying any lock styles
         ensureInitialStyleCaptured();
+        // if we're applying lock styles, we're no longer in a cleanup transition
+        isInCleanupTransition = false;
         const bodyStyle = getComputedStyle(document.body);
         // TODO: account for RTL direction, etc.
         const verticalScrollbarWidth = window.innerWidth - document.documentElement.clientWidth;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bits-ui",
-  "version": "2.9.3",
+  "version": "2.9.5",
   "license": "MIT",
   "repository": "github:huntabyte/bits-ui",
   "funding": "https://github.com/sponsors/huntabyte",
@@ -20,19 +20,19 @@
   ],
   "devDependencies": {
     "@internationalized/date": "^3.8.2",
-    "@sveltejs/kit": "^2.21.5",
-    "@sveltejs/package": "^2.3.11",
-    "@sveltejs/vite-plugin-svelte": "^5.1.0",
-    "@types/node": "^20.17.6",
+    "@sveltejs/kit": "^2.31.0",
+    "@sveltejs/package": "^2.4.1",
+    "@sveltejs/vite-plugin-svelte": "^6.1.2",
+    "@types/node": "^20.19.0",
     "@types/resize-observer-browser": "^0.1.11",
     "csstype": "^3.1.3",
     "jsdom": "^24.1.3",
     "publint": "^0.2.12",
-    "svelte": "5.33.2",
-    "svelte-check": "^4.2.2",
+    "svelte": "^5.38.1",
+    "svelte-check": "^4.3.1",
     "typescript": "^5.8.3",
-    "vite": "^6.3.5",
-    "vitest": "3.2.3"
+    "vite": "^7.0.4",
+    "vitest": "^3.2.3"
   },
   "svelte": "./dist/index.js",
   "types": "./dist/index.d.ts",