@skdx/vue 0.27.0 → 0.29.0

package/dist/kbd/Kbd.vue.d.cts

@@ -1,11 +1,21 @@
 /**
- * The Vue implementation of the shared Kbd contract (see `@skdx/shared`'s
- * `kbdContract`). Renders a plain `<kbd>`: no component-specific props, no
- * visual style — style it with `class`/`:class` on `<SkdxKbd>` as you would
- * any element (it forwards through Vue's normal attribute fallthrough since
- * there's a single root element).
+ * Renders a plain `<kbd>` element; add `role="img"` and `aria-label` when the cap is only a symbol.
+ *
+ * @example
+ * ```vue
+ * <p>
+ *   Press <SkdxKbd role="img" aria-label="Command">⌘</SkdxKbd>
+ *   + <SkdxKbd>K</SkdxKbd> to open the command menu.
+ * </p>
+ * ```
  */
-type __VLS_Props = {};
+type __VLS_Props = {
+    /**
+     * Size rung the skin renders the key 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 = {} & {
     default?: (props: typeof __VLS_1) => any;

package/dist/kbd/Kbd.vue.d.ts

@@ -1,11 +1,21 @@
 /**
- * The Vue implementation of the shared Kbd contract (see `@skdx/shared`'s
- * `kbdContract`). Renders a plain `<kbd>`: no component-specific props, no
- * visual style — style it with `class`/`:class` on `<SkdxKbd>` as you would
- * any element (it forwards through Vue's normal attribute fallthrough since
- * there's a single root element).
+ * Renders a plain `<kbd>` element; add `role="img"` and `aria-label` when the cap is only a symbol.
+ *
+ * @example
+ * ```vue
+ * <p>
+ *   Press <SkdxKbd role="img" aria-label="Command">⌘</SkdxKbd>
+ *   + <SkdxKbd>K</SkdxKbd> to open the command menu.
+ * </p>
+ * ```
  */
-type __VLS_Props = {};
+type __VLS_Props = {
+    /**
+     * Size rung the skin renders the key 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 = {} & {
     default?: (props: typeof __VLS_1) => any;

package/dist/kbd/Kbd.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-let e=require("vue");var r={class:"skdx-kbd","data-part":"root","data-skdx-component":"kbd"},a=(0,e.defineComponent)({__name:"Kbd",setup(d){return(t,_)=>((0,e.openBlock)(),(0,e.createElementBlock)("kbd",r,[(0,e.renderSlot)(t.$slots,"default")]))}});exports.default=a;
+const a=require("../utils/appearance.cjs");let e=require("vue");var s=(0,e.defineComponent)({inheritAttrs:!1,__name:"Kbd",props:{size:{}},setup(t){return(r,n)=>((0,e.openBlock)(),(0,e.createElementBlock)("kbd",(0,e.mergeProps)({class:"skdx-kbd","data-part":"root","data-skdx-component":"kbd"},{...r.$attrs,...(0,e.unref)(a.appearanceAttrs)({size:t.size},r.$attrs)}),[(0,e.renderSlot)(r.$slots,"default")],16))}});exports.default=s;

package/dist/kbd/Kbd.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{createElementBlock as e,defineComponent as a,openBlock as t,renderSlot as o}from"vue";var d={class:"skdx-kbd","data-part":"root","data-skdx-component":"kbd"},s=/* @__PURE__ */a({__name:"Kbd",setup:a=>(a,s)=>(t(),e("kbd",d,[o(a.$slots,"default")]))});export{s as default};
+import{appearanceAttrs as e}from"../utils/appearance.js";import{createElementBlock as a,defineComponent as s,mergeProps as t,openBlock as r,renderSlot as o,unref as p}from"vue";var n=/* @__PURE__ */s({inheritAttrs:!1,__name:"Kbd",props:{size:{}},setup:s=>(n,d)=>(r(),a("kbd",t({class:"skdx-kbd","data-part":"root","data-skdx-component":"kbd"},{...n.$attrs,...p(e)({size:s.size},n.$attrs)}),[o(n.$slots,"default")],16))});export{n as default};

package/dist/label/Label.vue.d.cts

@@ -1,12 +1,11 @@
-/**
- * The Vue implementation of the shared Label contract (see `@skdx/shared`'s
- * `labelContract`). Renders a native `<label>` that also guards against the
- * double-click-to-select text-selection quirk on its associated control,
- * without blocking the normal click-to-focus behavior. A `@mousedown`
- * passed by the consumer is preserved: Vue merges multiple listeners for
- * the same native event on a component's single root element.
- */
-type __VLS_Props = {};
+/** Renders a native `<label>` that guards against double-click text selection. */
+type __VLS_Props = {
+    /**
+     * Id of the form control this label names. Mirrors native `<label for>`.
+     * @default undefined — associate by nesting the control inside the label.
+     */
+    for?: string;
+};
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;

package/dist/label/Label.vue.d.ts

@@ -1,12 +1,11 @@
-/**
- * The Vue implementation of the shared Label contract (see `@skdx/shared`'s
- * `labelContract`). Renders a native `<label>` that also guards against the
- * double-click-to-select text-selection quirk on its associated control,
- * without blocking the normal click-to-focus behavior. A `@mousedown`
- * passed by the consumer is preserved: Vue merges multiple listeners for
- * the same native event on a component's single root element.
- */
-type __VLS_Props = {};
+/** Renders a native `<label>` that guards against double-click text selection. */
+type __VLS_Props = {
+    /**
+     * Id of the form control this label names. Mirrors native `<label for>`.
+     * @default undefined — associate by nesting the control inside the label.
+     */
+    for?: string;
+};
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;

package/dist/label/Label.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-let t=require("vue");var l=(0,t.defineComponent)({__name:"Label",setup(n){function a(e){!e.defaultPrevented&&e.detail>1&&e.preventDefault()}return(e,o)=>((0,t.openBlock)(),(0,t.createElementBlock)("label",{class:"skdx-label","data-part":"root","data-skdx-component":"label",onMousedown:a},[(0,t.renderSlot)(e.$slots,"default")],32))}});exports.default=l;
+let t=require("vue");var r=["for"],n=(0,t.defineComponent)({__name:"Label",props:{for:{}},setup(o){const a=o;function l(e){!e.defaultPrevented&&e.detail>1&&e.preventDefault()}return(e,u)=>((0,t.openBlock)(),(0,t.createElementBlock)("label",{class:"skdx-label","data-part":"root","data-skdx-component":"label",for:a.for,onMousedown:l},[(0,t.renderSlot)(e.$slots,"default")],40,r))}});exports.default=n;

package/dist/label/Label.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{createElementBlock as e,defineComponent as a,openBlock as t,renderSlot as l}from"vue";var o=/* @__PURE__ */a({__name:"Label",setup(a){function o(e){!e.defaultPrevented&&e.detail>1&&e.preventDefault()}return(a,n)=>(t(),e("label",{class:"skdx-label","data-part":"root","data-skdx-component":"label",onMousedown:o},[l(a.$slots,"default")],32))}});export{o as default};
+import{createElementBlock as e,defineComponent as o,openBlock as a,renderSlot as t}from"vue";var l=["for"],r=/* @__PURE__ */o({__name:"Label",props:{for:{}},setup(o){const r=o;function n(e){!e.defaultPrevented&&e.detail>1&&e.preventDefault()}return(o,s)=>(a(),e("label",{class:"skdx-label","data-part":"root","data-skdx-component":"label",for:r.for,onMousedown:n},[t(o.$slots,"default")],40,l))}});export{r as default};

package/dist/link/Link.vue.cjs

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

package/dist/link/Link.vue.d.cts

@@ -0,0 +1,59 @@
+import type { PolymorphicTag } from '../utils/polymorphic.cjs';
+/** Renders `<a>` with a safe `rel` default on `target="_blank"` and an `aria-disabled` fallback for `disabled`. */
+type __VLS_Props = {
+    /** The destination URL rendered as the anchor's `href` attribute. @default undefined */
+    href?: string;
+    /** Native `target` attribute value, passed straight through to the element. @default undefined */
+    target?: string;
+    /**
+     * Explicit `rel`. Omit to get the auto `noopener noreferrer` guard when
+     * `target="_blank"`; pass `rel=""` to explicitly opt out.
+     * @default undefined — auto-computed from `target`.
+     */
+    rel?: string;
+    /** Native `download` attribute value, passed straight through to the element. @default undefined */
+    download?: boolean | string;
+    /**
+     * Underline behavior, emitted as `data-underline` for the skin to style.
+     * @default 'auto'
+     */
+    underline?: 'auto' | 'always' | 'hover' | 'none';
+    /**
+     * Marks the link external, emitting `data-external`. Explicit value wins
+     * over the inferred one (a different origin than the document's).
+     * @default undefined — inferred from `href`.
+     */
+    external?: boolean | undefined;
+    /**
+     * Blocks activation while keeping `href` on the element: sets
+     * `aria-disabled="true"` and `tabindex="-1"`, and intercepts click/Enter.
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Element name to render instead of the default `<a>`, from the library's
+     * tag allowlist.
+     * @default 'a'
+     */
+    as?: PolymorphicTag;
+};
+declare var __VLS_12: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_12) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
+    /** Moves keyboard focus onto the underlying rendered element. */
+    focus: () => void | undefined;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    disabled: boolean;
+    as: PolymorphicTag;
+    underline: "auto" | "always" | "hover" | "none";
+    external: boolean | undefined;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/link/Link.vue.d.ts

@@ -0,0 +1,59 @@
+import type { PolymorphicTag } from '../utils/polymorphic.js';
+/** Renders `<a>` with a safe `rel` default on `target="_blank"` and an `aria-disabled` fallback for `disabled`. */
+type __VLS_Props = {
+    /** The destination URL rendered as the anchor's `href` attribute. @default undefined */
+    href?: string;
+    /** Native `target` attribute value, passed straight through to the element. @default undefined */
+    target?: string;
+    /**
+     * Explicit `rel`. Omit to get the auto `noopener noreferrer` guard when
+     * `target="_blank"`; pass `rel=""` to explicitly opt out.
+     * @default undefined — auto-computed from `target`.
+     */
+    rel?: string;
+    /** Native `download` attribute value, passed straight through to the element. @default undefined */
+    download?: boolean | string;
+    /**
+     * Underline behavior, emitted as `data-underline` for the skin to style.
+     * @default 'auto'
+     */
+    underline?: 'auto' | 'always' | 'hover' | 'none';
+    /**
+     * Marks the link external, emitting `data-external`. Explicit value wins
+     * over the inferred one (a different origin than the document's).
+     * @default undefined — inferred from `href`.
+     */
+    external?: boolean | undefined;
+    /**
+     * Blocks activation while keeping `href` on the element: sets
+     * `aria-disabled="true"` and `tabindex="-1"`, and intercepts click/Enter.
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Element name to render instead of the default `<a>`, from the library's
+     * tag allowlist.
+     * @default 'a'
+     */
+    as?: PolymorphicTag;
+};
+declare var __VLS_12: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_12) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
+    /** Moves keyboard focus onto the underlying rendered element. */
+    focus: () => void | undefined;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    disabled: boolean;
+    as: PolymorphicTag;
+    underline: "auto" | "always" | "hover" | "none";
+    external: boolean | undefined;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/link/Link.vue.js

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

package/dist/link/Link.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const f=require("../utils/resolveRel.cjs");let a=require("vue");var c=(0,a.defineComponent)({__name:"Link",props:{href:{},target:{},rel:{},download:{type:[Boolean,String]},underline:{default:"auto"},external:{type:Boolean,default:void 0},disabled:{type:Boolean,default:!1},as:{default:"a"}},setup(t,{expose:l}){const n=t;function r(e){if(!e)return!1;try{return typeof window<"u"&&typeof document<"u"?new URL(e,document.baseURI).origin!==window.location.origin:/^(https?:)?\/\//i.test(e)}catch{return!1}}const o=(0,a.computed)(()=>n.external??r(n.href)),i=(0,a.computed)(()=>f.resolveRel(n.target,n.rel));function u(e){n.disabled&&(e.preventDefault(),e.stopPropagation())}function s(e){n.disabled&&e.key==="Enter"&&e.preventDefault()}const d=(0,a.ref)(null);return l({focus:()=>d.value?.focus()}),(e,v)=>((0,a.openBlock)(),(0,a.createBlock)((0,a.resolveDynamicComponent)(t.as),{ref_key:"el",ref:d,class:"skdx-link","data-part":"root","data-skdx-component":"link","data-underline":t.underline,"data-external":o.value?"":void 0,"data-disabled":t.disabled?"":void 0,href:t.href,target:t.target,rel:i.value,download:t.download,"aria-disabled":t.disabled?"true":void 0,tabindex:t.disabled?-1:void 0,onClick:u,onKeydown:s},{default:(0,a.withCtx)(()=>[(0,a.renderSlot)(e.$slots,"default")]),_:3},40,["data-underline","data-external","data-disabled","href","target","rel","download","aria-disabled","tabindex"]))}});exports.default=c;

package/dist/link/Link.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{resolveRel as e}from"../utils/resolveRel.js";import{computed as a,createBlock as t,defineComponent as o,openBlock as d,ref as n,renderSlot as l,resolveDynamicComponent as r,withCtx as i}from"vue";var s=/* @__PURE__ */o({__name:"Link",props:{href:{},target:{},rel:{},download:{type:[Boolean,String]},underline:{default:"auto"},external:{type:Boolean,default:void 0},disabled:{type:Boolean,default:!1},as:{default:"a"}},setup(o,{expose:s}){const u=o,f=a(()=>u.external??function(e){if(!e)return!1;try{return typeof window<"u"&&typeof document<"u"?new URL(e,document.baseURI).origin!==window.location.origin:/^(https?:)?\/\//i.test(e)}catch{return!1}}(u.href)),p=a(()=>e(u.target,u.rel));function c(e){u.disabled&&(e.preventDefault(),e.stopPropagation())}function v(e){u.disabled&&"Enter"===e.key&&e.preventDefault()}const b=n(null);return s({focus:()=>b.value?.focus()}),(e,a)=>(d(),t(r(o.as),{ref_key:"el",ref:b,class:"skdx-link","data-part":"root","data-skdx-component":"link","data-underline":o.underline,"data-external":f.value?"":void 0,"data-disabled":o.disabled?"":void 0,href:o.href,target:o.target,rel:p.value,download:o.download,"aria-disabled":o.disabled?"true":void 0,tabindex:o.disabled?-1:void 0,onClick:c,onKeydown:v},{default:i(()=>[l(e.$slots,"default")]),_:3},40,["data-underline","data-external","data-disabled","href","target","rel","download","aria-disabled","tabindex"]))}});export{s as default};

package/dist/link/index.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Link.vue.cjs");exports.SkdxLink=e.default;

package/dist/link/index.d.cts

@@ -0,0 +1 @@
+export { default as SkdxLink } from './Link.vue.cjs';

package/dist/link/index.d.ts

@@ -0,0 +1 @@
+export { default as SkdxLink } from './Link.vue.js';

package/dist/link/index.js

@@ -0,0 +1 @@
+import i from"./Link.vue.js";export{i as SkdxLink};

package/dist/list/List.vue.cjs

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

package/dist/list/List.vue.d.cts

@@ -0,0 +1,65 @@
+import { type Space } from '../utils/space.cjs';
+import { type ListEntry, type ListOrientation } from './context.cjs';
+/** Renders `<ul>` by default; `markers={false}` strips the marker and sets `role="list"` on the container, and `as="dl"` renders label/value pairs instead of items. */
+type __VLS_Props = {
+    /**
+     * Element name to render. Under `dl` each Item is a label/value pair of a `<dt>` and a `<dd>`, not an `<li>`.
+     * @default 'ul'
+     */
+    as?: 'ul' | 'ol' | 'dl';
+    /**
+     * Layout axis the pairs are read along, emitted as `data-orientation`; `'horizontal'` puts the description beside its term, `'vertical'` stacks it. Read only under `as="dl"`.
+     * @default 'horizontal'
+     */
+    orientation?: ListOrientation;
+    /**
+     * Label/value pairs rendering one `<dt>`/`<dd>` each; ignored when the default slot supplies its own, and read only under `as="dl"`.
+     * @default undefined — nothing is derived.
+     */
+    items?: readonly ListEntry[] | undefined;
+    /**
+     * How tightly the skin packs the list's contents, reflected as `data-density`.
+     * @default undefined — falls back to a `data-density` attribute.
+     */
+    density?: 'compact' | (string & {}) | undefined;
+    /**
+     * When `false`, removes the marker and sets `role="list"` on the container.
+     * @default true
+     */
+    markers?: boolean;
+    /**
+     * Gap between items, from the spacing scale.
+     * @default undefined — no inline declaration.
+     */
+    spacing?: Space;
+    /**
+     * Starting number, passed through to `<ol start>`. Ignored unless `as="ol"`.
+     * @default undefined — browser default numbering.
+     */
+    start?: number;
+    /**
+     * Reverses the numbering direction, passed through to `<ol reversed>`. Ignored unless `as="ol"`.
+     * @default false
+     */
+    reversed?: boolean;
+};
+type __VLS_Slots = {
+    /** The list entries, normally `SkdxListItem` child components. */
+    default?(): unknown;
+    /** Default marker icon for every item, overridable per `SkdxListItem`. */
+    icon?(): unknown;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    as: "ul" | "ol" | "dl";
+    orientation: ListOrientation;
+    items: readonly ListEntry[] | undefined;
+    markers: boolean;
+    reversed: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/list/List.vue.d.ts

@@ -0,0 +1,65 @@
+import { type Space } from '../utils/space.js';
+import { type ListEntry, type ListOrientation } from './context.js';
+/** Renders `<ul>` by default; `markers={false}` strips the marker and sets `role="list"` on the container, and `as="dl"` renders label/value pairs instead of items. */
+type __VLS_Props = {
+    /**
+     * Element name to render. Under `dl` each Item is a label/value pair of a `<dt>` and a `<dd>`, not an `<li>`.
+     * @default 'ul'
+     */
+    as?: 'ul' | 'ol' | 'dl';
+    /**
+     * Layout axis the pairs are read along, emitted as `data-orientation`; `'horizontal'` puts the description beside its term, `'vertical'` stacks it. Read only under `as="dl"`.
+     * @default 'horizontal'
+     */
+    orientation?: ListOrientation;
+    /**
+     * Label/value pairs rendering one `<dt>`/`<dd>` each; ignored when the default slot supplies its own, and read only under `as="dl"`.
+     * @default undefined — nothing is derived.
+     */
+    items?: readonly ListEntry[] | undefined;
+    /**
+     * How tightly the skin packs the list's contents, reflected as `data-density`.
+     * @default undefined — falls back to a `data-density` attribute.
+     */
+    density?: 'compact' | (string & {}) | undefined;
+    /**
+     * When `false`, removes the marker and sets `role="list"` on the container.
+     * @default true
+     */
+    markers?: boolean;
+    /**
+     * Gap between items, from the spacing scale.
+     * @default undefined — no inline declaration.
+     */
+    spacing?: Space;
+    /**
+     * Starting number, passed through to `<ol start>`. Ignored unless `as="ol"`.
+     * @default undefined — browser default numbering.
+     */
+    start?: number;
+    /**
+     * Reverses the numbering direction, passed through to `<ol reversed>`. Ignored unless `as="ol"`.
+     * @default false
+     */
+    reversed?: boolean;
+};
+type __VLS_Slots = {
+    /** The list entries, normally `SkdxListItem` child components. */
+    default?(): unknown;
+    /** Default marker icon for every item, overridable per `SkdxListItem`. */
+    icon?(): unknown;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    as: "ul" | "ol" | "dl";
+    orientation: ListOrientation;
+    items: readonly ListEntry[] | undefined;
+    markers: boolean;
+    reversed: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/list/List.vue.js

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

package/dist/list/List.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const o=require("../utils/appearance.cjs"),n=require("../utils/space.cjs"),l=require("./context.cjs"),d=require("./ListAnatomy.vue.cjs");let t=require("vue");var u=(0,t.defineComponent)({inheritAttrs:!1,__name:"List",props:{as:{default:"ul"},orientation:{default:"horizontal"},items:{default:void 0},density:{},markers:{type:Boolean,default:!0},spacing:{},start:{},reversed:{type:Boolean,default:!1}},setup(e){const r=e;(0,t.provide)(l.LIST_CONTEXT,{slots:(0,t.useSlots)(),as:(0,t.computed)(()=>r.as)});const i=(0,t.computed)(()=>{const a={};if(r.spacing!==void 0){const s=n.resolveSpace(r.spacing);s!==void 0&&(a.gap=s)}return r.markers||(a.listStyle="none"),Object.keys(a).length>0?a:void 0});return(a,s)=>((0,t.openBlock)(),(0,t.createBlock)((0,t.resolveDynamicComponent)(e.as),(0,t.mergeProps)({class:"skdx-list","data-part":"root","data-skdx-component":"list","data-markers":e.markers?void 0:"false","data-orientation":e.as==="dl"?e.orientation:void 0,role:e.markers||e.as==="dl"?void 0:"list",start:e.as==="ol"?e.start:void 0,reversed:e.as==="ol"?e.reversed:void 0,style:i.value},{...a.$attrs,...(0,t.unref)(o.appearanceAttrs)({density:e.density},a.$attrs)}),{default:(0,t.withCtx)(()=>[(0,t.renderSlot)(a.$slots,"default",{},()=>[e.as==="dl"&&e.items?((0,t.openBlock)(),(0,t.createBlock)(d.default,{key:0,items:e.items},null,8,["items"])):(0,t.createCommentVNode)("",!0)])]),_:3},16,["data-markers","data-orientation","role","start","reversed","style"]))}});exports.default=u;

package/dist/list/List.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{appearanceAttrs as t}from"../utils/appearance.js";import{resolveSpace as e}from"../utils/space.js";import{LIST_CONTEXT as s}from"./context.js";import a from"./ListAnatomy.vue.js";import{computed as o,createBlock as r,createCommentVNode as i,defineComponent as n,mergeProps as l,openBlock as d,provide as m,renderSlot as p,resolveDynamicComponent as c,unref as u,useSlots as v,withCtx as f}from"vue";var k=/* @__PURE__ */n({inheritAttrs:!1,__name:"List",props:{as:{default:"ul"},orientation:{default:"horizontal"},items:{default:void 0},density:{},markers:{type:Boolean,default:!0},spacing:{},start:{},reversed:{type:Boolean,default:!1}},setup(n){const k=n;m(s,{slots:v(),as:o(()=>k.as)});const y=o(()=>{const t={};if(void 0!==k.spacing){const s=e(k.spacing);void 0!==s&&(t.gap=s)}return k.markers||(t.listStyle="none"),Object.keys(t).length>0?t:void 0});return(e,s)=>(d(),r(c(n.as),l({class:"skdx-list","data-part":"root","data-skdx-component":"list","data-markers":n.markers?void 0:"false","data-orientation":"dl"===n.as?n.orientation:void 0,role:n.markers||"dl"===n.as?void 0:"list",start:"ol"===n.as?n.start:void 0,reversed:"ol"===n.as?n.reversed:void 0,style:y.value},{...e.$attrs,...u(t)({density:n.density},e.$attrs)}),{default:f(()=>[p(e.$slots,"default",{},()=>["dl"===n.as&&n.items?(d(),r(a,{key:0,items:n.items},null,8,["items"])):i("",!0)])]),_:3},16,["data-markers","data-orientation","role","start","reversed","style"]))}});export{k as default};

package/dist/list/ListAnatomy.vue.cjs

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

package/dist/list/ListAnatomy.vue.d.cts

@@ -0,0 +1,10 @@
+import type { ListEntry } from './context.cjs';
+/**
+ * The pairs a `dl` List draws when its default slot holds none of its own parts.
+ * @internal
+ */
+type __VLS_Props = {
+    items: readonly ListEntry[];
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/list/ListAnatomy.vue.d.ts

@@ -0,0 +1,10 @@
+import type { ListEntry } from './context.js';
+/**
+ * The pairs a `dl` List draws when its default slot holds none of its own parts.
+ * @internal
+ */
+type __VLS_Props = {
+    items: readonly ListEntry[];
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/list/ListAnatomy.vue.js

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

package/dist/list/ListAnatomy.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const l=require("./ListDescription.vue.cjs"),a=require("./ListItem.vue.cjs"),i=require("./ListTerm.vue.cjs");let e=require("vue");var n=(0,e.defineComponent)({__name:"ListAnatomy",props:{items:{}},setup(r){return(o,c)=>((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(r.items,(t,u)=>((0,e.openBlock)(),(0,e.createBlock)(a.default,{key:u},{default:(0,e.withCtx)(()=>[(0,e.createVNode)(i.default,null,{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(t.label),1)]),_:2},1024),(0,e.createVNode)(l.default,null,{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(t.value),1)]),_:2},1024)]),_:2},1024))),128))}});exports.default=n;

package/dist/list/ListAnatomy.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import e from"./ListDescription.vue.js";import t from"./ListItem.vue.js";import a from"./ListTerm.vue.js";import{Fragment as s,createBlock as o,createElementBlock as r,createTextVNode as l,createVNode as i,defineComponent as m,openBlock as n,renderList as u,toDisplayString as p,withCtx as f}from"vue";var c=/* @__PURE__ */m({__name:"ListAnatomy",props:{items:{}},setup:m=>(c,d)=>(n(!0),r(s,null,u(m.items,(s,r)=>(n(),o(t,{key:r},{default:f(()=>[i(a,null,{default:f(()=>[l(p(s.label),1)]),_:2},1024),i(e,null,{default:f(()=>[l(p(s.value),1)]),_:2},1024)]),_:2},1024))),128))});export{c as default};

package/dist/list/ListDescription.vue.cjs

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

package/dist/list/ListDescription.vue.d.cts

@@ -0,0 +1,14 @@
+/** The description half of a pair, rendered as a `<dd>` describing the preceding `<dt>`; several may follow one term. */
+type __VLS_Props = {};
+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<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/list/ListDescription.vue.d.ts

@@ -0,0 +1,14 @@
+/** The description half of a pair, rendered as a `<dd>` describing the preceding `<dt>`; several may follow one term. */
+type __VLS_Props = {};
+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<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/list/ListDescription.vue.js

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

package/dist/list/ListDescription.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+let e=require("vue");var r={class:"skdx-list__description","data-part":"description"},s=(0,e.defineComponent)({__name:"ListDescription",setup(_){return(t,i)=>((0,e.openBlock)(),(0,e.createElementBlock)("dd",r,[(0,e.renderSlot)(t.$slots,"default")]))}});exports.default=s;

package/dist/list/ListDescription.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{createElementBlock as e,defineComponent as t,openBlock as s,renderSlot as a}from"vue";var o={class:"skdx-list__description","data-part":"description"},r=/* @__PURE__ */t({__name:"ListDescription",setup:t=>(t,r)=>(s(),e("dd",o,[a(t.$slots,"default")]))});export{r as default};

package/dist/list/ListItem.vue.cjs

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

package/dist/list/ListItem.vue.d.cts

@@ -0,0 +1,22 @@
+/** One list entry: an `<li>` showing an icon as an `indicator` part that suppresses the native marker, or — inside a `dl` List — the `<div>` wrapping a Term and its Descriptions. */
+type __VLS_Props = {
+    /**
+     * Ordinal value, passed through to `<li value>`. Only meaningful inside an `<ol>`.
+     * @default undefined — sequential numbering.
+     */
+    value?: number;
+};
+type __VLS_Slots = {
+    /** The item's content, rendered after the indicator, if any. */
+    default?(): unknown;
+    /** Marker icon for this item, overriding the List's own. */
+    icon?(): unknown;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/list/ListItem.vue.d.ts

@@ -0,0 +1,22 @@
+/** One list entry: an `<li>` showing an icon as an `indicator` part that suppresses the native marker, or — inside a `dl` List — the `<div>` wrapping a Term and its Descriptions. */
+type __VLS_Props = {
+    /**
+     * Ordinal value, passed through to `<li value>`. Only meaningful inside an `<ol>`.
+     * @default undefined — sequential numbering.
+     */
+    value?: number;
+};
+type __VLS_Slots = {
+    /** The item's content, rendered after the indicator, if any. */
+    default?(): unknown;
+    /** Marker icon for this item, overriding the List's own. */
+    icon?(): unknown;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/list/ListItem.vue.js

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

package/dist/list/ListItem.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const c=require("./context.cjs");let e=require("vue");var u={key:0,class:"skdx-list__indicator","data-part":"indicator"},d=(0,e.defineComponent)({name:"SkdxListItem",inheritAttrs:!1,__name:"ListItem",props:{value:{}},setup(a){const n=a,i=(0,e.useSlots)(),l=(0,e.inject)(c.LIST_CONTEXT,null),t=(0,e.computed)(()=>l?.as.value==="dl"),o=(0,e.computed)(()=>t.value?void 0:i.icon??l?.slots.icon),r=(0,e.computed)(()=>o.value?{listStyle:"none"}:void 0);return(s,v)=>((0,e.openBlock)(),(0,e.createBlock)((0,e.resolveDynamicComponent)(t.value?"div":"li"),(0,e.mergeProps)({style:r.value},s.$attrs,{class:"skdx-list__item","data-part":"item",value:t.value?void 0:n.value}),{default:(0,e.withCtx)(()=>[o.value?((0,e.openBlock)(),(0,e.createElementBlock)("span",u,[((0,e.openBlock)(),(0,e.createBlock)((0,e.resolveDynamicComponent)(o.value)))])):(0,e.createCommentVNode)("",!0),(0,e.renderSlot)(s.$slots,"default")]),_:3},16,["style","value"]))}});exports.default=d;

package/dist/list/ListItem.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{LIST_CONTEXT as e}from"./context.js";import{computed as a,createBlock as t,createCommentVNode as s,createElementBlock as l,defineComponent as o,inject as i,mergeProps as n,openBlock as r,renderSlot as u,resolveDynamicComponent as d,useSlots as v,withCtx as m}from"vue";var c={key:0,class:"skdx-list__indicator","data-part":"indicator"},p=/* @__PURE__ */o({name:"SkdxListItem",inheritAttrs:!1,__name:"ListItem",props:{value:{}},setup(o){const p=o,_=v(),k=i(e,null),f=a(()=>"dl"===k?.as.value),x=a(()=>f.value?void 0:_.icon??k?.slots.icon),y=a(()=>x.value?{listStyle:"none"}:void 0);return(e,a)=>(r(),t(d(f.value?"div":"li"),n({style:y.value},e.$attrs,{class:"skdx-list__item","data-part":"item",value:f.value?void 0:p.value}),{default:m(()=>[x.value?(r(),l("span",c,[(r(),t(d(x.value)))])):s("",!0),u(e.$slots,"default")]),_:3},16,["style","value"]))}});export{p as default};

package/dist/list/ListTerm.vue.cjs

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

package/dist/list/ListTerm.vue.d.cts

@@ -0,0 +1,14 @@
+/** The term half of a pair, rendered as a `<dt>` the following `<dd>` describes. */
+type __VLS_Props = {};
+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<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/list/ListTerm.vue.d.ts

@@ -0,0 +1,14 @@
+/** The term half of a pair, rendered as a `<dt>` the following `<dd>` describes. */
+type __VLS_Props = {};
+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<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/list/ListTerm.vue.js

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

package/dist/list/ListTerm.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+let e=require("vue");var r={class:"skdx-list__term","data-part":"term"},_=(0,e.defineComponent)({__name:"ListTerm",setup(a){return(t,s)=>((0,e.openBlock)(),(0,e.createElementBlock)("dt",r,[(0,e.renderSlot)(t.$slots,"default")]))}});exports.default=_;