@skdx/vue 0.26.0 → 0.28.0

package/dist/tooltip/TooltipContent.vue.d.cts

@@ -1,20 +1,14 @@
 import { type Align, type PhysicalSide, type Side } from '../utils/popper.cjs';
 /**
- * The tooltip's floating bubble: `role="tooltip"` with `data-state`
- * (`open`/`closed`), positioned via the shared popper layer against the
- * trigger using `side` (defaults to `'top'`) / `align` / `sideOffset`
- * (defaults to `4`) / `alignOffset`, flipping/shifting to avoid viewport
- * collisions unless `avoidCollisions` is `false` — against
- * `collisionBoundary` when one is given, otherwise the bubble's clipping
- * ancestors. Also exposes `data-side`/`data-align` reflecting the resolved
- * placement, and the measurement custom properties
- * `--skdx-tooltip-available-width` / `-available-height` / `-trigger-width` /
- * `-transform-origin`, so the bubble can be sized and animated from CSS
- * without measuring anything by hand. Ignores pointer events so it never
- * steals hover from the page, unless the tooltip was given
- * `disable-hoverable-content="false"` — then it accepts the pointer and stays
- * open while hovered. Mounts only while open unless `forceMount` is set. Must
- * be used inside `SkdxTooltip`.
+ * The tooltip's floating bubble: `role="tooltip"` positioned against the
+ * trigger using `side`/`align`/`sideOffset`/`alignOffset`, with flipping/shifting
+ * to avoid viewport collisions. Exposes `data-state` (`closed`, `delayed-open`,
+ * `instant-open`), `data-side`/`data-align` for the resolved placement, and CSS
+ * custom properties for sizing and animation. Accepts pointer events and stays
+ * open while hovered (WCAG 2.2 SC 1.4.13 Hoverable), publishing `data-hoverable`
+ * while it does. With `disable-hoverable-content` true, ignores pointer events
+ * entirely. Mounts only while open unless `forceMount` is set. Must be used
+ * inside `SkdxTooltip`.
  */
 type __VLS_Props = {
     /** Preferred side of the trigger to render the tooltip on. */
@@ -45,8 +39,8 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     forceMount: boolean;
-    side: Side;
     align: Align;
+    side: Side;
     sideOffset: number;
     alignOffset: number;
     avoidCollisions: boolean;

package/dist/tooltip/TooltipContent.vue.d.ts

@@ -1,20 +1,14 @@
 import { type Align, type PhysicalSide, type Side } from '../utils/popper.js';
 /**
- * The tooltip's floating bubble: `role="tooltip"` with `data-state`
- * (`open`/`closed`), positioned via the shared popper layer against the
- * trigger using `side` (defaults to `'top'`) / `align` / `sideOffset`
- * (defaults to `4`) / `alignOffset`, flipping/shifting to avoid viewport
- * collisions unless `avoidCollisions` is `false` — against
- * `collisionBoundary` when one is given, otherwise the bubble's clipping
- * ancestors. Also exposes `data-side`/`data-align` reflecting the resolved
- * placement, and the measurement custom properties
- * `--skdx-tooltip-available-width` / `-available-height` / `-trigger-width` /
- * `-transform-origin`, so the bubble can be sized and animated from CSS
- * without measuring anything by hand. Ignores pointer events so it never
- * steals hover from the page, unless the tooltip was given
- * `disable-hoverable-content="false"` — then it accepts the pointer and stays
- * open while hovered. Mounts only while open unless `forceMount` is set. Must
- * be used inside `SkdxTooltip`.
+ * The tooltip's floating bubble: `role="tooltip"` positioned against the
+ * trigger using `side`/`align`/`sideOffset`/`alignOffset`, with flipping/shifting
+ * to avoid viewport collisions. Exposes `data-state` (`closed`, `delayed-open`,
+ * `instant-open`), `data-side`/`data-align` for the resolved placement, and CSS
+ * custom properties for sizing and animation. Accepts pointer events and stays
+ * open while hovered (WCAG 2.2 SC 1.4.13 Hoverable), publishing `data-hoverable`
+ * while it does. With `disable-hoverable-content` true, ignores pointer events
+ * entirely. Mounts only while open unless `forceMount` is set. Must be used
+ * inside `SkdxTooltip`.
  */
 type __VLS_Props = {
     /** Preferred side of the trigger to render the tooltip on. */
@@ -45,8 +39,8 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     forceMount: boolean;
-    side: Side;
     align: Align;
+    side: Side;
     sideOffset: number;
     alignOffset: number;
     avoidCollisions: boolean;

package/dist/tooltip/TooltipContent.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const C=require("../utils/composeRefs.cjs"),r=require("../utils/popper.cjs"),y=require("./context.cjs");let e=require("vue");var P=["id","data-state","data-side","data-align"],E=(0,e.defineComponent)({__name:"TooltipContent",props:{side:{default:"top"},align:{default:"center"},sideOffset:{default:4},alignOffset:{default:0},avoidCollisions:{type:Boolean,default:!0},collisionPadding:{default:8},collisionBoundary:{},forceMount:{type:Boolean,default:!1}},setup(l){const s=l,t=(0,e.inject)(y.TOOLTIP_CONTEXT);if(!t)throw new Error("SkdxTooltipContent must be used within SkdxTooltip.");const a=(0,e.inject)(r.POPPER_CONTEXT);if(!a)throw new Error("SkdxTooltipContent must be used within SkdxTooltip.");const i=(0,e.ref)(null),u=(0,e.ref)(null),d=C.composeRefs(i,t.contentRef),{style:c,arrowStyle:p,placedSide:f,placedAlign:v}=r.usePopperPosition(a.anchor,i,t.open,()=>({...s,component:"tooltip"}),u),o=(0,e.computed)(()=>!t.disableHoverableContent.value),_=(0,e.computed)(()=>({...c.value,pointerEvents:o.value?"auto":"none"}));function T(){o.value&&t.onOpen()}function m(){o.value&&t.onClose()}return(0,e.provide)(r.ARROW_CONTEXT,{style:p,setArrowEl:n=>{u.value=n}}),(n,O)=>l.forceMount||(0,e.unref)(t).open.value?((0,e.openBlock)(),(0,e.createElementBlock)("div",{key:0,class:"skdx-tooltip__content","data-part":"content",id:(0,e.unref)(t).contentId,ref:(0,e.unref)(d),role:"tooltip","data-state":(0,e.unref)(t).open.value?"open":"closed","data-side":(0,e.unref)(f),"data-align":(0,e.unref)(v),style:(0,e.normalizeStyle)(_.value),onPointerenter:T,onPointerleave:m},[(0,e.renderSlot)(n.$slots,"default")],44,P)):(0,e.createCommentVNode)("",!0)}});exports.default=E;
+const y=require("../utils/composeRefs.cjs"),r=require("../utils/popper.cjs"),C=require("./context.cjs");let e=require("vue");var h=["id","data-state","data-side","data-align","data-hoverable"],P=(0,e.defineComponent)({__name:"TooltipContent",props:{side:{default:"top"},align:{default:"center"},sideOffset:{default:4},alignOffset:{default:0},avoidCollisions:{type:Boolean,default:!0},collisionPadding:{default:8},collisionBoundary:{},forceMount:{type:Boolean,default:!1}},setup(a){const s=a,t=(0,e.inject)(C.TOOLTIP_CONTEXT);if(!t)throw new Error("SkdxTooltipContent must be used within SkdxTooltip.");const l=(0,e.inject)(r.POPPER_CONTEXT);if(!l)throw new Error("SkdxTooltipContent must be used within SkdxTooltip.");const i=(0,e.ref)(null),u=(0,e.ref)(null),d=y.composeRefs(i,t.contentRef),{style:c,arrowStyle:p,placedSide:f,placedAlign:v}=r.usePopperPosition(l.anchor,i,t.open,()=>({...s,component:"tooltip"}),u),n=(0,e.computed)(()=>!t.disableHoverableContent.value),_=(0,e.computed)(()=>({...c.value,pointerEvents:n.value?"auto":"none"}));function T(o){n.value&&o.pointerType!=="touch"&&t.onOpen()}function m(o){n.value&&o.pointerType!=="touch"&&t.onClose()}return(0,e.provide)(r.ARROW_CONTEXT,{style:p,setArrowEl:o=>{u.value=o}}),(o,E)=>a.forceMount||(0,e.unref)(t).open.value?((0,e.openBlock)(),(0,e.createElementBlock)("div",{key:0,class:"skdx-tooltip__content","data-part":"content",id:(0,e.unref)(t).contentId,ref:(0,e.unref)(d),role:"tooltip","data-state":(0,e.unref)(t).state.value,"data-side":(0,e.unref)(f),"data-align":(0,e.unref)(v),"data-hoverable":n.value?"":void 0,style:(0,e.normalizeStyle)(_.value),onPointerenter:T,onPointerleave:m},[(0,e.renderSlot)(o.$slots,"default")],44,h)):(0,e.createCommentVNode)("",!0)}});exports.default=P;

package/dist/tooltip/TooltipContent.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{composeRefs as e}from"../utils/composeRefs.js";import{ARROW_CONTEXT as o,POPPER_CONTEXT as t,usePopperPosition as n}from"../utils/popper.js";import{TOOLTIP_CONTEXT as a}from"./context.js";import{computed as l,createCommentVNode as s,createElementBlock as i,defineComponent as r,inject as d,normalizeStyle as p,openBlock as u,provide as f,ref as c,renderSlot as m,unref as v}from"vue";var T=["id","data-state","data-side","data-align"],C=/* @__PURE__ */r({__name:"TooltipContent",props:{side:{default:"top"},align:{default:"center"},sideOffset:{default:4},alignOffset:{default:0},avoidCollisions:{type:Boolean,default:!0},collisionPadding:{default:8},collisionBoundary:{},forceMount:{type:Boolean,default:!1}},setup(r){const C=r,O=d(a);if(!O)throw new Error("SkdxTooltipContent must be used within SkdxTooltip.");const y=d(t);if(!y)throw new Error("SkdxTooltipContent must be used within SkdxTooltip.");const E=c(null),P=c(null),k=e(E,O.contentRef),{style:w,arrowStyle:S,placedSide:x,placedAlign:_}=n(y.anchor,E,O.open,()=>({...C,component:"tooltip"}),P),g=l(()=>!O.disableHoverableContent.value),R=l(()=>({...w.value,pointerEvents:g.value?"auto":"none"}));function h(){g.value&&O.onOpen()}function B(){g.value&&O.onClose()}return f(o,{style:S,setArrowEl:e=>{P.value=e}}),(e,o)=>r.forceMount||v(O).open.value?(u(),i("div",{key:0,class:"skdx-tooltip__content","data-part":"content",id:v(O).contentId,ref:v(k),role:"tooltip","data-state":v(O).open.value?"open":"closed","data-side":v(x),"data-align":v(_),style:p(R.value),onPointerenter:h,onPointerleave:B},[m(e.$slots,"default")],44,T)):s("",!0)}});export{C as default};
+import{composeRefs as e}from"../utils/composeRefs.js";import{ARROW_CONTEXT as t,POPPER_CONTEXT as o,usePopperPosition as a}from"../utils/popper.js";import{TOOLTIP_CONTEXT as n}from"./context.js";import{computed as l,createCommentVNode as s,createElementBlock as i,defineComponent as r,inject as d,normalizeStyle as p,openBlock as u,provide as c,ref as f,renderSlot as v,unref as m}from"vue";var T=["id","data-state","data-side","data-align","data-hoverable"],y=/* @__PURE__ */r({__name:"TooltipContent",props:{side:{default:"top"},align:{default:"center"},sideOffset:{default:4},alignOffset:{default:0},avoidCollisions:{type:Boolean,default:!0},collisionPadding:{default:8},collisionBoundary:{},forceMount:{type:Boolean,default:!1}},setup(r){const y=r,C=d(n);if(!C)throw new Error("SkdxTooltipContent must be used within SkdxTooltip.");const O=d(o);if(!O)throw new Error("SkdxTooltipContent must be used within SkdxTooltip.");const h=f(null),E=f(null),P=e(h,C.contentRef),{style:k,arrowStyle:w,placedSide:S,placedAlign:x}=a(O.anchor,h,C.open,()=>({...y,component:"tooltip"}),E),_=l(()=>!C.disableHoverableContent.value),b=l(()=>({...k.value,pointerEvents:_.value?"auto":"none"}));function g(e){_.value&&"touch"!==e.pointerType&&C.onOpen()}function R(e){_.value&&"touch"!==e.pointerType&&C.onClose()}return c(t,{style:w,setArrowEl:e=>{E.value=e}}),(e,t)=>r.forceMount||m(C).open.value?(u(),i("div",{key:0,class:"skdx-tooltip__content","data-part":"content",id:m(C).contentId,ref:m(P),role:"tooltip","data-state":m(C).state.value,"data-side":m(S),"data-align":m(x),"data-hoverable":_.value?"":void 0,style:p(b.value),onPointerenter:g,onPointerleave:R},[v(e.$slots,"default")],44,T)):s("",!0)}});export{y as default};

package/dist/tooltip/TooltipPortal.vue.d.cts

@@ -1,8 +1,8 @@
 import type { PortalContainer } from '../utils/portal.cjs';
 /**
- * Teleports `SkdxTooltipContent` to `document.body` (or a custom `container`), so the tooltip escapes
- * any clipping/`overflow` ancestors. Mounts only while open unless
- * `forceMount` is set. Must be used inside `SkdxTooltip`.
+ * Teleports `SkdxTooltipContent` to `document.body` (or custom `container`) to escape
+ * clipping/`overflow` ancestors. Mounts only while open unless `forceMount` is set.
+ * Must be used in `SkdxTooltip`.
  */
 type __VLS_Props = {
     /**

package/dist/tooltip/TooltipPortal.vue.d.ts

@@ -1,8 +1,8 @@
 import type { PortalContainer } from '../utils/portal.js';
 /**
- * Teleports `SkdxTooltipContent` to `document.body` (or a custom `container`), so the tooltip escapes
- * any clipping/`overflow` ancestors. Mounts only while open unless
- * `forceMount` is set. Must be used inside `SkdxTooltip`.
+ * Teleports `SkdxTooltipContent` to `document.body` (or custom `container`) to escape
+ * clipping/`overflow` ancestors. Mounts only while open unless `forceMount` is set.
+ * Must be used in `SkdxTooltip`.
  */
 type __VLS_Props = {
     /**

package/dist/tooltip/TooltipProvider.vue.d.cts

@@ -1,26 +1,36 @@
 /**
  * Optional ancestor that coordinates hover-delay timing across multiple
  * `SkdxTooltip`s: after any tooltip closes, sibling tooltips open instantly
- * (skipping `delayDuration`) for `skipDelayDuration` ms, matching how OS
- * tooltips behave when the pointer sweeps between adjacent triggers. Also
- * supplies the default `disableHoverableContent` its descendant tooltips use.
- * Renders no DOM element itself; wrap it once near the root of your app or
- * a toolbar.
+ * for `skipDelayDuration` ms, matching OS tooltip behavior on pointer sweeps.
+ * Also supplies default `disableHoverableContent` and `close-delay` for all
+ * descendant tooltips. Renders no DOM element; wrap once near the app root.
  */
 type __VLS_Props = {
     /** Delay before a tooltip opens on hover (ms). Individual `SkdxTooltip`s can override this. */
     delayDuration?: number;
     /** Window after closing during which sibling tooltips open instantly (ms), skipping their open delay. */
     skipDelayDuration?: number;
+    /**
+     * Delay before a descendant tooltip closes once the pointer leaves its
+     * trigger (ms). Individual `SkdxTooltip`s can override it.
+     *
+     * A hoverable bubble applies a 150 ms floor to whatever this resolves to —
+     * the pointer is over neither the trigger nor the bubble while it crosses
+     * the `side-offset` gap between them, so a shorter delay would close the
+     * tooltip mid-journey and put the content out of reach (WCAG 2.2 SC 1.4.13
+     * Hoverable). This value can only lengthen that window.
+     */
+    closeDelay?: number;
     /**
      * Whether `SkdxTooltipContent` ignores the pointer entirely, so moving off
      * the trigger closes the tooltip even if the pointer lands on the bubble.
      *
-     * Set it `false` to let the pointer travel into the content and keep the
-     * tooltip open — a short grace period covers the gap between the two. The
-     * default differs from Radix's `false`: tooltips here are pointer-
-     * transparent today, and flipping that silently would be a breaking
-     * change. Individual `SkdxTooltip`s can override it.
+     * Defaults to `false`: the pointer travels from the trigger into the
+     * content and the tooltip stays open, with a short grace period covering
+     * the gap between the two. That is the Hoverable requirement of WCAG 2.2
+     * SC 1.4.13 — a bubble that vanishes as the pointer moves toward it cannot
+     * be read by anyone using a magnifier. Set it `true` for a bubble that must
+     * stay pointer-transparent. Individual `SkdxTooltip`s can override it.
      */
     disableHoverableContent?: boolean;
 };
@@ -31,6 +41,7 @@ type __VLS_Slots = {} & {
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     delayDuration: number;
     skipDelayDuration: number;
+    closeDelay: number;
     disableHoverableContent: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;

package/dist/tooltip/TooltipProvider.vue.d.ts

@@ -1,26 +1,36 @@
 /**
  * Optional ancestor that coordinates hover-delay timing across multiple
  * `SkdxTooltip`s: after any tooltip closes, sibling tooltips open instantly
- * (skipping `delayDuration`) for `skipDelayDuration` ms, matching how OS
- * tooltips behave when the pointer sweeps between adjacent triggers. Also
- * supplies the default `disableHoverableContent` its descendant tooltips use.
- * Renders no DOM element itself; wrap it once near the root of your app or
- * a toolbar.
+ * for `skipDelayDuration` ms, matching OS tooltip behavior on pointer sweeps.
+ * Also supplies default `disableHoverableContent` and `close-delay` for all
+ * descendant tooltips. Renders no DOM element; wrap once near the app root.
  */
 type __VLS_Props = {
     /** Delay before a tooltip opens on hover (ms). Individual `SkdxTooltip`s can override this. */
     delayDuration?: number;
     /** Window after closing during which sibling tooltips open instantly (ms), skipping their open delay. */
     skipDelayDuration?: number;
+    /**
+     * Delay before a descendant tooltip closes once the pointer leaves its
+     * trigger (ms). Individual `SkdxTooltip`s can override it.
+     *
+     * A hoverable bubble applies a 150 ms floor to whatever this resolves to —
+     * the pointer is over neither the trigger nor the bubble while it crosses
+     * the `side-offset` gap between them, so a shorter delay would close the
+     * tooltip mid-journey and put the content out of reach (WCAG 2.2 SC 1.4.13
+     * Hoverable). This value can only lengthen that window.
+     */
+    closeDelay?: number;
     /**
      * Whether `SkdxTooltipContent` ignores the pointer entirely, so moving off
      * the trigger closes the tooltip even if the pointer lands on the bubble.
      *
-     * Set it `false` to let the pointer travel into the content and keep the
-     * tooltip open — a short grace period covers the gap between the two. The
-     * default differs from Radix's `false`: tooltips here are pointer-
-     * transparent today, and flipping that silently would be a breaking
-     * change. Individual `SkdxTooltip`s can override it.
+     * Defaults to `false`: the pointer travels from the trigger into the
+     * content and the tooltip stays open, with a short grace period covering
+     * the gap between the two. That is the Hoverable requirement of WCAG 2.2
+     * SC 1.4.13 — a bubble that vanishes as the pointer moves toward it cannot
+     * be read by anyone using a magnifier. Set it `true` for a bubble that must
+     * stay pointer-transparent. Individual `SkdxTooltip`s can override it.
      */
     disableHoverableContent?: boolean;
 };
@@ -31,6 +41,7 @@ type __VLS_Slots = {} & {
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     delayDuration: number;
     skipDelayDuration: number;
+    closeDelay: number;
     disableHoverableContent: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;

package/dist/tooltip/TooltipProvider.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const i=require("./context.cjs");let e=require("vue");var s=(0,e.defineComponent)({__name:"TooltipProvider",props:{delayDuration:{default:700},skipDelayDuration:{default:300},disableHoverableContent:{type:Boolean,default:!0}},setup(n){const t=n,o=(0,e.ref)(!0);let r;(0,e.onBeforeUnmount)(()=>clearTimeout(r));function a(){clearTimeout(r),o.value=!1}function u(){clearTimeout(r),r=setTimeout(()=>{o.value=!0},t.skipDelayDuration)}return(0,e.provide)(i.TOOLTIP_PROVIDER_CONTEXT,{get delayDuration(){return t.delayDuration},get skipDelayDuration(){return t.skipDelayDuration},get disableHoverableContent(){return t.disableHoverableContent},isOpenDelayed:o,onOpen:a,onClose:u}),(l,p)=>(0,e.renderSlot)(l.$slots,"default")}});exports.default=s;
+const i=require("./context.cjs");let t=require("vue");var s=(0,t.defineComponent)({__name:"TooltipProvider",props:{delayDuration:{default:700},skipDelayDuration:{default:300},closeDelay:{default:0},disableHoverableContent:{type:Boolean,default:!1}},setup(a){const e=a,o=(0,t.ref)(!0);let r;(0,t.onBeforeUnmount)(()=>clearTimeout(r));function l(){clearTimeout(r),o.value=!1}function n(){clearTimeout(r),r=setTimeout(()=>{o.value=!0},e.skipDelayDuration)}return(0,t.provide)(i.TOOLTIP_PROVIDER_CONTEXT,{get delayDuration(){return e.delayDuration},get skipDelayDuration(){return e.skipDelayDuration},get closeDelay(){return e.closeDelay},get disableHoverableContent(){return e.disableHoverableContent},isOpenDelayed:o,onOpen:l,onClose:n}),(u,p)=>(0,t.renderSlot)(u.$slots,"default")}});exports.default=s;

package/dist/tooltip/TooltipProvider.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{TOOLTIP_PROVIDER_CONTEXT as e}from"./context.js";import{defineComponent as t,onBeforeUnmount as o,provide as a,ref as n,renderSlot as r}from"vue";var l=/* @__PURE__ */t({__name:"TooltipProvider",props:{delayDuration:{default:700},skipDelayDuration:{default:300},disableHoverableContent:{type:Boolean,default:!0}},setup(t){const l=t,i=n(!0);let u;return o(()=>clearTimeout(u)),a(e,{get delayDuration(){return l.delayDuration},get skipDelayDuration(){return l.skipDelayDuration},get disableHoverableContent(){return l.disableHoverableContent},isOpenDelayed:i,onOpen:function(){clearTimeout(u),i.value=!1},onClose:function(){clearTimeout(u),u=setTimeout(()=>{i.value=!0},l.skipDelayDuration)}}),(e,t)=>r(e.$slots,"default")}});export{l as default};
+import{TOOLTIP_PROVIDER_CONTEXT as e}from"./context.js";import{defineComponent as t,onBeforeUnmount as o,provide as a,ref as l,renderSlot as n}from"vue";var r=/* @__PURE__ */t({__name:"TooltipProvider",props:{delayDuration:{default:700},skipDelayDuration:{default:300},closeDelay:{default:0},disableHoverableContent:{type:Boolean,default:!1}},setup(t){const r=t,u=l(!0);let i;return o(()=>clearTimeout(i)),a(e,{get delayDuration(){return r.delayDuration},get skipDelayDuration(){return r.skipDelayDuration},get closeDelay(){return r.closeDelay},get disableHoverableContent(){return r.disableHoverableContent},isOpenDelayed:u,onOpen:function(){clearTimeout(i),u.value=!1},onClose:function(){clearTimeout(i),i=setTimeout(()=>{u.value=!0},r.skipDelayDuration)}}),(e,t)=>n(e.$slots,"default")}});export{r as default};

package/dist/tooltip/TooltipRoot.vue.cjs

@@ -0,0 +1 @@
+const e=require("./TooltipRoot.vue_vue_type_script_setup_true_lang.cjs");var t=e.default;exports.default=t;

package/dist/tooltip/TooltipRoot.vue.d.cts

@@ -0,0 +1,43 @@
+/**
+ * Tooltip's state/context primitive: owns open state with hover-in delay and
+ * instant-close, providing it to `SkdxTooltipTrigger`, `SkdxTooltipPortal`,
+ * `SkdxTooltipContent`, and `SkdxTooltipArrow` via context. For full primitive
+ * composition, use `SkdxTooltipRoot` from `@skdx/vue/primitives/tooltip`.
+ */
+type __VLS_Props = {
+    open?: boolean;
+    defaultOpen?: boolean;
+    delayDuration?: number;
+    closeDelay?: number;
+    disabled?: boolean;
+    disableHoverableContent?: boolean;
+};
+declare var __VLS_5: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_5) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:open": (open: boolean) => any;
+    "open-change": (open: boolean) => any;
+    "escape-key-down": (event: KeyboardEvent) => any;
+    "open-change-complete": (open: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:open"?: ((open: boolean) => any) | undefined;
+    "onOpen-change"?: ((open: boolean) => any) | undefined;
+    "onEscape-key-down"?: ((event: KeyboardEvent) => any) | undefined;
+    "onOpen-change-complete"?: ((open: boolean) => any) | undefined;
+}>, {
+    disabled: boolean;
+    open: boolean;
+    defaultOpen: boolean;
+    delayDuration: number;
+    closeDelay: number;
+    disableHoverableContent: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/tooltip/TooltipRoot.vue.d.ts

@@ -0,0 +1,43 @@
+/**
+ * Tooltip's state/context primitive: owns open state with hover-in delay and
+ * instant-close, providing it to `SkdxTooltipTrigger`, `SkdxTooltipPortal`,
+ * `SkdxTooltipContent`, and `SkdxTooltipArrow` via context. For full primitive
+ * composition, use `SkdxTooltipRoot` from `@skdx/vue/primitives/tooltip`.
+ */
+type __VLS_Props = {
+    open?: boolean;
+    defaultOpen?: boolean;
+    delayDuration?: number;
+    closeDelay?: number;
+    disabled?: boolean;
+    disableHoverableContent?: boolean;
+};
+declare var __VLS_5: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_5) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:open": (open: boolean) => any;
+    "open-change": (open: boolean) => any;
+    "escape-key-down": (event: KeyboardEvent) => any;
+    "open-change-complete": (open: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:open"?: ((open: boolean) => any) | undefined;
+    "onOpen-change"?: ((open: boolean) => any) | undefined;
+    "onEscape-key-down"?: ((event: KeyboardEvent) => any) | undefined;
+    "onOpen-change-complete"?: ((open: boolean) => any) | undefined;
+}>, {
+    disabled: boolean;
+    open: boolean;
+    defaultOpen: boolean;
+    delayDuration: number;
+    closeDelay: number;
+    disableHoverableContent: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/tooltip/TooltipRoot.vue.js

@@ -0,0 +1 @@
+import t from"./TooltipRoot.vue_vue_type_script_setup_true_lang.js";var e=t;export{e as default};

package/dist/tooltip/TooltipRoot.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const E=require("../utils/useDismiss.cjs"),g=require("../utils/useOpenChangeComplete.cjs"),P=require("../utils/PopperRoot.vue.cjs"),i=require("./context.cjs");let e=require("vue");var w=150,H=(0,e.defineComponent)({__name:"TooltipRoot",props:{open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1},delayDuration:{default:void 0},closeDelay:{default:void 0},disabled:{type:Boolean,default:!1},disableHoverableContent:{type:Boolean,default:void 0}},emits:["update:open","open-change","open-change-complete","escape-key-down"],setup(T,{emit:D}){const t=T,a=D,n=(0,e.inject)(i.TOOLTIP_PROVIDER_CONTEXT,i.defaultTooltipProviderContext,!0),b=(0,e.computed)(()=>t.delayDuration??n.delayDuration),p=(0,e.computed)(()=>t.closeDelay??n.closeDelay),c=(0,e.computed)(()=>t.disableHoverableContent??n.disableHoverableContent),f=(0,e.ref)(null),v=(0,e.ref)(t.defaultOpen),u=(0,e.computed)(()=>t.disabled?!1:t.open??v.value),r=(0,e.ref)(!0),h=(0,e.computed)(()=>u.value?r.value?"delayed-open":"instant-open":"closed"),m=(0,e.computed)(()=>c.value?p.value:Math.max(p.value,w));let d,y;function s(){clearTimeout(d),clearTimeout(y)}(0,e.onBeforeUnmount)(s),g.useOpenChangeComplete(u,f,o=>a("open-change-complete",o));function l(o){t.open===void 0&&(v.value=o),o?n.onOpen():n.onClose(),a("update:open",o),a("open-change",o)}function q(){t.disabled||(s(),r.value=!1,l(!0))}function R(){t.disabled||(clearTimeout(d),n.isOpenDelayed.value?d=setTimeout(()=>{r.value=!0,l(!0)},b.value):(r.value=!1,l(!0)))}function O(){s(),l(!1)}function B(){if(s(),m.value<=0){l(!1);return}y=setTimeout(()=>l(!1),m.value)}let _=null;function C(o){_!==o&&(_=o,a("escape-key-down",o),!o.defaultPrevented&&O())}return E.useDismiss({enabled:u,onEscapeKeyDown:C},[]),(0,e.provide)(i.TOOLTIP_CONTEXT,{contentId:i.nextTooltipContentId(),contentRef:f,open:u,state:h,disableHoverableContent:c,onOpen:q,onDelayedOpen:R,onClose:O,onDelayedClose:B,onEscapeKeyDown:C}),(o,I)=>((0,e.openBlock)(),(0,e.createBlock)(P.default,null,{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(o.$slots,"default")]),_:3}))}});exports.default=H;

package/dist/tooltip/TooltipRoot.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{useDismiss as e}from"../utils/useDismiss.js";import{useOpenChangeComplete as o}from"../utils/useOpenChangeComplete.js";import a from"../utils/PopperRoot.vue.js";import{TOOLTIP_CONTEXT as n,TOOLTIP_PROVIDER_CONTEXT as t,defaultTooltipProviderContext as l,nextTooltipContentId as s}from"./context.js";import{computed as u,createBlock as d,defineComponent as i,inject as p,onBeforeUnmount as r,openBlock as c,provide as f,ref as v,renderSlot as m,withCtx as y}from"vue";var C=/* @__PURE__ */i({__name:"TooltipRoot",props:{open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1},delayDuration:{default:void 0},closeDelay:{default:void 0},disabled:{type:Boolean,default:!1},disableHoverableContent:{type:Boolean,default:void 0}},emits:["update:open","open-change","open-change-complete","escape-key-down"],setup(i,{emit:C}){const T=i,O=C,D=p(t,l,!0),b=u(()=>T.delayDuration??D.delayDuration),h=u(()=>T.closeDelay??D.closeDelay),B=u(()=>T.disableHoverableContent??D.disableHoverableContent),g=v(null),x=v(T.defaultOpen),P=u(()=>!T.disabled&&(T.open??x.value)),_=v(!0),j=u(()=>P.value?_.value?"delayed-open":"instant-open":"closed"),w=u(()=>B.value?h.value:Math.max(h.value,150));let E,I;function R(){clearTimeout(E),clearTimeout(I)}function k(e){void 0===T.open&&(x.value=e),e?D.onOpen():D.onClose(),O("update:open",e),O("open-change",e)}function H(){R(),k(!1)}r(R),o(P,g,e=>O("open-change-complete",e));let K=null;function L(e){K!==e&&(K=e,O("escape-key-down",e),!e.defaultPrevented&&H())}return e({enabled:P,onEscapeKeyDown:L},[]),f(n,{contentId:s(),contentRef:g,open:P,state:j,disableHoverableContent:B,onOpen:function(){T.disabled||(R(),_.value=!1,k(!0))},onDelayedOpen:function(){T.disabled||(clearTimeout(E),D.isOpenDelayed.value?E=setTimeout(()=>{_.value=!0,k(!0)},b.value):(_.value=!1,k(!0)))},onClose:H,onDelayedClose:function(){R(),w.value<=0?k(!1):I=setTimeout(()=>k(!1),w.value)},onEscapeKeyDown:L}),(e,o)=>(c(),d(a,null,{default:y(()=>[m(e.$slots,"default")]),_:3}))}});export{C as default};

package/dist/tooltip/TooltipTrigger.vue.d.cts

@@ -1,11 +1,8 @@
 /**
- * Element that reveals the tooltip on hover (after the configured delay,
- * ignored for touch pointers) or focus, and doubles as the positioning
- * anchor for `SkdxTooltipContent`. Sets `aria-describedby` (only while open)
- * and `data-state` (`open`/`closed`). Closes on pointer-leave, blur, click,
- * or Escape — pointer-leave after a short grace period when the tooltip's
- * content is hoverable, so the pointer can cross into the bubble instead.
- * Must be used inside `SkdxTooltip`.
+ * Reveals tooltip on hover/focus. Sets aria-describedby (open only) and data-state.
+ * Closes on pointer-leave, blur, click, Escape. **Must carry its own accessible name**
+ * — aria-describedby is a description, not a label. Icon-only buttons with only tooltip
+ * text are unnamed. Use inside SkdxTooltip.
  */
 type __VLS_Props = {};
 declare var __VLS_1: {};

package/dist/tooltip/TooltipTrigger.vue.d.ts

@@ -1,11 +1,8 @@
 /**
- * Element that reveals the tooltip on hover (after the configured delay,
- * ignored for touch pointers) or focus, and doubles as the positioning
- * anchor for `SkdxTooltipContent`. Sets `aria-describedby` (only while open)
- * and `data-state` (`open`/`closed`). Closes on pointer-leave, blur, click,
- * or Escape — pointer-leave after a short grace period when the tooltip's
- * content is hoverable, so the pointer can cross into the bubble instead.
- * Must be used inside `SkdxTooltip`.
+ * Reveals tooltip on hover/focus. Sets aria-describedby (open only) and data-state.
+ * Closes on pointer-leave, blur, click, Escape. **Must carry its own accessible name**
+ * — aria-describedby is a description, not a label. Icon-only buttons with only tooltip
+ * text are unnamed. Use inside SkdxTooltip.
  */
 type __VLS_Props = {};
 declare var __VLS_1: {};

package/dist/tooltip/TooltipTrigger.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const a=require("../utils/popper.cjs"),f=require("./context.cjs");let e=require("vue");var d=["aria-describedby","data-state"],c=(0,e.defineComponent)({__name:"TooltipTrigger",setup(T){const o=(0,e.inject)(f.TOOLTIP_CONTEXT);if(!o)throw new Error("SkdxTooltipTrigger must be used within SkdxTooltip.");const i=(0,e.inject)(a.POPPER_CONTEXT);if(!i)throw new Error("SkdxTooltipTrigger must be used within SkdxTooltip.");const u=(0,e.ref)(null);(0,e.onMounted)(()=>i.setAnchor(u.value)),(0,e.onBeforeUnmount)(()=>{i.anchor.value===u.value&&i.setAnchor(null)});function l(n){n.pointerType!=="touch"&&o.onDelayedOpen()}function s(n){n.pointerType!=="touch"&&(o.disableHoverableContent.value?o.onClose():o.onDelayedClose())}function p(n){n.key==="Escape"&&o.onClose()}return(n,t)=>((0,e.openBlock)(),(0,e.createElementBlock)("button",{class:"skdx-tooltip__trigger","data-part":"trigger",ref_key:"elRef",ref:u,type:"button","aria-describedby":(0,e.unref)(o).open.value?(0,e.unref)(o).contentId:void 0,"data-state":(0,e.unref)(o).open.value?"open":"closed",onPointerenter:l,onPointerleave:s,onFocus:t[0]||(t[0]=(...r)=>(0,e.unref)(o).onOpen&&(0,e.unref)(o).onOpen(...r)),onBlur:t[1]||(t[1]=(...r)=>(0,e.unref)(o).onClose&&(0,e.unref)(o).onClose(...r)),onClick:t[2]||(t[2]=(...r)=>(0,e.unref)(o).onClose&&(0,e.unref)(o).onClose(...r)),onKeydown:p},[(0,e.renderSlot)(n.$slots,"default")],40,d))}});exports.default=c;
+const a=require("../utils/popper.cjs"),f=require("./context.cjs");let e=require("vue");var d=["aria-describedby","data-state"],c=(0,e.defineComponent)({__name:"TooltipTrigger",setup(T){const o=(0,e.inject)(f.TOOLTIP_CONTEXT);if(!o)throw new Error("SkdxTooltipTrigger must be used within SkdxTooltip.");const i=(0,e.inject)(a.POPPER_CONTEXT);if(!i)throw new Error("SkdxTooltipTrigger must be used within SkdxTooltip.");const u=(0,e.ref)(null);(0,e.onMounted)(()=>i.setAnchor(u.value)),(0,e.onBeforeUnmount)(()=>{i.anchor.value===u.value&&i.setAnchor(null)});function l(n){n.pointerType!=="touch"&&o.onDelayedOpen()}function s(n){n.pointerType!=="touch"&&o.onDelayedClose()}function p(n){n.key==="Escape"&&o.onEscapeKeyDown(n)}return(n,t)=>((0,e.openBlock)(),(0,e.createElementBlock)("button",{class:"skdx-tooltip__trigger","data-part":"trigger",ref_key:"elRef",ref:u,type:"button","aria-describedby":(0,e.unref)(o).open.value?(0,e.unref)(o).contentId:void 0,"data-state":(0,e.unref)(o).state.value,onPointerenter:l,onPointerleave:s,onFocus:t[0]||(t[0]=(...r)=>(0,e.unref)(o).onOpen&&(0,e.unref)(o).onOpen(...r)),onBlur:t[1]||(t[1]=(...r)=>(0,e.unref)(o).onClose&&(0,e.unref)(o).onClose(...r)),onClick:t[2]||(t[2]=(...r)=>(0,e.unref)(o).onClose&&(0,e.unref)(o).onClose(...r)),onKeydown:p},[(0,e.renderSlot)(n.$slots,"default")],40,d))}});exports.default=c;

package/dist/tooltip/TooltipTrigger.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{POPPER_CONTEXT as e}from"../utils/popper.js";import{TOOLTIP_CONTEXT as o}from"./context.js";import{createElementBlock as n,defineComponent as t,inject as r,onBeforeUnmount as s,onMounted as a,openBlock as l,ref as i,renderSlot as u,unref as p}from"vue";var d=["aria-describedby","data-state"],c=/* @__PURE__ */t({__name:"TooltipTrigger",setup(t){const c=r(o);if(!c)throw new Error("SkdxTooltipTrigger must be used within SkdxTooltip.");const f=r(e);if(!f)throw new Error("SkdxTooltipTrigger must be used within SkdxTooltip.");const T=i(null);function m(e){"touch"!==e.pointerType&&c.onDelayedOpen()}function C(e){"touch"!==e.pointerType&&(c.disableHoverableContent.value?c.onClose():c.onDelayedClose())}function v(e){"Escape"===e.key&&c.onClose()}return a(()=>f.setAnchor(T.value)),s(()=>{f.anchor.value===T.value&&f.setAnchor(null)}),(e,o)=>(l(),n("button",{class:"skdx-tooltip__trigger","data-part":"trigger",ref_key:"elRef",ref:T,type:"button","aria-describedby":p(c).open.value?p(c).contentId:void 0,"data-state":p(c).open.value?"open":"closed",onPointerenter:m,onPointerleave:C,onFocus:o[0]||(o[0]=(...e)=>p(c).onOpen&&p(c).onOpen(...e)),onBlur:o[1]||(o[1]=(...e)=>p(c).onClose&&p(c).onClose(...e)),onClick:o[2]||(o[2]=(...e)=>p(c).onClose&&p(c).onClose(...e)),onKeydown:v},[u(e.$slots,"default")],40,d))}});export{c as default};
+import{POPPER_CONTEXT as e}from"../utils/popper.js";import{TOOLTIP_CONTEXT as o}from"./context.js";import{createElementBlock as t,defineComponent as n,inject as r,onBeforeUnmount as a,onMounted as s,openBlock as i,ref as l,renderSlot as u,unref as p}from"vue";var c=["aria-describedby","data-state"],d=/* @__PURE__ */n({__name:"TooltipTrigger",setup(n){const d=r(o);if(!d)throw new Error("SkdxTooltipTrigger must be used within SkdxTooltip.");const f=r(e);if(!f)throw new Error("SkdxTooltipTrigger must be used within SkdxTooltip.");const T=l(null);function m(e){"touch"!==e.pointerType&&d.onDelayedOpen()}function y(e){"touch"!==e.pointerType&&d.onDelayedClose()}function g(e){"Escape"===e.key&&d.onEscapeKeyDown(e)}return s(()=>f.setAnchor(T.value)),a(()=>{f.anchor.value===T.value&&f.setAnchor(null)}),(e,o)=>(i(),t("button",{class:"skdx-tooltip__trigger","data-part":"trigger",ref_key:"elRef",ref:T,type:"button","aria-describedby":p(d).open.value?p(d).contentId:void 0,"data-state":p(d).state.value,onPointerenter:m,onPointerleave:y,onFocus:o[0]||(o[0]=(...e)=>p(d).onOpen&&p(d).onOpen(...e)),onBlur:o[1]||(o[1]=(...e)=>p(d).onClose&&p(d).onClose(...e)),onClick:o[2]||(o[2]=(...e)=>p(d).onClose&&p(d).onClose(...e)),onKeydown:g},[u(e.$slots,"default")],40,c))}});export{d as default};

package/dist/tooltip/context.cjs

@@ -1 +1 @@
-const t=require("../utils/id.cjs");let e=require("vue");var o=Symbol("skdx-tooltip-provider-context");function n(){return{delayDuration:700,skipDelayDuration:300,disableHoverableContent:!0,isOpenDelayed:(0,e.ref)(!0),onOpen:()=>{},onClose:()=>{}}}var r=Symbol("skdx-tooltip-context");function i(){return t.nextId("tooltip-content")}exports.TOOLTIP_CONTEXT=r;exports.TOOLTIP_PROVIDER_CONTEXT=o;exports.defaultTooltipProviderContext=n;exports.nextTooltipContentId=i;
+const e=require("../utils/id.cjs");let t=require("vue");var o=Symbol("skdx-tooltip-provider-context");function n(){return{delayDuration:700,skipDelayDuration:300,closeDelay:0,disableHoverableContent:!1,isOpenDelayed:(0,t.ref)(!0),onOpen:()=>{},onClose:()=>{}}}var r=Symbol("skdx-tooltip-context");function i(){return e.nextId("tooltip-content")}exports.TOOLTIP_CONTEXT=r;exports.TOOLTIP_PROVIDER_CONTEXT=o;exports.defaultTooltipProviderContext=n;exports.nextTooltipContentId=i;

package/dist/tooltip/context.d.cts

@@ -3,7 +3,9 @@ import { type InjectionKey, type Ref } from 'vue';
 export interface TooltipProviderContext {
     delayDuration: number;
     skipDelayDuration: number;
-    /** Whether TooltipContent ignores the pointer entirely; individual Tooltips can override it. */
+    /** Default close delay on pointer-leave; hoverable bubble overrides to crossing time. */
+    closeDelay: number;
+    /** Whether bubble ignores pointer (`false` by default); overridable per Tooltip. */
     disableHoverableContent: boolean;
     isOpenDelayed: Ref<boolean>;
     onOpen(): void;
@@ -16,16 +18,20 @@ export declare function defaultTooltipProviderContext(): TooltipProviderContext;
 /** @internal Injection key a Tooltip provides so its parts can read/drive shared state. */
 export interface TooltipContext {
     contentId: string;
-    /** The bubble element, published by TooltipContent so the root can watch its enter/exit motion. */
+    /** State: `closed`, `delayed-open`, or `instant-open`. */
+    state: Readonly<Ref<'closed' | 'delayed-open' | 'instant-open'>>;
+    /** Bubble element; published by TooltipContent. */
     contentRef: Ref<HTMLElement | null>;
     open: Readonly<Ref<boolean>>;
-    /** Resolved from this Tooltip's own prop, falling back to the provider's: `true` means the bubble ignores the pointer. */
+    /** From Tooltip prop or provider (default `false`); `true` ignores pointer. */
     disableHoverableContent: Readonly<Ref<boolean>>;
     onOpen(): void;
     onDelayedOpen(): void;
     onClose(): void;
-    /** Closes after a short grace period, giving the pointer time to cross from the trigger into hoverable content. */
+    /** Closes after grace period to allow pointer movement from trigger to hoverable content. */
     onDelayedClose(): void;
+    /** Routes Escape keydown through root's cancelable event. */
+    onEscapeKeyDown(event: KeyboardEvent): void;
 }
 /** @internal Injection key a Tooltip provides so its Trigger/Content parts share open state. */
 export declare const TOOLTIP_CONTEXT: InjectionKey<TooltipContext>;

package/dist/tooltip/context.d.ts

@@ -3,7 +3,9 @@ import { type InjectionKey, type Ref } from 'vue';
 export interface TooltipProviderContext {
     delayDuration: number;
     skipDelayDuration: number;
-    /** Whether TooltipContent ignores the pointer entirely; individual Tooltips can override it. */
+    /** Default close delay on pointer-leave; hoverable bubble overrides to crossing time. */
+    closeDelay: number;
+    /** Whether bubble ignores pointer (`false` by default); overridable per Tooltip. */
     disableHoverableContent: boolean;
     isOpenDelayed: Ref<boolean>;
     onOpen(): void;
@@ -16,16 +18,20 @@ export declare function defaultTooltipProviderContext(): TooltipProviderContext;
 /** @internal Injection key a Tooltip provides so its parts can read/drive shared state. */
 export interface TooltipContext {
     contentId: string;
-    /** The bubble element, published by TooltipContent so the root can watch its enter/exit motion. */
+    /** State: `closed`, `delayed-open`, or `instant-open`. */
+    state: Readonly<Ref<'closed' | 'delayed-open' | 'instant-open'>>;
+    /** Bubble element; published by TooltipContent. */
     contentRef: Ref<HTMLElement | null>;
     open: Readonly<Ref<boolean>>;
-    /** Resolved from this Tooltip's own prop, falling back to the provider's: `true` means the bubble ignores the pointer. */
+    /** From Tooltip prop or provider (default `false`); `true` ignores pointer. */
     disableHoverableContent: Readonly<Ref<boolean>>;
     onOpen(): void;
     onDelayedOpen(): void;
     onClose(): void;
-    /** Closes after a short grace period, giving the pointer time to cross from the trigger into hoverable content. */
+    /** Closes after grace period to allow pointer movement from trigger to hoverable content. */
     onDelayedClose(): void;
+    /** Routes Escape keydown through root's cancelable event. */
+    onEscapeKeyDown(event: KeyboardEvent): void;
 }
 /** @internal Injection key a Tooltip provides so its Trigger/Content parts share open state. */
 export declare const TOOLTIP_CONTEXT: InjectionKey<TooltipContext>;

package/dist/tooltip/context.js

@@ -1 +1 @@
-import{nextId as o}from"../utils/id.js";import{ref as t}from"vue";var e=/* @__PURE__ */Symbol("skdx-tooltip-provider-context");function n(){return{delayDuration:700,skipDelayDuration:300,disableHoverableContent:!0,isOpenDelayed:t(!0),onOpen:()=>{},onClose:()=>{}}}var r=/* @__PURE__ */Symbol("skdx-tooltip-context");function i(){return o("tooltip-content")}export{r as TOOLTIP_CONTEXT,e as TOOLTIP_PROVIDER_CONTEXT,n as defaultTooltipProviderContext,i as nextTooltipContentId};
+import{nextId as o}from"../utils/id.js";import{ref as t}from"vue";var e=/* @__PURE__ */Symbol("skdx-tooltip-provider-context");function n(){return{delayDuration:700,skipDelayDuration:300,closeDelay:0,disableHoverableContent:!1,isOpenDelayed:t(!0),onOpen:()=>{},onClose:()=>{}}}var r=/* @__PURE__ */Symbol("skdx-tooltip-context");function i(){return o("tooltip-content")}export{r as TOOLTIP_CONTEXT,e as TOOLTIP_PROVIDER_CONTEXT,n as defaultTooltipProviderContext,i as nextTooltipContentId};

package/dist/tooltip/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./TooltipProvider.vue.cjs"),o=require("./Tooltip.vue.cjs"),r=require("./TooltipTrigger.vue.cjs"),t=require("./TooltipPortal.vue.cjs"),i=require("./TooltipContent.vue.cjs"),l=require("./TooltipArrow.vue.cjs");exports.SkdxTooltip=o.default;exports.SkdxTooltipArrow=l.default;exports.SkdxTooltipContent=i.default;exports.SkdxTooltipPortal=t.default;exports.SkdxTooltipProvider=e.default;exports.SkdxTooltipTrigger=r.default;
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Tooltip.vue.cjs");exports.SkdxTooltip=e.default;

package/dist/tooltip/index.d.cts

@@ -1,6 +1 @@
-export { default as SkdxTooltipProvider } from './TooltipProvider.vue.cjs';
 export { default as SkdxTooltip } from './Tooltip.vue.cjs';
-export { default as SkdxTooltipTrigger } from './TooltipTrigger.vue.cjs';
-export { default as SkdxTooltipPortal } from './TooltipPortal.vue.cjs';
-export { default as SkdxTooltipContent } from './TooltipContent.vue.cjs';
-export { default as SkdxTooltipArrow } from './TooltipArrow.vue.cjs';

package/dist/tooltip/index.d.ts

@@ -1,6 +1 @@
-export { default as SkdxTooltipProvider } from './TooltipProvider.vue.js';
 export { default as SkdxTooltip } from './Tooltip.vue.js';
-export { default as SkdxTooltipTrigger } from './TooltipTrigger.vue.js';
-export { default as SkdxTooltipPortal } from './TooltipPortal.vue.js';
-export { default as SkdxTooltipContent } from './TooltipContent.vue.js';
-export { default as SkdxTooltipArrow } from './TooltipArrow.vue.js';

package/dist/tooltip/index.js

@@ -1 +1 @@
-import o from"./TooltipProvider.vue.js";import r from"./Tooltip.vue.js";import t from"./TooltipTrigger.vue.js";import i from"./TooltipPortal.vue.js";import p from"./TooltipContent.vue.js";import l from"./TooltipArrow.vue.js";export{r as SkdxTooltip,l as SkdxTooltipArrow,p as SkdxTooltipContent,i as SkdxTooltipPortal,o as SkdxTooltipProvider,t as SkdxTooltipTrigger};
+import o from"./Tooltip.vue.js";export{o as SkdxTooltip};

package/dist/tooltip/primitives.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./TooltipArrow.vue.cjs"),e=require("./TooltipContent.vue.cjs"),r=require("./TooltipPortal.vue.cjs"),t=require("./TooltipTrigger.vue.cjs"),i=require("./TooltipRoot.vue.cjs"),l=require("./TooltipProvider.vue.cjs");exports.SkdxTooltipArrow=o.default;exports.SkdxTooltipContent=e.default;exports.SkdxTooltipPortal=r.default;exports.SkdxTooltipProvider=l.default;exports.SkdxTooltipRoot=i.default;exports.SkdxTooltipTrigger=t.default;

package/dist/tooltip/primitives.d.cts

@@ -0,0 +1,27 @@
+/**
+ * Primitives for `SkdxTooltip` — composable building blocks.
+ * Use these when you need a custom layout beyond the derived recipe.
+ * `SkdxTooltipProvider` coordinates hover-delay timing across siblings.
+ *
+ * @example
+ * ```vue
+ * <script setup lang="ts">
+ * import { SkdxTooltipContent, SkdxTooltipPortal, SkdxTooltipRoot, SkdxTooltipTrigger } from '@skdx/vue/primitives/tooltip';
+ * </script>
+ *
+ * <template>
+ *   <SkdxTooltipRoot>
+ *     <SkdxTooltipTrigger>Copy</SkdxTooltipTrigger>
+ *     <SkdxTooltipPortal>
+ *       <SkdxTooltipContent>Copy to clipboard</SkdxTooltipContent>
+ *     </SkdxTooltipPortal>
+ *   </SkdxTooltipRoot>
+ * </template>
+ * ```
+ */
+export { default as SkdxTooltipRoot } from './TooltipRoot.vue.cjs';
+export { default as SkdxTooltipArrow } from './TooltipArrow.vue.cjs';
+export { default as SkdxTooltipContent } from './TooltipContent.vue.cjs';
+export { default as SkdxTooltipPortal } from './TooltipPortal.vue.cjs';
+export { default as SkdxTooltipProvider } from './TooltipProvider.vue.cjs';
+export { default as SkdxTooltipTrigger } from './TooltipTrigger.vue.cjs';