@skdx/vue 0.28.0 → 0.30.0

package/dist/navigation-menu/NavigationMenuLink.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{resolveRel as e}from"../utils/resolveRel.js";import{NAVIGATION_MENU_CONTEXT as a}from"./context.js";import{computed as t,createElementBlock as r,defineComponent as i,inject as n,openBlock as o,renderSlot as l,unref as s}from"vue";var d=["data-active","aria-current","target","rel"],u=/* @__PURE__ */i({__name:"NavigationMenuLink",props:{active:{type:Boolean,default:!1},target:{default:void 0},rel:{default:void 0}},setup(i){const u=i,v=t(()=>e(u.target,u.rel)),c=n(a);if(!c)throw new Error("<SkdxNavigationMenuLink> must be used inside <SkdxNavigationMenu>.");return(e,a)=>(o(),r("a",{class:"skdx-navigation-menu__link","data-part":"link","data-skdx-nav-trigger":"","data-active":i.active?"":void 0,"aria-current":i.active?"page":void 0,target:i.target,rel:v.value,onClick:a[0]||(a[0]=(...e)=>s(c).onLinkSelect&&s(c).onLinkSelect(...e))},[l(e.$slots,"default")],8,d))}});export{u as default};
+import{injectRequired as e}from"../utils/injectRequired.js";import{resolveRel as t}from"../utils/resolveRel.js";import{NAVIGATION_MENU_CONTEXT as a}from"./context.js";import{computed as r,createElementBlock as i,defineComponent as n,openBlock as o,renderSlot as l,unref as s}from"vue";var d=["href","data-active","aria-current","target","rel"],u=/* @__PURE__ */n({__name:"NavigationMenuLink",props:{active:{type:Boolean,default:!1},href:{default:void 0},target:{default:void 0},rel:{default:void 0}},setup(n){const u=n,v=r(()=>t(u.target,u.rel)),c=e(a,"<SkdxNavigationMenuLink> must be used inside <SkdxNavigationMenu>.");return(e,t)=>(o(),i("a",{class:"skdx-navigation-menu__link","data-part":"link","data-skdx-nav-trigger":"",href:n.href,"data-active":n.active?"":void 0,"aria-current":n.active?"page":void 0,target:n.target,rel:v.value,onClick:t[0]||(t[0]=(...e)=>s(c).onLinkSelect&&s(c).onLinkSelect(...e))},[l(e.$slots,"default")],8,d))}});export{u as default};

package/dist/navigation-menu/NavigationMenuList.vue.d.cts

@@ -1,8 +1,4 @@
-/**
- * <ul> container for SkdxNavigationMenuItems. Roving-focus arrow-key navigation
- * across top-level items marked data-skdx-nav-trigger, wrapping by default.
- * Open SkdxNavigationMenuContent links excluded. Axis from root orientation.
- */
+/** Renders `<ul>` with roving-focus arrow-key navigation across top-level items marked `data-skdx-nav-trigger`. */
 type __VLS_Props = {
     /** Whether arrow-key navigation wraps from the last trigger back to the first. */
     loop?: boolean;

package/dist/navigation-menu/NavigationMenuList.vue.d.ts

@@ -1,8 +1,4 @@
-/**
- * <ul> container for SkdxNavigationMenuItems. Roving-focus arrow-key navigation
- * across top-level items marked data-skdx-nav-trigger, wrapping by default.
- * Open SkdxNavigationMenuContent links excluded. Axis from root orientation.
- */
+/** Renders `<ul>` with roving-focus arrow-key navigation across top-level items marked `data-skdx-nav-trigger`. */
 type __VLS_Props = {
     /** Whether arrow-key navigation wraps from the last trigger back to the first. */
     loop?: boolean;

package/dist/navigation-menu/NavigationMenuList.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const d=require("../utils/direction.cjs"),x=require("./context.cjs");let t=require("vue");var m=["data-orientation"],y=":scope > li > [data-skdx-nav-trigger]",k=(0,t.defineComponent)({__name:"NavigationMenuList",props:{loop:{type:Boolean,default:!0}},setup(f){const a=(0,t.ref)(null),v=d.useDirection(),l=(0,t.inject)(x.NAVIGATION_MENU_CONTEXT);if(!l)throw new Error("<SkdxNavigationMenuList> must be used inside <SkdxNavigationMenu>.");const u=(0,t.computed)(()=>l.orientation.value);function _(r,i){const o=d.directionalKey(r.key,r.currentTarget,v()),s=a.value;if(!s)return;const n=Array.from(s.querySelectorAll(y));if(n.length===0)return;const c=n.indexOf(document.activeElement),[p,g]=u.value==="vertical"?["ArrowDown","ArrowUp"]:["ArrowRight","ArrowLeft"];let e;o===p?(e=c+1,e>=n.length&&(e=i?0:n.length-1)):o===g&&(e=c-1,e<0&&(e=i?n.length-1:0)),e!==void 0&&(r.preventDefault(),n[e]?.focus())}return(r,i)=>((0,t.openBlock)(),(0,t.createElementBlock)("ul",{class:"skdx-navigation-menu__list","data-part":"list",role:"list",ref_key:"listRef",ref:a,"data-orientation":u.value,onKeydown:i[0]||(i[0]=o=>_(o,f.loop))},[(0,t.renderSlot)(r.$slots,"default")],40,m))}});exports.default=k;
+const q=require("../utils/injectRequired.cjs"),c=require("../utils/direction.cjs"),y=require("./context.cjs");let r=require("vue");var A=["data-orientation"],h=":scope > li > [data-skdx-nav-trigger]",k=(0,r.defineComponent)({__name:"NavigationMenuList",props:{loop:{type:Boolean,default:!0}},setup(f){const _=f,a=(0,r.ref)(null),v=c.useDirection(),p=q.injectRequired(y.NAVIGATION_MENU_CONTEXT,"<SkdxNavigationMenuList> must be used inside <SkdxNavigationMenu>."),l=(0,r.computed)(()=>p.orientation.value);function g(i,o){const n=c.directionalKey(i.key,i.currentTarget,v()),u=a.value;if(!u)return;const t=Array.from(u.querySelectorAll(h)).filter(d=>!d.hasAttribute("disabled")&&!d.hasAttribute("data-disabled"));if(t.length===0)return;const s=t.indexOf(document.activeElement),[x,m]=l.value==="vertical"?["ArrowDown","ArrowUp"]:["ArrowRight","ArrowLeft"];let e;n===x?(e=s+1,e>=t.length&&(e=o?0:t.length-1)):n===m?(e=s-1,e<0&&(e=o?t.length-1:0)):n==="Home"?e=0:n==="End"&&(e=t.length-1),e!==void 0&&(i.preventDefault(),t[e]?.focus())}return(i,o)=>((0,r.openBlock)(),(0,r.createElementBlock)("ul",{ref_key:"listRef",ref:a,class:"skdx-navigation-menu__list","data-part":"list",role:"list","data-orientation":l.value,onKeydown:o[0]||(o[0]=n=>g(n,_.loop))},[(0,r.renderSlot)(i.$slots,"default")],40,A))}});exports.default=k;

package/dist/navigation-menu/NavigationMenuList.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{directionalKey as e,useDirection as t}from"../utils/direction.js";import{NAVIGATION_MENU_CONTEXT as o}from"./context.js";import{computed as n,createElementBlock as r,defineComponent as a,inject as i,openBlock as s,ref as l,renderSlot as u}from"vue";var c=["data-orientation"],d=/* @__PURE__ */a({__name:"NavigationMenuList",props:{loop:{type:Boolean,default:!0}},setup(a){const d=l(null),f=t(),p=i(o);if(!p)throw new Error("<SkdxNavigationMenuList> must be used inside <SkdxNavigationMenu>.");const m=n(()=>p.orientation.value);return(t,o)=>(s(),r("ul",{class:"skdx-navigation-menu__list","data-part":"list",role:"list",ref_key:"listRef",ref:d,"data-orientation":m.value,onKeydown:o[0]||(o[0]=t=>function(t,o){const n=e(t.key,t.currentTarget,f()),r=d.value;if(!r)return;const a=Array.from(r.querySelectorAll(":scope > li > [data-skdx-nav-trigger]"));if(0===a.length)return;const i=a.indexOf(document.activeElement),[s,l]="vertical"===m.value?["ArrowDown","ArrowUp"]:["ArrowRight","ArrowLeft"];let u;n===s?(u=i+1,u>=a.length&&(u=o?0:a.length-1)):n===l&&(u=i-1,u<0&&(u=o?a.length-1:0)),void 0!==u&&(t.preventDefault(),a[u]?.focus())}(t,a.loop))},[u(t.$slots,"default")],40,c))}});export{d as default};
+import{injectRequired as e}from"../utils/injectRequired.js";import{directionalKey as t,useDirection as o}from"../utils/direction.js";import{NAVIGATION_MENU_CONTEXT as a}from"./context.js";import{computed as r,createElementBlock as n,defineComponent as i,openBlock as s,ref as l,renderSlot as u}from"vue";var d=["data-orientation"],c=/* @__PURE__ */i({__name:"NavigationMenuList",props:{loop:{type:Boolean,default:!0}},setup(i){const c=i,f=l(null),m=o(),p=e(a,"<SkdxNavigationMenuList> must be used inside <SkdxNavigationMenu>."),v=r(()=>p.orientation.value);return(e,o)=>(s(),n("ul",{ref_key:"listRef",ref:f,class:"skdx-navigation-menu__list","data-part":"list",role:"list","data-orientation":v.value,onKeydown:o[0]||(o[0]=e=>function(e,o){const a=t(e.key,e.currentTarget,m()),r=f.value;if(!r)return;const n=Array.from(r.querySelectorAll(":scope > li > [data-skdx-nav-trigger]")).filter(e=>!e.hasAttribute("disabled")&&!e.hasAttribute("data-disabled"));if(0===n.length)return;const i=n.indexOf(document.activeElement),[s,l]="vertical"===v.value?["ArrowDown","ArrowUp"]:["ArrowRight","ArrowLeft"];let u;a===s?(u=i+1,u>=n.length&&(u=o?0:n.length-1)):a===l?(u=i-1,u<0&&(u=o?n.length-1:0)):"Home"===a?u=0:"End"===a&&(u=n.length-1),void 0!==u&&(e.preventDefault(),n[u]?.focus())}(e,c.loop))},[u(e.$slots,"default")],40,d))}});export{c as default};

package/dist/navigation-menu/NavigationMenuTrigger.vue.d.cts

@@ -1,10 +1,4 @@
-/**
- * Button that opens its item's `SkdxNavigationMenuContent`, renders
- * `<button>` with `aria-expanded`/`aria-controls`/`data-state`. Pointer
- * enter/leave trigger hover timers (non-touch only); click or Enter/Space
- * selects immediately. ArrowDown enters the content panel in horizontal
- * menus only.
- */
+/** Renders `<button>` with `aria-expanded`/`aria-controls`/`data-state` that opens its item's `SkdxNavigationMenuContent`. */
 type __VLS_Props = {};
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {

package/dist/navigation-menu/NavigationMenuTrigger.vue.d.ts

@@ -1,10 +1,4 @@
-/**
- * Button that opens its item's `SkdxNavigationMenuContent`, renders
- * `<button>` with `aria-expanded`/`aria-controls`/`data-state`. Pointer
- * enter/leave trigger hover timers (non-touch only); click or Enter/Space
- * selects immediately. ArrowDown enters the content panel in horizontal
- * menus only.
- */
+/** Renders `<button>` with `aria-expanded`/`aria-controls`/`data-state` that opens its item's `SkdxNavigationMenuContent`. */
 type __VLS_Props = {};
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {

package/dist/navigation-menu/NavigationMenuTrigger.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const _=require("../utils/tabbable.cjs"),c=require("./context.cjs");let t=require("vue");var f=["id","aria-expanded","aria-controls","data-state"],v=(0,t.defineComponent)({__name:"NavigationMenuTrigger",setup(T){const n=(0,t.inject)(c.NAVIGATION_MENU_CONTEXT),r=(0,t.inject)(c.NAVIGATION_MENU_ITEM_CONTEXT);if(!n||!r)throw new Error("<SkdxNavigationMenuTrigger> must be used inside <SkdxNavigationMenuItem>.");const o=(0,t.computed)(()=>n.value.value===r.value);let a=!1;function u(){o.value&&!a?n.onClose():n.onItemSelect(r.value)}function s(e){e.pointerType!=="touch"&&(a=!0,n.onTriggerEnter(r.value))}function d(e){e.pointerType!=="touch"&&(a=!1,n.onTriggerLeave())}function g(){u()}function p(e){if(e.key===" "||e.key==="Enter")e.preventDefault(),u();else if(e.key==="ArrowDown"&&o.value&&n.orientation.value==="horizontal"){const i=e.currentTarget.ownerDocument.getElementById(r.contentId),l=i&&_.tabbablesWithin(i)[0];if(!l)return;e.preventDefault(),e.stopPropagation(),l.focus()}}return(e,i)=>((0,t.openBlock)(),(0,t.createElementBlock)("button",{class:"skdx-navigation-menu__trigger","data-part":"trigger",type:"button",id:(0,t.unref)(r).triggerId,"aria-expanded":o.value,"aria-controls":(0,t.unref)(r).contentId,"data-skdx-nav-trigger":"","data-state":o.value?"open":"closed",onPointerenter:s,onPointerleave:d,onClick:g,onKeydown:p},[(0,t.renderSlot)(e.$slots,"default")],40,f))}});exports.default=v;
+const c=require("../utils/injectRequired.cjs"),v=require("../utils/tabbable.cjs"),s=require("./context.cjs");let t=require("vue");var f=["id","aria-expanded","aria-controls","data-state"],T=(0,t.defineComponent)({__name:"NavigationMenuTrigger",setup(N){const n=c.injectRequired(s.NAVIGATION_MENU_CONTEXT,"<SkdxNavigationMenuTrigger> must be used inside <SkdxNavigationMenuItem>."),r=c.injectRequired(s.NAVIGATION_MENU_ITEM_CONTEXT,"<SkdxNavigationMenuTrigger> must be used inside <SkdxNavigationMenuItem>."),o=(0,t.computed)(()=>n.value.value===r.value);let i=!1;function u(){o.value&&!i?n.onClose():n.onItemSelect(r.value)}function d(e){e.pointerType!=="touch"&&(i=!0,n.onTriggerEnter(r.value))}function g(e){e.pointerType!=="touch"&&(i=!1,n.onTriggerLeave())}function p(){u()}function _(e){if(e.key===" "||e.key==="Enter")e.preventDefault(),u();else if(e.key==="ArrowDown"&&o.value&&n.orientation.value==="horizontal"){const a=e.currentTarget.ownerDocument.getElementById(r.contentId),l=a&&v.tabbablesWithin(a)[0];if(!l)return;e.preventDefault(),e.stopPropagation(),l.focus()}}return(e,a)=>((0,t.openBlock)(),(0,t.createElementBlock)("button",{id:(0,t.unref)(r).triggerId,class:"skdx-navigation-menu__trigger","data-part":"trigger",type:"button","aria-expanded":o.value,"aria-controls":(0,t.unref)(r).contentId,"data-skdx-nav-trigger":"","data-state":o.value?"open":"closed",onPointerenter:d,onPointerleave:g,onClick:p,onKeydown:_},[(0,t.renderSlot)(e.$slots,"default")],40,f))}});exports.default=T;

package/dist/navigation-menu/NavigationMenuTrigger.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{tabbablesWithin as e}from"../utils/tabbable.js";import{NAVIGATION_MENU_CONTEXT as t,NAVIGATION_MENU_ITEM_CONTEXT as n}from"./context.js";import{computed as a,createElementBlock as o,defineComponent as r,inject as i,openBlock as u,renderSlot as s,unref as l}from"vue";var c=["id","aria-expanded","aria-controls","data-state"],d=/* @__PURE__ */r({__name:"NavigationMenuTrigger",setup(r){const d=i(t),g=i(n);if(!d||!g)throw new Error("<SkdxNavigationMenuTrigger> must be used inside <SkdxNavigationMenuItem>.");const p=a(()=>d.value.value===g.value);let v=!1;function f(){p.value&&!v?d.onClose():d.onItemSelect(g.value)}function m(e){"touch"!==e.pointerType&&(v=!0,d.onTriggerEnter(g.value))}function T(e){"touch"!==e.pointerType&&(v=!1,d.onTriggerLeave())}function I(){f()}function N(t){if(" "===t.key||"Enter"===t.key)t.preventDefault(),f();else if("ArrowDown"===t.key&&p.value&&"horizontal"===d.orientation.value){const n=t.currentTarget.ownerDocument.getElementById(g.contentId),a=n&&e(n)[0];if(!a)return;t.preventDefault(),t.stopPropagation(),a.focus()}}return(e,t)=>(u(),o("button",{class:"skdx-navigation-menu__trigger","data-part":"trigger",type:"button",id:l(g).triggerId,"aria-expanded":p.value,"aria-controls":l(g).contentId,"data-skdx-nav-trigger":"","data-state":p.value?"open":"closed",onPointerenter:m,onPointerleave:T,onClick:I,onKeydown:N},[s(e.$slots,"default")],40,c))}});export{d as default};
+import{injectRequired as e}from"../utils/injectRequired.js";import{tabbablesWithin as t}from"../utils/tabbable.js";import{NAVIGATION_MENU_CONTEXT as n,NAVIGATION_MENU_ITEM_CONTEXT as a}from"./context.js";import{computed as o,createElementBlock as r,defineComponent as i,openBlock as u,renderSlot as s,unref as l}from"vue";var d=["id","aria-expanded","aria-controls","data-state"],c=/* @__PURE__ */i({__name:"NavigationMenuTrigger",setup(i){const c=e(n,"<SkdxNavigationMenuTrigger> must be used inside <SkdxNavigationMenuItem>."),g=e(a,"<SkdxNavigationMenuTrigger> must be used inside <SkdxNavigationMenuItem>."),v=o(()=>c.value.value===g.value);let p=!1;function m(){v.value&&!p?c.onClose():c.onItemSelect(g.value)}function f(e){"touch"!==e.pointerType&&(p=!0,c.onTriggerEnter(g.value))}function T(e){"touch"!==e.pointerType&&(p=!1,c.onTriggerLeave())}function N(){m()}function k(e){if(" "===e.key||"Enter"===e.key)e.preventDefault(),m();else if("ArrowDown"===e.key&&v.value&&"horizontal"===c.orientation.value){const n=e.currentTarget.ownerDocument.getElementById(g.contentId),a=n&&t(n)[0];if(!a)return;e.preventDefault(),e.stopPropagation(),a.focus()}}return(e,t)=>(u(),r("button",{id:l(g).triggerId,class:"skdx-navigation-menu__trigger","data-part":"trigger",type:"button","aria-expanded":v.value,"aria-controls":l(g).contentId,"data-skdx-nav-trigger":"","data-state":v.value?"open":"closed",onPointerenter:f,onPointerleave:T,onClick:N,onKeydown:k},[s(e.$slots,"default")],40,d))}});export{c as default};

package/dist/navigation-menu/types.d.cts

@@ -1,24 +1,25 @@
-/**
- * One entry in `items` (plain link or trigger/panel). Narrow with `'items' in item`.
- */
+/** One entry in `items` (plain link or trigger/panel), narrowed with `'items' in item`. */
 export type NavigationMenuItem = {
     /** Text rendered inside the derived `SkdxNavigationMenuLink`. */
     label: string;
     /** The link's destination. */
     href: string;
     /**
-     * Marks link as current page. @default false
+     * Marks link as current page.
+     * @default false
      */
     active?: boolean;
     /**
-     * Identifier matched against root's `value`. @default (entry's index as string)
+     * Identifier matched against root's `value`.
+     * @default (entry's index as string)
      */
     value?: string;
 } | {
     /** Text rendered inside the derived `SkdxNavigationMenuTrigger`. */
     label: string;
     /**
-     * Identifier matched against root's `value`. @default (entry's index as string)
+     * Identifier matched against root's `value`.
+     * @default (entry's index as string)
      */
     value?: string;
     /** Links in the panel this trigger opens. */

package/dist/navigation-menu/types.d.ts

@@ -1,24 +1,25 @@
-/**
- * One entry in `items` (plain link or trigger/panel). Narrow with `'items' in item`.
- */
+/** One entry in `items` (plain link or trigger/panel), narrowed with `'items' in item`. */
 export type NavigationMenuItem = {
     /** Text rendered inside the derived `SkdxNavigationMenuLink`. */
     label: string;
     /** The link's destination. */
     href: string;
     /**
-     * Marks link as current page. @default false
+     * Marks link as current page.
+     * @default false
      */
     active?: boolean;
     /**
-     * Identifier matched against root's `value`. @default (entry's index as string)
+     * Identifier matched against root's `value`.
+     * @default (entry's index as string)
      */
     value?: string;
 } | {
     /** Text rendered inside the derived `SkdxNavigationMenuTrigger`. */
     label: string;
     /**
-     * Identifier matched against root's `value`. @default (entry's index as string)
+     * Identifier matched against root's `value`.
+     * @default (entry's index as string)
      */
     value?: string;
     /** Links in the panel this trigger opens. */

package/dist/number-field/NumberField.vue.d.cts

@@ -1,12 +1,7 @@
-/**
- * Number input with increment/decrement buttons, clamped to min/max.
- * Controlled (`v-model:value`) or uncontrolled. With a `name`, submits
- * clamped value to surrounding form; `checkValidity()`/`reportValidity()` exposed.
- * Derives body from `showControls` unless slot provided.
- */
+/** Renders a number input with increment/decrement buttons, clamped to `[min, max]`. */
 type __VLS_Props = {
     /** Current value for controlled usage via `v-model:value`; `null` is empty field. */
-    value?: number | null;
+    value?: number | null | undefined;
     /** Initial value for uncontrolled usage; clamped on mount, `null` for empty. */
     defaultValue?: number | null;
     /** Lower bound; value clamped including via increment/decrement.
@@ -37,24 +32,41 @@ type __VLS_Props = {
      * @default false
      */
     required?: boolean;
-    /** `Intl.NumberFormat` options for display and parsing. */
-    formatOptions?: Intl.NumberFormatOptions;
-    /** BCP-47 locale for formatting and parsing. */
-    locale?: string;
+    /**
+     * `Intl.NumberFormat` options for display and parsing.
+     * @default undefined
+     */
+    formatOptions?: Intl.NumberFormatOptions | undefined;
+    /**
+     * BCP-47 locale for formatting and parsing.
+     * @default undefined
+     */
+    locale?: string | undefined;
     /** When to snap typed text into `[min, max]`; `'blur'` always clamps. */
     clampBehavior?: 'blur' | 'never';
     /** Let mouse wheel step value while input focused. */
     allowWheel?: boolean;
-    /** Form id this field submits into. */
-    form?: string;
-    /** Name for form submission via hidden input. */
-    name?: string;
+    /**
+     * Form id this field submits into.
+     * @default undefined
+     */
+    form?: string | undefined;
+    /**
+     * Name for form submission via hidden input.
+     * @default undefined
+     */
+    name?: string | undefined;
     /** Renders derived increment/decrement buttons flanking the input; ignored with custom children. */
     showControls?: boolean;
     /** Accessible name for the Increment button when controls are shown. */
     incrementLabel?: string;
     /** Accessible name for the Decrement button when controls are shown. */
     decrementLabel?: string;
+    /**
+     * Size rung the skin renders the field at, reflected as `data-size`.
+     * @default undefined — falls back to a `data-size` attribute.
+     */
+    size?: 'md' | 'sm' | 'lg' | (string & {}) | undefined;
 };
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
@@ -65,35 +77,26 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
     checkValidity: () => boolean;
     /** Like `checkValidity()`, but also shows the browser's validation message. */
     reportValidity: () => boolean;
-    /**
-     * Pushes an externally-computed error onto the hidden input, exactly like
-     * `HTMLInputElement.setCustomValidity()`: a non-empty message makes the field
-     * invalid (customError) and is what `reportValidity()` shows; `''` clears it.
-     * Dropped without a `name`, matching the reads above.
-     */
+    /** Pushes an externally-computed error onto the hidden input, exactly like `HTMLInputElement.setCustomValidity()`. */
     setCustomValidity: (message: string) => void | undefined;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:value": (value: number | null) => any;
     "value-change": (value: number | null) => any;
     "value-commit": (value: number | null) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onUpdate:value"?: ((value: number | null) => any) | undefined;
-    "onValue-change"?: ((value: number | null) => any) | undefined;
-    "onValue-commit"?: ((value: number | null) => any) | undefined;
+    "onUpdate:value"?: (value: number | null) => any;
+    "onValue-change"?: (value: number | null) => any;
+    "onValue-commit"?: (value: number | null) => any;
 }>, {
-    form: string;
     disabled: boolean;
-    value: number | null;
-    readOnly: boolean;
-    required: boolean;
-    name: string;
-    invalid: boolean;
     defaultValue: number | null;
     max: number;
     min: number;
+    readOnly: boolean;
+    required: boolean;
     step: number;
-    formatOptions: Intl.NumberFormatOptions;
-    locale: string;
+    value: number | null | undefined;
+    invalid: boolean;
     showControls: boolean;
     incrementLabel: string;
     decrementLabel: string;

package/dist/number-field/NumberField.vue.d.ts

@@ -1,12 +1,7 @@
-/**
- * Number input with increment/decrement buttons, clamped to min/max.
- * Controlled (`v-model:value`) or uncontrolled. With a `name`, submits
- * clamped value to surrounding form; `checkValidity()`/`reportValidity()` exposed.
- * Derives body from `showControls` unless slot provided.
- */
+/** Renders a number input with increment/decrement buttons, clamped to `[min, max]`. */
 type __VLS_Props = {
     /** Current value for controlled usage via `v-model:value`; `null` is empty field. */
-    value?: number | null;
+    value?: number | null | undefined;
     /** Initial value for uncontrolled usage; clamped on mount, `null` for empty. */
     defaultValue?: number | null;
     /** Lower bound; value clamped including via increment/decrement.
@@ -37,24 +32,41 @@ type __VLS_Props = {
      * @default false
      */
     required?: boolean;
-    /** `Intl.NumberFormat` options for display and parsing. */
-    formatOptions?: Intl.NumberFormatOptions;
-    /** BCP-47 locale for formatting and parsing. */
-    locale?: string;
+    /**
+     * `Intl.NumberFormat` options for display and parsing.
+     * @default undefined
+     */
+    formatOptions?: Intl.NumberFormatOptions | undefined;
+    /**
+     * BCP-47 locale for formatting and parsing.
+     * @default undefined
+     */
+    locale?: string | undefined;
     /** When to snap typed text into `[min, max]`; `'blur'` always clamps. */
     clampBehavior?: 'blur' | 'never';
     /** Let mouse wheel step value while input focused. */
     allowWheel?: boolean;
-    /** Form id this field submits into. */
-    form?: string;
-    /** Name for form submission via hidden input. */
-    name?: string;
+    /**
+     * Form id this field submits into.
+     * @default undefined
+     */
+    form?: string | undefined;
+    /**
+     * Name for form submission via hidden input.
+     * @default undefined
+     */
+    name?: string | undefined;
     /** Renders derived increment/decrement buttons flanking the input; ignored with custom children. */
     showControls?: boolean;
     /** Accessible name for the Increment button when controls are shown. */
     incrementLabel?: string;
     /** Accessible name for the Decrement button when controls are shown. */
     decrementLabel?: string;
+    /**
+     * Size rung the skin renders the field at, reflected as `data-size`.
+     * @default undefined — falls back to a `data-size` attribute.
+     */
+    size?: 'md' | 'sm' | 'lg' | (string & {}) | undefined;
 };
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
@@ -65,35 +77,26 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
     checkValidity: () => boolean;
     /** Like `checkValidity()`, but also shows the browser's validation message. */
     reportValidity: () => boolean;
-    /**
-     * Pushes an externally-computed error onto the hidden input, exactly like
-     * `HTMLInputElement.setCustomValidity()`: a non-empty message makes the field
-     * invalid (customError) and is what `reportValidity()` shows; `''` clears it.
-     * Dropped without a `name`, matching the reads above.
-     */
+    /** Pushes an externally-computed error onto the hidden input, exactly like `HTMLInputElement.setCustomValidity()`. */
     setCustomValidity: (message: string) => void | undefined;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:value": (value: number | null) => any;
     "value-change": (value: number | null) => any;
     "value-commit": (value: number | null) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onUpdate:value"?: ((value: number | null) => any) | undefined;
-    "onValue-change"?: ((value: number | null) => any) | undefined;
-    "onValue-commit"?: ((value: number | null) => any) | undefined;
+    "onUpdate:value"?: (value: number | null) => any;
+    "onValue-change"?: (value: number | null) => any;
+    "onValue-commit"?: (value: number | null) => any;
 }>, {
-    form: string;
     disabled: boolean;
-    value: number | null;
-    readOnly: boolean;
-    required: boolean;
-    name: string;
-    invalid: boolean;
     defaultValue: number | null;
     max: number;
     min: number;
+    readOnly: boolean;
+    required: boolean;
     step: number;
-    formatOptions: Intl.NumberFormatOptions;
-    locale: string;
+    value: number | null | undefined;
+    invalid: boolean;
     showControls: boolean;
     incrementLabel: string;
     decrementLabel: string;

package/dist/number-field/NumberField.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const w=require("../utils/useFormReset.cjs"),m=require("../utils/clamp.cjs"),g=require("./context.cjs"),N=require("./NumberFieldAnatomy.vue.cjs");let l=require("vue");var E=["data-disabled","data-invalid","data-readonly"],F=["name","form","^value","required","disabled"],C=(0,l.defineComponent)({__name:"NumberField",props:{value:{default:void 0},defaultValue:{default:null},min:{default:-1/0},max:{default:1/0},step:{default:1},disabled:{type:Boolean,default:!1},invalid:{type:Boolean,default:!1},readOnly:{type:Boolean,default:!1},required:{type:Boolean,default:!1},formatOptions:{default:void 0},locale:{default:void 0},clampBehavior:{default:"blur"},allowWheel:{type:Boolean,default:!1},form:{default:void 0},name:{default:void 0},showControls:{type:Boolean,default:!0},incrementLabel:{default:"Increment"},decrementLabel:{default:"Decrement"}},emits:["update:value","value-change","value-commit"],setup(t,{expose:B,emit:q}){const e=t,o=q,c=(0,l.ref)(e.defaultValue===null||e.clampBehavior==="never"?e.defaultValue:m.clamp(e.defaultValue,e.min,e.max)),u=(0,l.computed)(()=>e.value===void 0?c.value:e.value);function s(a){a!==u.value&&(e.value===void 0&&(c.value=a),o("update:value",a),o("value-change",a))}const r=a=>a===null||e.clampBehavior==="never"?a:m.clamp(a,e.min,e.max);function v(a){s(r(a))}function f(a){const n=r(a);s(n),o("value-commit",n)}function x(a){const n=u.value??0,p=k=>{const i=String(k);if(i.includes("e")||i.includes("E"))return null;const V=i.indexOf(".");return V===-1?0:i.length-V-1},b=n+a*e.step,h=p(n),y=p(e.step);f(m.clamp(h===null||y===null?b:Number(b.toFixed(Math.min(Math.max(h,y),15))),e.min,e.max))}(0,l.provide)(g.NUMBER_FIELD_CONTEXT,{value:u,min:(0,l.computed)(()=>e.min),max:(0,l.computed)(()=>e.max),step:(0,l.computed)(()=>e.step),disabled:(0,l.computed)(()=>e.disabled),invalid:(0,l.computed)(()=>e.invalid),readOnly:(0,l.computed)(()=>e.readOnly),required:(0,l.computed)(()=>e.required),formatOptions:(0,l.computed)(()=>e.formatOptions),locale:(0,l.computed)(()=>e.locale||e.formatOptions?new Intl.NumberFormat(e.locale).resolvedOptions().locale:void 0),clampBehavior:(0,l.computed)(()=>e.clampBehavior),allowWheel:(0,l.computed)(()=>e.allowWheel),outOfRange:(0,l.computed)(()=>u.value!==null&&(u.value<e.min||u.value>e.max)),setValue:v,commitValue:f,stepBy:x});const d=(0,l.ref)(null),O=r(e.value===void 0?e.defaultValue:e.value);return w.useFormReset(()=>d.value,()=>v(O)),B({checkValidity:()=>d.value?.checkValidity()??!0,reportValidity:()=>d.value?.reportValidity()??!0,setCustomValidity:a=>d.value?.setCustomValidity(a)}),(a,n)=>((0,l.openBlock)(),(0,l.createElementBlock)("div",{class:"skdx-number-field","data-part":"root","data-skdx-component":"number-field","data-disabled":t.disabled?"":void 0,"data-invalid":t.invalid?"":void 0,"data-readonly":t.readOnly?"":void 0},[(0,l.renderSlot)(a.$slots,"default",{},()=>[(0,l.createVNode)(N.default,{"show-controls":t.showControls,"increment-label":t.incrementLabel,"decrement-label":t.decrementLabel},null,8,["show-controls","increment-label","decrement-label"])]),t.name?((0,l.openBlock)(),(0,l.createElementBlock)("input",{key:0,ref_key:"hiddenEl",ref:d,type:"text","aria-hidden":"true",tabindex:"-1",name:t.name,form:t.form,"^value":u.value===null?"":String(u.value),required:t.required,disabled:t.disabled,style:{position:"absolute","pointer-events":"none",opacity:"0",margin:"0",width:"1px",height:"1px"}},null,8,F)):(0,l.createCommentVNode)("",!0)],8,E))}});exports.default=C;
+const C=require("../utils/appearance.cjs"),L=require("../utils/useFormReset.cjs"),v=require("../utils/clamp.cjs"),I=require("./context.cjs"),D=require("./NumberFieldAnatomy.vue.cjs");let a=require("vue");var R=["data-disabled","data-invalid","data-readonly"],S=["name","form","^value","required","disabled"],z=(0,a.defineComponent)({inheritAttrs:!1,__name:"NumberField",props:{value:{default:void 0},defaultValue:{default:null},min:{default:-1/0},max:{default:1/0},step:{default:1},disabled:{type:Boolean,default:!1},invalid:{type:Boolean,default:!1},readOnly:{type:Boolean,default:!1},required:{type:Boolean,default:!1},formatOptions:{},locale:{},clampBehavior:{default:"blur"},allowWheel:{type:Boolean,default:!1},form:{},name:{},showControls:{type:Boolean,default:!0},incrementLabel:{default:"Increment"},decrementLabel:{default:"Decrement"},size:{}},emits:["update:value","value-change","value-commit"],setup(t,{expose:x,emit:O}){const e=t,s=O,f=(0,a.ref)(e.defaultValue===null||e.clampBehavior==="never"?e.defaultValue:v.clamp(e.defaultValue,e.min,e.max)),u=(0,a.computed)(()=>e.value===void 0?f.value:e.value);function p(l){l!==u.value&&(e.value===void 0&&(f.value=l),s("update:value",l),s("value-change",l))}const o=l=>l===null||e.clampBehavior==="never"?l:v.clamp(l,e.min,e.max);function b(l){p(o(l))}function y(l){const n=o(l);p(n),s("value-commit",n)}function g(l){const n=u.value??0,r=A=>{const c=String(A);if(c.includes("e")||c.includes("E"))return null;const B=c.indexOf(".");return B===-1?0:c.length-B-1},h=n+l*e.step,V=r(n),q=r(e.step);y(v.clamp(V===null||q===null?h:Number(h.toFixed(Math.min(Math.max(V,q),15))),e.min,e.max))}(0,a.provide)(I.NUMBER_FIELD_CONTEXT,{value:u,min:(0,a.computed)(()=>e.min),max:(0,a.computed)(()=>e.max),step:(0,a.computed)(()=>e.step),disabled:(0,a.computed)(()=>e.disabled),invalid:(0,a.computed)(()=>e.invalid),readOnly:(0,a.computed)(()=>e.readOnly),required:(0,a.computed)(()=>e.required),formatOptions:(0,a.computed)(()=>e.formatOptions),locale:(0,a.computed)(()=>e.locale||e.formatOptions?new Intl.NumberFormat(e.locale).resolvedOptions().locale:void 0),clampBehavior:(0,a.computed)(()=>e.clampBehavior),allowWheel:(0,a.computed)(()=>e.allowWheel),outOfRange:(0,a.computed)(()=>u.value!==null&&(u.value<e.min||u.value>e.max)),setValue:b,commitValue:y,stepBy:g});const i=(0,a.ref)(null),d=(0,a.useAttrs)(),k=(0,a.useSlots)(),m=(0,a.computed)(()=>!k.default),w=(0,a.computed)(()=>m.value?d["aria-label"]:void 0),N=(0,a.computed)(()=>m.value?d["aria-labelledby"]:void 0),E=(0,a.computed)(()=>{if(!m.value)return d;const{"aria-label":l,"aria-labelledby":n,...r}=d;return r}),F=o(e.value===void 0?e.defaultValue:e.value);return L.useFormReset(()=>i.value,()=>b(o(e.defaultValue)??F)),x({checkValidity:()=>i.value?.checkValidity()??!0,reportValidity:()=>i.value?.reportValidity()??!0,setCustomValidity:l=>i.value?.setCustomValidity(l)}),(l,n)=>((0,a.openBlock)(),(0,a.createElementBlock)("div",(0,a.mergeProps)({class:"skdx-number-field","data-part":"root","data-skdx-component":"number-field","data-disabled":t.disabled?"":void 0,"data-invalid":t.invalid?"":void 0,"data-readonly":t.readOnly?"":void 0},{...E.value,...(0,a.unref)(C.appearanceAttrs)({size:t.size},l.$attrs)}),[(0,a.renderSlot)(l.$slots,"default",{},()=>[(0,a.createVNode)(D.default,{"show-controls":t.showControls,"increment-label":t.incrementLabel,"decrement-label":t.decrementLabel,"aria-label":w.value,"aria-labelledby":N.value},null,8,["show-controls","increment-label","decrement-label","aria-label","aria-labelledby"])]),t.name?((0,a.openBlock)(),(0,a.createElementBlock)("input",{key:0,ref_key:"hiddenEl",ref:i,type:"text","aria-hidden":"true",tabindex:"-1",name:t.name,form:t.form,"^value":u.value===null?"":String(u.value),required:t.required,disabled:t.disabled,style:{position:"absolute","pointer-events":"none",opacity:"0",margin:"0",width:"1px",height:"1px"}},null,8,S)):(0,a.createCommentVNode)("",!0)],16,R))}});exports.default=z;

package/dist/number-field/NumberField.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{useFormReset as e}from"../utils/useFormReset.js";import{clamp as a}from"../utils/clamp.js";import{NUMBER_FIELD_CONTEXT as l}from"./context.js";import t from"./NumberFieldAnatomy.vue.js";import{computed as o,createCommentVNode as n,createElementBlock as d,createVNode as i,defineComponent as u,openBlock as r,provide as m,ref as s,renderSlot as v}from"vue";var c=["data-disabled","data-invalid","data-readonly"],f=["name","form","^value","required","disabled"],p=/* @__PURE__ */u({__name:"NumberField",props:{value:{default:void 0},defaultValue:{default:null},min:{default:-1/0},max:{default:1/0},step:{default:1},disabled:{type:Boolean,default:!1},invalid:{type:Boolean,default:!1},readOnly:{type:Boolean,default:!1},required:{type:Boolean,default:!1},formatOptions:{default:void 0},locale:{default:void 0},clampBehavior:{default:"blur"},allowWheel:{type:Boolean,default:!1},form:{default:void 0},name:{default:void 0},showControls:{type:Boolean,default:!0},incrementLabel:{default:"Increment"},decrementLabel:{default:"Decrement"}},emits:["update:value","value-change","value-commit"],setup(u,{expose:p,emit:b}){const y=u,h=b,x=s(null===y.defaultValue||"never"===y.clampBehavior?y.defaultValue:a(y.defaultValue,y.min,y.max)),B=o(()=>void 0===y.value?x.value:y.value);function V(e){e!==B.value&&(void 0===y.value&&(x.value=e),h("update:value",e),h("value-change",e))}const O=e=>null===e||"never"===y.clampBehavior?e:a(e,y.min,y.max);function w(e){V(O(e))}function g(e){const a=O(e);V(a),h("value-commit",a)}m(l,{value:B,min:o(()=>y.min),max:o(()=>y.max),step:o(()=>y.step),disabled:o(()=>y.disabled),invalid:o(()=>y.invalid),readOnly:o(()=>y.readOnly),required:o(()=>y.required),formatOptions:o(()=>y.formatOptions),locale:o(()=>y.locale||y.formatOptions?new Intl.NumberFormat(y.locale).resolvedOptions().locale:void 0),clampBehavior:o(()=>y.clampBehavior),allowWheel:o(()=>y.allowWheel),outOfRange:o(()=>null!==B.value&&(B.value<y.min||B.value>y.max)),setValue:w,commitValue:g,stepBy:function(e){const l=B.value??0,t=e=>{const a=String(e);if(a.includes("e")||a.includes("E"))return null;const l=a.indexOf(".");return-1===l?0:a.length-l-1},o=l+e*y.step,n=t(l),d=t(y.step);g(a(null===n||null===d?o:Number(o.toFixed(Math.min(Math.max(n,d),15))),y.min,y.max))}});const k=s(null),N=O(void 0===y.value?y.defaultValue:y.value);return e(()=>k.value,()=>w(N)),p({checkValidity:()=>k.value?.checkValidity()??!0,reportValidity:()=>k.value?.reportValidity()??!0,setCustomValidity:e=>k.value?.setCustomValidity(e)}),(e,a)=>(r(),d("div",{class:"skdx-number-field","data-part":"root","data-skdx-component":"number-field","data-disabled":u.disabled?"":void 0,"data-invalid":u.invalid?"":void 0,"data-readonly":u.readOnly?"":void 0},[v(e.$slots,"default",{},()=>[i(t,{"show-controls":u.showControls,"increment-label":u.incrementLabel,"decrement-label":u.decrementLabel},null,8,["show-controls","increment-label","decrement-label"])]),u.name?(r(),d("input",{key:0,ref_key:"hiddenEl",ref:k,type:"text","aria-hidden":"true",tabindex:"-1",name:u.name,form:u.form,"^value":null===B.value?"":String(B.value),required:u.required,disabled:u.disabled,style:{position:"absolute","pointer-events":"none",opacity:"0",margin:"0",width:"1px",height:"1px"}},null,8,f)):n("",!0)],8,c))}});export{p as default};
+import{appearanceAttrs as e}from"../utils/appearance.js";import{useFormReset as a}from"../utils/useFormReset.js";import{clamp as l}from"../utils/clamp.js";import{NUMBER_FIELD_CONTEXT as t}from"./context.js";import i from"./NumberFieldAnatomy.vue.js";import{computed as n,createCommentVNode as o,createElementBlock as r,createVNode as u,defineComponent as d,mergeProps as s,openBlock as m,provide as v,ref as c,renderSlot as p,unref as f,useAttrs as b,useSlots as y}from"vue";var h=["data-disabled","data-invalid","data-readonly"],x=["name","form","^value","required","disabled"],V=/* @__PURE__ */d({inheritAttrs:!1,__name:"NumberField",props:{value:{default:void 0},defaultValue:{default:null},min:{default:-1/0},max:{default:1/0},step:{default:1},disabled:{type:Boolean,default:!1},invalid:{type:Boolean,default:!1},readOnly:{type:Boolean,default:!1},required:{type:Boolean,default:!1},formatOptions:{},locale:{},clampBehavior:{default:"blur"},allowWheel:{type:Boolean,default:!1},form:{},name:{},showControls:{type:Boolean,default:!0},incrementLabel:{default:"Increment"},decrementLabel:{default:"Decrement"},size:{}},emits:["update:value","value-change","value-commit"],setup(d,{expose:V,emit:B}){const O=d,g=B,w=c(null===O.defaultValue||"never"===O.clampBehavior?O.defaultValue:l(O.defaultValue,O.min,O.max)),k=n(()=>void 0===O.value?w.value:O.value);function N(e){e!==k.value&&(void 0===O.value&&(w.value=e),g("update:value",e),g("value-change",e))}const C=e=>null===e||"never"===O.clampBehavior?e:l(e,O.min,O.max);function F(e){N(C(e))}function q(e){const a=C(e);N(a),g("value-commit",a)}v(t,{value:k,min:n(()=>O.min),max:n(()=>O.max),step:n(()=>O.step),disabled:n(()=>O.disabled),invalid:n(()=>O.invalid),readOnly:n(()=>O.readOnly),required:n(()=>O.required),formatOptions:n(()=>O.formatOptions),locale:n(()=>O.locale||O.formatOptions?new Intl.NumberFormat(O.locale).resolvedOptions().locale:void 0),clampBehavior:n(()=>O.clampBehavior),allowWheel:n(()=>O.allowWheel),outOfRange:n(()=>null!==k.value&&(k.value<O.min||k.value>O.max)),setValue:F,commitValue:q,stepBy:function(e){const a=k.value??0,t=e=>{const a=String(e);if(a.includes("e")||a.includes("E"))return null;const l=a.indexOf(".");return-1===l?0:a.length-l-1},i=a+e*O.step,n=t(a),o=t(O.step);q(l(null===n||null===o?i:Number(i.toFixed(Math.min(Math.max(n,o),15))),O.min,O.max))}});const E=c(null),j=b(),L=y(),_=n(()=>!L.default),A=n(()=>_.value?j["aria-label"]:void 0),R=n(()=>_.value?j["aria-labelledby"]:void 0),S=n(()=>{if(!_.value)return j;const{"aria-label":e,"aria-labelledby":a,...l}=j;return l}),z=C(void 0===O.value?O.defaultValue:O.value);return a(()=>E.value,()=>F(C(O.defaultValue)??z)),V({checkValidity:()=>E.value?.checkValidity()??!0,reportValidity:()=>E.value?.reportValidity()??!0,setCustomValidity:e=>E.value?.setCustomValidity(e)}),(a,l)=>(m(),r("div",s({class:"skdx-number-field","data-part":"root","data-skdx-component":"number-field","data-disabled":d.disabled?"":void 0,"data-invalid":d.invalid?"":void 0,"data-readonly":d.readOnly?"":void 0},{...S.value,...f(e)({size:d.size},a.$attrs)}),[p(a.$slots,"default",{},()=>[u(i,{"show-controls":d.showControls,"increment-label":d.incrementLabel,"decrement-label":d.decrementLabel,"aria-label":A.value,"aria-labelledby":R.value},null,8,["show-controls","increment-label","decrement-label","aria-label","aria-labelledby"])]),d.name?(m(),r("input",{key:0,ref_key:"hiddenEl",ref:E,type:"text","aria-hidden":"true",tabindex:"-1",name:d.name,form:d.form,"^value":null===k.value?"":String(k.value),required:d.required,disabled:d.disabled,style:{position:"absolute","pointer-events":"none",opacity:"0",margin:"0",width:"1px",height:"1px"}},null,8,x)):o("",!0)],16,h))}});export{V as default};

package/dist/number-field/NumberFieldAnatomy.vue.d.cts

@@ -1,17 +1,16 @@
-/**
- * The anatomy an `SkdxNumberField` draws when its default slot holds none of
- * its own parts: the Input flanked by Decrement/Increment when `showControls`
- * is set.
- * @internal
- */
+/** @internal Renders the recipe's default anatomy: the Input flanked by Decrement/Increment when `showControls` is set. */
 type __VLS_Props = {
-    showControls?: boolean;
-    incrementLabel?: string;
-    decrementLabel?: string;
+    showControls?: boolean | undefined;
+    incrementLabel?: string | undefined;
+    decrementLabel?: string | undefined;
+    ariaLabel?: string | undefined;
+    ariaLabelledby?: string | undefined;
 };
 declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    showControls: boolean;
-    incrementLabel: string;
-    decrementLabel: string;
+    ariaLabel: string | undefined;
+    ariaLabelledby: string | undefined;
+    showControls: boolean | undefined;
+    incrementLabel: string | undefined;
+    decrementLabel: string | undefined;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/number-field/NumberFieldAnatomy.vue.d.ts

@@ -1,17 +1,16 @@
-/**
- * The anatomy an `SkdxNumberField` draws when its default slot holds none of
- * its own parts: the Input flanked by Decrement/Increment when `showControls`
- * is set.
- * @internal
- */
+/** @internal Renders the recipe's default anatomy: the Input flanked by Decrement/Increment when `showControls` is set. */
 type __VLS_Props = {
-    showControls?: boolean;
-    incrementLabel?: string;
-    decrementLabel?: string;
+    showControls?: boolean | undefined;
+    incrementLabel?: string | undefined;
+    decrementLabel?: string | undefined;
+    ariaLabel?: string | undefined;
+    ariaLabelledby?: string | undefined;
 };
 declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    showControls: boolean;
-    incrementLabel: string;
-    decrementLabel: string;
+    ariaLabel: string | undefined;
+    ariaLabelledby: string | undefined;
+    showControls: boolean | undefined;
+    incrementLabel: string | undefined;
+    decrementLabel: string | undefined;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/number-field/NumberFieldAnatomy.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const l=require("./NumberFieldDecrement.vue.cjs"),n=require("./NumberFieldIncrement.vue.cjs"),u=require("./NumberFieldInput.vue.cjs");let e=require("vue");var o=(0,e.defineComponent)({__name:"NumberFieldAnatomy",props:{showControls:{type:Boolean,default:!0},incrementLabel:{default:"Increment"},decrementLabel:{default:"Decrement"}},setup(t){return(a,r)=>((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,null,[t.showControls?((0,e.openBlock)(),(0,e.createBlock)(l.default,{key:0,label:t.decrementLabel},{default:(0,e.withCtx)(()=>[...r[0]||(r[0]=[(0,e.createTextVNode)("−",-1)])]),_:1},8,["label"])):(0,e.createCommentVNode)("",!0),(0,e.createVNode)(u.default),t.showControls?((0,e.openBlock)(),(0,e.createBlock)(n.default,{key:1,label:t.incrementLabel},{default:(0,e.withCtx)(()=>[...r[1]||(r[1]=[(0,e.createTextVNode)("+",-1)])]),_:1},8,["label"])):(0,e.createCommentVNode)("",!0)],64))}});exports.default=o;
+const a=require("./NumberFieldDecrement.vue.cjs"),r=require("./NumberFieldIncrement.vue.cjs"),n=require("./NumberFieldInput.vue.cjs");let e=require("vue");var u=(0,e.defineComponent)({__name:"NumberFieldAnatomy",props:{showControls:{type:Boolean,default:!0},incrementLabel:{default:"Increment"},decrementLabel:{default:"Decrement"},ariaLabel:{default:void 0},ariaLabelledby:{default:void 0}},setup(l){return(o,t)=>((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,null,[l.showControls?((0,e.openBlock)(),(0,e.createBlock)(a.default,{key:0,label:l.decrementLabel},{default:(0,e.withCtx)(()=>[...t[0]||(t[0]=[(0,e.createTextVNode)("−",-1)])]),_:1},8,["label"])):(0,e.createCommentVNode)("",!0),(0,e.createVNode)(n.default,{"aria-label":l.ariaLabel,"aria-labelledby":l.ariaLabelledby},null,8,["aria-label","aria-labelledby"]),l.showControls?((0,e.openBlock)(),(0,e.createBlock)(r.default,{key:1,label:l.incrementLabel},{default:(0,e.withCtx)(()=>[...t[1]||(t[1]=[(0,e.createTextVNode)("+",-1)])]),_:1},8,["label"])):(0,e.createCommentVNode)("",!0)],64))}});exports.default=u;

package/dist/number-field/NumberFieldAnatomy.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import e from"./NumberFieldDecrement.vue.js";import t from"./NumberFieldIncrement.vue.js";import a from"./NumberFieldInput.vue.js";import{Fragment as l,createBlock as o,createCommentVNode as r,createElementBlock as m,createTextVNode as n,createVNode as s,defineComponent as u,openBlock as c,withCtx as d}from"vue";var b=/* @__PURE__ */u({__name:"NumberFieldAnatomy",props:{showControls:{type:Boolean,default:!0},incrementLabel:{default:"Increment"},decrementLabel:{default:"Decrement"}},setup:u=>(b,i)=>(c(),m(l,null,[u.showControls?(c(),o(e,{key:0,label:u.decrementLabel},{default:d(()=>[...i[0]||(i[0]=[n("−",-1)])]),_:1},8,["label"])):r("",!0),s(a),u.showControls?(c(),o(t,{key:1,label:u.incrementLabel},{default:d(()=>[...i[1]||(i[1]=[n("+",-1)])]),_:1},8,["label"])):r("",!0)],64))});export{b as default};
+import e from"./NumberFieldDecrement.vue.js";import a from"./NumberFieldIncrement.vue.js";import l from"./NumberFieldInput.vue.js";import{Fragment as r,createBlock as t,createCommentVNode as o,createElementBlock as n,createTextVNode as m,createVNode as b,defineComponent as d,openBlock as i,withCtx as s}from"vue";var u=/* @__PURE__ */d({__name:"NumberFieldAnatomy",props:{showControls:{type:Boolean,default:!0},incrementLabel:{default:"Increment"},decrementLabel:{default:"Decrement"},ariaLabel:{default:void 0},ariaLabelledby:{default:void 0}},setup:d=>(u,c)=>(i(),n(r,null,[d.showControls?(i(),t(e,{key:0,label:d.decrementLabel},{default:s(()=>[...c[0]||(c[0]=[m("−",-1)])]),_:1},8,["label"])):o("",!0),b(l,{"aria-label":d.ariaLabel,"aria-labelledby":d.ariaLabelledby},null,8,["aria-label","aria-labelledby"]),d.showControls?(i(),t(a,{key:1,label:d.incrementLabel},{default:s(()=>[...c[1]||(c[1]=[m("+",-1)])]),_:1},8,["label"])):o("",!0)],64))});export{u as default};

package/dist/number-field/NumberFieldDecrement.vue.d.cts

@@ -1,22 +1,17 @@
-/**
- * Button to decrement number field by one step. Disabled at min or when field
- * is disabled. Read-only: focusable but inert. Hold repeats after initial delay
- * then fixed interval.
- */
+/** Renders a button that decrements the number field by one step, repeating on hold. */
 type __VLS_Props = {
     /**
-     * Accessible name (slotted `-` announces as nothing). Set to translate or
-     * specify action.
+     * Accessible name (a slotted "-" announces as nothing).
      * @default 'Decrement'
      */
-    label?: string;
+    label?: string | 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, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    label: string;
+    label: string | undefined;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/number-field/NumberFieldDecrement.vue.d.ts

@@ -1,22 +1,17 @@
-/**
- * Button to decrement number field by one step. Disabled at min or when field
- * is disabled. Read-only: focusable but inert. Hold repeats after initial delay
- * then fixed interval.
- */
+/** Renders a button that decrements the number field by one step, repeating on hold. */
 type __VLS_Props = {
     /**
-     * Accessible name (slotted `-` announces as nothing). Set to translate or
-     * specify action.
+     * Accessible name (a slotted "-" announces as nothing).
      * @default 'Decrement'
      */
-    label?: string;
+    label?: string | 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, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    label: string;
+    label: string | undefined;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/number-field/NumberFieldDecrement.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const v=require("./context.cjs"),b=require("./useRepeatingPress.cjs");let e=require("vue");var m=["aria-label","aria-disabled","disabled","data-disabled"],p=(0,e.defineComponent)({__name:"NumberFieldDecrement",props:{label:{default:"Decrement"}},setup(i){const r=(0,e.inject)(v.NUMBER_FIELD_CONTEXT);if(!r)throw new Error("<SkdxNumberFieldDecrement> must be used inside <SkdxNumberField>.");const o=(0,e.computed)(()=>r.value.value!==null&&r.value.value<=r.min.value),l=(0,e.computed)(()=>r.disabled.value),a=(0,e.computed)(()=>!l.value&&(o.value||r.readOnly.value)),{start:d,stop:n}=b.useRepeatingPress(()=>r.stepBy(-1),()=>l.value||a.value);return(s,t)=>((0,e.openBlock)(),(0,e.createElementBlock)("button",{class:"skdx-number-field__decrement","data-part":"decrement",type:"button","aria-label":i.label,"aria-disabled":a.value?!0:void 0,disabled:l.value,"data-disabled":l.value||a.value?"":void 0,onPointerdown:t[0]||(t[0]=(...u)=>(0,e.unref)(d)&&(0,e.unref)(d)(...u)),onPointerup:t[1]||(t[1]=(...u)=>(0,e.unref)(n)&&(0,e.unref)(n)(...u)),onPointerleave:t[2]||(t[2]=(...u)=>(0,e.unref)(n)&&(0,e.unref)(n)(...u)),onPointercancel:t[3]||(t[3]=(...u)=>(0,e.unref)(n)&&(0,e.unref)(n)(...u))},[(0,e.renderSlot)(s.$slots,"default")],40,m))}});exports.default=p;
+const p=require("../utils/injectRequired.cjs"),c=require("./context.cjs"),f=require("./useRepeatingPress.cjs");let e=require("vue");var _=["aria-label","aria-disabled","disabled","data-disabled"],q=(0,e.defineComponent)({__name:"NumberFieldDecrement",props:{label:{default:"Decrement"}},setup(o){const i=(0,e.useAttrs)(),u=p.injectRequired(c.NUMBER_FIELD_CONTEXT,"<SkdxNumberFieldDecrement> must be used inside <SkdxNumberField>."),v=(0,e.computed)(()=>u.value.value!==null&&u.value.value<=u.min.value),l=(0,e.computed)(()=>u.disabled.value||i.disabled===""||i.disabled===!0),a=(0,e.computed)(()=>!l.value&&(v.value||u.readOnly.value)),{press:b,start:s,stop:n}=f.useRepeatingPress(()=>u.stepBy(-1),()=>l.value||a.value);function m(d){d.detail===0&&b()}return(d,t)=>((0,e.openBlock)(),(0,e.createElementBlock)("button",{class:"skdx-number-field__decrement","data-part":"decrement",type:"button","aria-label":o.label,"aria-disabled":a.value?!0:void 0,disabled:l.value,"data-disabled":l.value||a.value?"":void 0,onClick:m,onPointerdown:t[0]||(t[0]=(...r)=>(0,e.unref)(s)&&(0,e.unref)(s)(...r)),onPointerup:t[1]||(t[1]=(...r)=>(0,e.unref)(n)&&(0,e.unref)(n)(...r)),onPointerleave:t[2]||(t[2]=(...r)=>(0,e.unref)(n)&&(0,e.unref)(n)(...r)),onPointercancel:t[3]||(t[3]=(...r)=>(0,e.unref)(n)&&(0,e.unref)(n)(...r))},[(0,e.renderSlot)(d.$slots,"default")],40,_))}});exports.default=q;

package/dist/number-field/NumberFieldDecrement.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{NUMBER_FIELD_CONTEXT as e}from"./context.js";import{useRepeatingPress as a}from"./useRepeatingPress.js";import{computed as l,createElementBlock as t,defineComponent as r,inject as s,openBlock as d,renderSlot as n,unref as o}from"vue";var u=["aria-label","aria-disabled","disabled","data-disabled"],i=/* @__PURE__ */r({__name:"NumberFieldDecrement",props:{label:{default:"Decrement"}},setup(r){const i=s(e);if(!i)throw new Error("<SkdxNumberFieldDecrement> must be used inside <SkdxNumberField>.");const m=l(()=>null!==i.value.value&&i.value.value<=i.min.value),v=l(()=>i.disabled.value),b=l(()=>!v.value&&(m.value||i.readOnly.value)),{start:p,stop:c}=a(()=>i.stepBy(-1),()=>v.value||b.value);return(e,a)=>(d(),t("button",{class:"skdx-number-field__decrement","data-part":"decrement",type:"button","aria-label":r.label,"aria-disabled":!!b.value||void 0,disabled:v.value,"data-disabled":v.value||b.value?"":void 0,onPointerdown:a[0]||(a[0]=(...e)=>o(p)&&o(p)(...e)),onPointerup:a[1]||(a[1]=(...e)=>o(c)&&o(c)(...e)),onPointerleave:a[2]||(a[2]=(...e)=>o(c)&&o(c)(...e)),onPointercancel:a[3]||(a[3]=(...e)=>o(c)&&o(c)(...e))},[n(e.$slots,"default")],40,u))}});export{i as default};
+import{injectRequired as e}from"../utils/injectRequired.js";import{NUMBER_FIELD_CONTEXT as a}from"./context.js";import{useRepeatingPress as l}from"./useRepeatingPress.js";import{computed as t,createElementBlock as s,defineComponent as d,openBlock as r,renderSlot as i,unref as n,useAttrs as u}from"vue";var o=["aria-label","aria-disabled","disabled","data-disabled"],m=/* @__PURE__ */d({__name:"NumberFieldDecrement",props:{label:{default:"Decrement"}},setup(d){const m=u(),b=e(a,"<SkdxNumberFieldDecrement> must be used inside <SkdxNumberField>."),v=t(()=>null!==b.value.value&&b.value.value<=b.min.value),p=t(()=>b.disabled.value||""===m.disabled||!0===m.disabled),c=t(()=>!p.value&&(v.value||b.readOnly.value)),{press:f,start:k,stop:P}=l(()=>b.stepBy(-1),()=>p.value||c.value);function _(e){0===e.detail&&f()}return(e,a)=>(r(),s("button",{class:"skdx-number-field__decrement","data-part":"decrement",type:"button","aria-label":d.label,"aria-disabled":!!c.value||void 0,disabled:p.value,"data-disabled":p.value||c.value?"":void 0,onClick:_,onPointerdown:a[0]||(a[0]=(...e)=>n(k)&&n(k)(...e)),onPointerup:a[1]||(a[1]=(...e)=>n(P)&&n(P)(...e)),onPointerleave:a[2]||(a[2]=(...e)=>n(P)&&n(P)(...e)),onPointercancel:a[3]||(a[3]=(...e)=>n(P)&&n(P)(...e))},[i(e.$slots,"default")],40,o))}});export{m as default};