@skdx/vue 0.28.0 → 0.29.0

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

@@ -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 = {} & {

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

@@ -1 +1 @@
-const f=require("../utils/popper.cjs"),v=require("./context.cjs");let r=require("vue");var _=["id","aria-expanded","aria-controls","data-state","data-direction","disabled","data-disabled"],g=(0,r.defineComponent)({__name:"SpeedDialTrigger",props:{disabled:{type:Boolean,default:!1}},setup(i){const d={up:["ArrowUp","ArrowDown"],down:["ArrowUp","ArrowDown"],left:["ArrowLeft","ArrowRight"],right:["ArrowLeft","ArrowRight"]},l=i,e=(0,r.inject)(v.SPEED_DIAL_CONTEXT);if(!e)throw new Error("SkdxSpeedDialTrigger must be used within SkdxSpeedDial.");const t=(0,r.inject)(f.POPPER_CONTEXT);if(!t)throw new Error("SkdxSpeedDialTrigger must be used within SkdxSpeedDial.");const o=(0,r.ref)(null),a=(0,r.computed)(()=>e.disabled.value||l.disabled);(0,r.onMounted)(()=>{e.triggerRef.value=o.value,t.setAnchor(o.value)}),(0,r.onBeforeUnmount)(()=>{t.anchor.value===o.value&&t.setAnchor(null)});function u(){e.setOpen(!e.open.value,"pointer")}function p(n){d[e.direction.value].includes(n.key)&&(n.preventDefault(),e.setOpen(!0,"keyboard"))}function s(n){!e.openOnHover.value||n.pointerType==="touch"||e.onHoverOpen()}function c(n){!e.openOnHover.value||n.pointerType==="touch"||e.onPointerLeave()}return(n,h)=>((0,r.openBlock)(),(0,r.createElementBlock)("button",{class:"skdx-speed-dial__trigger","data-part":"trigger",ref_key:"elRef",ref:o,type:"button",id:(0,r.unref)(e).triggerId,"aria-haspopup":"menu","aria-expanded":(0,r.unref)(e).open.value,"aria-controls":(0,r.unref)(e).contentId,"data-state":(0,r.unref)(e).open.value?"open":"closed","data-direction":(0,r.unref)(e).direction.value,disabled:a.value,"data-disabled":a.value?"":void 0,onClick:u,onKeydown:p,onPointerenter:s,onPointerleave:c},[(0,r.renderSlot)(n.$slots,"default")],40,_))}});exports.default=g;
+const f=require("../utils/appearance.cjs"),v=require("../utils/injectRequired.cjs"),g=require("../utils/popper.cjs"),_=require("./context.cjs");let e=require("vue");var h=["id","aria-expanded","aria-controls","data-state","data-direction","disabled","data-disabled"],w=(0,e.defineComponent)({inheritAttrs:!1,__name:"SpeedDialTrigger",props:{disabled:{type:Boolean,default:!1},size:{}},setup(a){const d={up:["ArrowUp","ArrowDown"],down:["ArrowUp","ArrowDown"],left:["ArrowLeft","ArrowRight"],right:["ArrowLeft","ArrowRight"]},u=a,r=v.injectRequired(_.SPEED_DIAL_CONTEXT,"SkdxSpeedDialTrigger must be used within SkdxSpeedDial."),n=(0,e.inject)(g.POPPER_CONTEXT);if(!n)throw new Error("SkdxSpeedDialTrigger must be used within SkdxSpeedDial.");const o=(0,e.ref)(null),i=(0,e.computed)(()=>r.disabled.value||u.disabled);(0,e.onMounted)(()=>{r.triggerRef.value=o.value,n.setAnchor(o.value)}),(0,e.onBeforeUnmount)(()=>{n.anchor.value===o.value&&n.setAnchor(null)});function l(){r.setOpen(!r.open.value,"pointer")}function s(t){d[r.direction.value].includes(t.key)&&(t.preventDefault(),r.setOpen(!0,"keyboard"))}function p(t){!r.openOnHover.value||t.pointerType==="touch"||r.onHoverOpen()}function c(t){!r.openOnHover.value||t.pointerType==="touch"||r.onPointerLeave()}return(t,b)=>((0,e.openBlock)(),(0,e.createElementBlock)("button",(0,e.mergeProps)({id:(0,e.unref)(r).triggerId,ref_key:"elRef",ref:o,class:"skdx-speed-dial__trigger","data-part":"trigger",type:"button","aria-haspopup":"menu","aria-expanded":(0,e.unref)(r).open.value,"aria-controls":(0,e.unref)(r).contentId,"data-state":(0,e.unref)(r).open.value?"open":"closed","data-direction":(0,e.unref)(r).direction.value,disabled:i.value,"data-disabled":i.value?"":void 0},{...t.$attrs,...(0,e.unref)(f.appearanceAttrs)({size:a.size},t.$attrs)},{onClick:l,onKeydown:s,onPointerenter:p,onPointerleave:c}),[(0,e.renderSlot)(t.$slots,"default")],16,h))}});exports.default=w;

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

@@ -1 +1 @@
-import{POPPER_CONTEXT as e}from"../utils/popper.js";import{SPEED_DIAL_CONTEXT as o}from"./context.js";import{computed as r,createElementBlock as t,defineComponent as a,inject as n,onBeforeUnmount as i,onMounted as d,openBlock as l,ref as s,renderSlot as p,unref as u}from"vue";var c=["id","aria-expanded","aria-controls","data-state","data-direction","disabled","data-disabled"],f=/* @__PURE__ */a({__name:"SpeedDialTrigger",props:{disabled:{type:Boolean,default:!1}},setup(a){const f={up:["ArrowUp","ArrowDown"],down:["ArrowUp","ArrowDown"],left:["ArrowLeft","ArrowRight"],right:["ArrowLeft","ArrowRight"]},v=a,w=n(o);if(!w)throw new Error("SkdxSpeedDialTrigger must be used within SkdxSpeedDial.");const g=n(e);if(!g)throw new Error("SkdxSpeedDialTrigger must be used within SkdxSpeedDial.");const m=s(null),h=r(()=>w.disabled.value||v.disabled);function b(){w.setOpen(!w.open.value,"pointer")}function k(e){f[w.direction.value].includes(e.key)&&(e.preventDefault(),w.setOpen(!0,"keyboard"))}function A(e){!w.openOnHover.value||"touch"===e.pointerType||w.onHoverOpen()}function S(e){!w.openOnHover.value||"touch"===e.pointerType||w.onPointerLeave()}return d(()=>{w.triggerRef.value=m.value,g.setAnchor(m.value)}),i(()=>{g.anchor.value===m.value&&g.setAnchor(null)}),(e,o)=>(l(),t("button",{class:"skdx-speed-dial__trigger","data-part":"trigger",ref_key:"elRef",ref:m,type:"button",id:u(w).triggerId,"aria-haspopup":"menu","aria-expanded":u(w).open.value,"aria-controls":u(w).contentId,"data-state":u(w).open.value?"open":"closed","data-direction":u(w).direction.value,disabled:h.value,"data-disabled":h.value?"":void 0,onClick:b,onKeydown:k,onPointerenter:A,onPointerleave:S},[p(e.$slots,"default")],40,c))}});export{f as default};
+import{appearanceAttrs as e}from"../utils/appearance.js";import{injectRequired as t}from"../utils/injectRequired.js";import{POPPER_CONTEXT as r}from"../utils/popper.js";import{SPEED_DIAL_CONTEXT as a}from"./context.js";import{computed as o,createElementBlock as n,defineComponent as i,inject as s,mergeProps as d,onBeforeUnmount as l,onMounted as p,openBlock as u,ref as c,renderSlot as f,unref as v}from"vue";var m=["id","aria-expanded","aria-controls","data-state","data-direction","disabled","data-disabled"],g=/* @__PURE__ */i({inheritAttrs:!1,__name:"SpeedDialTrigger",props:{disabled:{type:Boolean,default:!1},size:{}},setup(i){const g={up:["ArrowUp","ArrowDown"],down:["ArrowUp","ArrowDown"],left:["ArrowLeft","ArrowRight"],right:["ArrowLeft","ArrowRight"]},w=i,h=t(a,"SkdxSpeedDialTrigger must be used within SkdxSpeedDial."),A=s(r);if(!A)throw new Error("SkdxSpeedDialTrigger must be used within SkdxSpeedDial.");const b=c(null),k=o(()=>h.disabled.value||w.disabled);function S(){h.setOpen(!h.open.value,"pointer")}function D(e){g[h.direction.value].includes(e.key)&&(e.preventDefault(),h.setOpen(!0,"keyboard"))}function x(e){!h.openOnHover.value||"touch"===e.pointerType||h.onHoverOpen()}function T(e){!h.openOnHover.value||"touch"===e.pointerType||h.onPointerLeave()}return p(()=>{h.triggerRef.value=b.value,A.setAnchor(b.value)}),l(()=>{A.anchor.value===b.value&&A.setAnchor(null)}),(t,r)=>(u(),n("button",d({id:v(h).triggerId,ref_key:"elRef",ref:b,class:"skdx-speed-dial__trigger","data-part":"trigger",type:"button","aria-haspopup":"menu","aria-expanded":v(h).open.value,"aria-controls":v(h).contentId,"data-state":v(h).open.value?"open":"closed","data-direction":v(h).direction.value,disabled:k.value,"data-disabled":k.value?"":void 0},{...t.$attrs,...v(e)({size:i.size},t.$attrs)},{onClick:S,onKeydown:D,onPointerenter:x,onPointerleave:T}),[f(t.$slots,"default")],16,m))}});export{g as default};

package/dist/speed-dial/context.d.cts

@@ -2,16 +2,9 @@ import type { ComputedRef, InjectionKey, Ref } from 'vue';
 import type { Side } from '../utils/popper.cjs';
 /** Which way actions fan out (physical, not logical; unaffected by dir=rtl). */
 export type SpeedDialDirection = 'up' | 'down' | 'left' | 'right';
-/**
- * @internal Which route opened/closed the fan; internal signal between root and Content.
- * Click focuses first action; hover alone does not.
- */
+/** @internal Which route opened/closed the fan; click focuses first action, hover alone does not. */
 export type SpeedDialOpenReason = 'pointer' | 'hover' | 'keyboard' | 'programmatic';
-/**
- * @internal Every action slot, disabled ones included. Used for the positional
- * custom properties: a disabled action still occupies its place in the fan, so
- * numbering around it would make the remaining actions jump.
- */
+/** @internal Every action slot, disabled included, so positional custom properties don't jump around it. */
 export declare const ANY_ITEM_SELECTOR = "[role=\"menuitem\"]";
 /** @internal Focusable, non-disabled actions — the set arrow keys and typeahead move between. */
 export declare const ITEM_SELECTOR = "[role=\"menuitem\"]:not([data-disabled])";
@@ -24,17 +17,13 @@ export interface SpeedDialContext {
     triggerRef: Ref<HTMLElement | null>;
     contentRef: Ref<HTMLElement | null>;
     contentId: string;
-    /**
-     * Trigger id for Content's aria-labelledby; menu inherits button's name.
-     */
+    /** Trigger id for Content's aria-labelledby; menu inherits button's name. */
     triggerId: string;
     open: Readonly<Ref<boolean>>;
     direction: ComputedRef<SpeedDialDirection>;
     disabled: ComputedRef<boolean>;
     openOnHover: ComputedRef<boolean>;
-    /**
-     * Last open route; plain state (read on open flip, not reactive).
-     */
+    /** Last open route; plain state (read on open flip, not reactive). */
     readonly openReason: {
         current: SpeedDialOpenReason;
     };

package/dist/speed-dial/context.d.ts

@@ -2,16 +2,9 @@ import type { ComputedRef, InjectionKey, Ref } from 'vue';
 import type { Side } from '../utils/popper.js';
 /** Which way actions fan out (physical, not logical; unaffected by dir=rtl). */
 export type SpeedDialDirection = 'up' | 'down' | 'left' | 'right';
-/**
- * @internal Which route opened/closed the fan; internal signal between root and Content.
- * Click focuses first action; hover alone does not.
- */
+/** @internal Which route opened/closed the fan; click focuses first action, hover alone does not. */
 export type SpeedDialOpenReason = 'pointer' | 'hover' | 'keyboard' | 'programmatic';
-/**
- * @internal Every action slot, disabled ones included. Used for the positional
- * custom properties: a disabled action still occupies its place in the fan, so
- * numbering around it would make the remaining actions jump.
- */
+/** @internal Every action slot, disabled included, so positional custom properties don't jump around it. */
 export declare const ANY_ITEM_SELECTOR = "[role=\"menuitem\"]";
 /** @internal Focusable, non-disabled actions — the set arrow keys and typeahead move between. */
 export declare const ITEM_SELECTOR = "[role=\"menuitem\"]:not([data-disabled])";
@@ -24,17 +17,13 @@ export interface SpeedDialContext {
     triggerRef: Ref<HTMLElement | null>;
     contentRef: Ref<HTMLElement | null>;
     contentId: string;
-    /**
-     * Trigger id for Content's aria-labelledby; menu inherits button's name.
-     */
+    /** Trigger id for Content's aria-labelledby; menu inherits button's name. */
     triggerId: string;
     open: Readonly<Ref<boolean>>;
     direction: ComputedRef<SpeedDialDirection>;
     disabled: ComputedRef<boolean>;
     openOnHover: ComputedRef<boolean>;
-    /**
-     * Last open route; plain state (read on open flip, not reactive).
-     */
+    /** Last open route; plain state (read on open flip, not reactive). */
     readonly openReason: {
         current: SpeedDialOpenReason;
     };

package/dist/speed-dial/primitives.d.cts

@@ -1,6 +1,5 @@
 /**
- * Advanced primitives for `SkdxSpeedDial` — the parts the recipe composes.
- * Use when you need a different structure.
+ * Advanced primitives for `SkdxSpeedDial`, for when you need a different structure.
  *
  * @example
  * ```vue

package/dist/speed-dial/primitives.d.ts

@@ -1,6 +1,5 @@
 /**
- * Advanced primitives for `SkdxSpeedDial` — the parts the recipe composes.
- * Use when you need a different structure.
+ * Advanced primitives for `SkdxSpeedDial`, for when you need a different structure.
  *
  * @example
  * ```vue

package/dist/spinner/Spinner.vue.d.cts

@@ -1,6 +1,11 @@
 type __VLS_Props = {
     /** Accessible label announced to screen readers while the spinner is visible. */
     label?: string;
+    /**
+     * Size rung the skin renders the spinner at, reflected as `data-size`.
+     * @default undefined — falls back to a `data-size` attribute.
+     */
+    size?: 'sm' | 'lg' | (string & {}) | undefined;
 };
 declare var __VLS_4: {};
 type __VLS_Slots = {} & {

package/dist/spinner/Spinner.vue.d.ts

@@ -1,6 +1,11 @@
 type __VLS_Props = {
     /** Accessible label announced to screen readers while the spinner is visible. */
     label?: string;
+    /**
+     * Size rung the skin renders the spinner at, reflected as `data-size`.
+     * @default undefined — falls back to a `data-size` attribute.
+     */
+    size?: 'sm' | 'lg' | (string & {}) | undefined;
 };
 declare var __VLS_4: {};
 type __VLS_Slots = {} & {

package/dist/spinner/Spinner.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const i=require("../utils/VisuallyHidden.vue.cjs");let e=require("vue");var o=["aria-label"],s=(0,e.defineComponent)({inheritAttrs:!1,__name:"Spinner",props:{label:{default:"Loading"}},setup(a){const r=a,l=(0,e.useAttrs)(),n=(0,e.computed)(()=>{const t=l["aria-label"];if(t!=null)return t;if(l["aria-labelledby"]==null)return r.label||void 0});return(t,u)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",(0,e.mergeProps)(t.$attrs,{class:"skdx-spinner","data-part":"root","data-skdx-component":"spinner",role:"status","aria-live":"polite","aria-label":n.value}),[a.label?((0,e.openBlock)(),(0,e.createBlock)(i.default,{key:0,class:"skdx-spinner__label","data-part":"label"},{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(a.label),1)]),_:1})):(0,e.createCommentVNode)("",!0),(0,e.renderSlot)(t.$slots,"default")],16,o))}});exports.default=s;
+const i=require("../utils/appearance.cjs"),s=require("../utils/VisuallyHidden.vue.cjs");let e=require("vue");var o=["aria-label"],u=(0,e.defineComponent)({inheritAttrs:!1,__name:"Spinner",props:{label:{default:"Loading"},size:{}},setup(t){const l=t,r=(0,e.useAttrs)(),n=(0,e.computed)(()=>{const a=r["aria-label"];if(a!=null)return a;if(r["aria-labelledby"]==null)return l.label||void 0});return(a,d)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",(0,e.mergeProps)({...a.$attrs,...(0,e.unref)(i.appearanceAttrs)({size:t.size},a.$attrs)},{class:"skdx-spinner","data-part":"root","data-skdx-component":"spinner",role:"status","aria-live":"polite","aria-label":n.value}),[t.label?((0,e.openBlock)(),(0,e.createBlock)(s.default,{key:0,class:"skdx-spinner__label","data-part":"label"},{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(t.label),1)]),_:1})):(0,e.createCommentVNode)("",!0),(0,e.renderSlot)(a.$slots,"default")],16,o))}});exports.default=u;

package/dist/spinner/Spinner.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import a from"../utils/VisuallyHidden.vue.js";import{computed as e,createBlock as l,createCommentVNode as t,createElementBlock as s,createTextVNode as r,defineComponent as o,mergeProps as n,openBlock as i,renderSlot as d,toDisplayString as p,useAttrs as u,withCtx as c}from"vue";var m=["aria-label"],b=/* @__PURE__ */o({inheritAttrs:!1,__name:"Spinner",props:{label:{default:"Loading"}},setup(o){const b=o,f=u(),k=e(()=>{const a=f["aria-label"];return null!=a?a:null==f["aria-labelledby"]&&b.label||void 0});return(e,u)=>(i(),s("div",n(e.$attrs,{class:"skdx-spinner","data-part":"root","data-skdx-component":"spinner",role:"status","aria-live":"polite","aria-label":k.value}),[o.label?(i(),l(a,{key:0,class:"skdx-spinner__label","data-part":"label"},{default:c(()=>[r(p(o.label),1)]),_:1})):t("",!0),d(e.$slots,"default")],16,m))}});export{b as default};
+import{appearanceAttrs as a}from"../utils/appearance.js";import e from"../utils/VisuallyHidden.vue.js";import{computed as t,createBlock as s,createCommentVNode as l,createElementBlock as r,createTextVNode as o,defineComponent as n,mergeProps as i,openBlock as p,renderSlot as d,toDisplayString as u,unref as c,useAttrs as m,withCtx as b}from"vue";var f=["aria-label"],k=/* @__PURE__ */n({inheritAttrs:!1,__name:"Spinner",props:{label:{default:"Loading"},size:{}},setup(n){const k=n,v=m(),x=t(()=>{const a=v["aria-label"];return null!=a?a:null==v["aria-labelledby"]&&k.label||void 0});return(t,m)=>(p(),r("div",i({...t.$attrs,...c(a)({size:n.size},t.$attrs)},{class:"skdx-spinner","data-part":"root","data-skdx-component":"spinner",role:"status","aria-live":"polite","aria-label":x.value}),[n.label?(p(),s(e,{key:0,class:"skdx-spinner__label","data-part":"label"},{default:b(()=>[o(u(n.label),1)]),_:1})):l("",!0),d(t.$slots,"default")],16,f))}});export{k as default};

package/dist/split-button/SplitButton.vue.d.cts

@@ -1,9 +1,6 @@
 import type { SplitButtonItem } from './types.cjs';
 /**
- * Groups a primary action button with a trigger opening a menu of related actions:
- * renders a `<div role="group">`. Pass `label` and `items` for auto-derived entries
- * or use the slot for manual composition. Pass `aria-label` or `aria-labelledby` —
- * `role="group"` is not name-from-content, so an unnamed group announces as a bare "group".
+ * Groups a primary action button with a trigger that opens a menu of related actions.
  *
  * @example
  * ```vue
@@ -22,20 +19,27 @@ type __VLS_Props = {
      * `SkdxSplitButtonAction`.
      * @default undefined — the derived action renders empty.
      */
-    label?: string;
+    label?: string | undefined;
     /**
-     * The related actions the disclosure half opens, one derived menu item
-     * each. Ignored once the default slot supplies its own parts.
+     * The related actions the disclosure half opens, one derived menu item each; ignored once the default slot supplies its own parts.
      * @default undefined — nothing is derived; compose the two halves in the default slot.
      */
-    items?: readonly SplitButtonItem[];
+    items?: readonly SplitButtonItem[] | undefined;
     /**
-     * Accessible name for the derived disclosure half, which is a bare chevron
-     * and so has no text of its own to be named by. Same reasoning as
-     * `SkdxAlert`'s `closeLabel`.
+     * Accessible name for the derived disclosure half, which is a bare chevron with no text of its own.
      * @default 'More options'
      */
     menuLabel?: string;
+    /**
+     * Size rung the skin renders the button at, reflected as `data-size`.
+     * @default undefined — falls back to a `data-size` attribute.
+     */
+    size?: 'sm' | 'md' | 'lg' | (string & {}) | undefined;
+    /**
+     * Visual style family the skin gives the button, reflected as `data-variant`.
+     * @default undefined — falls back to a `data-variant` attribute.
+     */
+    variant?: 'secondary' | 'primary' | 'danger' | 'outline' | 'ghost' | (string & {}) | undefined;
 };
 declare var __VLS_1: {}, __VLS_6: {};
 type __VLS_Slots = {} & {
@@ -47,11 +51,11 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}
     select: (item: SplitButtonItem) => any;
     "action-click": (event: MouseEvent) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onSelect?: ((item: SplitButtonItem) => any) | undefined;
-    "onAction-click"?: ((event: MouseEvent) => any) | undefined;
+    onSelect?: (item: SplitButtonItem) => any;
+    "onAction-click"?: (event: MouseEvent) => any;
 }>, {
-    label: string;
-    items: readonly SplitButtonItem[];
+    label: string | undefined;
+    items: readonly SplitButtonItem[] | undefined;
     menuLabel: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;

package/dist/split-button/SplitButton.vue.d.ts

@@ -1,9 +1,6 @@
 import type { SplitButtonItem } from './types.js';
 /**
- * Groups a primary action button with a trigger opening a menu of related actions:
- * renders a `<div role="group">`. Pass `label` and `items` for auto-derived entries
- * or use the slot for manual composition. Pass `aria-label` or `aria-labelledby` —
- * `role="group"` is not name-from-content, so an unnamed group announces as a bare "group".
+ * Groups a primary action button with a trigger that opens a menu of related actions.
  *
  * @example
  * ```vue
@@ -22,20 +19,27 @@ type __VLS_Props = {
      * `SkdxSplitButtonAction`.
      * @default undefined — the derived action renders empty.
      */
-    label?: string;
+    label?: string | undefined;
     /**
-     * The related actions the disclosure half opens, one derived menu item
-     * each. Ignored once the default slot supplies its own parts.
+     * The related actions the disclosure half opens, one derived menu item each; ignored once the default slot supplies its own parts.
      * @default undefined — nothing is derived; compose the two halves in the default slot.
      */
-    items?: readonly SplitButtonItem[];
+    items?: readonly SplitButtonItem[] | undefined;
     /**
-     * Accessible name for the derived disclosure half, which is a bare chevron
-     * and so has no text of its own to be named by. Same reasoning as
-     * `SkdxAlert`'s `closeLabel`.
+     * Accessible name for the derived disclosure half, which is a bare chevron with no text of its own.
      * @default 'More options'
      */
     menuLabel?: string;
+    /**
+     * Size rung the skin renders the button at, reflected as `data-size`.
+     * @default undefined — falls back to a `data-size` attribute.
+     */
+    size?: 'sm' | 'md' | 'lg' | (string & {}) | undefined;
+    /**
+     * Visual style family the skin gives the button, reflected as `data-variant`.
+     * @default undefined — falls back to a `data-variant` attribute.
+     */
+    variant?: 'secondary' | 'primary' | 'danger' | 'outline' | 'ghost' | (string & {}) | undefined;
 };
 declare var __VLS_1: {}, __VLS_6: {};
 type __VLS_Slots = {} & {
@@ -47,11 +51,11 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}
     select: (item: SplitButtonItem) => any;
     "action-click": (event: MouseEvent) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onSelect?: ((item: SplitButtonItem) => any) | undefined;
-    "onAction-click"?: ((event: MouseEvent) => any) | undefined;
+    onSelect?: (item: SplitButtonItem) => any;
+    "onAction-click"?: (event: MouseEvent) => any;
 }>, {
-    label: string;
-    items: readonly SplitButtonItem[];
+    label: string | undefined;
+    items: readonly SplitButtonItem[] | undefined;
     menuLabel: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;

package/dist/split-button/SplitButton.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const r=require("./SplitButtonAnatomy.vue.cjs");let e=require("vue");var s=(0,e.defineComponent)({inheritAttrs:!1,__name:"SplitButton",props:{label:{default:void 0},items:{default:void 0},menuLabel:{default:"More options"}},emits:["action-click","select"],setup(t,{emit:a}){const n=t,i=a;return(l,c)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",(0,e.mergeProps)(l.$attrs,{class:"skdx-split-button","data-part":"root","data-skdx-component":"split-button",role:"group"}),[(0,e.renderSlot)(l.$slots,"default",{},()=>[(0,e.createVNode)(r.default,{label:n.label,items:t.items,"trigger-label":t.menuLabel,"on-action-click":o=>i("action-click",o),"on-item-select":o=>i("select",o)},{action:(0,e.withCtx)(()=>[(0,e.renderSlot)(l.$slots,"action")]),_:3},8,["label","items","trigger-label","on-action-click","on-item-select"])])],16))}});exports.default=s;
+const o=require("../utils/appearance.cjs"),s=require("./SplitButtonAnatomy.vue.cjs");let e=require("vue");var c=(0,e.defineComponent)({inheritAttrs:!1,__name:"SplitButton",props:{label:{default:void 0},items:{default:void 0},menuLabel:{default:"More options"},size:{},variant:{}},emits:["action-click","select"],setup(t,{emit:n}){const l=t,r=n;return(a,u)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",(0,e.mergeProps)({...a.$attrs,...(0,e.unref)(o.appearanceAttrs)({size:t.size,variant:t.variant},a.$attrs)},{class:"skdx-split-button","data-part":"root","data-skdx-component":"split-button",role:"group"}),[(0,e.renderSlot)(a.$slots,"default",{},()=>[(0,e.createVNode)(s.default,{label:l.label,items:t.items,"trigger-label":l.menuLabel,"on-action-click":i=>r("action-click",i),"on-item-select":i=>r("select",i)},{action:(0,e.withCtx)(()=>[(0,e.renderSlot)(a.$slots,"action")]),_:3},8,["label","items","trigger-label","on-action-click","on-item-select"])])],16))}});exports.default=c;

package/dist/split-button/SplitButton.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import t from"./SplitButtonAnatomy.vue.js";import{createElementBlock as e,createVNode as o,defineComponent as a,mergeProps as l,openBlock as s,renderSlot as i,withCtx as n}from"vue";var r=/* @__PURE__ */a({inheritAttrs:!1,__name:"SplitButton",props:{label:{default:void 0},items:{default:void 0},menuLabel:{default:"More options"}},emits:["action-click","select"],setup(a,{emit:r}){const c=a,m=r;return(r,p)=>(s(),e("div",l(r.$attrs,{class:"skdx-split-button","data-part":"root","data-skdx-component":"split-button",role:"group"}),[i(r.$slots,"default",{},()=>[o(t,{label:c.label,items:a.items,"trigger-label":a.menuLabel,"on-action-click":t=>m("action-click",t),"on-item-select":t=>m("select",t)},{action:n(()=>[i(r.$slots,"action")]),_:3},8,["label","items","trigger-label","on-action-click","on-item-select"])])],16))}});export{r as default};
+import{appearanceAttrs as t}from"../utils/appearance.js";import e from"./SplitButtonAnatomy.vue.js";import{createElementBlock as a,createVNode as o,defineComponent as s,mergeProps as i,openBlock as l,renderSlot as r,unref as n,withCtx as c}from"vue";var m=/* @__PURE__ */s({inheritAttrs:!1,__name:"SplitButton",props:{label:{default:void 0},items:{default:void 0},menuLabel:{default:"More options"},size:{},variant:{}},emits:["action-click","select"],setup(s,{emit:m}){const p=s,u=m;return(m,d)=>(l(),a("div",i({...m.$attrs,...n(t)({size:s.size,variant:s.variant},m.$attrs)},{class:"skdx-split-button","data-part":"root","data-skdx-component":"split-button",role:"group"}),[r(m.$slots,"default",{},()=>[o(e,{label:p.label,items:s.items,"trigger-label":p.menuLabel,"on-action-click":t=>u("action-click",t),"on-item-select":t=>u("select",t)},{action:c(()=>[r(m.$slots,"action")]),_:3},8,["label","items","trigger-label","on-action-click","on-item-select"])])],16))}});export{m as default};

package/dist/split-button/SplitButtonAnatomy.vue.d.cts

@@ -1,27 +1,21 @@
 import type { SplitButtonItem } from './types.cjs';
-/**
- * The anatomy a `SkdxSplitButton` draws from `label` and `items`: the primary
- * action, then a dropdown menu. The disclosure is the menu's own `SkdxDropdownMenuTrigger`
- * wearing the split button's trigger class.
- * Not exported from the package.
- * @internal
- */
+/** @internal Anatomy a `SkdxSplitButton` draws from `label` and `items`: the primary action, then a menu. */
 type __VLS_Props = {
-    label?: string;
-    items?: readonly SplitButtonItem[];
+    label?: string | undefined;
+    items?: readonly SplitButtonItem[] | undefined;
     triggerLabel: string;
-    onActionClick?: (event: MouseEvent) => void;
-    onItemSelect?: (item: SplitButtonItem) => void;
+    onActionClick?: ((event: MouseEvent) => void) | undefined;
+    onItemSelect?: ((item: SplitButtonItem) => void) | undefined;
 };
 declare var __VLS_8: {};
 type __VLS_Slots = {} & {
     action?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    label: string;
-    items: readonly SplitButtonItem[];
-    onItemSelect: (item: SplitButtonItem) => void;
-    onActionClick: (event: MouseEvent) => void;
+    label: string | undefined;
+    items: readonly SplitButtonItem[] | undefined;
+    onItemSelect: ((item: SplitButtonItem) => void) | undefined;
+    onActionClick: ((event: MouseEvent) => void) | undefined;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/split-button/SplitButtonAnatomy.vue.d.ts

@@ -1,27 +1,21 @@
 import type { SplitButtonItem } from './types.js';
-/**
- * The anatomy a `SkdxSplitButton` draws from `label` and `items`: the primary
- * action, then a dropdown menu. The disclosure is the menu's own `SkdxDropdownMenuTrigger`
- * wearing the split button's trigger class.
- * Not exported from the package.
- * @internal
- */
+/** @internal Anatomy a `SkdxSplitButton` draws from `label` and `items`: the primary action, then a menu. */
 type __VLS_Props = {
-    label?: string;
-    items?: readonly SplitButtonItem[];
+    label?: string | undefined;
+    items?: readonly SplitButtonItem[] | undefined;
     triggerLabel: string;
-    onActionClick?: (event: MouseEvent) => void;
-    onItemSelect?: (item: SplitButtonItem) => void;
+    onActionClick?: ((event: MouseEvent) => void) | undefined;
+    onItemSelect?: ((item: SplitButtonItem) => void) | undefined;
 };
 declare var __VLS_8: {};
 type __VLS_Slots = {} & {
     action?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    label: string;
-    items: readonly SplitButtonItem[];
-    onItemSelect: (item: SplitButtonItem) => void;
-    onActionClick: (event: MouseEvent) => void;
+    label: string | undefined;
+    items: readonly SplitButtonItem[] | undefined;
+    onItemSelect: ((item: SplitButtonItem) => void) | undefined;
+    onActionClick: ((event: MouseEvent) => void) | undefined;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/split-button/SplitButtonAnatomy.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const a=require("../dropdown-menu/DropdownMenuContent.vue.cjs"),i=require("../dropdown-menu/DropdownMenuItems.vue.cjs"),d=require("../dropdown-menu/DropdownMenuPortal.vue.cjs"),c=require("../dropdown-menu/DropdownMenuRoot.vue.cjs"),s=require("../dropdown-menu/DropdownMenuTrigger.vue.cjs"),m=require("./SplitButtonAction.vue.cjs");let e=require("vue");var f=(0,e.defineComponent)({__name:"SplitButtonAnatomy",props:{label:{default:void 0},items:{default:void 0},triggerLabel:{},onActionClick:{type:Function,default:void 0},onItemSelect:{type:Function,default:void 0}},setup(t){const r=t,n=(0,e.computed)(()=>(r.items??[]).map(l=>({label:l.label,disabled:l.disabled,onSelect:()=>r.onItemSelect?.(l)})));return(l,o)=>((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,null,[t.label!==void 0?((0,e.openBlock)(),(0,e.createBlock)(m.default,{key:0,onClick:o[0]||(o[0]=u=>t.onActionClick?.(u))},{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(l.$slots,"action",{},()=>[(0,e.createTextVNode)((0,e.toDisplayString)(t.label),1)])]),_:3})):(0,e.createCommentVNode)("",!0),t.items?((0,e.openBlock)(),(0,e.createBlock)(c.default,{key:1},{default:(0,e.withCtx)(()=>[(0,e.createVNode)(s.default,{class:"skdx-split-button__trigger","aria-label":t.triggerLabel},{default:(0,e.withCtx)(()=>[...o[1]||(o[1]=[(0,e.createTextVNode)("▾",-1)])]),_:1},8,["aria-label"]),(0,e.createVNode)(d.default,null,{default:(0,e.withCtx)(()=>[(0,e.createVNode)(a.default,null,{default:(0,e.withCtx)(()=>[(0,e.createVNode)(i.default,{items:n.value},null,8,["items"])]),_:1})]),_:1})]),_:1})):(0,e.createCommentVNode)("",!0)],64))}});exports.default=f;
+const a=require("../utils/Glyph.vue.cjs"),i=require("../menu/MenuContent.vue.cjs"),c=require("../menu/MenuItems.vue.cjs"),d=require("../menu/MenuPortal.vue.cjs"),s=require("../menu/MenuRoot.vue.cjs"),m=require("../menu/MenuTrigger.vue.cjs"),f=require("./SplitButtonAction.vue.cjs");let e=require("vue");var q=(0,e.defineComponent)({__name:"SplitButtonAnatomy",props:{label:{default:void 0},items:{default:void 0},triggerLabel:{},onActionClick:{type:Function,default:void 0},onItemSelect:{type:Function,default:void 0}},setup(t){const r=t,n=(0,e.computed)(()=>(r.items??[]).map(l=>({label:l.label,disabled:l.disabled,onSelect:()=>r.onItemSelect?.(l)})));return(l,u)=>((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,null,[t.label!==void 0?((0,e.openBlock)(),(0,e.createBlock)(f.default,{key:0,onClick:u[0]||(u[0]=o=>t.onActionClick?.(o))},{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(l.$slots,"action",{},()=>[(0,e.createTextVNode)((0,e.toDisplayString)(t.label),1)])]),_:3})):(0,e.createCommentVNode)("",!0),t.items?((0,e.openBlock)(),(0,e.createBlock)(s.default,{key:1},{default:(0,e.withCtx)(()=>[(0,e.createVNode)(m.default,{class:"skdx-split-button__trigger","aria-label":t.triggerLabel},{default:(0,e.withCtx)(()=>[(0,e.createVNode)(a.default,{name:"chevron-down"})]),_:1},8,["aria-label"]),(0,e.createVNode)(d.default,null,{default:(0,e.withCtx)(()=>[(0,e.createVNode)(i.default,null,{default:(0,e.withCtx)(()=>[(0,e.createVNode)(c.default,{items:n.value},null,8,["items"])]),_:1})]),_:1})]),_:1})):(0,e.createCommentVNode)("",!0)],64))}});exports.default=q;

package/dist/split-button/SplitButtonAnatomy.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import e from"../dropdown-menu/DropdownMenuContent.vue.js";import o from"../dropdown-menu/DropdownMenuItems.vue.js";import t from"../dropdown-menu/DropdownMenuPortal.vue.js";import n from"../dropdown-menu/DropdownMenuRoot.vue.js";import l from"../dropdown-menu/DropdownMenuTrigger.vue.js";import a from"./SplitButtonAction.vue.js";import{Fragment as r,computed as d,createBlock as i,createCommentVNode as u,createElementBlock as s,createTextVNode as m,createVNode as p,defineComponent as c,openBlock as f,renderSlot as v,toDisplayString as b,withCtx as w}from"vue";var g=/* @__PURE__ */c({__name:"SplitButtonAnatomy",props:{label:{default:void 0},items:{default:void 0},triggerLabel:{},onActionClick:{type:Function,default:void 0},onItemSelect:{type:Function,default:void 0}},setup(c){const g=c,k=d(()=>(g.items??[]).map(e=>({label:e.label,disabled:e.disabled,onSelect:()=>g.onItemSelect?.(e)})));return(d,g)=>(f(),s(r,null,[void 0!==c.label?(f(),i(a,{key:0,onClick:g[0]||(g[0]=e=>c.onActionClick?.(e))},{default:w(()=>[v(d.$slots,"action",{},()=>[m(b(c.label),1)])]),_:3})):u("",!0),c.items?(f(),i(n,{key:1},{default:w(()=>[p(l,{class:"skdx-split-button__trigger","aria-label":c.triggerLabel},{default:w(()=>[...g[1]||(g[1]=[m("▾",-1)])]),_:1},8,["aria-label"]),p(t,null,{default:w(()=>[p(e,null,{default:w(()=>[p(o,{items:k.value},null,8,["items"])]),_:1})]),_:1})]),_:1})):u("",!0)],64))}});export{g as default};
+import e from"../utils/Glyph.vue.js";import t from"../menu/MenuContent.vue.js";import o from"../menu/MenuItems.vue.js";import l from"../menu/MenuPortal.vue.js";import a from"../menu/MenuRoot.vue.js";import n from"../menu/MenuTrigger.vue.js";import i from"./SplitButtonAction.vue.js";import{Fragment as r,computed as u,createBlock as m,createCommentVNode as s,createElementBlock as d,createTextVNode as c,createVNode as p,defineComponent as f,openBlock as v,renderSlot as b,toDisplayString as g,withCtx as k}from"vue";var _=/* @__PURE__ */f({__name:"SplitButtonAnatomy",props:{label:{default:void 0},items:{default:void 0},triggerLabel:{},onActionClick:{type:Function,default:void 0},onItemSelect:{type:Function,default:void 0}},setup(f){const _=f,j=u(()=>(_.items??[]).map(e=>({label:e.label,disabled:e.disabled,onSelect:()=>_.onItemSelect?.(e)})));return(u,_)=>(v(),d(r,null,[void 0!==f.label?(v(),m(i,{key:0,onClick:_[0]||(_[0]=e=>f.onActionClick?.(e))},{default:k(()=>[b(u.$slots,"action",{},()=>[c(g(f.label),1)])]),_:3})):s("",!0),f.items?(v(),m(a,{key:1},{default:k(()=>[p(n,{class:"skdx-split-button__trigger","aria-label":f.triggerLabel},{default:k(()=>[p(e,{name:"chevron-down"})]),_:1},8,["aria-label"]),p(l,null,{default:k(()=>[p(t,null,{default:k(()=>[p(o,{items:j.value},null,8,["items"])]),_:1})]),_:1})]),_:1})):s("",!0)],64))}});export{_ as default};

package/dist/split-button/SplitButtonTrigger.vue.d.cts

@@ -1,8 +1,4 @@
-/**
- * The trigger button within a split button that opens a menu of related actions.
- * Pass `aria-label` — it's a bare chevron, so without one it announces as an
- * unnamed "button, has popup menu" beside the named action half.
- */
+/** The trigger button within a split button that opens a menu of related actions. */
 type __VLS_Props = {
     /** Disables opening the menu independently of the action half. */
     disabled?: boolean;

package/dist/split-button/SplitButtonTrigger.vue.d.ts

@@ -1,8 +1,4 @@
-/**
- * The trigger button within a split button that opens a menu of related actions.
- * Pass `aria-label` — it's a bare chevron, so without one it announces as an
- * unnamed "button, has popup menu" beside the named action half.
- */
+/** The trigger button within a split button that opens a menu of related actions. */
 type __VLS_Props = {
     /** Disables opening the menu independently of the action half. */
     disabled?: boolean;

package/dist/split-button/primitives.d.cts

@@ -1,7 +1,5 @@
 /**
- * Advanced primitives for custom `SkdxSplitButton` layouts. Recipe (`<SkdxSplitButton />`)
- * is built from these. `SkdxSplitButtonTrigger` for hand-wired menus; recipe applies
- * skin to menu's button.
+ * Advanced primitives for custom `SkdxSplitButton` layouts; the recipe is built from these.
  *
  * @example
  * ```vue

package/dist/split-button/primitives.d.ts

@@ -1,7 +1,5 @@
 /**
- * Advanced primitives for custom `SkdxSplitButton` layouts. Recipe (`<SkdxSplitButton />`)
- * is built from these. `SkdxSplitButtonTrigger` for hand-wired menus; recipe applies
- * skin to menu's button.
+ * Advanced primitives for custom `SkdxSplitButton` layouts; the recipe is built from these.
  *
  * @example
  * ```vue

package/dist/split-button/types.d.cts

@@ -1,11 +1,11 @@
-/** Entry in `SkdxSplitButton`'s menu items. */
+/** One entry in `SkdxSplitButton`'s derived menu items. */
 export interface SplitButtonItem {
-    /** Identifier for select event handler. */
+    /** Identifier passed to the select event handler. */
     value: string;
-    /** Text for derived menu item. */
+    /** Text rendered for the derived menu item. */
     label: string;
     /**
-     * Marks item `aria-disabled`, blocks selection. Stays focusable for discoverability.
+     * Marks item `aria-disabled` and blocks selection, but stays focusable for discoverability.
      * @default false
      */
     disabled?: boolean;

package/dist/split-button/types.d.ts

@@ -1,11 +1,11 @@
-/** Entry in `SkdxSplitButton`'s menu items. */
+/** One entry in `SkdxSplitButton`'s derived menu items. */
 export interface SplitButtonItem {
-    /** Identifier for select event handler. */
+    /** Identifier passed to the select event handler. */
     value: string;
-    /** Text for derived menu item. */
+    /** Text rendered for the derived menu item. */
     label: string;
     /**
-     * Marks item `aria-disabled`, blocks selection. Stays focusable for discoverability.
+     * Marks item `aria-disabled` and blocks selection, but stays focusable for discoverability.
      * @default false
      */
     disabled?: boolean;

package/dist/stepper/Stepper.vue.cjs

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

package/dist/stepper/Stepper.vue.d.cts

@@ -0,0 +1,80 @@
+import { type StepperNavigationMode, type StepperOrientation } from './context.cjs';
+import type { StepperItemData } from './types.cjs';
+/**
+ * Renders an `<ol>` list of steps with a controlled or uncontrolled current step.
+ *
+ * ```vue
+ * <SkdxStepper
+ *   aria-label="Checkout progress"
+ *   v-model:current="step"
+ *   :items="[{ label: 'Cart' }, { label: 'Shipping', description: 'Where it goes.' }]"
+ * />
+ * ```
+ */
+type __VLS_Props = {
+    /**
+     * Current step value for controlled usage (`v-model:value`).
+     * @defaultValue undefined — uncontrolled, tracks internally.
+     */
+    value?: string;
+    /**
+     * Initial current step value for uncontrolled usage.
+     * @defaultValue undefined — no step is current until one is activated.
+     */
+    defaultValue?: string;
+    /**
+     * Layout axis, exposed as `data-orientation`; a styling hook only, with no ARIA orientation or arrow-key handling.
+     */
+    orientation?: StepperOrientation;
+    /**
+     * `'linear'` restricts to completed, current, and next incomplete steps;
+     * `'non-linear'` allows any non-disabled step.
+     */
+    navigationMode?: StepperNavigationMode;
+    /** Visually-hidden status text for a completed step. */
+    completedLabel?: string;
+    /** Visually-hidden status text for the current step. */
+    currentLabel?: string;
+    /** Visually-hidden status text for a step that is neither completed nor current. */
+    incompleteLabel?: string;
+    /** Visually-hidden status text for a disabled step. */
+    disabledLabel?: string;
+    /** Visually-hidden status text for a step in an error state. */
+    errorLabel?: string;
+    /**
+     * Stepper to derive as `<li>` items in order; ignored if the default slot supplies its own `SkdxStepperItem`s.
+     * @default undefined — nothing is derived; compose the steps in the default slot.
+     */
+    items?: readonly StepperItemData[] | undefined;
+    /**
+     * Index of the current step for the derived anatomy (positional spelling of `value`); everything before it counts as completed.
+     * @default undefined — no step is current; `value`/`defaultValue` decide instead.
+     */
+    current?: number | undefined;
+};
+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, {
+    "update:value": (value: string) => any;
+    "value-change": (value: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:value"?: (value: string) => any;
+    "onValue-change"?: (value: string) => any;
+}>, {
+    orientation: StepperOrientation;
+    navigationMode: StepperNavigationMode;
+    completedLabel: string;
+    currentLabel: string;
+    incompleteLabel: string;
+    disabledLabel: string;
+    errorLabel: string;
+}, {}, {}, {}, 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;
+    };
+};