@skdx/vue 0.27.0 → 0.29.0

package/dist/speed-dial/SpeedDialContent.vue.d.cts

@@ -1,92 +1,45 @@
 import { type Align, type PhysicalSide } from '../utils/popper.cjs';
 import { type FocusOutsideEvent, type InteractOutsideEvent } from '../utils/useDismiss.cjs';
 /**
- * The fanned-out actions: `role="menu"` with `aria-orientation` matching the
- * fan's axis, `data-state` (`open`/`closed`) and `data-direction`, positioned
- * by the shared popper layer against the trigger on the side the root's
- * `direction` dictates. `align` (defaults to `'center'`), `sideOffset`
- * (defaults to `8`), `alignOffset`, `avoidCollisions`, `collisionPadding` and
- * `collisionBoundary` are yours; `side` is not, because it *is* the direction.
- * Also exposes `data-side`/`data-align` reflecting the resolved placement,
- * which can differ from the requested one after a collision flip, and the
- * measurement custom properties `--skdx-speed-dial-available-width` /
- * `-available-height` / `-trigger-width` / `-transform-origin`.
- *
- * Stamps every action with `--skdx-speed-dial-index` (0-based, for the delay)
- * and `--skdx-speed-dial-offset` (the same position counted from 1, for the
- * travel distance) after each reflow, so the staggered reveal is a pure CSS
- * transition and this library animates nothing in JavaScript.
- *
- * Holds one tab stop for the whole fan: arrow keys along the axis move between
- * actions in DOM order (wrapping unless `loop` is `false`), Home/End jump to
- * the ends, and typing letters jumps to the action whose label starts with
- * them. Under `dir="rtl"` the horizontal arrows swap. Focus moves to the first
- * action on open, and Escape, Tab, or selecting an action returns it to the
- * trigger.
- *
- * Closes on Escape, on Tab (per the WAI-ARIA menu pattern), or on an outside
- * interaction: pointer-down outside or focus moving outside, each reported as
- * `pointer-down-outside`/`focus-outside` and, just before them and with the
- * same event, as `interact-outside`. Any of those (or `escape-key-down`)
- * calling `event.preventDefault()` keeps it open. Mounts only while open
- * unless `forceMount` is set. Must be used inside `SkdxSpeedDial`.
- *
+ * Fanned-out actions menu, role="menu" with direction-based orientation and popper positioning.
  * @example
  * ```vue
- * <SkdxSpeedDialPortal>
- *   <SkdxSpeedDialContent :side-offset="12">
- *     <SkdxSpeedDialItem @select="share">
- *       <ShareIcon aria-hidden="true" />
- *       <SkdxSpeedDialItemLabel>Share</SkdxSpeedDialItemLabel>
- *     </SkdxSpeedDialItem>
- *   </SkdxSpeedDialContent>
- * </SkdxSpeedDialPortal>
+ * <SkdxSpeedDialContent :side-offset="12">
+ *   <SkdxSpeedDialItem @select="share">Share</SkdxSpeedDialItem>
+ * </SkdxSpeedDialContent>
  * ```
  */
 type __VLS_Props = {
-    /**
-     * Alignment of the fan relative to the trigger along the side `direction`
-     * chose.
-     * @default 'center' — the fan travels straight out of the middle of the button.
+    /** Alignment relative to trigger along the direction axis.
+     * @default 'center'
      */
     align?: Align;
-    /**
-     * Distance (px) between the first action and the trigger.
-     * @default 8 — a visible gap, small enough that the pointer crosses it in one motion.
+    /** Distance (px) between first action and trigger.
+     * @default 8
      */
     sideOffset?: number;
-    /**
-     * Offset (px) along the alignment axis.
-     * @default 0 — no lateral shift.
+    /** Pixel offset along the alignment axis.
+     * @default 0
      */
     alignOffset?: number;
-    /**
-     * Whether to flip/shift the fan to stay within the viewport.
-     * @default true — a dial pinned to a corner would otherwise fan straight off-screen.
+    /** Flip/shift fan to stay within viewport.
+     * @default true
      */
     avoidCollisions?: boolean;
-    /**
-     * Minimum distance (px) kept from the collision boundary. A number applies
-     * to every side; an object sets only the sides it names.
+    /** Minimum distance (px) from collision boundary.
      * @default 8
      */
     collisionPadding?: number | Partial<Record<PhysicalSide, number>>;
-    /**
-     * Element (or elements) collisions are measured against, instead of the
-     * fan's clipping ancestors. Use it to keep the fan inside a scroll
-     * container or one pane of a split layout rather than the whole viewport.
-     * @default undefined — the fan's clipping ancestors.
+    /** Collision boundary element(s); defaults to fan's clipping ancestors.
+     * @default undefined
      */
     collisionBoundary?: Element | Element[] | null;
-    /**
-     * Keep the actions mounted even while the dial is closed.
-     * @default false — the fan leaves the DOM once the dial closes.
+    /** Keep actions mounted while dial closed for exit animation.
+     * @default false
      */
     forceMount?: boolean;
-    /**
-     * Whether arrow-key navigation wraps from the last action back to the
-     * first, and vice versa.
-     * @default true — a short fan is faster to walk when its ends are joined.
+    /** Arrow navigation wraps from last action back to first.
+     * @default true
      */
     loop?: boolean;
 };
@@ -100,14 +53,14 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}
     "pointer-down-outside": (event: PointerEvent) => any;
     "interact-outside": (event: InteractOutsideEvent) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onFocus-outside"?: ((event: FocusOutsideEvent) => any) | undefined;
-    "onEscape-key-down"?: ((event: KeyboardEvent) => any) | undefined;
-    "onPointer-down-outside"?: ((event: PointerEvent) => any) | undefined;
-    "onInteract-outside"?: ((event: InteractOutsideEvent) => any) | undefined;
+    "onFocus-outside"?: (event: FocusOutsideEvent) => any;
+    "onEscape-key-down"?: (event: KeyboardEvent) => any;
+    "onPointer-down-outside"?: (event: PointerEvent) => any;
+    "onInteract-outside"?: (event: InteractOutsideEvent) => any;
 }>, {
+    align: Align;
     forceMount: boolean;
     loop: boolean;
-    align: Align;
     sideOffset: number;
     alignOffset: number;
     avoidCollisions: boolean;

package/dist/speed-dial/SpeedDialContent.vue.d.ts

@@ -1,92 +1,45 @@
 import { type Align, type PhysicalSide } from '../utils/popper.js';
 import { type FocusOutsideEvent, type InteractOutsideEvent } from '../utils/useDismiss.js';
 /**
- * The fanned-out actions: `role="menu"` with `aria-orientation` matching the
- * fan's axis, `data-state` (`open`/`closed`) and `data-direction`, positioned
- * by the shared popper layer against the trigger on the side the root's
- * `direction` dictates. `align` (defaults to `'center'`), `sideOffset`
- * (defaults to `8`), `alignOffset`, `avoidCollisions`, `collisionPadding` and
- * `collisionBoundary` are yours; `side` is not, because it *is* the direction.
- * Also exposes `data-side`/`data-align` reflecting the resolved placement,
- * which can differ from the requested one after a collision flip, and the
- * measurement custom properties `--skdx-speed-dial-available-width` /
- * `-available-height` / `-trigger-width` / `-transform-origin`.
- *
- * Stamps every action with `--skdx-speed-dial-index` (0-based, for the delay)
- * and `--skdx-speed-dial-offset` (the same position counted from 1, for the
- * travel distance) after each reflow, so the staggered reveal is a pure CSS
- * transition and this library animates nothing in JavaScript.
- *
- * Holds one tab stop for the whole fan: arrow keys along the axis move between
- * actions in DOM order (wrapping unless `loop` is `false`), Home/End jump to
- * the ends, and typing letters jumps to the action whose label starts with
- * them. Under `dir="rtl"` the horizontal arrows swap. Focus moves to the first
- * action on open, and Escape, Tab, or selecting an action returns it to the
- * trigger.
- *
- * Closes on Escape, on Tab (per the WAI-ARIA menu pattern), or on an outside
- * interaction: pointer-down outside or focus moving outside, each reported as
- * `pointer-down-outside`/`focus-outside` and, just before them and with the
- * same event, as `interact-outside`. Any of those (or `escape-key-down`)
- * calling `event.preventDefault()` keeps it open. Mounts only while open
- * unless `forceMount` is set. Must be used inside `SkdxSpeedDial`.
- *
+ * Fanned-out actions menu, role="menu" with direction-based orientation and popper positioning.
  * @example
  * ```vue
- * <SkdxSpeedDialPortal>
- *   <SkdxSpeedDialContent :side-offset="12">
- *     <SkdxSpeedDialItem @select="share">
- *       <ShareIcon aria-hidden="true" />
- *       <SkdxSpeedDialItemLabel>Share</SkdxSpeedDialItemLabel>
- *     </SkdxSpeedDialItem>
- *   </SkdxSpeedDialContent>
- * </SkdxSpeedDialPortal>
+ * <SkdxSpeedDialContent :side-offset="12">
+ *   <SkdxSpeedDialItem @select="share">Share</SkdxSpeedDialItem>
+ * </SkdxSpeedDialContent>
  * ```
  */
 type __VLS_Props = {
-    /**
-     * Alignment of the fan relative to the trigger along the side `direction`
-     * chose.
-     * @default 'center' — the fan travels straight out of the middle of the button.
+    /** Alignment relative to trigger along the direction axis.
+     * @default 'center'
      */
     align?: Align;
-    /**
-     * Distance (px) between the first action and the trigger.
-     * @default 8 — a visible gap, small enough that the pointer crosses it in one motion.
+    /** Distance (px) between first action and trigger.
+     * @default 8
      */
     sideOffset?: number;
-    /**
-     * Offset (px) along the alignment axis.
-     * @default 0 — no lateral shift.
+    /** Pixel offset along the alignment axis.
+     * @default 0
      */
     alignOffset?: number;
-    /**
-     * Whether to flip/shift the fan to stay within the viewport.
-     * @default true — a dial pinned to a corner would otherwise fan straight off-screen.
+    /** Flip/shift fan to stay within viewport.
+     * @default true
      */
     avoidCollisions?: boolean;
-    /**
-     * Minimum distance (px) kept from the collision boundary. A number applies
-     * to every side; an object sets only the sides it names.
+    /** Minimum distance (px) from collision boundary.
      * @default 8
      */
     collisionPadding?: number | Partial<Record<PhysicalSide, number>>;
-    /**
-     * Element (or elements) collisions are measured against, instead of the
-     * fan's clipping ancestors. Use it to keep the fan inside a scroll
-     * container or one pane of a split layout rather than the whole viewport.
-     * @default undefined — the fan's clipping ancestors.
+    /** Collision boundary element(s); defaults to fan's clipping ancestors.
+     * @default undefined
      */
     collisionBoundary?: Element | Element[] | null;
-    /**
-     * Keep the actions mounted even while the dial is closed.
-     * @default false — the fan leaves the DOM once the dial closes.
+    /** Keep actions mounted while dial closed for exit animation.
+     * @default false
      */
     forceMount?: boolean;
-    /**
-     * Whether arrow-key navigation wraps from the last action back to the
-     * first, and vice versa.
-     * @default true — a short fan is faster to walk when its ends are joined.
+    /** Arrow navigation wraps from last action back to first.
+     * @default true
      */
     loop?: boolean;
 };
@@ -100,14 +53,14 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}
     "pointer-down-outside": (event: PointerEvent) => any;
     "interact-outside": (event: InteractOutsideEvent) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onFocus-outside"?: ((event: FocusOutsideEvent) => any) | undefined;
-    "onEscape-key-down"?: ((event: KeyboardEvent) => any) | undefined;
-    "onPointer-down-outside"?: ((event: PointerEvent) => any) | undefined;
-    "onInteract-outside"?: ((event: InteractOutsideEvent) => any) | undefined;
+    "onFocus-outside"?: (event: FocusOutsideEvent) => any;
+    "onEscape-key-down"?: (event: KeyboardEvent) => any;
+    "onPointer-down-outside"?: (event: PointerEvent) => any;
+    "onInteract-outside"?: (event: InteractOutsideEvent) => any;
 }>, {
+    align: Align;
     forceMount: boolean;
     loop: boolean;
-    align: Align;
     sideOffset: number;
     alignOffset: number;
     avoidCollisions: boolean;

package/dist/speed-dial/SpeedDialContent.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const T=require("../utils/composeRefs.cjs"),g=require("../utils/direction.cjs"),q=require("../utils/useDismiss.cjs"),I=require("../utils/useRovingFocus.cjs"),f=require("../utils/popper.cjs"),C=require("../utils/useFocusFirstItemOnOpen.cjs"),n=require("./context.cjs");let t=require("vue");var w=["id","aria-orientation","data-state","data-direction","data-side","data-align"],k=(0,t.defineComponent)({__name:"SpeedDialContent",props:{align:{default:"center"},sideOffset:{default:8},alignOffset:{default:0},avoidCollisions:{type:Boolean,default:!0},collisionPadding:{default:8},collisionBoundary:{},forceMount:{type:Boolean,default:!1},loop:{type:Boolean,default:!0}},emits:["escape-key-down","pointer-down-outside","focus-outside","interact-outside"],setup(a,{emit:_}){const u=a,r=_,o=(0,t.inject)(n.SPEED_DIAL_CONTEXT);if(!o)throw new Error("SkdxSpeedDialContent must be used within SkdxSpeedDial.");const d=(0,t.inject)(f.POPPER_CONTEXT);if(!d)throw new Error("SkdxSpeedDialContent must be used within SkdxSpeedDial.");const i=(0,t.ref)(null),v=T.composeRefs(i,o.contentRef),l=(0,t.computed)(()=>n.DIRECTION_ORIENTATION[o.direction.value]),E=g.useDirection(),O=(0,t.computed)(()=>I.useRovingFocus({orientation:l.value,loop:u.loop,itemSelector:n.ITEM_SELECTOR,typeahead:!0,direction:E}));function c(){i.value?.querySelectorAll(n.ANY_ITEM_SELECTOR)?.forEach((e,s)=>{e.style.setProperty("--skdx-speed-dial-index",String(s)),e.style.setProperty("--skdx-speed-dial-offset",String(s+1))})}(0,t.onMounted)(c),(0,t.onUpdated)(c);function p(){o.setOpen(!1),o.triggerRef.value?.focus()}q.useDismiss({enabled:o.open,onEscapeKeyDown:e=>{r("escape-key-down",e),e.defaultPrevented||p()},onPointerDownOutside:e=>{r("pointer-down-outside",e),e.defaultPrevented||o.setOpen(!1)},onFocusOutside:e=>{r("focus-outside",e),e.defaultPrevented||o.setOpen(!1)},onInteractOutside:e=>r("interact-outside",e)},[i,o.triggerRef]),C.useFocusFirstItemOnOpen(i,o.open,n.ITEM_SELECTOR);const{style:m,placedSide:y,placedAlign:S}=f.usePopperPosition(d.anchor,i,o.open,()=>({...u,side:n.DIRECTION_SIDE[o.direction.value],component:"speed-dial"}));function D(e){O.value(e),e.key==="Tab"&&(e.preventDefault(),p())}function P(e){o.openOnHover.value&&e.pointerType!=="touch"&&o.onPointerEnter()}function R(e){o.openOnHover.value&&e.pointerType!=="touch"&&o.onPointerLeave()}return(e,s)=>a.forceMount||(0,t.unref)(o).open.value?((0,t.openBlock)(),(0,t.createElementBlock)("div",{key:0,class:"skdx-speed-dial__content","data-part":"content",id:(0,t.unref)(o).contentId,ref:(0,t.unref)(v),role:"menu","aria-orientation":l.value,tabindex:"-1","data-state":(0,t.unref)(o).open.value?"open":"closed","data-direction":(0,t.unref)(o).direction.value,"data-side":(0,t.unref)(y),"data-align":(0,t.unref)(S),style:(0,t.normalizeStyle)((0,t.unref)(m)),onKeydown:D,onPointerenter:P,onPointerleave:R},[(0,t.renderSlot)(e.$slots,"default")],44,w)):(0,t.createCommentVNode)("",!0)}});exports.default=k;
+const D=require("../utils/injectRequired.cjs"),P=require("../utils/composeRefs.cjs"),I=require("../utils/direction.cjs"),T=require("../utils/useRovingFocus.cjs"),C=require("../utils/useDismiss.cjs"),f=require("../utils/popper.cjs"),k=require("../utils/useFocusFirstItemOnOpen.cjs"),o=require("./context.cjs");let t=require("vue");var h=["id","aria-orientation","aria-labelledby","data-state","data-direction","data-side","data-align"],w=(0,t.defineComponent)({__name:"SpeedDialContent",props:{align:{default:"center"},sideOffset:{default:8},alignOffset:{default:0},avoidCollisions:{type:Boolean,default:!0},collisionPadding:{default:8},collisionBoundary:{},forceMount:{type:Boolean,default:!1},loop:{type:Boolean,default:!0}},emits:["escape-key-down","pointer-down-outside","focus-outside","interact-outside"],setup(u,{emit:_}){const s=u,r=_,n=D.injectRequired(o.SPEED_DIAL_CONTEXT,"SkdxSpeedDialContent must be used within SkdxSpeedDial."),d=(0,t.inject)(f.POPPER_CONTEXT);if(!d)throw new Error("SkdxSpeedDialContent must be used within SkdxSpeedDial.");const i=(0,t.ref)(null),v=P.composeRefs(i,n.contentRef),l=(0,t.computed)(()=>o.DIRECTION_ORIENTATION[n.direction.value]),y=I.useDirection(),m=(0,t.computed)(()=>T.useRovingFocus({orientation:l.value,loop:s.loop,itemSelector:o.ITEM_SELECTOR,typeahead:!0,direction:y}));function c(){i.value?.querySelectorAll(o.ANY_ITEM_SELECTOR)?.forEach((e,a)=>{e.style.setProperty("--skdx-speed-dial-index",String(a)),e.style.setProperty("--skdx-speed-dial-offset",String(a+1))})}(0,t.onMounted)(c),(0,t.onUpdated)(c);function p(){n.setOpen(!1),n.triggerRef.value?.focus()}C.useDismiss({enabled:n.open,onEscapeKeyDown:e=>{r("escape-key-down",e),e.defaultPrevented||p()},onPointerDownOutside:e=>{r("pointer-down-outside",e),e.defaultPrevented||n.setOpen(!1)},onFocusOutside:e=>{r("focus-outside",e),e.defaultPrevented||n.setOpen(!1)},onInteractOutside:e=>r("interact-outside",e)},[i,n.triggerRef]),k.useFocusFirstItemOnOpen(i,(0,t.computed)(()=>n.open.value&&n.openReason.current!=="hover"),o.ITEM_SELECTOR);const{style:O,placedSide:E,placedAlign:S}=f.usePopperPosition(d.anchor,i,n.open,()=>({...s,side:o.DIRECTION_SIDE[n.direction.value],component:"speed-dial"}));function q(e){m.value(e),e.key==="Tab"&&(e.preventDefault(),p())}function R(e){n.openOnHover.value&&e.pointerType!=="touch"&&n.onPointerEnter()}function g(e){n.openOnHover.value&&e.pointerType!=="touch"&&n.onPointerLeave()}return(e,a)=>u.forceMount||(0,t.unref)(n).open.value?((0,t.openBlock)(),(0,t.createElementBlock)("div",{key:0,id:(0,t.unref)(n).contentId,ref:(0,t.unref)(v),class:"skdx-speed-dial__content","data-part":"content",role:"menu","aria-orientation":l.value,"aria-labelledby":(0,t.unref)(n).triggerId,tabindex:"-1","data-state":(0,t.unref)(n).open.value?"open":"closed","data-direction":(0,t.unref)(n).direction.value,"data-side":(0,t.unref)(E),"data-align":(0,t.unref)(S),style:(0,t.normalizeStyle)((0,t.unref)(O)),onKeydown:q,onPointerenter:R,onPointerleave:g},[(0,t.renderSlot)(e.$slots,"default")],44,h)):(0,t.createCommentVNode)("",!0)}});exports.default=w;

package/dist/speed-dial/SpeedDialContent.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{composeRefs as e}from"../utils/composeRefs.js";import{useDirection as t}from"../utils/direction.js";import{useDismiss as o}from"../utils/useDismiss.js";import{useRovingFocus as n}from"../utils/useRovingFocus.js";import{POPPER_CONTEXT as s,usePopperPosition as a}from"../utils/popper.js";import{useFocusFirstItemOnOpen as i}from"../utils/useFocusFirstItemOnOpen.js";import{ANY_ITEM_SELECTOR as r,DIRECTION_ORIENTATION as d,DIRECTION_SIDE as l,ITEM_SELECTOR as u,SPEED_DIAL_CONTEXT as p}from"./context.js";import{computed as c,createCommentVNode as f,createElementBlock as m,defineComponent as v,inject as O,normalizeStyle as y,onMounted as E,onUpdated as S,openBlock as P,ref as D,renderSlot as T,unref as g}from"vue";var I=["id","aria-orientation","data-state","data-direction","data-side","data-align"],k=/* @__PURE__ */v({__name:"SpeedDialContent",props:{align:{default:"center"},sideOffset:{default:8},alignOffset:{default:0},avoidCollisions:{type:Boolean,default:!0},collisionPadding:{default:8},collisionBoundary:{},forceMount:{type:Boolean,default:!1},loop:{type:Boolean,default:!0}},emits:["escape-key-down","pointer-down-outside","focus-outside","interact-outside"],setup(v,{emit:k}){const w=v,R=k,C=O(p);if(!C)throw new Error("SkdxSpeedDialContent must be used within SkdxSpeedDial.");const _=O(s);if(!_)throw new Error("SkdxSpeedDialContent must be used within SkdxSpeedDial.");const x=D(null),h=e(x,C.contentRef),j=c(()=>d[C.direction.value]),N=t(),F=c(()=>n({orientation:j.value,loop:w.loop,itemSelector:u,typeahead:!0,direction:N}));function B(){x.value?.querySelectorAll(r)?.forEach((e,t)=>{e.style.setProperty("--skdx-speed-dial-index",String(t)),e.style.setProperty("--skdx-speed-dial-offset",String(t+1))})}function b(){C.setOpen(!1),C.triggerRef.value?.focus()}E(B),S(B),o({enabled:C.open,onEscapeKeyDown:e=>{R("escape-key-down",e),e.defaultPrevented||b()},onPointerDownOutside:e=>{R("pointer-down-outside",e),e.defaultPrevented||C.setOpen(!1)},onFocusOutside:e=>{R("focus-outside",e),e.defaultPrevented||C.setOpen(!1)},onInteractOutside:e=>R("interact-outside",e)},[x,C.triggerRef]),i(x,C.open,u);const{style:A,placedSide:M,placedAlign:L}=a(_.anchor,x,C.open,()=>({...w,side:l[C.direction.value],component:"speed-dial"}));function H(e){F.value(e),"Tab"===e.key&&(e.preventDefault(),b())}function K(e){C.openOnHover.value&&"touch"!==e.pointerType&&C.onPointerEnter()}function X(e){C.openOnHover.value&&"touch"!==e.pointerType&&C.onPointerLeave()}return(e,t)=>v.forceMount||g(C).open.value?(P(),m("div",{key:0,class:"skdx-speed-dial__content","data-part":"content",id:g(C).contentId,ref:g(h),role:"menu","aria-orientation":j.value,tabindex:"-1","data-state":g(C).open.value?"open":"closed","data-direction":g(C).direction.value,"data-side":g(M),"data-align":g(L),style:y(g(A)),onKeydown:H,onPointerenter:K,onPointerleave:X},[T(e.$slots,"default")],44,I)):f("",!0)}});export{k as default};
+import{injectRequired as e}from"../utils/injectRequired.js";import{composeRefs as t}from"../utils/composeRefs.js";import{useDirection as o}from"../utils/direction.js";import{useRovingFocus as n}from"../utils/useRovingFocus.js";import{useDismiss as a}from"../utils/useDismiss.js";import{POPPER_CONTEXT as i,usePopperPosition as s}from"../utils/popper.js";import{useFocusFirstItemOnOpen as r}from"../utils/useFocusFirstItemOnOpen.js";import{ANY_ITEM_SELECTOR as d,DIRECTION_ORIENTATION as l,DIRECTION_SIDE as u,ITEM_SELECTOR as p,SPEED_DIAL_CONTEXT as c}from"./context.js";import{computed as f,createCommentVNode as m,createElementBlock as v,defineComponent as y,inject as O,normalizeStyle as E,onMounted as S,onUpdated as P,openBlock as g,ref as D,renderSlot as R,unref as I}from"vue";var T=["id","aria-orientation","aria-labelledby","data-state","data-direction","data-side","data-align"],k=/* @__PURE__ */y({__name:"SpeedDialContent",props:{align:{default:"center"},sideOffset:{default:8},alignOffset:{default:0},avoidCollisions:{type:Boolean,default:!0},collisionPadding:{default:8},collisionBoundary:{},forceMount:{type:Boolean,default:!1},loop:{type:Boolean,default:!0}},emits:["escape-key-down","pointer-down-outside","focus-outside","interact-outside"],setup(y,{emit:k}){const C=y,_=k,j=e(c,"SkdxSpeedDialContent must be used within SkdxSpeedDial."),w=O(i);if(!w)throw new Error("SkdxSpeedDialContent must be used within SkdxSpeedDial.");const x=D(null),b=t(x,j.contentRef),h=f(()=>l[j.direction.value]),N=o(),F=f(()=>n({orientation:h.value,loop:C.loop,itemSelector:p,typeahead:!0,direction:N}));function B(){x.value?.querySelectorAll(d)?.forEach((e,t)=>{e.style.setProperty("--skdx-speed-dial-index",String(t)),e.style.setProperty("--skdx-speed-dial-offset",String(t+1))})}function A(){j.setOpen(!1),j.triggerRef.value?.focus()}S(B),P(B),a({enabled:j.open,onEscapeKeyDown:e=>{_("escape-key-down",e),e.defaultPrevented||A()},onPointerDownOutside:e=>{_("pointer-down-outside",e),e.defaultPrevented||j.setOpen(!1)},onFocusOutside:e=>{_("focus-outside",e),e.defaultPrevented||j.setOpen(!1)},onInteractOutside:e=>_("interact-outside",e)},[x,j.triggerRef]),r(x,f(()=>j.open.value&&"hover"!==j.openReason.current),p);const{style:M,placedSide:L,placedAlign:q}=s(w.anchor,x,j.open,()=>({...C,side:u[j.direction.value],component:"speed-dial"}));function H(e){F.value(e),"Tab"===e.key&&(e.preventDefault(),A())}function K(e){j.openOnHover.value&&"touch"!==e.pointerType&&j.onPointerEnter()}function X(e){j.openOnHover.value&&"touch"!==e.pointerType&&j.onPointerLeave()}return(e,t)=>y.forceMount||I(j).open.value?(g(),v("div",{key:0,id:I(j).contentId,ref:I(b),class:"skdx-speed-dial__content","data-part":"content",role:"menu","aria-orientation":h.value,"aria-labelledby":I(j).triggerId,tabindex:"-1","data-state":I(j).open.value?"open":"closed","data-direction":I(j).direction.value,"data-side":I(L),"data-align":I(q),style:E(I(M)),onKeydown:H,onPointerenter:K,onPointerleave:X},[R(e.$slots,"default")],44,T)):m("",!0)}});export{k as default};

package/dist/speed-dial/SpeedDialItem.vue.d.cts

@@ -1,28 +1,5 @@
 /**
- * One action in the fan: `role="menuitem"`, part of the content's single tab
- * stop, activated by click, Enter, or Space. Activating it emits `select` and
- * closes the dial, returning focus to the trigger, unless the `select`
- * listener calls `event.preventDefault()`. Set `disabled` to exclude it from
- * navigation and selection while keeping its slot in the fan.
- *
- * Carries `--skdx-speed-dial-index` (0-based) and `--skdx-speed-dial-offset`
- * (the same position counted from 1), written by `SkdxSpeedDialContent`, so the
- * travel distance and the stagger are both CSS:
- *
- * ```css
- * .my-speed-dial-item {
- *   transition: transform 160ms;
- *   transition-delay: calc(var(--skdx-speed-dial-index) * 40ms);
- * }
- * [data-direction='up'] .my-speed-dial-item {
- *   transform: translateY(calc(var(--skdx-speed-dial-offset) * -3.5rem));
- * }
- * ```
- *
- * Its accessible name comes from a `SkdxSpeedDialItemLabel` child via
- * `aria-labelledby`, so an icon-only action is still named — see that part for
- * why a `title` attribute is not an acceptable substitute. Must be used inside
- * `SkdxSpeedDial`.
+ * Action in the fan, `role="menuitem"`, that activates on click, Enter, or Space and emits `select`.
  *
  * @example
  * ```vue
@@ -38,7 +15,12 @@ type __VLS_Props = {
      * keeps its slot in the fan, so the actions around it do not shuffle.
      * @default false — the action is navigable and selectable.
      */
-    disabled?: boolean;
+    disabled?: boolean | undefined;
+    /**
+     * Size rung the skin renders the item at, reflected as `data-size`.
+     * @default undefined — falls back to a `data-size` attribute.
+     */
+    size?: 'sm' | 'md' | 'lg' | (string & {}) | undefined;
 };
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
@@ -47,9 +29,9 @@ type __VLS_Slots = {} & {
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     select: (event: Event) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onSelect?: ((event: Event) => any) | undefined;
+    onSelect?: (event: Event) => any;
 }>, {
-    disabled: boolean;
+    disabled: boolean | undefined;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/speed-dial/SpeedDialItem.vue.d.ts

@@ -1,28 +1,5 @@
 /**
- * One action in the fan: `role="menuitem"`, part of the content's single tab
- * stop, activated by click, Enter, or Space. Activating it emits `select` and
- * closes the dial, returning focus to the trigger, unless the `select`
- * listener calls `event.preventDefault()`. Set `disabled` to exclude it from
- * navigation and selection while keeping its slot in the fan.
- *
- * Carries `--skdx-speed-dial-index` (0-based) and `--skdx-speed-dial-offset`
- * (the same position counted from 1), written by `SkdxSpeedDialContent`, so the
- * travel distance and the stagger are both CSS:
- *
- * ```css
- * .my-speed-dial-item {
- *   transition: transform 160ms;
- *   transition-delay: calc(var(--skdx-speed-dial-index) * 40ms);
- * }
- * [data-direction='up'] .my-speed-dial-item {
- *   transform: translateY(calc(var(--skdx-speed-dial-offset) * -3.5rem));
- * }
- * ```
- *
- * Its accessible name comes from a `SkdxSpeedDialItemLabel` child via
- * `aria-labelledby`, so an icon-only action is still named — see that part for
- * why a `title` attribute is not an acceptable substitute. Must be used inside
- * `SkdxSpeedDial`.
+ * Action in the fan, `role="menuitem"`, that activates on click, Enter, or Space and emits `select`.
  *
  * @example
  * ```vue
@@ -38,7 +15,12 @@ type __VLS_Props = {
      * keeps its slot in the fan, so the actions around it do not shuffle.
      * @default false — the action is navigable and selectable.
      */
-    disabled?: boolean;
+    disabled?: boolean | undefined;
+    /**
+     * Size rung the skin renders the item at, reflected as `data-size`.
+     * @default undefined — falls back to a `data-size` attribute.
+     */
+    size?: 'sm' | 'md' | 'lg' | (string & {}) | undefined;
 };
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
@@ -47,9 +29,9 @@ type __VLS_Slots = {} & {
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     select: (event: Event) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onSelect?: ((event: Event) => any) | undefined;
+    onSelect?: (event: Event) => any;
 }>, {
-    disabled: boolean;
+    disabled: boolean | undefined;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/speed-dial/SpeedDialItem.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const v=require("../utils/useMenuItem.cjs"),a=require("./context.cjs");let e=require("vue");var S=["aria-labelledby"],b=(0,e.defineComponent)({__name:"SpeedDialItem",props:{disabled:{type:Boolean,default:!1}},emits:["select"],setup(f,{emit:m}){const p=f,I=m,o=(0,e.inject)(a.SPEED_DIAL_CONTEXT);if(!o)throw new Error("SkdxSpeedDialItem must be used within SkdxSpeedDial.");const l=(0,e.ref)(void 0);(0,e.provide)(a.SPEED_DIAL_ITEM_CONTEXT,{labelId:l,setLabelId:r=>{l.value=r}});const{itemAttrs:_,onItemClick:i,onItemKeydown:u,onItemPointerenter:s,onItemPointerleave:d}=v.useMenuItem({disabled:(0,e.toRef)(p,"disabled"),onSelect:r=>I("select",r),onSelected:()=>{o.setOpen(!1),o.triggerRef.value?.focus()},contentRef:o.contentRef});return(r,t)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",(0,e.mergeProps)({class:"skdx-speed-dial__item","data-part":"item",role:"menuitem","aria-labelledby":l.value},(0,e.unref)(_),{onClick:t[0]||(t[0]=(...n)=>(0,e.unref)(i)&&(0,e.unref)(i)(...n)),onKeydown:t[1]||(t[1]=(...n)=>(0,e.unref)(u)&&(0,e.unref)(u)(...n)),onPointerenter:t[2]||(t[2]=(...n)=>(0,e.unref)(s)&&(0,e.unref)(s)(...n)),onPointerleave:t[3]||(t[3]=(...n)=>(0,e.unref)(d)&&(0,e.unref)(d)(...n))}),[(0,e.renderSlot)(r.$slots,"default")],16,S))}});exports.default=b;
+const v=require("../utils/appearance.cjs"),_=require("../utils/injectRequired.cjs"),q=require("../utils/useMenuItem.cjs"),f=require("./context.cjs");let e=require("vue");var S=["aria-labelledby"],b=(0,e.defineComponent)({inheritAttrs:!1,__name:"SpeedDialItem",props:{disabled:{type:Boolean,default:!1},size:{}},emits:["select"],setup(l,{emit:m}){const p=l,I=m,i=_.injectRequired(f.SPEED_DIAL_CONTEXT,"SkdxSpeedDialItem must be used within SkdxSpeedDial."),o=(0,e.ref)(void 0);(0,e.provide)(f.SPEED_DIAL_ITEM_CONTEXT,{labelId:o,setLabelId:r=>{o.value=r}});const{itemAttrs:c,onItemClick:s,onItemKeydown:u,onItemPointerenter:a,onItemPointerleave:d}=q.useMenuItem({disabled:(0,e.toRef)(p,"disabled"),onSelect:r=>I("select",r),onSelected:()=>{i.setOpen(!1),i.triggerRef.value?.focus()},contentRef:i.contentRef});return(r,t)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",(0,e.mergeProps)({class:"skdx-speed-dial__item","data-part":"item",role:"menuitem","aria-labelledby":o.value},{...r.$attrs,...(0,e.unref)(c),...(0,e.unref)(v.appearanceAttrs)({size:l.size},r.$attrs)},{onClick:t[0]||(t[0]=(...n)=>(0,e.unref)(s)&&(0,e.unref)(s)(...n)),onKeydown:t[1]||(t[1]=(...n)=>(0,e.unref)(u)&&(0,e.unref)(u)(...n)),onPointerenter:t[2]||(t[2]=(...n)=>(0,e.unref)(a)&&(0,e.unref)(a)(...n)),onPointerleave:t[3]||(t[3]=(...n)=>(0,e.unref)(d)&&(0,e.unref)(d)(...n))}),[(0,e.renderSlot)(r.$slots,"default")],16,S))}});exports.default=b;

package/dist/speed-dial/SpeedDialItem.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{useMenuItem as e}from"../utils/useMenuItem.js";import{SPEED_DIAL_CONTEXT as t,SPEED_DIAL_ITEM_CONTEXT as o}from"./context.js";import{createElementBlock as a,defineComponent as n,inject as s,mergeProps as l,openBlock as r,provide as i,ref as d,renderSlot as m,toRef as u,unref as c}from"vue";var p=["aria-labelledby"],f=/* @__PURE__ */n({__name:"SpeedDialItem",props:{disabled:{type:Boolean,default:!1}},emits:["select"],setup(n,{emit:f}){const I=n,b=f,v=s(t);if(!v)throw new Error("SkdxSpeedDialItem must be used within SkdxSpeedDial.");const S=d(void 0);i(o,{labelId:S,setLabelId:e=>{S.value=e}});const{itemAttrs:E,onItemClick:_,onItemKeydown:k,onItemPointerenter:D,onItemPointerleave:P}=e({disabled:u(I,"disabled"),onSelect:e=>b("select",e),onSelected:()=>{v.setOpen(!1),v.triggerRef.value?.focus()},contentRef:v.contentRef});return(e,t)=>(r(),a("div",l({class:"skdx-speed-dial__item","data-part":"item",role:"menuitem","aria-labelledby":S.value},c(E),{onClick:t[0]||(t[0]=(...e)=>c(_)&&c(_)(...e)),onKeydown:t[1]||(t[1]=(...e)=>c(k)&&c(k)(...e)),onPointerenter:t[2]||(t[2]=(...e)=>c(D)&&c(D)(...e)),onPointerleave:t[3]||(t[3]=(...e)=>c(P)&&c(P)(...e))}),[m(e.$slots,"default")],16,p))}});export{f as default};
+import{appearanceAttrs as e}from"../utils/appearance.js";import{injectRequired as t}from"../utils/injectRequired.js";import{useMenuItem as a}from"../utils/useMenuItem.js";import{SPEED_DIAL_CONTEXT as s,SPEED_DIAL_ITEM_CONTEXT as o}from"./context.js";import{createElementBlock as i,defineComponent as n,mergeProps as r,openBlock as l,provide as d,ref as m,renderSlot as p,toRef as u,unref as c}from"vue";var f=["aria-labelledby"],I=/* @__PURE__ */n({inheritAttrs:!1,__name:"SpeedDialItem",props:{disabled:{type:Boolean,default:!1},size:{}},emits:["select"],setup(n,{emit:I}){const b=n,v=I,S=t(s,"SkdxSpeedDialItem must be used within SkdxSpeedDial."),_=m(void 0);d(o,{labelId:_,setLabelId:e=>{_.value=e}});const{itemAttrs:E,onItemClick:k,onItemKeydown:D,onItemPointerenter:P,onItemPointerleave:j}=a({disabled:u(b,"disabled"),onSelect:e=>v("select",e),onSelected:()=>{S.setOpen(!1),S.triggerRef.value?.focus()},contentRef:S.contentRef});return(t,a)=>(l(),i("div",r({class:"skdx-speed-dial__item","data-part":"item",role:"menuitem","aria-labelledby":_.value},{...t.$attrs,...c(E),...c(e)({size:n.size},t.$attrs)},{onClick:a[0]||(a[0]=(...e)=>c(k)&&c(k)(...e)),onKeydown:a[1]||(a[1]=(...e)=>c(D)&&c(D)(...e)),onPointerenter:a[2]||(a[2]=(...e)=>c(P)&&c(P)(...e)),onPointerleave:a[3]||(a[3]=(...e)=>c(j)&&c(j)(...e))}),[p(t.$slots,"default")],16,f))}});export{I as default};

package/dist/speed-dial/SpeedDialItemLabel.vue.d.cts

@@ -1,34 +1,5 @@
 /**
- * The visible text naming its `SkdxSpeedDialItem` — the little caption that
- * sits beside an icon-only action. It registers its `id` with the item, which
- * points `aria-labelledby` at it, so the action is named by the very element
- * the sighted user reads.
- *
- * This exists as a real element on purpose. The obvious shortcut — a `title`
- * attribute on the item — produces a tooltip that never appears for keyboard
- * focus, cannot be styled or animated, is announced inconsistently across
- * screen readers, and is invisible on touch entirely. A label you can see is a
- * label you can also position, fade in on hover, and hand to `aria-labelledby`.
- *
- * Reveal it however you like; the item's own `:hover`/`:focus-within` is the
- * usual hook, and nothing here hides it, so a dial that shows every label
- * permanently needs no override:
- *
- * ```css
- * .my-speed-dial-label {
- *   opacity: 0;
- *   transition: opacity 120ms;
- * }
- * .my-speed-dial-item:hover .my-speed-dial-label,
- * .my-speed-dial-item:focus-within .my-speed-dial-label {
- *   opacity: 1;
- * }
- * ```
- *
- * Keep it visible to assistive technology even while it is visually hidden —
- * `opacity: 0` and `visibility: hidden` differ here, and `display: none` would
- * drop the accessible name along with the text. Must be used inside
- * `SkdxSpeedDialItem`.
+ * Visible text naming its SkdxSpeedDialItem, registered to aria-labelledby; use a real element, not a title attribute.
  *
  * @example
  * ```vue

package/dist/speed-dial/SpeedDialItemLabel.vue.d.ts

@@ -1,34 +1,5 @@
 /**
- * The visible text naming its `SkdxSpeedDialItem` — the little caption that
- * sits beside an icon-only action. It registers its `id` with the item, which
- * points `aria-labelledby` at it, so the action is named by the very element
- * the sighted user reads.
- *
- * This exists as a real element on purpose. The obvious shortcut — a `title`
- * attribute on the item — produces a tooltip that never appears for keyboard
- * focus, cannot be styled or animated, is announced inconsistently across
- * screen readers, and is invisible on touch entirely. A label you can see is a
- * label you can also position, fade in on hover, and hand to `aria-labelledby`.
- *
- * Reveal it however you like; the item's own `:hover`/`:focus-within` is the
- * usual hook, and nothing here hides it, so a dial that shows every label
- * permanently needs no override:
- *
- * ```css
- * .my-speed-dial-label {
- *   opacity: 0;
- *   transition: opacity 120ms;
- * }
- * .my-speed-dial-item:hover .my-speed-dial-label,
- * .my-speed-dial-item:focus-within .my-speed-dial-label {
- *   opacity: 1;
- * }
- * ```
- *
- * Keep it visible to assistive technology even while it is visually hidden —
- * `opacity: 0` and `visibility: hidden` differ here, and `display: none` would
- * drop the accessible name along with the text. Must be used inside
- * `SkdxSpeedDialItem`.
+ * Visible text naming its SkdxSpeedDialItem, registered to aria-labelledby; use a real element, not a title attribute.
  *
  * @example
  * ```vue

package/dist/speed-dial/SpeedDialItemLabel.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const l=require("./context.cjs");let e=require("vue");var o=["id"],s=(0,e.defineComponent)({__name:"SpeedDialItemLabel",props:{id:{}},setup(r){const i=r,t=(0,e.inject)(l.SPEED_DIAL_ITEM_CONTEXT);if(!t)throw new Error("SkdxSpeedDialItemLabel must be used within SkdxSpeedDialItem.");const n=l.nextSpeedDialItemLabelId(),d=(0,e.computed)(()=>i.id??n);return(0,e.watch)(d,a=>t.setLabelId(a),{immediate:!0}),(0,e.onBeforeUnmount)(()=>t.setLabelId(void 0)),(a,u)=>((0,e.openBlock)(),(0,e.createElementBlock)("span",{class:"skdx-speed-dial__item-label","data-part":"item-label",id:d.value},[(0,e.renderSlot)(a.$slots,"default")],8,o))}});exports.default=s;
+const u=require("../utils/injectRequired.cjs"),i=require("./context.cjs");let e=require("vue");var o=["id"],s=(0,e.defineComponent)({__name:"SpeedDialItemLabel",props:{id:{}},setup(r){const l=r,d=u.injectRequired(i.SPEED_DIAL_ITEM_CONTEXT,"SkdxSpeedDialItemLabel must be used within SkdxSpeedDialItem."),n=i.nextSpeedDialItemLabelId(),a=(0,e.computed)(()=>l.id??n);return(0,e.watch)(a,t=>d.setLabelId(t),{immediate:!0}),(0,e.onBeforeUnmount)(()=>d.setLabelId(void 0)),(t,_)=>((0,e.openBlock)(),(0,e.createElementBlock)("span",{id:a.value,class:"skdx-speed-dial__item-label","data-part":"item-label"},[(0,e.renderSlot)(t.$slots,"default")],8,o))}});exports.default=s;

package/dist/speed-dial/SpeedDialItemLabel.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{SPEED_DIAL_ITEM_CONTEXT as e,nextSpeedDialItemLabelId as a}from"./context.js";import{computed as t,createElementBlock as s,defineComponent as d,inject as l,onBeforeUnmount as o,openBlock as i,renderSlot as n,watch as m}from"vue";var r=["id"],p=/* @__PURE__ */d({__name:"SpeedDialItemLabel",props:{id:{}},setup(d){const p=d,c=l(e);if(!c)throw new Error("SkdxSpeedDialItemLabel must be used within SkdxSpeedDialItem.");const u=a(),I=t(()=>p.id??u);return m(I,e=>c.setLabelId(e),{immediate:!0}),o(()=>c.setLabelId(void 0)),(e,a)=>(i(),s("span",{class:"skdx-speed-dial__item-label","data-part":"item-label",id:I.value},[n(e.$slots,"default")],8,r))}});export{p as default};
+import{injectRequired as e}from"../utils/injectRequired.js";import{SPEED_DIAL_ITEM_CONTEXT as a,nextSpeedDialItemLabelId as t}from"./context.js";import{computed as s,createElementBlock as d,defineComponent as i,onBeforeUnmount as l,openBlock as o,renderSlot as m,watch as n}from"vue";var r=["id"],p=/* @__PURE__ */i({__name:"SpeedDialItemLabel",props:{id:{}},setup(i){const p=i,u=e(a,"SkdxSpeedDialItemLabel must be used within SkdxSpeedDialItem."),c=t(),I=s(()=>p.id??c);return n(I,e=>u.setLabelId(e),{immediate:!0}),l(()=>u.setLabelId(void 0)),(e,a)=>(o(),d("span",{id:I.value,class:"skdx-speed-dial__item-label","data-part":"item-label"},[m(e.$slots,"default")],8,r))}});export{p as default};

package/dist/speed-dial/SpeedDialOverlay.vue.cjs

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

package/dist/speed-dial/SpeedDialOverlay.vue.d.cts

@@ -0,0 +1,12 @@
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, 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/speed-dial/SpeedDialOverlay.vue.d.ts

@@ -0,0 +1,12 @@
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, 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/speed-dial/SpeedDialOverlay.vue.js

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

package/dist/speed-dial/SpeedDialOverlay.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const a=require("../utils/injectRequired.cjs"),d=require("./context.cjs");let e=require("vue");var l=["data-state"],u=(0,e.defineComponent)({__name:"SpeedDialOverlay",setup(n){const t=a.injectRequired(d.SPEED_DIAL_CONTEXT,"SkdxSpeedDialOverlay must be used within SkdxSpeedDial.");return(r,_)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",{class:"skdx-speed-dial__overlay","data-part":"overlay","data-state":(0,e.unref)(t).open.value?"open":"closed"},[(0,e.renderSlot)(r.$slots,"default")],8,l))}});exports.default=u;

package/dist/speed-dial/SpeedDialOverlay.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{injectRequired as e}from"../utils/injectRequired.js";import{SPEED_DIAL_CONTEXT as a}from"./context.js";import{createElementBlock as t,defineComponent as s,openBlock as o,renderSlot as r,unref as d}from"vue";var l=["data-state"],i=/* @__PURE__ */s({__name:"SpeedDialOverlay",setup(s){const i=e(a,"SkdxSpeedDialOverlay must be used within SkdxSpeedDial.");return(e,a)=>(o(),t("div",{class:"skdx-speed-dial__overlay","data-part":"overlay","data-state":d(i).open.value?"open":"closed"},[r(e.$slots,"default")],8,l))}});export{i as default};

package/dist/speed-dial/SpeedDialPortal.vue.d.cts

@@ -1,11 +1,6 @@
 import type { PortalContainer } from '../utils/portal.cjs';
 /**
- * Teleports `SkdxSpeedDialContent` to `document.body` (or a custom
- * `container`), so the fan escapes any clipping/`overflow` ancestors — which a
- * dial pinned to a corner of a scrolling pane will otherwise hit immediately.
- *
- * Mounts only while the dial is open unless `forceMount` is set. Must be used
- * inside `SkdxSpeedDial`.
+ * Portal for `SkdxSpeedDialContent` that teleports to `document.body`, or a custom container, to escape clipping ancestors.
  *
  * @example
  * ```vue
@@ -19,14 +14,13 @@ import type { PortalContainer } from '../utils/portal.cjs';
  */
 type __VLS_Props = {
     /**
-     * DOM node (or CSS selector) the actions are rendered into.
+     * DOM node or CSS selector to render into.
      * @default document.body
      */
     container?: PortalContainer;
     /**
-     * Render the portal even while the dial is closed, instead of unmounting
-     * it. Only needed to keep the actions in the DOM permanently.
-     * @default false — the fan leaves the DOM once the dial closes.
+     * Keep portal mounted while dial is closed.
+     * @default false
      */
     forceMount?: boolean;
 };