@skdx/vue 0.28.0 → 0.29.0

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

@@ -1,13 +1,15 @@
 import type { SpeedDialAction } from './types.cjs';
-/**
- * Anatomy of `SkdxSpeedDial`: floating action button (trigger) and portalled menu fan.
- * @internal
- */
+/** @internal Anatomy of `SkdxSpeedDial`: floating action button (trigger) and portalled menu fan. */
 type __VLS_Props = {
     actions: readonly SpeedDialAction[];
     overlay: boolean;
     /** The recipe's `select`, fired after the entry's own `onSelect`. */
     onActionSelect?: (action: SpeedDialAction, index: number) => void;
+    /**
+     * Size rung the skin renders the dial at, applied to the derived Trigger and Item parts.
+     * @default undefined — falls back to a `data-size` attribute.
+     */
+    size?: 'sm' | 'md' | 'lg' | (string & {}) | undefined;
 };
 declare var __VLS_4: {};
 type __VLS_Slots = {} & {

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

@@ -1,13 +1,15 @@
 import type { SpeedDialAction } from './types.js';
-/**
- * Anatomy of `SkdxSpeedDial`: floating action button (trigger) and portalled menu fan.
- * @internal
- */
+/** @internal Anatomy of `SkdxSpeedDial`: floating action button (trigger) and portalled menu fan. */
 type __VLS_Props = {
     actions: readonly SpeedDialAction[];
     overlay: boolean;
     /** The recipe's `select`, fired after the entry's own `onSelect`. */
     onActionSelect?: (action: SpeedDialAction, index: number) => void;
+    /**
+     * Size rung the skin renders the dial at, applied to the derived Trigger and Item parts.
+     * @default undefined — falls back to a `data-size` attribute.
+     */
+    size?: 'sm' | 'md' | 'lg' | (string & {}) | undefined;
 };
 declare var __VLS_4: {};
 type __VLS_Slots = {} & {

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

@@ -1 +1 @@
-const d=require("./SpeedDialContent.vue.cjs"),s=require("./SpeedDialItem.vue.cjs"),p=require("./SpeedDialItemLabel.vue.cjs"),m=require("./SpeedDialOverlay.vue.cjs"),_=require("./SpeedDialPortal.vue.cjs"),f=require("./SpeedDialTrigger.vue.cjs");let e=require("vue");var S=(0,e.defineComponent)({inheritAttrs:!1,__name:"SpeedDialAnatomy",props:{actions:{},overlay:{type:Boolean},onActionSelect:{type:Function}},setup(l){const i=l;function u(r,a){r.onSelect?.(),i.onActionSelect?.(r,a)}const o=(0,e.useAttrs)(),c=(0,e.computed)(()=>o.id?{"aria-controls":o.id}:{});return(r,a)=>((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,null,[(0,e.createVNode)(f.default,(0,e.normalizeProps)((0,e.guardReactiveProps)(c.value)),{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(r.$slots,"trigger")]),_:3},16),(0,e.createVNode)(_.default,null,{default:(0,e.withCtx)(()=>[l.overlay?((0,e.openBlock)(),(0,e.createBlock)(m.default,{key:0})):(0,e.createCommentVNode)("",!0),(0,e.createVNode)(d.default,(0,e.normalizeProps)((0,e.guardReactiveProps)(r.$attrs)),{default:(0,e.withCtx)(()=>[((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(l.actions,(t,n)=>((0,e.openBlock)(),(0,e.createBlock)(s.default,{key:`${t.label}-${n}`,disabled:t.disabled,onSelect:k=>u(t,n)},{default:(0,e.withCtx)(()=>[t.icon?((0,e.openBlock)(),(0,e.createBlock)((0,e.resolveDynamicComponent)(t.icon),{key:0,"aria-hidden":"true"})):(0,e.createCommentVNode)("",!0),(0,e.createVNode)(p.default,null,{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(t.label),1)]),_:2},1024)]),_:2},1032,["disabled","onSelect"]))),128))]),_:1},16)]),_:1})],64))}});exports.default=S;
+const d=require("./SpeedDialContent.vue.cjs"),s=require("./SpeedDialItem.vue.cjs"),p=require("./SpeedDialItemLabel.vue.cjs"),m=require("./SpeedDialOverlay.vue.cjs"),f=require("./SpeedDialPortal.vue.cjs"),S=require("./SpeedDialTrigger.vue.cjs");let e=require("vue");var k=(0,e.defineComponent)({inheritAttrs:!1,__name:"SpeedDialAnatomy",props:{actions:{},overlay:{type:Boolean},onActionSelect:{type:Function},size:{}},setup(r){const i=r;function u(l,a){l.onSelect?.(),i.onActionSelect?.(l,a)}const o=(0,e.useAttrs)(),c=(0,e.computed)(()=>o.id?{"aria-controls":o.id}:{});return(l,a)=>((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,null,[(0,e.createVNode)(S.default,(0,e.mergeProps)(c.value,{size:r.size}),{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(l.$slots,"trigger")]),_:3},16,["size"]),(0,e.createVNode)(f.default,null,{default:(0,e.withCtx)(()=>[r.overlay?((0,e.openBlock)(),(0,e.createBlock)(m.default,{key:0})):(0,e.createCommentVNode)("",!0),(0,e.createVNode)(d.default,(0,e.normalizeProps)((0,e.guardReactiveProps)(l.$attrs)),{default:(0,e.withCtx)(()=>[((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(r.actions,(t,n)=>((0,e.openBlock)(),(0,e.createBlock)(s.default,{key:`${t.label}-${n}`,disabled:t.disabled,size:r.size,onSelect:q=>u(t,n)},{default:(0,e.withCtx)(()=>[t.icon?((0,e.openBlock)(),(0,e.createBlock)((0,e.resolveDynamicComponent)(t.icon),{key:0,"aria-hidden":"true"})):(0,e.createCommentVNode)("",!0),(0,e.createVNode)(p.default,null,{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(t.label),1)]),_:2},1024)]),_:2},1032,["disabled","size","onSelect"]))),128))]),_:1},16)]),_:1})],64))}});exports.default=k;

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

@@ -1 +1 @@
-import e from"./SpeedDialContent.vue.js";import t from"./SpeedDialItem.vue.js";import a from"./SpeedDialItemLabel.vue.js";import o from"./SpeedDialOverlay.vue.js";import r from"./SpeedDialPortal.vue.js";import l from"./SpeedDialTrigger.vue.js";import{Fragment as s,computed as n,createBlock as i,createCommentVNode as d,createElementBlock as m,createTextVNode as p,createVNode as c,defineComponent as u,guardReactiveProps as f,normalizeProps as v,openBlock as S,renderList as y,renderSlot as D,resolveDynamicComponent as g,toDisplayString as _,useAttrs as b,withCtx as j}from"vue";var k=/* @__PURE__ */u({inheritAttrs:!1,__name:"SpeedDialAnatomy",props:{actions:{},overlay:{type:Boolean},onActionSelect:{type:Function}},setup(u){const k=u,A=b(),C=n(()=>A.id?{"aria-controls":A.id}:{});return(n,b)=>(S(),m(s,null,[c(l,v(f(C.value)),{default:j(()=>[D(n.$slots,"trigger")]),_:3},16),c(r,null,{default:j(()=>[u.overlay?(S(),i(o,{key:0})):d("",!0),c(e,v(f(n.$attrs)),{default:j(()=>[(S(!0),m(s,null,y(u.actions,(e,o)=>(S(),i(t,{key:`${e.label}-${o}`,disabled:e.disabled,onSelect:t=>function(e,t){e.onSelect?.(),k.onActionSelect?.(e,t)}(e,o)},{default:j(()=>[e.icon?(S(),i(g(e.icon),{key:0,"aria-hidden":"true"})):d("",!0),c(a,null,{default:j(()=>[p(_(e.label),1)]),_:2},1024)]),_:2},1032,["disabled","onSelect"]))),128))]),_:1},16)]),_:1})],64))}});export{k as default};
+import e from"./SpeedDialContent.vue.js";import t from"./SpeedDialItem.vue.js";import a from"./SpeedDialItemLabel.vue.js";import o from"./SpeedDialOverlay.vue.js";import r from"./SpeedDialPortal.vue.js";import s from"./SpeedDialTrigger.vue.js";import{Fragment as l,computed as i,createBlock as n,createCommentVNode as d,createElementBlock as m,createTextVNode as p,createVNode as c,defineComponent as u,guardReactiveProps as f,mergeProps as v,normalizeProps as S,openBlock as y,renderList as D,renderSlot as g,resolveDynamicComponent as z,toDisplayString as _,useAttrs as b,withCtx as j}from"vue";var k=/* @__PURE__ */u({inheritAttrs:!1,__name:"SpeedDialAnatomy",props:{actions:{},overlay:{type:Boolean},onActionSelect:{type:Function},size:{}},setup(u){const k=u,A=b(),C=i(()=>A.id?{"aria-controls":A.id}:{});return(i,b)=>(y(),m(l,null,[c(s,v(C.value,{size:u.size}),{default:j(()=>[g(i.$slots,"trigger")]),_:3},16,["size"]),c(r,null,{default:j(()=>[u.overlay?(y(),n(o,{key:0})):d("",!0),c(e,S(f(i.$attrs)),{default:j(()=>[(y(!0),m(l,null,D(u.actions,(e,o)=>(y(),n(t,{key:`${e.label}-${o}`,disabled:e.disabled,size:u.size,onSelect:t=>function(e,t){e.onSelect?.(),k.onActionSelect?.(e,t)}(e,o)},{default:j(()=>[e.icon?(y(),n(z(e.icon),{key:0,"aria-hidden":"true"})):d("",!0),c(a,null,{default:j(()=>[p(_(e.label),1)]),_:2},1024)]),_:2},1032,["disabled","size","onSelect"]))),128))]),_:1},16)]),_:1})],64))}});export{k as default};

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

@@ -1,9 +1,7 @@
 import { type Align, type PhysicalSide } from '../utils/popper.cjs';
 import { type FocusOutsideEvent, type InteractOutsideEvent } from '../utils/useDismiss.cjs';
 /**
- * Fanned-out actions menu; role="menu" with direction-based orientation.
- * Positioned via popper; stamps each item with index/offset for CSS stagger.
- * Arrow navigation wraps; Escape/Tab/outside close (preventable via preventDefault).
+ * Fanned-out actions menu, role="menu" with direction-based orientation and popper positioning.
  * @example
  * ```vue
  * <SkdxSpeedDialContent :side-offset="12">
@@ -55,13 +53,13 @@ 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;
 }>, {
-    forceMount: boolean;
     align: Align;
+    forceMount: boolean;
     loop: boolean;
     sideOffset: number;
     alignOffset: number;

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

@@ -1,9 +1,7 @@
 import { type Align, type PhysicalSide } from '../utils/popper.js';
 import { type FocusOutsideEvent, type InteractOutsideEvent } from '../utils/useDismiss.js';
 /**
- * Fanned-out actions menu; role="menu" with direction-based orientation.
- * Positioned via popper; stamps each item with index/offset for CSS stagger.
- * Arrow navigation wraps; Escape/Tab/outside close (preventable via preventDefault).
+ * Fanned-out actions menu, role="menu" with direction-based orientation and popper positioning.
  * @example
  * ```vue
  * <SkdxSpeedDialContent :side-offset="12">
@@ -55,13 +53,13 @@ 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;
 }>, {
-    forceMount: boolean;
     align: Align;
+    forceMount: boolean;
     loop: boolean;
     sideOffset: number;
     alignOffset: number;

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

@@ -1 +1 @@
-const R=require("../utils/composeRefs.cjs"),I=require("../utils/direction.cjs"),T=require("../utils/useDismiss.cjs"),q=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","aria-labelledby","data-state","data-direction","data-side","data-align"],h=(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(s,{emit:_}){const u=s,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=R.composeRefs(i,o.contentRef),l=(0,t.computed)(()=>n.DIRECTION_ORIENTATION[o.direction.value]),y=I.useDirection(),m=(0,t.computed)(()=>q.useRovingFocus({orientation:l.value,loop:u.loop,itemSelector:n.ITEM_SELECTOR,typeahead:!0,direction:y}));function c(){i.value?.querySelectorAll(n.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(){o.setOpen(!1),o.triggerRef.value?.focus()}T.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,(0,t.computed)(()=>o.open.value&&o.openReason.current!=="hover"),n.ITEM_SELECTOR);const{style:E,placedSide:O,placedAlign:S}=f.usePopperPosition(d.anchor,i,o.open,()=>({...u,side:n.DIRECTION_SIDE[o.direction.value],component:"speed-dial"}));function g(e){m.value(e),e.key==="Tab"&&(e.preventDefault(),p())}function D(e){o.openOnHover.value&&e.pointerType!=="touch"&&o.onPointerEnter()}function P(e){o.openOnHover.value&&e.pointerType!=="touch"&&o.onPointerLeave()}return(e,a)=>s.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,"aria-labelledby":(0,t.unref)(o).triggerId,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)(O),"data-align":(0,t.unref)(S),style:(0,t.normalizeStyle)((0,t.unref)(E)),onKeydown:g,onPointerenter:D,onPointerleave:P},[(0,t.renderSlot)(e.$slots,"default")],44,w)):(0,t.createCommentVNode)("",!0)}});exports.default=h;
+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 a,usePopperPosition as s}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 y,normalizeStyle as O,onMounted as E,onUpdated as S,openBlock as P,ref as g,renderSlot as D,unref as I}from"vue";var T=["id","aria-orientation","aria-labelledby","data-state","data-direction","data-side","data-align"],R=/* @__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:R}){const k=v,w=R,C=y(p);if(!C)throw new Error("SkdxSpeedDialContent must be used within SkdxSpeedDial.");const _=y(a);if(!_)throw new Error("SkdxSpeedDialContent must be used within SkdxSpeedDial.");const x=g(null),h=e(x,C.contentRef),b=c(()=>d[C.direction.value]),j=t(),N=c(()=>n({orientation:b.value,loop:k.loop,itemSelector:u,typeahead:!0,direction:j}));function F(){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(F),S(F),o({enabled:C.open,onEscapeKeyDown:e=>{w("escape-key-down",e),e.defaultPrevented||B()},onPointerDownOutside:e=>{w("pointer-down-outside",e),e.defaultPrevented||C.setOpen(!1)},onFocusOutside:e=>{w("focus-outside",e),e.defaultPrevented||C.setOpen(!1)},onInteractOutside:e=>w("interact-outside",e)},[x,C.triggerRef]),i(x,c(()=>C.open.value&&"hover"!==C.openReason.current),u);const{style:A,placedSide:M,placedAlign:L}=s(_.anchor,x,C.open,()=>({...k,side:l[C.direction.value],component:"speed-dial"}));function H(e){N.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||I(C).open.value?(P(),m("div",{key:0,class:"skdx-speed-dial__content","data-part":"content",id:I(C).contentId,ref:I(h),role:"menu","aria-orientation":b.value,"aria-labelledby":I(C).triggerId,tabindex:"-1","data-state":I(C).open.value?"open":"closed","data-direction":I(C).direction.value,"data-side":I(M),"data-align":I(L),style:O(I(A)),onKeydown:H,onPointerenter:K,onPointerleave:X},[D(e.$slots,"default")],44,T)):f("",!0)}});export{R 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,7 +1,5 @@
 /**
- * Action in fan, `role="menuitem"`. Click/Enter/Space activates, emits select,
- * closes dial (unless prevented). Carries CSS position vars. Named via
- * SkdxSpeedDialItemLabel/aria-labelledby.
+ * Action in the fan, `role="menuitem"`, that activates on click, Enter, or Space and emits `select`.
  *
  * @example
  * ```vue
@@ -17,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 = {} & {
@@ -26,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,7 +1,5 @@
 /**
- * Action in fan, `role="menuitem"`. Click/Enter/Space activates, emits select,
- * closes dial (unless prevented). Carries CSS position vars. Named via
- * SkdxSpeedDialItemLabel/aria-labelledby.
+ * Action in the fan, `role="menuitem"`, that activates on click, Enter, or Space and emits `select`.
  *
  * @example
  * ```vue
@@ -17,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 = {} & {
@@ -26,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,14 +1,5 @@
 /**
- * Visible text naming its SkdxSpeedDialItem, registered to aria-labelledby. A real element
- * (not title attribute) that can be styled/animated. Keep visible to assistive tech even
- * when visually hidden — opacity:0 and visibility:hidden differ; display:none drops the
- * accessible name. Use inside SkdxSpeedDialItem.
- *
- * ```css
- * .my-label { opacity: 0; transition: opacity 120ms; }
- * .my-item:hover .my-label,
- * .my-item:focus-within .my-label { opacity: 1; }
- * ```
+ * 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,14 +1,5 @@
 /**
- * Visible text naming its SkdxSpeedDialItem, registered to aria-labelledby. A real element
- * (not title attribute) that can be styled/animated. Keep visible to assistive tech even
- * when visually hidden — opacity:0 and visibility:hidden differ; display:none drops the
- * accessible name. Use inside SkdxSpeedDialItem.
- *
- * ```css
- * .my-label { opacity: 0; transition: opacity 120ms; }
- * .my-item:hover .my-label,
- * .my-item:focus-within .my-label { opacity: 1; }
- * ```
+ * 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.d.cts

@@ -1,2 +1,12 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+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

@@ -1,2 +1,12 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+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_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const a=require("./context.cjs");let e=require("vue");var r=["data-state"],l=(0,e.defineComponent)({__name:"SpeedDialOverlay",setup(_){const t=(0,e.inject)(a.SPEED_DIAL_CONTEXT);if(!t)throw new Error("SkdxSpeedDialOverlay must be used within SkdxSpeedDial.");return(n,d)=>((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"},null,8,r))}});exports.default=l;
+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

@@ -1 +1 @@
-import{SPEED_DIAL_CONTEXT as e}from"./context.js";import{createElementBlock as a,defineComponent as t,inject as o,openBlock as r,unref as s}from"vue";var l=["data-state"],d=/* @__PURE__ */t({__name:"SpeedDialOverlay",setup(t){const d=o(e);if(!d)throw new Error("SkdxSpeedDialOverlay must be used within SkdxSpeedDial.");return(e,t)=>(r(),a("div",{class:"skdx-speed-dial__overlay","data-part":"overlay","data-state":s(d).open.value?"open":"closed"},null,8,l))}});export{d as default};
+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,7 +1,6 @@
 import type { PortalContainer } from '../utils/portal.cjs';
 /**
- * Portal for `SkdxSpeedDialContent`: teleports to `document.body` (or custom container)
- * to escape clipping ancestors. Mounts only while dial is open unless `forceMount` is set.
+ * Portal for `SkdxSpeedDialContent` that teleports to `document.body`, or a custom container, to escape clipping ancestors.
  *
  * @example
  * ```vue

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

@@ -1,7 +1,6 @@
 import type { PortalContainer } from '../utils/portal.js';
 /**
- * Portal for `SkdxSpeedDialContent`: teleports to `document.body` (or custom container)
- * to escape clipping ancestors. Mounts only while dial is open unless `forceMount` is set.
+ * Portal for `SkdxSpeedDialContent` that teleports to `document.body`, or a custom container, to escape clipping ancestors.
  *
  * @example
  * ```vue

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

@@ -1 +1 @@
-const o=require("../utils/Portal.vue.cjs"),a=require("./context.cjs");let e=require("vue");var u=(0,e.defineComponent)({__name:"SpeedDialPortal",props:{container:{default:null},forceMount:{type:Boolean,default:!1}},setup(t){const r=(0,e.inject)(a.SPEED_DIAL_CONTEXT);if(!r)throw new Error("SkdxSpeedDialPortal must be used within SkdxSpeedDial.");return(n,l)=>t.forceMount||(0,e.unref)(r).open.value?((0,e.openBlock)(),(0,e.createBlock)(o.default,{key:0,container:t.container},{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(n.$slots,"default")]),_:3},8,["container"])):(0,e.createCommentVNode)("",!0)}});exports.default=u;
+const u=require("../utils/injectRequired.cjs"),o=require("../utils/Portal.vue.cjs"),a=require("./context.cjs");let e=require("vue");var l=(0,e.defineComponent)({__name:"SpeedDialPortal",props:{container:{default:null},forceMount:{type:Boolean,default:!1}},setup(t){const r=u.injectRequired(a.SPEED_DIAL_CONTEXT,"SkdxSpeedDialPortal must be used within SkdxSpeedDial.");return(n,i)=>t.forceMount||(0,e.unref)(r).open.value?((0,e.openBlock)(),(0,e.createBlock)(o.default,{key:0,container:t.container},{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(n.$slots,"default")]),_:3},8,["container"])):(0,e.createCommentVNode)("",!0)}});exports.default=l;

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

@@ -1 +1 @@
-import e from"../utils/Portal.vue.js";import{SPEED_DIAL_CONTEXT as t}from"./context.js";import{createBlock as o,createCommentVNode as a,defineComponent as r,inject as n,openBlock as l,renderSlot as s,unref as i,withCtx as u}from"vue";var d=/* @__PURE__ */r({__name:"SpeedDialPortal",props:{container:{default:null},forceMount:{type:Boolean,default:!1}},setup(r){const d=n(t);if(!d)throw new Error("SkdxSpeedDialPortal must be used within SkdxSpeedDial.");return(t,n)=>r.forceMount||i(d).open.value?(l(),o(e,{key:0,container:r.container},{default:u(()=>[s(t.$slots,"default")]),_:3},8,["container"])):a("",!0)}});export{d as default};
+import{injectRequired as e}from"../utils/injectRequired.js";import t from"../utils/Portal.vue.js";import{SPEED_DIAL_CONTEXT as o}from"./context.js";import{createBlock as a,createCommentVNode as r,defineComponent as n,openBlock as s,renderSlot as i,unref as l,withCtx as u}from"vue";var d=/* @__PURE__ */n({__name:"SpeedDialPortal",props:{container:{default:null},forceMount:{type:Boolean,default:!1}},setup(n){const d=e(o,"SkdxSpeedDialPortal must be used within SkdxSpeedDial.");return(e,o)=>n.forceMount||l(d).open.value?(s(),a(t,{key:0,container:n.container},{default:u(()=>[i(e.$slots,"default")]),_:3},8,["container"])):r("",!0)}});export{d as default};

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

@@ -1,7 +1,6 @@
 import { type SpeedDialDirection } from './context.cjs';
 /**
- * FAB menu root; owns open state. Menu pattern with direction-based geometry.
- * Controlled (`v-model:open`) or uncontrolled. Supports hover open/close with delays.
+ * FAB menu root that owns open state, with direction-based geometry and hover open/close delays.
  * @example
  * ```vue
  * <SkdxSpeedDialRoot direction="up">
@@ -18,31 +17,31 @@ type __VLS_Props = {
     /** Whether actions are revealed for controlled usage.
      * @default undefined
      */
-    open?: boolean;
+    open?: boolean | undefined;
     /** Whether actions are revealed initially for uncontrolled usage.
      * @default false
      */
-    defaultOpen?: boolean;
-    /** Direction actions fan out (up/down/left/right). Decides geometry and navigation axis.
+    defaultOpen?: boolean | undefined;
+    /** Direction actions fan out (up/down/left/right), deciding geometry and navigation axis.
      * @default 'up'
      */
-    direction?: SpeedDialDirection;
-    /** Open on pointer-enter of trigger (not just click). Touch never takes hover.
+    direction?: SpeedDialDirection | undefined;
+    /** Open on pointer-enter of trigger, not just click; touch never takes hover.
      * @default false
      */
-    openOnHover?: boolean;
-    /** Milliseconds dial stays open after pointer leaves. Allows crossing gap to item.
+    openOnHover?: boolean | undefined;
+    /** Milliseconds dial stays open after pointer leaves, allowing the gap to the fan to be crossed.
      * @default 300
      */
-    hoverCloseDelay?: number;
-    /** Milliseconds pointer must rest before fan opens. Prevents accidental opening.
+    hoverCloseDelay?: number | undefined;
+    /** Milliseconds pointer must rest before fan opens, to prevent accidental opening.
      * @default 0
      */
-    hoverOpenDelay?: number;
+    hoverOpenDelay?: number | undefined;
     /** Blocks dial from opening; closes if already open.
      * @default false
      */
-    disabled?: boolean;
+    disabled?: boolean | undefined;
 };
 declare var __VLS_5: {};
 type __VLS_Slots = {} & {
@@ -53,17 +52,17 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}
     "open-change": (open: boolean) => 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;
-    "onOpen-change-complete"?: ((open: boolean) => any) | undefined;
+    "onUpdate:open"?: (open: boolean) => any;
+    "onOpen-change"?: (open: boolean) => any;
+    "onOpen-change-complete"?: (open: boolean) => any;
 }>, {
-    disabled: boolean;
-    open: boolean;
-    defaultOpen: boolean;
-    direction: SpeedDialDirection;
-    openOnHover: boolean;
-    hoverCloseDelay: number;
-    hoverOpenDelay: number;
+    disabled: boolean | undefined;
+    open: boolean | undefined;
+    defaultOpen: boolean | undefined;
+    direction: SpeedDialDirection | undefined;
+    openOnHover: boolean | undefined;
+    hoverCloseDelay: number | undefined;
+    hoverOpenDelay: number | undefined;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

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

@@ -1,7 +1,6 @@
 import { type SpeedDialDirection } from './context.js';
 /**
- * FAB menu root; owns open state. Menu pattern with direction-based geometry.
- * Controlled (`v-model:open`) or uncontrolled. Supports hover open/close with delays.
+ * FAB menu root that owns open state, with direction-based geometry and hover open/close delays.
  * @example
  * ```vue
  * <SkdxSpeedDialRoot direction="up">
@@ -18,31 +17,31 @@ type __VLS_Props = {
     /** Whether actions are revealed for controlled usage.
      * @default undefined
      */
-    open?: boolean;
+    open?: boolean | undefined;
     /** Whether actions are revealed initially for uncontrolled usage.
      * @default false
      */
-    defaultOpen?: boolean;
-    /** Direction actions fan out (up/down/left/right). Decides geometry and navigation axis.
+    defaultOpen?: boolean | undefined;
+    /** Direction actions fan out (up/down/left/right), deciding geometry and navigation axis.
      * @default 'up'
      */
-    direction?: SpeedDialDirection;
-    /** Open on pointer-enter of trigger (not just click). Touch never takes hover.
+    direction?: SpeedDialDirection | undefined;
+    /** Open on pointer-enter of trigger, not just click; touch never takes hover.
      * @default false
      */
-    openOnHover?: boolean;
-    /** Milliseconds dial stays open after pointer leaves. Allows crossing gap to item.
+    openOnHover?: boolean | undefined;
+    /** Milliseconds dial stays open after pointer leaves, allowing the gap to the fan to be crossed.
      * @default 300
      */
-    hoverCloseDelay?: number;
-    /** Milliseconds pointer must rest before fan opens. Prevents accidental opening.
+    hoverCloseDelay?: number | undefined;
+    /** Milliseconds pointer must rest before fan opens, to prevent accidental opening.
      * @default 0
      */
-    hoverOpenDelay?: number;
+    hoverOpenDelay?: number | undefined;
     /** Blocks dial from opening; closes if already open.
      * @default false
      */
-    disabled?: boolean;
+    disabled?: boolean | undefined;
 };
 declare var __VLS_5: {};
 type __VLS_Slots = {} & {
@@ -53,17 +52,17 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}
     "open-change": (open: boolean) => 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;
-    "onOpen-change-complete"?: ((open: boolean) => any) | undefined;
+    "onUpdate:open"?: (open: boolean) => any;
+    "onOpen-change"?: (open: boolean) => any;
+    "onOpen-change-complete"?: (open: boolean) => any;
 }>, {
-    disabled: boolean;
-    open: boolean;
-    defaultOpen: boolean;
-    direction: SpeedDialDirection;
-    openOnHover: boolean;
-    hoverCloseDelay: number;
-    hoverOpenDelay: number;
+    disabled: boolean | undefined;
+    open: boolean | undefined;
+    defaultOpen: boolean | undefined;
+    direction: SpeedDialDirection | undefined;
+    openOnHover: boolean | undefined;
+    hoverCloseDelay: number | undefined;
+    hoverOpenDelay: number | undefined;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

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

@@ -1 +1 @@
-const T=require("../utils/useOpenChangeComplete.cjs"),y=require("../utils/PopperRoot.vue.cjs"),s=require("./context.cjs");let e=require("vue");var q=(0,e.defineComponent)({__name:"SpeedDialRoot",props:{open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1},direction:{default:"up"},openOnHover:{type:Boolean,default:!1},hoverCloseDelay:{default:300},hoverOpenDelay:{default:0},disabled:{type:Boolean,default:!1}},emits:["update:open","open-change","open-change-complete"],setup(_,{emit:h}){const o=_,i=h,f=(0,e.ref)(null),p=(0,e.ref)(null),v=(0,e.ref)(o.defaultOpen),a=(0,e.computed)(()=>o.open??v.value);T.useOpenChangeComplete(a,p,t=>i("open-change-complete",t));let c,d;function n(){clearTimeout(c),c=void 0}function u(){clearTimeout(d),d=void 0}(0,e.onBeforeUnmount)(()=>{n(),u()});const m={current:"programmatic"};function r(t,l="programmatic"){n(),u(),!(t&&o.disabled)&&t!==a.value&&(m.current=l,o.open===void 0&&(v.value=t),i("update:open",t),i("open-change",t))}(0,e.watch)(()=>o.disabled,t=>{if(!t||!a.value)return;const l=document.activeElement,D=!!l&&p.value?.contains(l)===!0;r(!1),D&&f.value?.focus()});function g(){n()}function O(){if(n(),u(),o.hoverOpenDelay<=0){r(!0,"hover");return}d=setTimeout(()=>r(!0,"hover"),o.hoverOpenDelay)}function C(){n(),u(),c=setTimeout(()=>r(!1),o.hoverCloseDelay)}return(0,e.provide)(s.SPEED_DIAL_CONTEXT,{triggerRef:f,contentRef:p,contentId:s.nextSpeedDialContentId(),triggerId:s.nextSpeedDialTriggerId(),open:a,direction:(0,e.computed)(()=>o.direction),disabled:(0,e.computed)(()=>o.disabled),openOnHover:(0,e.computed)(()=>o.openOnHover),openReason:m,setOpen:r,onPointerEnter:g,onHoverOpen:O,onPointerLeave:C}),(t,l)=>((0,e.openBlock)(),(0,e.createBlock)(y.default,null,{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(t.$slots,"default")]),_:3}))}});exports.default=q;
+const T=require("../utils/useOpenChangeComplete.cjs"),y=require("../utils/PopperRoot.vue.cjs"),s=require("./context.cjs");let e=require("vue");var q=(0,e.defineComponent)({__name:"SpeedDialRoot",props:{open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1},direction:{default:"up"},openOnHover:{type:Boolean,default:!1},hoverCloseDelay:{default:300},hoverOpenDelay:{default:0},disabled:{type:Boolean,default:!1}},emits:["update:open","open-change","open-change-complete"],setup(h,{emit:_}){const o=h,i=_,f=(0,e.ref)(null),p=(0,e.ref)(null),v=(0,e.ref)(o.defaultOpen),a=(0,e.computed)(()=>o.open??v.value);T.useOpenChangeComplete(a,p,t=>i("open-change-complete",t));let c,d;function n(){clearTimeout(c),c=void 0}function u(){clearTimeout(d),d=void 0}(0,e.onBeforeUnmount)(()=>{n(),u()});const m={current:"programmatic"};function r(t,l="programmatic"){n(),u(),!(t&&o.disabled)&&t!==a.value&&(m.current=l,o.open===void 0&&(v.value=t),i("update:open",t),i("open-change",t))}(0,e.watch)(()=>o.disabled,t=>{if(!t||!a.value)return;const l=document.activeElement,D=!!l&&p.value?.contains(l)===!0;r(!1),D&&f.value?.focus()});function g(){n()}function O(){if(n(),u(),o.hoverOpenDelay<=0){r(!0,"hover");return}d=setTimeout(()=>r(!0,"hover"),o.hoverOpenDelay)}function C(){n(),u(),c=setTimeout(()=>r(!1,"hover"),o.hoverCloseDelay)}return(0,e.provide)(s.SPEED_DIAL_CONTEXT,{triggerRef:f,contentRef:p,contentId:s.nextSpeedDialContentId(),triggerId:s.nextSpeedDialTriggerId(),open:a,direction:(0,e.computed)(()=>o.direction),disabled:(0,e.computed)(()=>o.disabled),openOnHover:(0,e.computed)(()=>o.openOnHover),openReason:m,setOpen:r,onPointerEnter:g,onHoverOpen:O,onPointerLeave:C}),(t,l)=>((0,e.openBlock)(),(0,e.createBlock)(y.default,null,{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(t.$slots,"default")]),_:3}))}});exports.default=q;

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

@@ -1 +1 @@
-import{useOpenChangeComplete as e}from"../utils/useOpenChangeComplete.js";import o from"../utils/PopperRoot.vue.js";import{SPEED_DIAL_CONTEXT as n,nextSpeedDialContentId as t,nextSpeedDialTriggerId as a}from"./context.js";import{computed as l,createBlock as r,defineComponent as p,onBeforeUnmount as i,openBlock as u,provide as d,ref as s,renderSlot as c,watch as f,withCtx as m}from"vue";var v=/* @__PURE__ */p({__name:"SpeedDialRoot",props:{open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1},direction:{default:"up"},openOnHover:{type:Boolean,default:!1},hoverCloseDelay:{default:300},hoverOpenDelay:{default:0},disabled:{type:Boolean,default:!1}},emits:["update:open","open-change","open-change-complete"],setup(p,{emit:v}){const h=p,g=v,O=s(null),C=s(null),D=s(h.defaultOpen),y=l(()=>h.open??D.value);let B,T;function b(){clearTimeout(B),B=void 0}function x(){clearTimeout(T),T=void 0}e(y,C,e=>g("open-change-complete",e)),i(()=>{b(),x()});const E={current:"programmatic"};function I(e,o="programmatic"){b(),x(),(!e||!h.disabled)&&e!==y.value&&(E.current=o,void 0===h.open&&(D.value=e),g("update:open",e),g("open-change",e))}return f(()=>h.disabled,e=>{if(!e||!y.value)return;const o=document.activeElement,n=!!o&&!0===C.value?.contains(o);I(!1),n&&O.value?.focus()}),d(n,{triggerRef:O,contentRef:C,contentId:t(),triggerId:a(),open:y,direction:l(()=>h.direction),disabled:l(()=>h.disabled),openOnHover:l(()=>h.openOnHover),openReason:E,setOpen:I,onPointerEnter:function(){b()},onHoverOpen:function(){b(),x(),h.hoverOpenDelay<=0?I(!0,"hover"):T=setTimeout(()=>I(!0,"hover"),h.hoverOpenDelay)},onPointerLeave:function(){b(),x(),B=setTimeout(()=>I(!1),h.hoverCloseDelay)}}),(e,n)=>(u(),r(o,null,{default:m(()=>[c(e.$slots,"default")]),_:3}))}});export{v as default};
+import{useOpenChangeComplete as e}from"../utils/useOpenChangeComplete.js";import o from"../utils/PopperRoot.vue.js";import{SPEED_DIAL_CONTEXT as n,nextSpeedDialContentId as t,nextSpeedDialTriggerId as a}from"./context.js";import{computed as l,createBlock as r,defineComponent as p,onBeforeUnmount as i,openBlock as u,provide as d,ref as s,renderSlot as c,watch as f,withCtx as m}from"vue";var v=/* @__PURE__ */p({__name:"SpeedDialRoot",props:{open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1},direction:{default:"up"},openOnHover:{type:Boolean,default:!1},hoverCloseDelay:{default:300},hoverOpenDelay:{default:0},disabled:{type:Boolean,default:!1}},emits:["update:open","open-change","open-change-complete"],setup(p,{emit:v}){const h=p,g=v,O=s(null),C=s(null),D=s(h.defaultOpen),y=l(()=>h.open??D.value);let B,T;function b(){clearTimeout(B),B=void 0}function x(){clearTimeout(T),T=void 0}e(y,C,e=>g("open-change-complete",e)),i(()=>{b(),x()});const E={current:"programmatic"};function I(e,o="programmatic"){b(),x(),(!e||!h.disabled)&&e!==y.value&&(E.current=o,void 0===h.open&&(D.value=e),g("update:open",e),g("open-change",e))}return f(()=>h.disabled,e=>{if(!e||!y.value)return;const o=document.activeElement,n=!!o&&!0===C.value?.contains(o);I(!1),n&&O.value?.focus()}),d(n,{triggerRef:O,contentRef:C,contentId:t(),triggerId:a(),open:y,direction:l(()=>h.direction),disabled:l(()=>h.disabled),openOnHover:l(()=>h.openOnHover),openReason:E,setOpen:I,onPointerEnter:function(){b()},onHoverOpen:function(){b(),x(),h.hoverOpenDelay<=0?I(!0,"hover"):T=setTimeout(()=>I(!0,"hover"),h.hoverOpenDelay)},onPointerLeave:function(){b(),x(),B=setTimeout(()=>I(!1,"hover"),h.hoverCloseDelay)}}),(e,n)=>(u(),r(o,null,{default:m(()=>[c(e.$slots,"default")]),_:3}))}});export{v as default};

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

@@ -1,8 +1,5 @@
 /**
- * FAB toggling fan. Opens with arrows along axis, positioning anchor for
- * content. Has aria-haspopup/aria-expanded/aria-controls/data-state/
- * data-direction (for CSS rotation). Open-on-hover with pointer. Name it
- * (bare `+` is unhelpful).
+ * FAB toggling the fan, positioned as the anchor for its content and carrying aria-haspopup/aria-expanded/aria-controls.
  *
  * @example
  * ```vue
@@ -17,6 +14,11 @@ type __VLS_Props = {
      * @default false — the root's `disabled` alone decides.
      */
     disabled?: boolean;
+    /**
+     * Size rung the skin renders the trigger 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 = {} & {