bits-ui 2.9.7 → 2.9.9

package/dist/app.d.ts

@@ -1,3 +1,4 @@
+// oxlint-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/accordion/components/accordion.svelte

@@ -43,7 +43,7 @@
 			() => value!,
 			(v) => {
 				value = v;
-				// eslint-disable-next-line @typescript-eslint/no-explicit-any
+				// oxlint-disable-next-line no-explicit-any
 				onValueChange(v as any);
 			}
 		) as WritableBox<string> | WritableBox<string[]>,

package/dist/bits/calendar/components/calendar.svelte

@@ -109,7 +109,7 @@
 			() => value,
 			(v) => {
 				value = v;
-				// eslint-disable-next-line @typescript-eslint/no-explicit-any
+				// oxlint-disable-next-line no-explicit-any
 				onValueChange(v as any);
 			}
 		),

package/dist/bits/command/compute-command-score.js

@@ -1,4 +1,4 @@
-/* eslint-disable @typescript-eslint/ban-ts-comment */
+// oxlint-disable ban-ts-comment
 // @ts-nocheck
 // The scores are arranged so that a continuous match of characters will
 // result in a total score of 1.

package/dist/bits/date-field/components/date-field.svelte

@@ -1,7 +1,6 @@
 <script lang="ts">
 	import { watch } from "runed";
 	import { box } from "svelte-toolbelt";
-	import type { DateValue } from "@internationalized/date";
 	import { DateFieldRootState } from "../date-field.svelte.js";
 	import type { DateFieldRootProps } from "../types.js";
 	import { noop } from "../../../internal/noop.js";
@@ -29,15 +28,19 @@
 		children,
 	}: DateFieldRootProps = $props();
 
-	function handleDefaultPlaceholder() {
-		if (placeholder !== undefined) return;
+	function handleDefaultPlaceholder(setPlaceholder = true) {
+		if (placeholder !== undefined) return placeholder;
 
 		const defaultPlaceholder = getDefaultDate({
 			granularity,
 			defaultValue: value,
 		});
 
-		placeholder = defaultPlaceholder;
+		if (setPlaceholder) {
+			placeholder = defaultPlaceholder;
+		}
+
+		return defaultPlaceholder;
 	}
 
 	// SSR
@@ -64,8 +67,12 @@
 			}
 		),
 		placeholder: box.with(
-			() => placeholder as DateValue,
+			() => {
+				if (placeholder === undefined) return handleDefaultPlaceholder(false);
+				return placeholder;
+			},
 			(v) => {
+				if (v === undefined) return;
 				placeholder = v;
 				onPlaceholderChange(v);
 			}

package/dist/bits/date-field/date-field.svelte.js

@@ -33,7 +33,11 @@ const SEGMENT_CONFIGS = {
         max: 12,
         cycle: 1,
         padZero: true,
-        getAnnouncement: (month, root) => `${month} - ${root.formatter.fullMonth(toDate(root.placeholder.current.set({ month })))}`,
+        getAnnouncement: (month, root) => {
+            if (!root.placeholder.current)
+                return "";
+            return `${month} - ${root.formatter.fullMonth(toDate(root.placeholder.current.set({ month })))}`;
+        },
     },
     year: {
         min: 1,
@@ -384,16 +388,18 @@ export class DateFieldRootState {
         const inferred = inferGranularity(this.placeholder.current, this.granularity.current);
         return inferred;
     });
-    dateRef = $derived.by(() => this.value.current ?? this.placeholder.current);
-    allSegmentContent = $derived.by(() => createContent({
-        segmentValues: this.segmentValues,
-        formatter: this.formatter,
-        locale: this.locale.current,
-        granularity: this.inferredGranularity,
-        dateRef: this.dateRef,
-        hideTimeZone: this.hideTimeZone.current,
-        hourCycle: this.hourCycle.current,
-    }));
+    dateRef = $derived.by(() => this.value.current !== undefined ? this.value.current : this.placeholder.current);
+    allSegmentContent = $derived.by(() => {
+        return createContent({
+            segmentValues: this.segmentValues,
+            formatter: this.formatter,
+            locale: this.locale.current,
+            granularity: this.inferredGranularity,
+            dateRef: this.dateRef,
+            hideTimeZone: this.hideTimeZone.current,
+            hourCycle: this.hourCycle.current,
+        });
+    });
     segmentContents = $derived.by(() => this.allSegmentContent.arr);
     sharedSegmentAttrs = {
         role: "spinbutton",
@@ -1055,7 +1061,7 @@ class DateFieldHourSegmentState extends BaseNumericSegmentState {
         // Add special handling for hour display with dayPeriod
         if (isNumberString(e.key)) {
             const oldUpdateSegment = this.root.updateSegment.bind(this.root);
-            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            // oxlint-disable-next-line no-explicit-any
             this.root.updateSegment = (part, cb) => {
                 const result = oldUpdateSegment(part, cb);
                 // After updating hour, check if we need to display "12" instead of "0"

package/dist/bits/menu/menu.svelte.d.ts

@@ -4,7 +4,7 @@ import { CustomEventDispatcher } from "../../internal/events.js";
 import type { AnyFn, BitsFocusEvent, BitsKeyboardEvent, BitsMouseEvent, BitsPointerEvent, OnChangeFn, RefAttachment, WithRefOpts } from "../../internal/types.js";
 import type { Direction } from "../../shared/index.js";
 import { IsUsingKeyboard } from "../../index.js";
-import type { KeyboardEventHandler, PointerEventHandler } from "svelte/elements";
+import type { KeyboardEventHandler, PointerEventHandler, MouseEventHandler } from "svelte/elements";
 import { RovingFocusGroup } from "../../internal/roving-focus-group.js";
 export declare const CONTEXT_MENU_TRIGGER_ATTR = "data-context-menu-trigger";
 export declare const MenuCheckboxGroupContext: Context<MenuCheckboxGroupState>;
@@ -346,6 +346,7 @@ export declare class DropdownMenuTriggerState {
     readonly parentMenu: MenuMenuState;
     readonly attachment: RefAttachment;
     constructor(opts: DropdownMenuTriggerStateOpts, parentMenu: MenuMenuState);
+    onclick: MouseEventHandler<HTMLElement>;
     onpointerdown: PointerEventHandler<HTMLElement>;
     onpointerup: PointerEventHandler<HTMLElement>;
     onkeydown: KeyboardEventHandler<HTMLElement>;
@@ -357,6 +358,7 @@ export declare class DropdownMenuTriggerState {
         readonly "aria-controls": string | undefined;
         readonly "data-disabled": "" | undefined;
         readonly "data-state": "open" | "closed";
+        readonly onclick: MouseEventHandler<HTMLElement>;
         readonly onpointerdown: PointerEventHandler<HTMLElement>;
         readonly onpointerup: PointerEventHandler<HTMLElement>;
         readonly onkeydown: KeyboardEventHandler<HTMLElement>;

package/dist/bits/menu/menu.svelte.js

@@ -768,6 +768,17 @@ export class DropdownMenuTriggerState {
         this.parentMenu = parentMenu;
         this.attachment = attachRef(this.opts.ref, (v) => (this.parentMenu.triggerNode = v));
     }
+    onclick = (e) => {
+        /**
+         * MacOS VoiceOver sends a click in Safari/Firefox bypassing the keydown event
+         * when V0+Space is pressed. Since we already handle the keydown event and the
+         * pointerdown events separately, we ignore it if the detail is not 0.
+         */
+        if (this.opts.disabled.current || e.detail !== 0)
+            return;
+        this.parentMenu.toggleOpen();
+        e.preventDefault();
+    };
     onpointerdown = (e) => {
         if (this.opts.disabled.current)
             return;
@@ -817,6 +828,7 @@ export class DropdownMenuTriggerState {
         "data-state": getDataOpenClosed(this.parentMenu.opts.open.current),
         [this.parentMenu.root.getBitsAttr("trigger")]: "",
         //
+        onclick: this.onclick,
         onpointerdown: this.onpointerdown,
         onpointerup: this.onpointerup,
         onkeydown: this.onkeydown,

package/dist/bits/pin-input/pin-input.svelte.js

@@ -413,7 +413,7 @@ export class PinInputCellState {
         ...this.attachment,
     }));
 }
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
+// oxlint-disable-next-line no-explicit-any
 export function syncTimeouts(cb, domContext) {
     const t1 = domContext.setTimeout(cb, 0); // For faster machines
     const t2 = domContext.setTimeout(cb, 1_0);

package/dist/bits/scroll-area/components/scroll-area-scrollbar-x.svelte

@@ -12,7 +12,7 @@
 	const scrollbarXState = ScrollAreaScrollbarXState.create({
 		mounted: box.with(() => isMounted.current),
 	});
-	// eslint-disable-next-line @typescript-eslint/no-explicit-any
+	// oxlint-disable-next-line no-explicit-any
 	const mergedProps = $derived(mergeProps(restProps, scrollbarXState.props)) as any;
 </script>
 

package/dist/bits/scroll-area/components/scroll-area-scrollbar-y.svelte

@@ -13,7 +13,7 @@
 		mounted: box.with(() => isMounted.current),
 	});
 
-	// eslint-disable-next-line @typescript-eslint/no-explicit-any
+	// oxlint-disable-next-line no-explicit-any
 	const mergedProps = $derived(mergeProps(restProps, scrollbarYState.props)) as any;
 </script>
 

package/dist/bits/select/components/select.svelte

@@ -48,7 +48,7 @@
 			() => value!,
 			(v) => {
 				value = v;
-				// eslint-disable-next-line @typescript-eslint/no-explicit-any
+				// oxlint-disable-next-line no-explicit-any
 				onValueChange(v as any);
 			}
 		) as WritableBox<string> | WritableBox<string[]>,

package/dist/bits/time-field/time-field.svelte.js

@@ -796,7 +796,7 @@ class TimeFieldHourSegmentState extends BaseTimeSegmentState {
     onkeydown(e) {
         if (isNumberString(e.key)) {
             const oldUpdateSegment = this.root.updateSegment.bind(this.root);
-            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            // oxlint-disable-next-line no-explicit-any
             this.root.updateSegment = (part, cb) => {
                 const result = oldUpdateSegment(part, cb);
                 // after updating hour, check if we need to display "12" instead of "0"

package/dist/bits/utilities/dismissible-layer/use-dismissable-layer.svelte.js

@@ -227,10 +227,10 @@ function createWrappedEvent(e) {
                 return isPrevented;
             }
             if (prop in target) {
-                // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                // oxlint-disable-next-line no-explicit-any
                 return target[prop];
             }
-            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            // oxlint-disable-next-line no-explicit-any
             return e[prop];
         },
     });

package/dist/internal/date-time/calendar-helpers.svelte.js

@@ -227,7 +227,7 @@ export function handleCalendarKeydown({ event, handleCellClick, shiftFocus, plac
     const currentCell = event.target;
     if (!isCalendarDayNode(currentCell))
         return;
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    // oxlint-disable-next-line no-explicit-any
     if (!ARROW_KEYS.includes(event.key) && !SELECT_KEYS.includes(event.key))
         return;
     event.preventDefault();
@@ -237,7 +237,7 @@ export function handleCalendarKeydown({ event, handleCellClick, shiftFocus, plac
         [kbd.ARROW_LEFT]: -1,
         [kbd.ARROW_RIGHT]: 1,
     };
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    // oxlint-disable-next-line no-explicit-any
     if (ARROW_KEYS.includes(event.key)) {
         const add = kbdFocusMap[event.key];
         if (add !== undefined) {

package/dist/internal/debounce.js

@@ -1,4 +1,4 @@
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
+// oxlint-disable-next-line no-explicit-any
 export function debounce(fn, wait = 500) {
     let timeout = null;
     const debounced = (...args) => {

package/dist/internal/focus.js

@@ -84,7 +84,7 @@ export function getTabbableCandidates(container) {
     const nodes = [];
     const doc = getDocument(container);
     const walker = doc.createTreeWalker(container, NodeFilter.SHOW_ELEMENT, {
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        // oxlint-disable-next-line no-explicit-any
         acceptNode: (node) => {
             const isHiddenInput = node.tagName === "INPUT" && node.type === "hidden";
             if (node.disabled || node.hidden || isHiddenInput)

package/dist/shared/css.d.ts

@@ -1,10 +1,9 @@
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
 import type * as CSS from "csstype";
 
 declare module "csstype" {
 	interface Properties {
 		// Allow any CSS Custom Properties
-		// eslint-disable-next-line @typescript-eslint/no-explicit-any
+		// oxlint-disable-next-line no-explicit-any
 		[index: `--${string}`]: any;
 	}
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bits-ui",
-  "version": "2.9.7",
+  "version": "2.9.9",
   "license": "MIT",
   "repository": "github:huntabyte/bits-ui",
   "funding": "https://github.com/sponsors/huntabyte",
@@ -21,18 +21,18 @@
   "devDependencies": {
     "@internationalized/date": "^3.8.2",
     "@sveltejs/kit": "^2.31.0",
-    "@sveltejs/package": "^2.4.1",
-    "@sveltejs/vite-plugin-svelte": "^6.1.2",
+    "@sveltejs/package": "2.5.0",
+    "@sveltejs/vite-plugin-svelte": "^6.2.0",
     "@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.38.1",
+    "svelte": "^5.38.10",
     "svelte-check": "^4.3.1",
-    "typescript": "^5.8.3",
-    "vite": "^7.0.4",
-    "vitest": "^3.2.3"
+    "typescript": "^5.9.2",
+    "vite": "^7.1.5",
+    "vitest": "^3.2.4"
   },
   "svelte": "./dist/index.js",
   "types": "./dist/index.d.ts",