@skdx/vue 0.27.0 → 0.29.0

package/dist/badge/BadgeTrailing.vue.js

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

package/dist/badge/BadgeTrailing.vue_vue_type_script_setup_true_lang.cjs

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

package/dist/badge/BadgeTrailing.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{createElementBlock as a,defineComponent as e,openBlock as t,renderSlot as s}from"vue";var l={class:"skdx-badge__trailing","data-part":"trailing"},n=/* @__PURE__ */e({__name:"BadgeTrailing",setup:e=>(e,n)=>(t(),a("span",l,[s(e.$slots,"default")]))});export{n as default};

package/dist/badge/context.cjs

@@ -0,0 +1 @@
+var E=Symbol("skdx-badge-context");exports.BADGE_CONTEXT=E;

package/dist/badge/context.d.cts

@@ -0,0 +1,18 @@
+import type { ComputedRef, InjectionKey } from 'vue';
+/** @internal Shape a badge provides so its parts can name themselves and trigger the removal. */
+export interface BadgeContext {
+    /** Badge text, naming the delete button and the removal announcement as `<deleteLabel> <label>`. */
+    label: ComputedRef<string>;
+    /** Word for delete button name: `<deleteLabel> <label>`. */
+    deleteLabel: ComputedRef<string>;
+    /** Whether the badge or its group is disabled. */
+    disabled: ComputedRef<boolean>;
+    /** Whether the badge reads as chosen. */
+    selected: ComputedRef<boolean>;
+    /** Dispatches cancelable `delete`, moves focus to neighbour, announces removal. No-op if disabled/standalone. */
+    remove: () => void;
+    /** Whether the badge is inside a `TagGroup`. A standalone badge cannot be removed. */
+    grouped: boolean;
+}
+/** @internal Injection key a badge provides so its parts share its text, disabled flag and removal. */
+export declare const BADGE_CONTEXT: InjectionKey<BadgeContext>;

package/dist/badge/context.d.ts

@@ -0,0 +1,18 @@
+import type { ComputedRef, InjectionKey } from 'vue';
+/** @internal Shape a badge provides so its parts can name themselves and trigger the removal. */
+export interface BadgeContext {
+    /** Badge text, naming the delete button and the removal announcement as `<deleteLabel> <label>`. */
+    label: ComputedRef<string>;
+    /** Word for delete button name: `<deleteLabel> <label>`. */
+    deleteLabel: ComputedRef<string>;
+    /** Whether the badge or its group is disabled. */
+    disabled: ComputedRef<boolean>;
+    /** Whether the badge reads as chosen. */
+    selected: ComputedRef<boolean>;
+    /** Dispatches cancelable `delete`, moves focus to neighbour, announces removal. No-op if disabled/standalone. */
+    remove: () => void;
+    /** Whether the badge is inside a `TagGroup`. A standalone badge cannot be removed. */
+    grouped: boolean;
+}
+/** @internal Injection key a badge provides so its parts share its text, disabled flag and removal. */
+export declare const BADGE_CONTEXT: InjectionKey<BadgeContext>;

package/dist/badge/context.js

@@ -0,0 +1 @@
+var a=/* @__PURE__ */Symbol("skdx-badge-context");export{a as BADGE_CONTEXT};

package/dist/badge/primitives.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./BadgeDelete.vue.cjs"),r=require("./BadgeLabel.vue.cjs"),d=require("./BadgeLeading.vue.cjs"),a=require("./BadgeTrailing.vue.cjs"),i=require("./Badge.vue.cjs");exports.SkdxBadge=i.default;exports.SkdxBadgeDelete=e.default;exports.SkdxBadgeLabel=r.default;exports.SkdxBadgeLeading=d.default;exports.SkdxBadgeTrailing=a.default;

package/dist/badge/primitives.d.cts

@@ -0,0 +1,22 @@
+/**
+ * Primitives for `SkdxBadge` — composable building blocks.
+ *
+ * @example
+ * ```vue
+ * <script setup lang="ts">
+ * import { SkdxBadge, SkdxBadgeLeading } from '@skdx/vue/primitives/badge';
+ * </script>
+ *
+ * <template>
+ *   <SkdxBadge>
+ *     <SkdxBadgeLeading><CheckIcon /></SkdxBadgeLeading>
+ *     Verified
+ *   </SkdxBadge>
+ * </template>
+ * ```
+ */
+export { default as SkdxBadge } from './Badge.vue.cjs';
+export { default as SkdxBadgeDelete } from './BadgeDelete.vue.cjs';
+export { default as SkdxBadgeLabel } from './BadgeLabel.vue.cjs';
+export { default as SkdxBadgeLeading } from './BadgeLeading.vue.cjs';
+export { default as SkdxBadgeTrailing } from './BadgeTrailing.vue.cjs';

package/dist/badge/primitives.d.ts

@@ -0,0 +1,22 @@
+/**
+ * Primitives for `SkdxBadge` — composable building blocks.
+ *
+ * @example
+ * ```vue
+ * <script setup lang="ts">
+ * import { SkdxBadge, SkdxBadgeLeading } from '@skdx/vue/primitives/badge';
+ * </script>
+ *
+ * <template>
+ *   <SkdxBadge>
+ *     <SkdxBadgeLeading><CheckIcon /></SkdxBadgeLeading>
+ *     Verified
+ *   </SkdxBadge>
+ * </template>
+ * ```
+ */
+export { default as SkdxBadge } from './Badge.vue.js';
+export { default as SkdxBadgeDelete } from './BadgeDelete.vue.js';
+export { default as SkdxBadgeLabel } from './BadgeLabel.vue.js';
+export { default as SkdxBadgeLeading } from './BadgeLeading.vue.js';
+export { default as SkdxBadgeTrailing } from './BadgeTrailing.vue.js';

package/dist/badge/primitives.js

@@ -0,0 +1 @@
+import e from"./BadgeDelete.vue.js";import a from"./BadgeLabel.vue.js";import d from"./BadgeLeading.vue.js";import g from"./BadgeTrailing.vue.js";import r from"./Badge.vue.js";export{r as SkdxBadge,e as SkdxBadgeDelete,a as SkdxBadgeLabel,d as SkdxBadgeLeading,g as SkdxBadgeTrailing};

package/dist/box/Box.vue.cjs

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

package/dist/box/Box.vue.d.cts

@@ -0,0 +1,171 @@
+import type { PolymorphicTag } from '../utils/polymorphic.cjs';
+import { type Space } from '../utils/space.cjs';
+type __VLS_Props = {
+    /**
+     * Element name to render, from the library's tag allowlist.
+     * @default 'div'
+     */
+    as?: PolymorphicTag;
+    /**
+     * CSS `display` value, emitted as an inline declaration.
+     * @default undefined — no inline declaration.
+     */
+    display?: 'block' | 'inline' | 'inline-block' | 'flex' | 'inline-flex' | 'grid' | 'inline-grid' | 'contents' | 'none';
+    /**
+     * Flex axis, emitted as the `flex-direction` declaration.
+     * @default undefined — no inline declaration.
+     */
+    direction?: 'row' | 'column' | 'row-reverse' | 'column-reverse';
+    /**
+     * Cross-axis alignment, emitted as the `align-items` declaration.
+     * @default undefined — no inline declaration.
+     */
+    align?: 'start' | 'center' | 'end' | 'stretch' | 'baseline';
+    /**
+     * Main-axis alignment, emitted as the `justify-content` declaration.
+     * @default undefined — no inline declaration.
+     */
+    justify?: 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly' | 'stretch';
+    /**
+     * Flex wrapping, emitted as the `flex-wrap` declaration.
+     * @default undefined — no inline declaration.
+     */
+    wrap?: 'wrap' | 'nowrap' | 'wrap-reverse';
+    /**
+     * Gap between flex or grid children, from the spacing scale.
+     * @default undefined — no inline declaration.
+     */
+    gap?: Space;
+    /**
+     * Inline size (`inline-size`, never `width`), from the spacing scale.
+     * @default undefined — no inline declaration.
+     */
+    width?: Space;
+    /**
+     * Minimum inline size (`min-inline-size`, never `min-width`), from the spacing scale.
+     * @default undefined — no inline declaration.
+     */
+    minWidth?: Space;
+    /**
+     * Maximum inline size (`max-inline-size`, never `max-width`), from the spacing scale.
+     * @default undefined — no inline declaration.
+     */
+    maxWidth?: Space;
+    /**
+     * Grid columns: a number becomes that many equal columns, a string is a raw track list.
+     * @default undefined — no inline declaration.
+     */
+    columns?: number | string;
+    /**
+     * Gap between rows, from the spacing scale.
+     * @default undefined — no inline declaration.
+     */
+    rowGap?: Space;
+    /**
+     * Gap between columns, from the spacing scale.
+     * @default undefined — no inline declaration.
+     */
+    columnGap?: Space;
+    /**
+     * Number of grid columns this box spans, emitted as `grid-column`.
+     * @default undefined — no inline declaration.
+     */
+    colSpan?: number;
+    /**
+     * Number of grid rows this box spans, emitted as `grid-row`.
+     * @default undefined — no inline declaration.
+     */
+    rowSpan?: number;
+    /**
+     * Cross-axis alignment of this box alone, emitted as `align-self`.
+     * @default undefined — no inline declaration.
+     */
+    alignSelf?: 'start' | 'center' | 'end' | 'stretch' | 'baseline';
+    /**
+     * Flex shorthand for this box, emitted as the `flex` declaration.
+     * @default undefined — no inline declaration.
+     */
+    flex?: number | string;
+    /**
+     * Padding on all sides, from the spacing scale.
+     * @default undefined — no inline declaration.
+     */
+    p?: Space;
+    /**
+     * Inline padding (`padding-inline`), from the spacing scale.
+     * @default undefined — no inline declaration.
+     */
+    px?: Space;
+    /**
+     * Block padding (`padding-block`), from the spacing scale.
+     * @default undefined — no inline declaration.
+     */
+    py?: Space;
+    /**
+     * Top padding, from the spacing scale.
+     * @default undefined — no inline declaration.
+     */
+    pt?: Space;
+    /**
+     * Bottom padding, from the spacing scale.
+     * @default undefined — no inline declaration.
+     */
+    pb?: Space;
+    /**
+     * Inline-start padding (`padding-inline-start`), from the spacing scale.
+     * @default undefined — no inline declaration.
+     */
+    ps?: Space;
+    /**
+     * Inline-end padding (`padding-inline-end`), from the spacing scale.
+     * @default undefined — no inline declaration.
+     */
+    pe?: Space;
+    /**
+     * Margin on all sides, from the spacing scale.
+     * @default undefined — no inline declaration.
+     */
+    m?: Space;
+    /**
+     * Inline margin (`margin-inline`), from the spacing scale.
+     * @default undefined — no inline declaration.
+     */
+    mx?: Space;
+    /**
+     * Block margin (`margin-block`), from the spacing scale.
+     * @default undefined — no inline declaration.
+     */
+    my?: Space;
+    /**
+     * Top margin, from the spacing scale.
+     * @default undefined — no inline declaration.
+     */
+    mt?: Space;
+    /**
+     * Bottom margin, from the spacing scale.
+     * @default undefined — no inline declaration.
+     */
+    mb?: Space;
+    /**
+     * Inline-start margin (`margin-inline-start`), from the spacing scale.
+     * @default undefined — no inline declaration.
+     */
+    ms?: Space;
+    /**
+     * Inline-end margin (`margin-inline-end`), from the spacing scale.
+     * @default undefined — no inline declaration.
+     */
+    me?: Space;
+};
+declare var __VLS_6: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_6) => 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/box/Box.vue.d.ts

@@ -0,0 +1,171 @@
+import type { PolymorphicTag } from '../utils/polymorphic.js';
+import { type Space } from '../utils/space.js';
+type __VLS_Props = {
+    /**
+     * Element name to render, from the library's tag allowlist.
+     * @default 'div'
+     */
+    as?: PolymorphicTag;
+    /**
+     * CSS `display` value, emitted as an inline declaration.
+     * @default undefined — no inline declaration.
+     */
+    display?: 'block' | 'inline' | 'inline-block' | 'flex' | 'inline-flex' | 'grid' | 'inline-grid' | 'contents' | 'none';
+    /**
+     * Flex axis, emitted as the `flex-direction` declaration.
+     * @default undefined — no inline declaration.
+     */
+    direction?: 'row' | 'column' | 'row-reverse' | 'column-reverse';
+    /**
+     * Cross-axis alignment, emitted as the `align-items` declaration.
+     * @default undefined — no inline declaration.
+     */
+    align?: 'start' | 'center' | 'end' | 'stretch' | 'baseline';
+    /**
+     * Main-axis alignment, emitted as the `justify-content` declaration.
+     * @default undefined — no inline declaration.
+     */
+    justify?: 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly' | 'stretch';
+    /**
+     * Flex wrapping, emitted as the `flex-wrap` declaration.
+     * @default undefined — no inline declaration.
+     */
+    wrap?: 'wrap' | 'nowrap' | 'wrap-reverse';
+    /**
+     * Gap between flex or grid children, from the spacing scale.
+     * @default undefined — no inline declaration.
+     */
+    gap?: Space;
+    /**
+     * Inline size (`inline-size`, never `width`), from the spacing scale.
+     * @default undefined — no inline declaration.
+     */
+    width?: Space;
+    /**
+     * Minimum inline size (`min-inline-size`, never `min-width`), from the spacing scale.
+     * @default undefined — no inline declaration.
+     */
+    minWidth?: Space;
+    /**
+     * Maximum inline size (`max-inline-size`, never `max-width`), from the spacing scale.
+     * @default undefined — no inline declaration.
+     */
+    maxWidth?: Space;
+    /**
+     * Grid columns: a number becomes that many equal columns, a string is a raw track list.
+     * @default undefined — no inline declaration.
+     */
+    columns?: number | string;
+    /**
+     * Gap between rows, from the spacing scale.
+     * @default undefined — no inline declaration.
+     */
+    rowGap?: Space;
+    /**
+     * Gap between columns, from the spacing scale.
+     * @default undefined — no inline declaration.
+     */
+    columnGap?: Space;
+    /**
+     * Number of grid columns this box spans, emitted as `grid-column`.
+     * @default undefined — no inline declaration.
+     */
+    colSpan?: number;
+    /**
+     * Number of grid rows this box spans, emitted as `grid-row`.
+     * @default undefined — no inline declaration.
+     */
+    rowSpan?: number;
+    /**
+     * Cross-axis alignment of this box alone, emitted as `align-self`.
+     * @default undefined — no inline declaration.
+     */
+    alignSelf?: 'start' | 'center' | 'end' | 'stretch' | 'baseline';
+    /**
+     * Flex shorthand for this box, emitted as the `flex` declaration.
+     * @default undefined — no inline declaration.
+     */
+    flex?: number | string;
+    /**
+     * Padding on all sides, from the spacing scale.
+     * @default undefined — no inline declaration.
+     */
+    p?: Space;
+    /**
+     * Inline padding (`padding-inline`), from the spacing scale.
+     * @default undefined — no inline declaration.
+     */
+    px?: Space;
+    /**
+     * Block padding (`padding-block`), from the spacing scale.
+     * @default undefined — no inline declaration.
+     */
+    py?: Space;
+    /**
+     * Top padding, from the spacing scale.
+     * @default undefined — no inline declaration.
+     */
+    pt?: Space;
+    /**
+     * Bottom padding, from the spacing scale.
+     * @default undefined — no inline declaration.
+     */
+    pb?: Space;
+    /**
+     * Inline-start padding (`padding-inline-start`), from the spacing scale.
+     * @default undefined — no inline declaration.
+     */
+    ps?: Space;
+    /**
+     * Inline-end padding (`padding-inline-end`), from the spacing scale.
+     * @default undefined — no inline declaration.
+     */
+    pe?: Space;
+    /**
+     * Margin on all sides, from the spacing scale.
+     * @default undefined — no inline declaration.
+     */
+    m?: Space;
+    /**
+     * Inline margin (`margin-inline`), from the spacing scale.
+     * @default undefined — no inline declaration.
+     */
+    mx?: Space;
+    /**
+     * Block margin (`margin-block`), from the spacing scale.
+     * @default undefined — no inline declaration.
+     */
+    my?: Space;
+    /**
+     * Top margin, from the spacing scale.
+     * @default undefined — no inline declaration.
+     */
+    mt?: Space;
+    /**
+     * Bottom margin, from the spacing scale.
+     * @default undefined — no inline declaration.
+     */
+    mb?: Space;
+    /**
+     * Inline-start margin (`margin-inline-start`), from the spacing scale.
+     * @default undefined — no inline declaration.
+     */
+    ms?: Space;
+    /**
+     * Inline-end margin (`margin-inline-end`), from the spacing scale.
+     * @default undefined — no inline declaration.
+     */
+    me?: Space;
+};
+declare var __VLS_6: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_6) => 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/box/Box.vue.js

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

package/dist/box/Box.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const g=require("../utils/mergeStyle.cjs"),l=require("../utils/space.cjs");let n=require("vue");var y=(0,n.defineComponent)({inheritAttrs:!1,__name:"Box",props:{as:{},display:{},direction:{},align:{},justify:{},wrap:{},gap:{},width:{},minWidth:{},maxWidth:{},columns:{},rowGap:{},columnGap:{},colSpan:{},rowSpan:{},alignSelf:{},flex:{},p:{},px:{},py:{},pt:{},pb:{},ps:{},pe:{},m:{},mx:{},my:{},mt:{},mb:{},ms:{},me:{}},setup(a){const e=a,o={start:"flex-start",end:"flex-end",center:"center",stretch:"stretch",baseline:"baseline"},p={start:"flex-start",end:"flex-end",center:"center",between:"space-between",around:"space-around",evenly:"space-evenly",stretch:"stretch"},r=(0,n.useAttrs)(),d=(0,n.computed)(()=>{const{style:t,...i}=r;return i}),c=[["gap","gap"],["width","inline-size"],["minWidth","min-inline-size"],["maxWidth","max-inline-size"],["rowGap","row-gap"],["columnGap","column-gap"],["p","padding"],["px","padding-inline"],["py","padding-block"],["pt","padding-top"],["pb","padding-bottom"],["ps","padding-inline-start"],["pe","padding-inline-end"],["m","margin"],["mx","margin-inline"],["my","margin-block"],["mt","margin-top"],["mb","margin-bottom"],["ms","margin-inline-start"],["me","margin-inline-end"]],m=(0,n.computed)(()=>{const t={};e.display!==void 0&&(t.display=e.display),e.direction!==void 0&&(t["flex-direction"]=e.direction),e.align!==void 0&&(t["align-items"]=o[e.align]),e.justify!==void 0&&(t["justify-content"]=p[e.justify]),e.wrap!==void 0&&(t["flex-wrap"]=e.wrap),e.columns!==void 0&&(t["grid-template-columns"]=l.resolveColumns(e.columns)),e.colSpan!==void 0&&(t["grid-column"]=`span ${e.colSpan}`),e.rowSpan!==void 0&&(t["grid-row"]=`span ${e.rowSpan}`),e.alignSelf!==void 0&&(t["align-self"]=o[e.alignSelf]),e.flex!==void 0&&(t.flex=String(e.flex));for(const[i,f]of c){const s=e[i];s!==void 0&&(t[f]=l.resolveSpace(s))}return t}),u=(0,n.computed)(()=>({...m.value,...g.toStyleObject(r.style)}));return(t,i)=>((0,n.openBlock)(),(0,n.createBlock)((0,n.resolveDynamicComponent)(a.as??"div"),(0,n.mergeProps)(d.value,{class:"skdx-box","data-part":"root","data-skdx-component":"box",style:u.value}),{default:(0,n.withCtx)(()=>[(0,n.renderSlot)(t.$slots,"default")]),_:3},16,["style"]))}});exports.default=y;

package/dist/box/Box.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{toStyleObject as e}from"../utils/mergeStyle.js";import{resolveColumns as n,resolveSpace as t}from"../utils/space.js";import{computed as a,createBlock as i,defineComponent as s,mergeProps as o,openBlock as l,renderSlot as r,resolveDynamicComponent as p,useAttrs as d,withCtx as m}from"vue";var c=/* @__PURE__ */s({inheritAttrs:!1,__name:"Box",props:{as:{},display:{},direction:{},align:{},justify:{},wrap:{},gap:{},width:{},minWidth:{},maxWidth:{},columns:{},rowGap:{},columnGap:{},colSpan:{},rowSpan:{},alignSelf:{},flex:{},p:{},px:{},py:{},pt:{},pb:{},ps:{},pe:{},m:{},mx:{},my:{},mt:{},mb:{},ms:{},me:{}},setup(s){const c=s,g={start:"flex-start",end:"flex-end",center:"center",stretch:"stretch",baseline:"baseline"},u={start:"flex-start",end:"flex-end",center:"center",between:"space-between",around:"space-around",evenly:"space-evenly",stretch:"stretch"},f=d(),x=a(()=>{const{style:e,...n}=f;return n}),v=[["gap","gap"],["width","inline-size"],["minWidth","min-inline-size"],["maxWidth","max-inline-size"],["rowGap","row-gap"],["columnGap","column-gap"],["p","padding"],["px","padding-inline"],["py","padding-block"],["pt","padding-top"],["pb","padding-bottom"],["ps","padding-inline-start"],["pe","padding-inline-end"],["m","margin"],["mx","margin-inline"],["my","margin-block"],["mt","margin-top"],["mb","margin-bottom"],["ms","margin-inline-start"],["me","margin-inline-end"]],y=a(()=>{const e={};void 0!==c.display&&(e.display=c.display),void 0!==c.direction&&(e["flex-direction"]=c.direction),void 0!==c.align&&(e["align-items"]=g[c.align]),void 0!==c.justify&&(e["justify-content"]=u[c.justify]),void 0!==c.wrap&&(e["flex-wrap"]=c.wrap),void 0!==c.columns&&(e["grid-template-columns"]=n(c.columns)),void 0!==c.colSpan&&(e["grid-column"]=`span ${c.colSpan}`),void 0!==c.rowSpan&&(e["grid-row"]=`span ${c.rowSpan}`),void 0!==c.alignSelf&&(e["align-self"]=g[c.alignSelf]),void 0!==c.flex&&(e.flex=String(c.flex));for(const[n,a]of v){const i=c[n];void 0!==i&&(e[a]=t(i))}return e}),w=a(()=>({...y.value,...e(f.style)}));return(e,n)=>(l(),i(p(s.as??"div"),o(x.value,{class:"skdx-box","data-part":"root","data-skdx-component":"box",style:w.value}),{default:m(()=>[r(e.$slots,"default")]),_:3},16,["style"]))}});export{c as default};

package/dist/box/index.cjs

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

package/dist/box/index.d.cts

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

package/dist/box/index.d.ts

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

package/dist/box/index.js

@@ -0,0 +1 @@
+import o from"./Box.vue.js";export{o as SkdxBox};

package/dist/breadcrumb/Breadcrumb.vue.d.cts

@@ -1,15 +1,36 @@
+import type { BreadcrumbItem } from './types.cjs';
 /**
- * The Vue implementation of the shared Breadcrumb contract (see
- * `@skdx/shared`'s `breadcrumbContract`). Renders a `<nav>` labelled
- * "Breadcrumb" by default (overridable via the native `aria-label`
- * attribute through Vue's attrs fallthrough) — purely structural.
+ * Navigation breadcrumb trail rendered as a nav; must be named with the label prop.
+ *
+ * @example
+ * ```vue
+ * <SkdxBreadcrumb label="Breadcrumb" :items="crumbs" />
+ * ```
  */
-type __VLS_Props = {};
+type __VLS_Props = {
+    /**
+     * Accessible name written to the nav landmark as aria-label; required so every navigation landmark on the page is distinct.
+     */
+    label: string;
+    /**
+     * Glyph every SkdxBreadcrumbSeparator falls back to when it has no children of its own.
+     * @default '/'
+     */
+    separator?: string;
+    /**
+     * The crumbs, rendered as one derived li each with a separator between them.
+     * @default undefined — no derived anatomy; compose the trail yourself.
+     */
+    items?: readonly BreadcrumbItem[] | 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<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    items: readonly BreadcrumbItem[] | undefined;
+    separator: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

package/dist/breadcrumb/Breadcrumb.vue.d.ts

@@ -1,15 +1,36 @@
+import type { BreadcrumbItem } from './types.js';
 /**
- * The Vue implementation of the shared Breadcrumb contract (see
- * `@skdx/shared`'s `breadcrumbContract`). Renders a `<nav>` labelled
- * "Breadcrumb" by default (overridable via the native `aria-label`
- * attribute through Vue's attrs fallthrough) — purely structural.
+ * Navigation breadcrumb trail rendered as a nav; must be named with the label prop.
+ *
+ * @example
+ * ```vue
+ * <SkdxBreadcrumb label="Breadcrumb" :items="crumbs" />
+ * ```
  */
-type __VLS_Props = {};
+type __VLS_Props = {
+    /**
+     * Accessible name written to the nav landmark as aria-label; required so every navigation landmark on the page is distinct.
+     */
+    label: string;
+    /**
+     * Glyph every SkdxBreadcrumbSeparator falls back to when it has no children of its own.
+     * @default '/'
+     */
+    separator?: string;
+    /**
+     * The crumbs, rendered as one derived li each with a separator between them.
+     * @default undefined — no derived anatomy; compose the trail yourself.
+     */
+    items?: readonly BreadcrumbItem[] | 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<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    items: readonly BreadcrumbItem[] | undefined;
+    separator: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

package/dist/breadcrumb/Breadcrumb.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-let e=require("vue");var a={class:"skdx-breadcrumb","data-part":"root","data-skdx-component":"breadcrumb","aria-label":"Breadcrumb"},t=(0,e.defineComponent)({__name:"Breadcrumb",setup(u){return(r,d)=>((0,e.openBlock)(),(0,e.createElementBlock)("nav",a,[(0,e.renderSlot)(r.$slots,"default")]))}});exports.default=t;
+const u=require("./context.cjs"),l=require("./BreadcrumbAnatomy.vue.cjs");let e=require("vue");var o=["aria-label"],n=(0,e.defineComponent)({__name:"Breadcrumb",props:{label:{},separator:{default:"/"},items:{default:void 0}},setup(r){const t=r;return(0,e.provide)(u.BREADCRUMB_CONTEXT,{get separator(){return t.separator}}),(a,c)=>((0,e.openBlock)(),(0,e.createElementBlock)("nav",{class:"skdx-breadcrumb","data-part":"root","data-skdx-component":"breadcrumb","aria-label":r.label},[(0,e.renderSlot)(a.$slots,"default",{},()=>[r.items?((0,e.openBlock)(),(0,e.createBlock)(l.default,{key:0,items:r.items},null,8,["items"])):(0,e.createCommentVNode)("",!0)])],8,o))}});exports.default=n;

package/dist/breadcrumb/Breadcrumb.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{createElementBlock as a,defineComponent as e,openBlock as r,renderSlot as t}from"vue";var o={class:"skdx-breadcrumb","data-part":"root","data-skdx-component":"breadcrumb","aria-label":"Breadcrumb"},d=/* @__PURE__ */e({__name:"Breadcrumb",setup:e=>(e,d)=>(r(),a("nav",o,[t(e.$slots,"default")]))});export{d as default};
+import{BREADCRUMB_CONTEXT as e}from"./context.js";import a from"./BreadcrumbAnatomy.vue.js";import{createBlock as r,createCommentVNode as t,createElementBlock as o,defineComponent as s,openBlock as m,provide as l,renderSlot as d}from"vue";var n=["aria-label"],p=/* @__PURE__ */s({__name:"Breadcrumb",props:{label:{},separator:{default:"/"},items:{default:void 0}},setup(s){const p=s;return l(e,{get separator(){return p.separator}}),(e,l)=>(m(),o("nav",{class:"skdx-breadcrumb","data-part":"root","data-skdx-component":"breadcrumb","aria-label":s.label},[d(e.$slots,"default",{},()=>[s.items?(m(),r(a,{key:0,items:s.items},null,8,["items"])):t("",!0)])],8,n))}});export{p as default};

package/dist/breadcrumb/BreadcrumbAnatomy.vue.cjs

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

package/dist/breadcrumb/BreadcrumbAnatomy.vue.d.cts

@@ -0,0 +1,7 @@
+import type { BreadcrumbItem } from './types.cjs';
+/** @internal Anatomy when the default slot is empty: ordered list of crumbs with separators. */
+type __VLS_Props = {
+    items: readonly BreadcrumbItem[];
+};
+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/breadcrumb/BreadcrumbAnatomy.vue.d.ts

@@ -0,0 +1,7 @@
+import type { BreadcrumbItem } from './types.js';
+/** @internal Anatomy when the default slot is empty: ordered list of crumbs with separators. */
+type __VLS_Props = {
+    items: readonly BreadcrumbItem[];
+};
+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/breadcrumb/BreadcrumbAnatomy.vue.js

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

package/dist/breadcrumb/BreadcrumbAnatomy.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const l=require("./BreadcrumbEllipsis.vue.cjs"),a=require("./BreadcrumbItem.vue.cjs"),c=require("./BreadcrumbLink.vue.cjs"),o=require("./BreadcrumbList.vue.cjs"),n=require("./BreadcrumbPage.vue.cjs"),i=require("./BreadcrumbSeparator.vue.cjs");let e=require("vue");var d=(0,e.defineComponent)({__name:"BreadcrumbAnatomy",props:{items:{}},setup(t){return(B,k)=>((0,e.openBlock)(),(0,e.createBlock)(o.default,null,{default:(0,e.withCtx)(()=>[((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(t.items,(r,u)=>((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,{key:u},[(0,e.createVNode)(a.default,null,{default:(0,e.withCtx)(()=>[r.ellipsis?((0,e.openBlock)(),(0,e.createBlock)(l.default,{key:0})):r.href!==void 0?((0,e.openBlock)(),(0,e.createBlock)(c.default,{key:1,href:r.href,current:r.current},{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(r.label),1)]),_:2},1032,["href","current"])):((0,e.openBlock)(),(0,e.createBlock)(n.default,{key:2},{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(r.label),1)]),_:2},1024))]),_:2},1024),u<t.items.length-1?((0,e.openBlock)(),(0,e.createBlock)(i.default,{key:0})):(0,e.createCommentVNode)("",!0)],64))),128))]),_:1}))}});exports.default=d;

package/dist/breadcrumb/BreadcrumbAnatomy.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import e from"./BreadcrumbEllipsis.vue.js";import r from"./BreadcrumbItem.vue.js";import t from"./BreadcrumbLink.vue.js";import a from"./BreadcrumbList.vue.js";import m from"./BreadcrumbPage.vue.js";import o from"./BreadcrumbSeparator.vue.js";import{Fragment as s,createBlock as u,createCommentVNode as l,createElementBlock as i,createTextVNode as n,createVNode as c,defineComponent as d,openBlock as f,renderList as p,toDisplayString as B,withCtx as b}from"vue";var k=/* @__PURE__ */d({__name:"BreadcrumbAnatomy",props:{items:{}},setup:d=>(k,v)=>(f(),u(a,null,{default:b(()=>[(f(!0),i(s,null,p(d.items,(a,p)=>(f(),i(s,{key:p},[c(r,null,{default:b(()=>[a.ellipsis?(f(),u(e,{key:0})):void 0!==a.href?(f(),u(t,{key:1,href:a.href,current:a.current},{default:b(()=>[n(B(a.label),1)]),_:2},1032,["href","current"])):(f(),u(m,{key:2},{default:b(()=>[n(B(a.label),1)]),_:2},1024))]),_:2},1024),p<d.items.length-1?(f(),u(o,{key:0})):l("",!0)],64))),128))]),_:1}))});export{k as default};

package/dist/breadcrumb/BreadcrumbEllipsis.vue.d.cts

@@ -1,14 +1,4 @@
-/**
- * Placeholder standing in for collapsed middle items in a long trail:
- * renders `<span role="presentation" aria-hidden="true">`. Defaults to "…";
- * pass slot content to override the glyph.
- *
- * Decorative only — never slot an interactive trigger (a menu button revealing
- * the collapsed items) into it. Interactive content in an `aria-hidden`
- * subtree is unreachable to screen readers while still being tab-focusable.
- * When the collapsed items are reachable, put a real menu trigger in the
- * `SkdxBreadcrumbItem` instead.
- */
+/** Placeholder for collapsed middle items; renders a span role="presentation" aria-hidden="true", defaulting to "…". */
 type __VLS_Props = {};
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {