bits-ui 2.15.0 → 2.15.2

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

@@ -4,7 +4,7 @@ import { on } from "svelte/events";
 import { createBitsAttrs, boolToStr, getDataOpenClosed } from "../../internal/attrs.js";
 import { isElement, isFocusVisible, isTouch } from "../../internal/is.js";
 import { getTabbableCandidates } from "../../internal/focus.js";
-import { GraceArea } from "../../internal/grace-area.svelte.js";
+import { SafePolygon } from "../../internal/safe-polygon.svelte.js";
 import { PresenceManager } from "../../internal/presence-manager.svelte.js";
 const linkPreviewAttrs = createBitsAttrs({
     component: "link-preview",
@@ -169,7 +169,7 @@ export class LinkPreviewContentState {
         this.onpointerdown = this.onpointerdown.bind(this);
         this.onpointerenter = this.onpointerenter.bind(this);
         this.onfocusout = this.onfocusout.bind(this);
-        new GraceArea({
+        new SafePolygon({
             triggerNode: () => this.root.triggerNode,
             contentNode: () => this.opts.ref.current,
             enabled: () => this.root.opts.open.current,

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

@@ -68,6 +68,7 @@
 		ref={contentState.opts.ref}
 		tooltip={true}
 		shouldRender={contentState.shouldRender}
+		contentPointerEvents={contentState.root.disableHoverableContent ? "none" : "auto"}
 	>
 		{#snippet popper({ props, wrapperProps })}
 			{@const mergedProps = mergeProps(props, {
@@ -97,6 +98,7 @@
 		ref={contentState.opts.ref}
 		tooltip={true}
 		shouldRender={contentState.shouldRender}
+		contentPointerEvents={contentState.root.disableHoverableContent ? "none" : "auto"}
 	>
 		{#snippet popper({ props, wrapperProps })}
 			{@const mergedProps = mergeProps(props, {

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

@@ -109,7 +109,6 @@ export declare class TooltipContentState {
         readonly "data-state": "closed" | "delayed-open" | "instant-open";
         readonly "data-disabled": "" | undefined;
         readonly style: {
-            readonly pointerEvents: "auto";
             readonly outline: "none";
         };
     };

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

@@ -4,7 +4,7 @@ import { Context, watch } from "runed";
 import { isElement, isFocusVisible } from "../../internal/is.js";
 import { createBitsAttrs, boolToEmptyStrOrUndef } from "../../internal/attrs.js";
 import { TimeoutFn } from "../../internal/timeout-fn.js";
-import { GraceArea } from "../../internal/grace-area.svelte.js";
+import { SafePolygon } from "../../internal/safe-polygon.svelte.js";
 import { PresenceManager } from "../../internal/presence-manager.svelte.js";
 export const tooltipAttrs = createBitsAttrs({
     component: "tooltip",
@@ -279,7 +279,7 @@ export class TooltipContentState {
         this.opts = opts;
         this.root = root;
         this.attachment = attachRef(this.opts.ref, (v) => (this.root.contentNode = v));
-        new GraceArea({
+        new SafePolygon({
             triggerNode: () => this.root.triggerNode,
             contentNode: () => this.root.contentNode,
             enabled: () => this.root.opts.open.current && !this.root.disableHoverableContent,
@@ -288,10 +288,6 @@ export class TooltipContentState {
                     this.root.handleClose();
                 }
             },
-            setIsPointerInTransit: (value) => {
-                this.root.provider.isPointerInTransit.current = value;
-            },
-            transitTimeout: this.root.provider.opts.skipDelayDuration.current,
         });
         onMountEffect(() => on(window, "scroll", (e) => {
             const target = e.target;
@@ -335,7 +331,6 @@ export class TooltipContentState {
         "data-state": this.root.stateAttr,
         "data-disabled": boolToEmptyStrOrUndef(this.root.disabled),
         style: {
-            pointerEvents: "auto",
             outline: "none",
         },
         [tooltipAttrs.content]: "",

package/dist/bits/utilities/popper-layer/popper-layer-inner.svelte

@@ -46,9 +46,11 @@
 		enabled,
 		ref,
 		tooltip = false,
+		contentPointerEvents = "auto",
 		...restProps
 	}: Omit<PopperLayerImplProps, "open" | "children" | "shouldRender"> & {
 		enabled: boolean;
+		contentPointerEvents?: "auto" | "none";
 	} = $props();
 </script>
 
@@ -118,7 +120,7 @@
 										focusScopeProps,
 										{
 											style: {
-												pointerEvents: "auto",
+												pointerEvents: contentPointerEvents,
 											},
 										}
 									),

package/dist/bits/utilities/popper-layer/popper-layer-inner.svelte.d.ts

@@ -1,6 +1,7 @@
 import type { PopperLayerImplProps } from "./types.js";
 type $$ComponentProps = Omit<PopperLayerImplProps, "open" | "children" | "shouldRender"> & {
     enabled: boolean;
+    contentPointerEvents?: "auto" | "none";
 };
 declare const PopperLayerInner: import("svelte").Component<$$ComponentProps, {}, "">;
 type PopperLayerInner = ReturnType<typeof PopperLayerInner>;

package/dist/bits/utilities/popper-layer/types.d.ts

@@ -35,4 +35,9 @@ export type PopperLayerImplProps = Omit<EscapeLayerImplProps & DismissibleLayerI
      * Whether the popper layer should be rendered.
      */
     shouldRender: boolean;
+    /**
+     * Override for the content's pointer-events style.
+     * @default "auto"
+     */
+    contentPointerEvents?: "auto" | "none";
 }, "enabled">;

package/package.json

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