bits-ui 2.14.1 → 2.14.2

package/dist/bits/menubar/components/menubar.svelte

@@ -12,7 +12,7 @@
 		children,
 		child,
 		ref = $bindable(null),
-		value = "",
+		value = $bindable(""),
 		dir = "ltr",
 		loop = true,
 		onValueChange = noop,

package/dist/bits/menubar/components/menubar.svelte.d.ts

@@ -1,4 +1,4 @@
 import type { MenubarRootProps } from "../types.js";
-declare const Menubar: import("svelte").Component<MenubarRootProps, {}, "ref">;
+declare const Menubar: import("svelte").Component<MenubarRootProps, {}, "value" | "ref">;
 type Menubar = ReturnType<typeof Menubar>;
 export default Menubar;

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

@@ -77,6 +77,7 @@ export declare class TooltipTriggerState {
         readonly disabled: boolean;
         readonly onpointerup: PointerEventHandler<HTMLElement>;
         readonly onpointerdown: PointerEventHandler<HTMLElement>;
+        readonly onpointerenter: PointerEventHandler<HTMLElement>;
         readonly onpointermove: PointerEventHandler<HTMLElement>;
         readonly onpointerleave: PointerEventHandler<HTMLElement>;
         readonly onfocus: FocusEventHandler<HTMLElement>;

package/dist/bits/tooltip/tooltip.svelte.js

@@ -159,12 +159,19 @@ export class TooltipTriggerState {
     #hasPointerMoveOpened = $state(false);
     #isDisabled = $derived.by(() => this.opts.disabled.current || this.root.disabled);
     domContext;
+    #transitCheckTimeout = null;
     constructor(opts, root) {
         this.opts = opts;
         this.root = root;
         this.domContext = new DOMContext(opts.ref);
         this.attachment = attachRef(this.opts.ref, (v) => (this.root.triggerNode = v));
     }
+    #clearTransitCheck = () => {
+        if (this.#transitCheckTimeout !== null) {
+            clearTimeout(this.#transitCheckTimeout);
+            this.#transitCheckTimeout = null;
+        }
+    };
     handlePointerUp = () => {
         this.#isPointerDown.current = false;
     };
@@ -181,6 +188,27 @@ export class TooltipTriggerState {
             this.handlePointerUp();
         }, { once: true });
     };
+    #onpointerenter = (e) => {
+        if (this.#isDisabled)
+            return;
+        if (e.pointerType === "touch")
+            return;
+        // if in transit, wait briefly to see if user is actually heading to old content or staying here
+        if (this.root.provider.isPointerInTransit.current) {
+            this.#clearTransitCheck();
+            this.#transitCheckTimeout = window.setTimeout(() => {
+                // if still in transit after delay, user is likely staying on this trigger
+                if (this.root.provider.isPointerInTransit.current) {
+                    this.root.provider.isPointerInTransit.current = false;
+                    this.root.onTriggerEnter();
+                    this.#hasPointerMoveOpened = true;
+                }
+            }, 250);
+            return;
+        }
+        this.root.onTriggerEnter();
+        this.#hasPointerMoveOpened = true;
+    };
     #onpointermove = (e) => {
         if (this.#isDisabled)
             return;
@@ -188,14 +216,16 @@ export class TooltipTriggerState {
             return;
         if (this.#hasPointerMoveOpened)
             return;
-        if (this.root.provider.isPointerInTransit.current)
-            return;
+        // moving within trigger means we're definitely not in transit anymore
+        this.#clearTransitCheck();
+        this.root.provider.isPointerInTransit.current = false;
         this.root.onTriggerEnter();
         this.#hasPointerMoveOpened = true;
     };
     #onpointerleave = () => {
         if (this.#isDisabled)
             return;
+        this.#clearTransitCheck();
         this.root.onTriggerLeave();
         this.#hasPointerMoveOpened = false;
     };
@@ -229,6 +259,7 @@ export class TooltipTriggerState {
         disabled: this.opts.disabled.current,
         onpointerup: this.#onpointerup,
         onpointerdown: this.#onpointerdown,
+        onpointerenter: this.#onpointerenter,
         onpointermove: this.#onpointermove,
         onpointerleave: this.#onpointerleave,
         onfocus: this.#onfocus,

package/package.json

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