bits-ui 2.8.12 → 2.8.14

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

@@ -177,7 +177,7 @@ export class MenuContentState {
         return this.parentMenu.root.isPointerInTransit;
     }
     onCloseAutoFocus = (e) => {
-        this.opts.onCloseAutoFocus.current(e);
+        this.opts.onCloseAutoFocus.current?.(e);
         if (e.defaultPrevented || this.#isSub)
             return;
         if (this.parentMenu.triggerNode && isTabbable(this.parentMenu.triggerNode)) {

package/dist/bits/menubar/menubar.svelte.js

@@ -4,7 +4,7 @@ import { createBitsAttrs, getAriaExpanded, getDataDisabled, getDataOpenClosed, }
 import { kbd } from "../../internal/kbd.js";
 import { wrapArray } from "../../internal/arrays.js";
 import { onMount } from "svelte";
-import { getFloatingContentCSSVars } from "../../internal/floating-svelte/floating-utils.svelte";
+import { getFloatingContentCSSVars } from "../../internal/floating-svelte/floating-utils.svelte.js";
 import { RovingFocusGroup } from "../../internal/roving-focus-group.js";
 const menubarAttrs = createBitsAttrs({
     component: "menubar",
@@ -226,7 +226,7 @@ export class MenubarContentState {
         this.attachment = attachRef(this.opts.ref, (v) => (this.menu.contentNode = v));
     }
     onCloseAutoFocus = (e) => {
-        this.opts.onCloseAutoFocus.current(e);
+        this.opts.onCloseAutoFocus.current?.(e);
         if (e.defaultPrevented)
             return;
     };

package/dist/bits/popover/components/popover-content-static.svelte

@@ -21,6 +21,7 @@
 		onInteractOutside = noop,
 		trapFocus = true,
 		preventScroll = false,
+
 		...restProps
 	}: PopoverContentStaticProps = $props();
 
@@ -33,6 +34,7 @@
 		onInteractOutside: box.with(() => onInteractOutside),
 		onEscapeKeydown: box.with(() => onEscapeKeydown),
 		onCloseAutoFocus: box.with(() => onCloseAutoFocus),
+		customAnchor: box.with(() => null),
 	});
 
 	const mergedProps = $derived(mergeProps(restProps, contentState.props));

package/dist/bits/popover/components/popover-content.svelte

@@ -21,6 +21,7 @@
 		onInteractOutside = noop,
 		trapFocus = true,
 		preventScroll = false,
+		customAnchor = null,
 		...restProps
 	}: PopoverContentProps = $props();
 
@@ -33,6 +34,7 @@
 		onInteractOutside: box.with(() => onInteractOutside),
 		onEscapeKeydown: box.with(() => onEscapeKeydown),
 		onCloseAutoFocus: box.with(() => onCloseAutoFocus),
+		customAnchor: box.with(() => customAnchor),
 	});
 
 	const mergedProps = $derived(mergeProps(restProps, contentState.props));
@@ -49,6 +51,7 @@
 		{preventScroll}
 		loop
 		forceMount={true}
+		{customAnchor}
 	>
 		{#snippet popper({ props, wrapperProps })}
 			{@const finalProps = mergeProps(props, {
@@ -76,6 +79,7 @@
 		{preventScroll}
 		loop
 		forceMount={false}
+		{customAnchor}
 	>
 		{#snippet popper({ props, wrapperProps })}
 			{@const finalProps = mergeProps(props, {

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

@@ -1,5 +1,6 @@
 import { type ReadableBoxedValues, type WritableBoxedValues } from "svelte-toolbelt";
 import type { BitsKeyboardEvent, BitsMouseEvent, BitsPointerEvent, OnChangeFn, RefAttachment, WithRefOpts } from "../../internal/types.js";
+import type { Measurable } from "../../internal/floating-svelte/types.js";
 interface PopoverRootStateOpts extends WritableBoxedValues<{
     open: boolean;
 }>, ReadableBoxedValues<{
@@ -43,6 +44,7 @@ interface PopoverContentStateOpts extends WithRefOpts, ReadableBoxedValues<{
     onInteractOutside: (e: PointerEvent) => void;
     onEscapeKeydown: (e: KeyboardEvent) => void;
     onCloseAutoFocus: (e: Event) => void;
+    customAnchor: string | HTMLElement | null | Measurable;
 }> {
 }
 export declare class PopoverContentState {

package/dist/bits/popover/popover.svelte.js

@@ -103,8 +103,19 @@ export class PopoverContentState {
         if (!isElement(e.target))
             return;
         const closestTrigger = e.target.closest(popoverAttrs.selector("trigger"));
-        if (closestTrigger === this.root.triggerNode)
+        if (closestTrigger && closestTrigger === this.root.triggerNode)
             return;
+        if (this.opts.customAnchor.current) {
+            if (isElement(this.opts.customAnchor.current)) {
+                if (this.opts.customAnchor.current.contains(e.target))
+                    return;
+            }
+            else if (typeof this.opts.customAnchor.current === "string") {
+                const el = document.querySelector(this.opts.customAnchor.current);
+                if (el && el.contains(e.target))
+                    return;
+            }
+        }
         this.root.handleClose();
     };
     onEscapeKeydown = (e) => {
@@ -114,7 +125,7 @@ export class PopoverContentState {
         this.root.handleClose();
     };
     onCloseAutoFocus = (e) => {
-        this.opts.onCloseAutoFocus.current(e);
+        this.opts.onCloseAutoFocus.current?.(e);
         if (e.defaultPrevented)
             return;
         e.preventDefault();

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

@@ -80,7 +80,9 @@
 </FloatingLayer>
 
 {#if Array.isArray(rootState.opts.value.current)}
-	{#if rootState.opts.value.current.length}
+	{#if rootState.opts.value.current.length === 0}
+		<SelectHiddenInput {autocomplete} />
+	{:else}
 		{#each rootState.opts.value.current as item (item)}
 			<SelectHiddenInput value={item} {autocomplete} />
 		{/each}

package/dist/bits/utilities/focus-scope/focus-scope.svelte.js

@@ -73,7 +73,7 @@ export class FocusScope {
             bubbles: false,
             cancelable: true,
         });
-        this.#opts.onCloseAutoFocus.current(event);
+        this.#opts.onCloseAutoFocus.current?.(event);
         if (!event.defaultPrevented) {
             // return focus to previously focused element
             const prevFocused = document.activeElement;

package/dist/internal/date-time/field/time-helpers.js

@@ -294,8 +294,5 @@ export function isTimeAfter(timeToCompare, referenceTime) {
     return timeToCompare.compare(referenceTime) > 0;
 }
 export function getISOTimeValue(time) {
-    if (time instanceof Time) {
-        return Time.toString();
-    }
-    return new Time(time.hour, time.minute, time.second, time.millisecond).toString();
+    return convertTimeValueToTime(time).toString();
 }

package/package.json

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