@skdx/vue 0.26.0

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

@@ -0,0 +1,106 @@
+import { type SpeedDialDirection } from './context.cjs';
+/**
+ * Root of a speed dial — a floating action button that fans out into a short
+ * list of actions. Owns open state and hands it down to
+ * `SkdxSpeedDialTrigger` / `SkdxSpeedDialPortal` / `SkdxSpeedDialContent` /
+ * `SkdxSpeedDialItem` via context. Wraps children in the shared popper
+ * positioning root. Renders no DOM of its own.
+ *
+ * It is a **menu**, not a new pattern: the trigger sets
+ * `aria-haspopup="menu"`, the content is `role="menu"`, each action is
+ * `role="menuitem"`, and the whole fan is one tab stop with arrow-key
+ * navigation and typeahead inside it. What makes it its own family is the
+ * geometry — `direction` decides which way the actions travel, and each item
+ * publishes its position so the stagger is pure CSS.
+ *
+ * Emits `open-change` the instant the state flips and `open-change-complete`
+ * once the change has finished on screen — after `SkdxSpeedDialContent`'s
+ * enter or exit animation ends, or in the same task when it declares none.
+ *
+ * Works controlled (`v-model:open`) or uncontrolled (`default-open`).
+ *
+ * @example
+ * ```vue
+ * <SkdxSpeedDial direction="up">
+ *   <SkdxSpeedDialTrigger aria-label="Actions">+</SkdxSpeedDialTrigger>
+ *   <SkdxSpeedDialPortal>
+ *     <SkdxSpeedDialContent>
+ *       <SkdxSpeedDialItem @select="share">
+ *         <ShareIcon aria-hidden="true" />
+ *         <SkdxSpeedDialItemLabel>Share</SkdxSpeedDialItemLabel>
+ *       </SkdxSpeedDialItem>
+ *     </SkdxSpeedDialContent>
+ *   </SkdxSpeedDialPortal>
+ * </SkdxSpeedDial>
+ * ```
+ */
+type __VLS_Props = {
+    /**
+     * Whether the actions are revealed, for controlled usage. Pair with
+     * `v-model:open` or `@open-change`.
+     * @default undefined — uncontrolled, the dial tracks its own open state internally.
+     */
+    open?: boolean;
+    /**
+     * Whether the actions are revealed initially, for uncontrolled usage.
+     * @default false — the dial starts collapsed to just its trigger.
+     */
+    defaultOpen?: boolean;
+    /**
+     * Which way the actions fan out from the trigger. Decides the side the
+     * content is positioned on, the axis the arrow keys walk, and the
+     * `data-direction` attribute the stagger CSS reads.
+     * @default 'up' — the usual bottom-right floating action button, whose actions can only go upward.
+     */
+    direction?: SpeedDialDirection;
+    /**
+     * Also open on pointer-enter of the trigger, not only on click. The dial
+     * still opens on click and keyboard either way; this only adds the hover
+     * path, which touch pointers never take.
+     * @default false — hover reveals nothing, so a pointer merely crossing the button cannot fire actions by accident.
+     */
+    openOnHover?: boolean;
+    /**
+     * Milliseconds the dial stays open after the pointer leaves the trigger or
+     * the content. The gap between the trigger and the first action is dead
+     * space the pointer has to cross, so closing on the first `pointerleave`
+     * would snap the menu shut mid-travel; re-entering either element within
+     * this window cancels the pending close. Only consulted when `openOnHover`
+     * is set.
+     * @default 300 — long enough to cross a normal trigger-to-item gap, short enough not to feel stuck open.
+     */
+    hoverCloseDelay?: number;
+    /**
+     * Blocks the dial from opening by any route — click, hover, or keyboard —
+     * and marks the trigger natively disabled.
+     * @default false — every route into the open state works.
+     */
+    disabled?: boolean;
+};
+declare var __VLS_5: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_5) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:open": (open: boolean) => any;
+    "open-change": (open: boolean) => any;
+    "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;
+}>, {
+    disabled: boolean;
+    open: boolean;
+    defaultOpen: boolean;
+    direction: SpeedDialDirection;
+    openOnHover: boolean;
+    hoverCloseDelay: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,106 @@
+import { type SpeedDialDirection } from './context.js';
+/**
+ * Root of a speed dial — a floating action button that fans out into a short
+ * list of actions. Owns open state and hands it down to
+ * `SkdxSpeedDialTrigger` / `SkdxSpeedDialPortal` / `SkdxSpeedDialContent` /
+ * `SkdxSpeedDialItem` via context. Wraps children in the shared popper
+ * positioning root. Renders no DOM of its own.
+ *
+ * It is a **menu**, not a new pattern: the trigger sets
+ * `aria-haspopup="menu"`, the content is `role="menu"`, each action is
+ * `role="menuitem"`, and the whole fan is one tab stop with arrow-key
+ * navigation and typeahead inside it. What makes it its own family is the
+ * geometry — `direction` decides which way the actions travel, and each item
+ * publishes its position so the stagger is pure CSS.
+ *
+ * Emits `open-change` the instant the state flips and `open-change-complete`
+ * once the change has finished on screen — after `SkdxSpeedDialContent`'s
+ * enter or exit animation ends, or in the same task when it declares none.
+ *
+ * Works controlled (`v-model:open`) or uncontrolled (`default-open`).
+ *
+ * @example
+ * ```vue
+ * <SkdxSpeedDial direction="up">
+ *   <SkdxSpeedDialTrigger aria-label="Actions">+</SkdxSpeedDialTrigger>
+ *   <SkdxSpeedDialPortal>
+ *     <SkdxSpeedDialContent>
+ *       <SkdxSpeedDialItem @select="share">
+ *         <ShareIcon aria-hidden="true" />
+ *         <SkdxSpeedDialItemLabel>Share</SkdxSpeedDialItemLabel>
+ *       </SkdxSpeedDialItem>
+ *     </SkdxSpeedDialContent>
+ *   </SkdxSpeedDialPortal>
+ * </SkdxSpeedDial>
+ * ```
+ */
+type __VLS_Props = {
+    /**
+     * Whether the actions are revealed, for controlled usage. Pair with
+     * `v-model:open` or `@open-change`.
+     * @default undefined — uncontrolled, the dial tracks its own open state internally.
+     */
+    open?: boolean;
+    /**
+     * Whether the actions are revealed initially, for uncontrolled usage.
+     * @default false — the dial starts collapsed to just its trigger.
+     */
+    defaultOpen?: boolean;
+    /**
+     * Which way the actions fan out from the trigger. Decides the side the
+     * content is positioned on, the axis the arrow keys walk, and the
+     * `data-direction` attribute the stagger CSS reads.
+     * @default 'up' — the usual bottom-right floating action button, whose actions can only go upward.
+     */
+    direction?: SpeedDialDirection;
+    /**
+     * Also open on pointer-enter of the trigger, not only on click. The dial
+     * still opens on click and keyboard either way; this only adds the hover
+     * path, which touch pointers never take.
+     * @default false — hover reveals nothing, so a pointer merely crossing the button cannot fire actions by accident.
+     */
+    openOnHover?: boolean;
+    /**
+     * Milliseconds the dial stays open after the pointer leaves the trigger or
+     * the content. The gap between the trigger and the first action is dead
+     * space the pointer has to cross, so closing on the first `pointerleave`
+     * would snap the menu shut mid-travel; re-entering either element within
+     * this window cancels the pending close. Only consulted when `openOnHover`
+     * is set.
+     * @default 300 — long enough to cross a normal trigger-to-item gap, short enough not to feel stuck open.
+     */
+    hoverCloseDelay?: number;
+    /**
+     * Blocks the dial from opening by any route — click, hover, or keyboard —
+     * and marks the trigger natively disabled.
+     * @default false — every route into the open state works.
+     */
+    disabled?: boolean;
+};
+declare var __VLS_5: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_5) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:open": (open: boolean) => any;
+    "open-change": (open: boolean) => any;
+    "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;
+}>, {
+    disabled: boolean;
+    open: boolean;
+    defaultOpen: boolean;
+    direction: SpeedDialDirection;
+    openOnHover: boolean;
+    hoverCloseDelay: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/speed-dial/SpeedDial.vue.js

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

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

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

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

@@ -0,0 +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}from"./context.js";import{computed as a,createBlock as l,defineComponent as p,onBeforeUnmount as u,openBlock as d,provide as i,ref as r,renderSlot as s,withCtx as f}from"vue";var c=/* @__PURE__ */p({__name:"SpeedDial",props:{open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1},direction:{default:"up"},openOnHover:{type:Boolean,default:!1},hoverCloseDelay:{default:300},disabled:{type:Boolean,default:!1}},emits:["update:open","open-change","open-change-complete"],setup(p,{emit:c}){const m=p,v=c,C=r(null),h=r(null),O=r(m.defaultOpen),g=a(()=>m.open??O.value);let B;function y(){clearTimeout(B),B=void 0}function D(e){y(),(!e||!m.disabled)&&e!==g.value&&(void 0===m.open&&(O.value=e),v("update:open",e),v("open-change",e))}return e(g,h,e=>v("open-change-complete",e)),u(y),i(n,{triggerRef:C,contentRef:h,contentId:t(),open:g,direction:a(()=>m.direction),disabled:a(()=>m.disabled),openOnHover:a(()=>m.openOnHover),setOpen:D,onPointerEnter:function(){y()},onPointerLeave:function(){y(),B=setTimeout(()=>D(!1),m.hoverCloseDelay)}}),(e,n)=>(d(),l(o,null,{default:f(()=>[s(e.$slots,"default")]),_:3}))}});export{c as default};

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

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

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

@@ -0,0 +1,122 @@
+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`.
+ *
+ * @example
+ * ```vue
+ * <SkdxSpeedDialPortal>
+ *   <SkdxSpeedDialContent :side-offset="12">
+ *     <SkdxSpeedDialItem @select="share">
+ *       <ShareIcon aria-hidden="true" />
+ *       <SkdxSpeedDialItemLabel>Share</SkdxSpeedDialItemLabel>
+ *     </SkdxSpeedDialItem>
+ *   </SkdxSpeedDialContent>
+ * </SkdxSpeedDialPortal>
+ * ```
+ */
+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.
+     */
+    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.
+     */
+    sideOffset?: number;
+    /**
+     * Offset (px) along the alignment axis.
+     * @default 0 — no lateral shift.
+     */
+    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.
+     */
+    avoidCollisions?: boolean;
+    /**
+     * Minimum distance (px) kept from the collision boundary. A number applies
+     * to every side; an object sets only the sides it names.
+     * @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.
+     */
+    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.
+     */
+    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.
+     */
+    loop?: boolean;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "focus-outside": (event: FocusOutsideEvent) => any;
+    "escape-key-down": (event: KeyboardEvent) => any;
+    "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;
+}>, {
+    forceMount: boolean;
+    loop: boolean;
+    align: Align;
+    sideOffset: number;
+    alignOffset: number;
+    avoidCollisions: boolean;
+    collisionPadding: number | Partial<Record<PhysicalSide, number>>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,122 @@
+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`.
+ *
+ * @example
+ * ```vue
+ * <SkdxSpeedDialPortal>
+ *   <SkdxSpeedDialContent :side-offset="12">
+ *     <SkdxSpeedDialItem @select="share">
+ *       <ShareIcon aria-hidden="true" />
+ *       <SkdxSpeedDialItemLabel>Share</SkdxSpeedDialItemLabel>
+ *     </SkdxSpeedDialItem>
+ *   </SkdxSpeedDialContent>
+ * </SkdxSpeedDialPortal>
+ * ```
+ */
+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.
+     */
+    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.
+     */
+    sideOffset?: number;
+    /**
+     * Offset (px) along the alignment axis.
+     * @default 0 — no lateral shift.
+     */
+    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.
+     */
+    avoidCollisions?: boolean;
+    /**
+     * Minimum distance (px) kept from the collision boundary. A number applies
+     * to every side; an object sets only the sides it names.
+     * @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.
+     */
+    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.
+     */
+    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.
+     */
+    loop?: boolean;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "focus-outside": (event: FocusOutsideEvent) => any;
+    "escape-key-down": (event: KeyboardEvent) => any;
+    "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;
+}>, {
+    forceMount: boolean;
+    loop: boolean;
+    align: Align;
+    sideOffset: number;
+    alignOffset: number;
+    avoidCollisions: boolean;
+    collisionPadding: number | Partial<Record<PhysicalSide, number>>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

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

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

@@ -0,0 +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;

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

@@ -0,0 +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};

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

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

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

@@ -0,0 +1,60 @@
+/**
+ * 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`.
+ *
+ * @example
+ * ```vue
+ * <SkdxSpeedDialItem @select="share">
+ *   <ShareIcon aria-hidden="true" />
+ *   <SkdxSpeedDialItemLabel>Share</SkdxSpeedDialItemLabel>
+ * </SkdxSpeedDialItem>
+ * ```
+ */
+type __VLS_Props = {
+    /**
+     * Excludes the action from arrow-key navigation and blocks selection. It
+     * keeps its slot in the fan, so the actions around it do not shuffle.
+     * @default false — the action is navigable and selectable.
+     */
+    disabled?: boolean;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+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;
+}>, {
+    disabled: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,60 @@
+/**
+ * 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`.
+ *
+ * @example
+ * ```vue
+ * <SkdxSpeedDialItem @select="share">
+ *   <ShareIcon aria-hidden="true" />
+ *   <SkdxSpeedDialItemLabel>Share</SkdxSpeedDialItemLabel>
+ * </SkdxSpeedDialItem>
+ * ```
+ */
+type __VLS_Props = {
+    /**
+     * Excludes the action from arrow-key navigation and blocks selection. It
+     * keeps its slot in the fan, so the actions around it do not shuffle.
+     * @default false — the action is navigable and selectable.
+     */
+    disabled?: boolean;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+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;
+}>, {
+    disabled: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

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

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

@@ -0,0 +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;

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

@@ -0,0 +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};

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

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