bits-ui 1.1.0 → 1.2.1

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

@@ -75,11 +75,18 @@ declare class TooltipTriggerState {
         onclick: () => void;
     };
 }
-type TooltipContentStateProps = WithRefProps;
+type TooltipContentStateProps = WithRefProps & ReadableBoxedValues<{
+    onInteractOutside: (e: PointerEvent) => void;
+    onEscapeKeydown: (e: KeyboardEvent) => void;
+}>;
 declare class TooltipContentState {
     readonly opts: TooltipContentStateProps;
     readonly root: TooltipRootState;
     constructor(opts: TooltipContentStateProps, root: TooltipRootState);
+    onInteractOutside: (e: PointerEvent) => void;
+    onEscapeKeydown: (e: KeyboardEvent) => void;
+    onOpenAutoFocus: (e: Event) => void;
+    onCloseAutoFocus: (e: Event) => void;
     snippetProps: {
         open: boolean;
     };
@@ -93,6 +100,12 @@ declare class TooltipContentState {
         };
         readonly "data-tooltip-content": "";
     };
+    popperProps: {
+        onInteractOutside: (e: PointerEvent) => void;
+        onEscapeKeydown: (e: KeyboardEvent) => void;
+        onOpenAutoFocus: (e: Event) => void;
+        onCloseAutoFocus: (e: Event) => void;
+    };
 }
 export declare function useTooltipProvider(props: TooltipProviderStateProps): TooltipProviderState;
 export declare function useTooltipRoot(props: TooltipRootStateProps): TooltipRootState;

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

@@ -2,7 +2,7 @@ import { box, executeCallbacks, onMountEffect, useRefById } from "svelte-toolbel
 import { on } from "svelte/events";
 import { Context, watch } from "runed";
 import { useTimeoutFn } from "../../internal/use-timeout-fn.svelte.js";
-import { isFocusVisible } from "../../internal/is.js";
+import { isElement, isFocusVisible } from "../../internal/is.js";
 import { useGraceArea } from "../../internal/use-grace-area.svelte.js";
 import { getDataDisabled } from "../../internal/attrs.js";
 import { CustomEventDispatcher } from "../../internal/events.js";
@@ -224,6 +224,30 @@ class TooltipContentState {
             }
         }), TooltipOpenEvent.listen(window, this.root.handleClose)));
     }
+    onInteractOutside = (e) => {
+        if (isElement(e.target) &&
+            this.root.triggerNode?.contains(e.target) &&
+            this.root.disableCloseOnTriggerClick) {
+            e.preventDefault();
+            return;
+        }
+        this.opts.onInteractOutside.current(e);
+        if (e.defaultPrevented)
+            return;
+        this.root.handleClose();
+    };
+    onEscapeKeydown = (e) => {
+        this.opts.onEscapeKeydown.current?.(e);
+        if (e.defaultPrevented)
+            return;
+        this.root.handleClose();
+    };
+    onOpenAutoFocus = (e) => {
+        e.preventDefault();
+    };
+    onCloseAutoFocus = (e) => {
+        e.preventDefault();
+    };
     snippetProps = $derived.by(() => ({ open: this.root.opts.open.current }));
     props = $derived.by(() => ({
         id: this.opts.id.current,
@@ -235,6 +259,12 @@ class TooltipContentState {
         },
         [TOOLTIP_CONTENT_ATTR]: "",
     }));
+    popperProps = {
+        onInteractOutside: this.onInteractOutside,
+        onEscapeKeydown: this.onEscapeKeydown,
+        onOpenAutoFocus: this.onOpenAutoFocus,
+        onCloseAutoFocus: this.onCloseAutoFocus,
+    };
 }
 //
 // CONTEXT METHODS

package/package.json

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