@skdx/vue 0.26.0 → 0.28.0

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

@@ -0,0 +1,121 @@
+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;
+    /**
+     * 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 v=require("../utils/mergeStyle.cjs"),i=require("../utils/space.cjs");let o=require("vue");var m=(0,o.defineComponent)({inheritAttrs:!1,__name:"Box",props:{as:{},display:{},direction:{},align:{},justify:{},wrap:{},gap:{},p:{},px:{},py:{},pt:{},pb:{},ps:{},pe:{},m:{},mx:{},my:{},mt:{},mb:{},ms:{},me:{}},setup(a){const e=a,n={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,o.useAttrs)(),l=(0,o.computed)(()=>{const{style:t,...s}=r;return s}),d=(0,o.computed)(()=>{const t={};return e.display!==void 0&&(t.display=e.display),e.direction!==void 0&&(t["flex-direction"]=e.direction),e.align!==void 0&&(t["align-items"]=n[e.align]),e.justify!==void 0&&(t["justify-content"]=p[e.justify]),e.wrap!==void 0&&(t["flex-wrap"]=e.wrap),e.gap!==void 0&&(t.gap=i.resolveSpace(e.gap)),e.p!==void 0&&(t.padding=i.resolveSpace(e.p)),e.px!==void 0&&(t["padding-inline"]=i.resolveSpace(e.px)),e.py!==void 0&&(t["padding-block"]=i.resolveSpace(e.py)),e.pt!==void 0&&(t["padding-top"]=i.resolveSpace(e.pt)),e.pb!==void 0&&(t["padding-bottom"]=i.resolveSpace(e.pb)),e.ps!==void 0&&(t["padding-inline-start"]=i.resolveSpace(e.ps)),e.pe!==void 0&&(t["padding-inline-end"]=i.resolveSpace(e.pe)),e.m!==void 0&&(t.margin=i.resolveSpace(e.m)),e.mx!==void 0&&(t["margin-inline"]=i.resolveSpace(e.mx)),e.my!==void 0&&(t["margin-block"]=i.resolveSpace(e.my)),e.mt!==void 0&&(t["margin-top"]=i.resolveSpace(e.mt)),e.mb!==void 0&&(t["margin-bottom"]=i.resolveSpace(e.mb)),e.ms!==void 0&&(t["margin-inline-start"]=i.resolveSpace(e.ms)),e.me!==void 0&&(t["margin-inline-end"]=i.resolveSpace(e.me)),t}),c=(0,o.computed)(()=>({...d.value,...v.toStyleObject(r.style)}));return(t,s)=>((0,o.openBlock)(),(0,o.createBlock)((0,o.resolveDynamicComponent)(a.as??"div"),(0,o.mergeProps)(l.value,{class:"skdx-box","data-part":"root","data-skdx-component":"box",style:c.value}),{default:(0,o.withCtx)(()=>[(0,o.renderSlot)(t.$slots,"default")]),_:3},16,["style"]))}});exports.default=m;

package/dist/box/Box.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{toStyleObject as e}from"../utils/mergeStyle.js";import{resolveSpace as t}from"../utils/space.js";import{computed as i,createBlock as a,defineComponent as n,mergeProps as s,openBlock as o,renderSlot as d,resolveDynamicComponent as p,useAttrs as r,withCtx as l}from"vue";var m=/* @__PURE__ */n({inheritAttrs:!1,__name:"Box",props:{as:{},display:{},direction:{},align:{},justify:{},wrap:{},gap:{},p:{},px:{},py:{},pt:{},pb:{},ps:{},pe:{},m:{},mx:{},my:{},mt:{},mb:{},ms:{},me:{}},setup(n){const m=n,c={start:"flex-start",end:"flex-end",center:"center",stretch:"stretch",baseline:"baseline"},v={start:"flex-start",end:"flex-end",center:"center",between:"space-between",around:"space-around",evenly:"space-evenly",stretch:"stretch"},g=r(),y=i(()=>{const{style:e,...t}=g;return t}),u=i(()=>{const e={};return void 0!==m.display&&(e.display=m.display),void 0!==m.direction&&(e["flex-direction"]=m.direction),void 0!==m.align&&(e["align-items"]=c[m.align]),void 0!==m.justify&&(e["justify-content"]=v[m.justify]),void 0!==m.wrap&&(e["flex-wrap"]=m.wrap),void 0!==m.gap&&(e.gap=t(m.gap)),void 0!==m.p&&(e.padding=t(m.p)),void 0!==m.px&&(e["padding-inline"]=t(m.px)),void 0!==m.py&&(e["padding-block"]=t(m.py)),void 0!==m.pt&&(e["padding-top"]=t(m.pt)),void 0!==m.pb&&(e["padding-bottom"]=t(m.pb)),void 0!==m.ps&&(e["padding-inline-start"]=t(m.ps)),void 0!==m.pe&&(e["padding-inline-end"]=t(m.pe)),void 0!==m.m&&(e.margin=t(m.m)),void 0!==m.mx&&(e["margin-inline"]=t(m.mx)),void 0!==m.my&&(e["margin-block"]=t(m.my)),void 0!==m.mt&&(e["margin-top"]=t(m.mt)),void 0!==m.mb&&(e["margin-bottom"]=t(m.mb)),void 0!==m.ms&&(e["margin-inline-start"]=t(m.ms)),void 0!==m.me&&(e["margin-inline-end"]=t(m.me)),e}),x=i(()=>({...u.value,...e(g.style)}));return(e,t)=>(o(),a(p(n.as??"div"),s(y.value,{class:"skdx-box","data-part":"root","data-skdx-component":"box",style:x.value}),{default:l(()=>[d(e.$slots,"default")]),_:3},16,["style"]))}});export{m 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,37 @@
+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>`. Render from `items` or
+ * provide custom slot content. Must be named with `aria-label`.
+ *
+ * @example
+ * ```vue
+ * <SkdxBreadcrumb aria-label="Breadcrumb" :items="crumbs" />
+ * ```
  */
-type __VLS_Props = {};
+type __VLS_Props = {
+    /**
+     * Glyph every `SkdxBreadcrumbSeparator` falls back to when it has no
+     * children of its own, so changing the divider for the whole trail is one
+     * prop rather than the same override repeated on every crumb.
+     * @default '/'
+     */
+    separator?: string;
+    /**
+     * The crumbs, rendered as one derived `<li>` each with a separator
+     * between them. Ignored once the default slot supplies its own
+     * `SkdxBreadcrumbList`.
+     * @default undefined — no derived anatomy; compose the trail yourself.
+     */
+    items?: readonly BreadcrumbItem[];
+};
 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[];
+    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,37 @@
+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>`. Render from `items` or
+ * provide custom slot content. Must be named with `aria-label`.
+ *
+ * @example
+ * ```vue
+ * <SkdxBreadcrumb aria-label="Breadcrumb" :items="crumbs" />
+ * ```
  */
-type __VLS_Props = {};
+type __VLS_Props = {
+    /**
+     * Glyph every `SkdxBreadcrumbSeparator` falls back to when it has no
+     * children of its own, so changing the divider for the whole trail is one
+     * prop rather than the same override repeated on every crumb.
+     * @default '/'
+     */
+    separator?: string;
+    /**
+     * The crumbs, rendered as one derived `<li>` each with a separator
+     * between them. Ignored once the default slot supplies its own
+     * `SkdxBreadcrumbList`.
+     * @default undefined — no derived anatomy; compose the trail yourself.
+     */
+    items?: readonly BreadcrumbItem[];
+};
 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[];
+    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 o=require("./context.cjs"),u=require("./BreadcrumbAnatomy.vue.cjs");let e=require("vue");var n={class:"skdx-breadcrumb","data-part":"root","data-skdx-component":"breadcrumb"},c=(0,e.defineComponent)({__name:"Breadcrumb",props:{separator:{default:"/"},items:{default:void 0}},setup(r){const t=r;return(0,e.provide)(o.BREADCRUMB_CONTEXT,{get separator(){return t.separator}}),(a,d)=>((0,e.openBlock)(),(0,e.createElementBlock)("nav",n,[(0,e.renderSlot)(a.$slots,"default",{},()=>[r.items?((0,e.openBlock)(),(0,e.createBlock)(u.default,{key:0,items:r.items},null,8,["items"])):(0,e.createCommentVNode)("",!0)])]))}});exports.default=c;

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 t from"./BreadcrumbAnatomy.vue.js";import{createBlock as a,createCommentVNode as r,createElementBlock as o,defineComponent as s,openBlock as m,provide as d,renderSlot as n}from"vue";var p={class:"skdx-breadcrumb","data-part":"root","data-skdx-component":"breadcrumb"},c=/* @__PURE__ */s({__name:"Breadcrumb",props:{separator:{default:"/"},items:{default:void 0}},setup(s){const c=s;return d(e,{get separator(){return c.separator}}),(e,d)=>(m(),o("nav",p,[n(e.$slots,"default",{},()=>[s.items?(m(),a(t,{key:0,items:s.items},null,8,["items"])):r("",!0)])]))}});export{c 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,11 @@
+import type { BreadcrumbItem } from './types.cjs';
+/**
+ * Anatomy when default slot empty: ordered list of crumbs (link/page/ellipsis) with separators.
+ * React port's `BreadcrumbAnatomy.tsx` must stay synchronized.
+ * @internal
+ */
+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,11 @@
+import type { BreadcrumbItem } from './types.js';
+/**
+ * Anatomy when default slot empty: ordered list of crumbs (link/page/ellipsis) with separators.
+ * React port's `BreadcrumbAnatomy.tsx` must stay synchronized.
+ * @internal
+ */
+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,13 +1,8 @@
 /**
- * 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 `<span role="presentation" aria-hidden="true">`,
+ * defaulting to "…". Never slot an interactive trigger — content in an `aria-hidden`
+ * subtree is unreachable to screen readers while still tab-focusable. Put a menu trigger
+ * in the `BreadcrumbItem` instead.
  */
 type __VLS_Props = {};
 declare var __VLS_1: {};

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

@@ -1,13 +1,8 @@
 /**
- * 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 `<span role="presentation" aria-hidden="true">`,
+ * defaulting to "…". Never slot an interactive trigger — content in an `aria-hidden`
+ * subtree is unreachable to screen readers while still tab-focusable. Put a menu trigger
+ * in the `BreadcrumbItem` instead.
  */
 type __VLS_Props = {};
 declare var __VLS_1: {};

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

@@ -1,10 +1,26 @@
-/** A navigable ancestor in the trail: renders a plain `<a>`. Pass `href` for actual navigation. */
-type __VLS_Props = {};
+/**
+ * A navigable ancestor in the breadcrumb: renders a plain `<a>`.
+ * Set `current` for the current page to emit `aria-current="page"`.
+ * Use `SkdxBreadcrumbPage` when the current page is not navigable.
+ */
+type __VLS_Props = {
+    /** Marks this link as the current page, emitting aria-current="page". */
+    current?: boolean;
+    /** Native `target` attribute value, passed straight through to the element. @default undefined */
+    target?: string;
+    /**
+     * Explicit `rel`; empty string opts out of the auto `noopener noreferrer` guard for `target="_blank"`.
+     * @default undefined — auto-computed from `target`.
+     */
+    rel?: string;
+};
 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<{}>, {
+    current: 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 & {

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

@@ -1,10 +1,26 @@
-/** A navigable ancestor in the trail: renders a plain `<a>`. Pass `href` for actual navigation. */
-type __VLS_Props = {};
+/**
+ * A navigable ancestor in the breadcrumb: renders a plain `<a>`.
+ * Set `current` for the current page to emit `aria-current="page"`.
+ * Use `SkdxBreadcrumbPage` when the current page is not navigable.
+ */
+type __VLS_Props = {
+    /** Marks this link as the current page, emitting aria-current="page". */
+    current?: boolean;
+    /** Native `target` attribute value, passed straight through to the element. @default undefined */
+    target?: string;
+    /**
+     * Explicit `rel`; empty string opts out of the auto `noopener noreferrer` guard for `target="_blank"`.
+     * @default undefined — auto-computed from `target`.
+     */
+    rel?: string;
+};
 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<{}>, {
+    current: 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 & {

package/dist/breadcrumb/BreadcrumbLink.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-let e=require("vue");var t={class:"skdx-breadcrumb__link","data-part":"link"},a=(0,e.defineComponent)({__name:"BreadcrumbLink",setup(_){return(r,u)=>((0,e.openBlock)(),(0,e.createElementBlock)("a",t,[(0,e.renderSlot)(r.$slots,"default")]))}});exports.default=a;
+const u=require("../utils/resolveRel.cjs");let e=require("vue");var n=["aria-current","target","rel"],c=(0,e.defineComponent)({__name:"BreadcrumbLink",props:{current:{type:Boolean,default:!1},target:{},rel:{}},setup(r){const t=r,a=(0,e.computed)(()=>u.resolveRel(t.target,t.rel));return(l,o)=>((0,e.openBlock)(),(0,e.createElementBlock)("a",{class:"skdx-breadcrumb__link","data-part":"link","aria-current":r.current?"page":void 0,target:r.target,rel:a.value},[(0,e.renderSlot)(l.$slots,"default")],8,n))}});exports.default=c;

package/dist/breadcrumb/BreadcrumbLink.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{createElementBlock as e,defineComponent as a,openBlock as r,renderSlot as t}from"vue";var s={class:"skdx-breadcrumb__link","data-part":"link"},l=/* @__PURE__ */a({__name:"BreadcrumbLink",setup:a=>(a,l)=>(r(),e("a",s,[t(a.$slots,"default")]))});export{l as default};
+import{resolveRel as e}from"../utils/resolveRel.js";import{computed as r,createElementBlock as t,defineComponent as a,openBlock as l,renderSlot as o}from"vue";var s=["aria-current","target","rel"],n=/* @__PURE__ */a({__name:"BreadcrumbLink",props:{current:{type:Boolean,default:!1},target:{},rel:{}},setup(a){const n=a,u=r(()=>e(n.target,n.rel));return(e,r)=>(l(),t("a",{class:"skdx-breadcrumb__link","data-part":"link","aria-current":a.current?"page":void 0,target:a.target,rel:u.value},[o(e.$slots,"default")],8,s))}});export{n as default};

package/dist/breadcrumb/BreadcrumbList.vue_vue_type_script_setup_true_lang.cjs

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

package/dist/breadcrumb/BreadcrumbList.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{createElementBlock as e,defineComponent as a,openBlock as t,renderSlot as s}from"vue";var r={class:"skdx-breadcrumb__list","data-part":"list"},l=/* @__PURE__ */a({__name:"BreadcrumbList",setup:a=>(a,l)=>(t(),e("ol",r,[s(a.$slots,"default")]))});export{l as default};
+import{createElementBlock as e,defineComponent as a,openBlock as t,renderSlot as s}from"vue";var l={class:"skdx-breadcrumb__list","data-part":"list",role:"list"},r=/* @__PURE__ */a({__name:"BreadcrumbList",setup:a=>(a,r)=>(t(),e("ol",l,[s(a.$slots,"default")]))});export{r as default};

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

@@ -1,7 +1,8 @@
 /**
  * Divider between two `SkdxBreadcrumbItem`s: renders `<li role="presentation"
- * aria-hidden="true">` so assistive tech skips it. Defaults to "/"; pass
- * slot content (e.g. an icon) to override.
+ * aria-hidden="true">` so assistive tech skips it. With no children of its
+ * own, falls back to the root's `separator` prop (`"/"` by default); pass
+ * slot content (e.g. an icon) to override it for this one crumb.
  */
 type __VLS_Props = {};
 declare var __VLS_1: {};

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

@@ -1,7 +1,8 @@
 /**
  * Divider between two `SkdxBreadcrumbItem`s: renders `<li role="presentation"
- * aria-hidden="true">` so assistive tech skips it. Defaults to "/"; pass
- * slot content (e.g. an icon) to override.
+ * aria-hidden="true">` so assistive tech skips it. With no children of its
+ * own, falls back to the root's `separator` prop (`"/"` by default); pass
+ * slot content (e.g. an icon) to override it for this one crumb.
  */
 type __VLS_Props = {};
 declare var __VLS_1: {};

package/dist/breadcrumb/BreadcrumbSeparator.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-let e=require("vue");var a={class:"skdx-breadcrumb__separator","data-part":"separator",role:"presentation","aria-hidden":"true"},o=(0,e.defineComponent)({__name:"BreadcrumbSeparator",setup(u){return(t,r)=>((0,e.openBlock)(),(0,e.createElementBlock)("li",a,[(0,e.renderSlot)(t.$slots,"default",{},()=>[r[0]||(r[0]=(0,e.createTextVNode)("/",-1))])]))}});exports.default=o;
+const a=require("./context.cjs");let e=require("vue");var o={class:"skdx-breadcrumb__separator","data-part":"separator",role:"presentation","aria-hidden":"true"},n=(0,e.defineComponent)({__name:"BreadcrumbSeparator",setup(u){const r=(0,e.inject)(a.BREADCRUMB_CONTEXT,void 0);return(t,_)=>((0,e.openBlock)(),(0,e.createElementBlock)("li",o,[(0,e.renderSlot)(t.$slots,"default",{},()=>[(0,e.createTextVNode)((0,e.toDisplayString)((0,e.unref)(r)?.separator??"/"),1)])]))}});exports.default=n;

package/dist/breadcrumb/BreadcrumbSeparator.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{createElementBlock as e,createTextVNode as a,defineComponent as r,openBlock as t,renderSlot as o}from"vue";var s={class:"skdx-breadcrumb__separator","data-part":"separator",role:"presentation","aria-hidden":"true"},d=/* @__PURE__ */r({__name:"BreadcrumbSeparator",setup:r=>(r,d)=>(t(),e("li",s,[o(r.$slots,"default",{},()=>[d[0]||(d[0]=a("/",-1))])]))});export{d as default};
+import{BREADCRUMB_CONTEXT as e}from"./context.js";import{createElementBlock as a,createTextVNode as r,defineComponent as t,inject as o,openBlock as s,renderSlot as n,toDisplayString as p,unref as d}from"vue";var i={class:"skdx-breadcrumb__separator","data-part":"separator",role:"presentation","aria-hidden":"true"},l=/* @__PURE__ */t({__name:"BreadcrumbSeparator",setup(t){const l=o(e,void 0);return(e,t)=>(s(),a("li",i,[n(e.$slots,"default",{},()=>[r(p(d(l)?.separator??"/"),1)])]))}});export{l as default};

package/dist/breadcrumb/context.cjs

@@ -0,0 +1 @@
+var B=Symbol("skdx-breadcrumb-context");exports.BREADCRUMB_CONTEXT=B;

package/dist/breadcrumb/context.d.cts

@@ -0,0 +1,8 @@
+import type { InjectionKey } from 'vue';
+/** @internal Shared state the Breadcrumb root provides its Separator children. */
+export interface BreadcrumbContext {
+    /** Glyph a Separator with no children of its own falls back to. */
+    separator: string;
+}
+/** @internal Injection key the Breadcrumb root provides so its Separator parts know the default separator. */
+export declare const BREADCRUMB_CONTEXT: InjectionKey<BreadcrumbContext>;

package/dist/breadcrumb/context.d.ts

@@ -0,0 +1,8 @@
+import type { InjectionKey } from 'vue';
+/** @internal Shared state the Breadcrumb root provides its Separator children. */
+export interface BreadcrumbContext {
+    /** Glyph a Separator with no children of its own falls back to. */
+    separator: string;
+}
+/** @internal Injection key the Breadcrumb root provides so its Separator parts know the default separator. */
+export declare const BREADCRUMB_CONTEXT: InjectionKey<BreadcrumbContext>;

package/dist/breadcrumb/context.js

@@ -0,0 +1 @@
+var r=/* @__PURE__ */Symbol("skdx-breadcrumb-context");export{r as BREADCRUMB_CONTEXT};

package/dist/breadcrumb/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./Breadcrumb.vue.cjs"),e=require("./BreadcrumbList.vue.cjs"),u=require("./BreadcrumbItem.vue.cjs"),d=require("./BreadcrumbLink.vue.cjs"),a=require("./BreadcrumbPage.vue.cjs"),i=require("./BreadcrumbSeparator.vue.cjs"),t=require("./BreadcrumbEllipsis.vue.cjs");exports.SkdxBreadcrumb=r.default;exports.SkdxBreadcrumbEllipsis=t.default;exports.SkdxBreadcrumbItem=u.default;exports.SkdxBreadcrumbLink=d.default;exports.SkdxBreadcrumbList=e.default;exports.SkdxBreadcrumbPage=a.default;exports.SkdxBreadcrumbSeparator=i.default;
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Breadcrumb.vue.cjs");exports.SkdxBreadcrumb=e.default;

package/dist/breadcrumb/index.d.cts

@@ -1,7 +1,2 @@
 export { default as SkdxBreadcrumb } from './Breadcrumb.vue.cjs';
-export { default as SkdxBreadcrumbList } from './BreadcrumbList.vue.cjs';
-export { default as SkdxBreadcrumbItem } from './BreadcrumbItem.vue.cjs';
-export { default as SkdxBreadcrumbLink } from './BreadcrumbLink.vue.cjs';
-export { default as SkdxBreadcrumbPage } from './BreadcrumbPage.vue.cjs';
-export { default as SkdxBreadcrumbSeparator } from './BreadcrumbSeparator.vue.cjs';
-export { default as SkdxBreadcrumbEllipsis } from './BreadcrumbEllipsis.vue.cjs';
+export type { BreadcrumbItem } from './types.cjs';

package/dist/breadcrumb/index.d.ts

@@ -1,7 +1,2 @@
 export { default as SkdxBreadcrumb } from './Breadcrumb.vue.js';
-export { default as SkdxBreadcrumbList } from './BreadcrumbList.vue.js';
-export { default as SkdxBreadcrumbItem } from './BreadcrumbItem.vue.js';
-export { default as SkdxBreadcrumbLink } from './BreadcrumbLink.vue.js';
-export { default as SkdxBreadcrumbPage } from './BreadcrumbPage.vue.js';
-export { default as SkdxBreadcrumbSeparator } from './BreadcrumbSeparator.vue.js';
-export { default as SkdxBreadcrumbEllipsis } from './BreadcrumbEllipsis.vue.js';
+export type { BreadcrumbItem } from './types.js';

package/dist/breadcrumb/index.js

@@ -1 +1 @@
-import r from"./Breadcrumb.vue.js";import m from"./BreadcrumbList.vue.js";import e from"./BreadcrumbItem.vue.js";import a from"./BreadcrumbLink.vue.js";import d from"./BreadcrumbPage.vue.js";import u from"./BreadcrumbSeparator.vue.js";import s from"./BreadcrumbEllipsis.vue.js";export{r as SkdxBreadcrumb,s as SkdxBreadcrumbEllipsis,e as SkdxBreadcrumbItem,a as SkdxBreadcrumbLink,m as SkdxBreadcrumbList,d as SkdxBreadcrumbPage,u as SkdxBreadcrumbSeparator};
+import r from"./Breadcrumb.vue.js";export{r as SkdxBreadcrumb};

package/dist/breadcrumb/primitives.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./BreadcrumbEllipsis.vue.cjs"),e=require("./BreadcrumbItem.vue.cjs"),u=require("./BreadcrumbLink.vue.cjs"),d=require("./BreadcrumbList.vue.cjs"),a=require("./BreadcrumbPage.vue.cjs"),i=require("./BreadcrumbSeparator.vue.cjs"),t=require("./Breadcrumb.vue.cjs");exports.SkdxBreadcrumb=t.default;exports.SkdxBreadcrumbEllipsis=r.default;exports.SkdxBreadcrumbItem=e.default;exports.SkdxBreadcrumbLink=u.default;exports.SkdxBreadcrumbList=d.default;exports.SkdxBreadcrumbPage=a.default;exports.SkdxBreadcrumbSeparator=i.default;

package/dist/breadcrumb/primitives.d.cts

@@ -0,0 +1,29 @@
+/**
+ * Advanced primitives for `SkdxBreadcrumb` — the parts the recipe composes.
+ * Use when the derived anatomy is not the structure you need.
+ *
+ * @example
+ * ```vue
+ * <script setup lang="ts">
+ * import { SkdxBreadcrumb, SkdxBreadcrumbItem, SkdxBreadcrumbLink, SkdxBreadcrumbList, SkdxBreadcrumbPage, SkdxBreadcrumbSeparator } from '@skdx/vue/primitives/breadcrumb';
+ * </script>
+ *
+ * <template>
+ *   <SkdxBreadcrumb aria-label="Breadcrumb">
+ *     <SkdxBreadcrumbList>
+ *       <SkdxBreadcrumbItem><SkdxBreadcrumbLink href="/">Home</SkdxBreadcrumbLink></SkdxBreadcrumbItem>
+ *       <SkdxBreadcrumbSeparator />
+ *       <SkdxBreadcrumbItem><SkdxBreadcrumbPage>Invoices</SkdxBreadcrumbPage></SkdxBreadcrumbItem>
+ *     </SkdxBreadcrumbList>
+ *   </SkdxBreadcrumb>
+ * </template>
+ * ```
+ */
+export { default as SkdxBreadcrumb } from './Breadcrumb.vue.cjs';
+export { default as SkdxBreadcrumbList } from './BreadcrumbList.vue.cjs';
+export { default as SkdxBreadcrumbItem } from './BreadcrumbItem.vue.cjs';
+export { default as SkdxBreadcrumbLink } from './BreadcrumbLink.vue.cjs';
+export { default as SkdxBreadcrumbPage } from './BreadcrumbPage.vue.cjs';
+export { default as SkdxBreadcrumbSeparator } from './BreadcrumbSeparator.vue.cjs';
+export { default as SkdxBreadcrumbEllipsis } from './BreadcrumbEllipsis.vue.cjs';
+export type { BreadcrumbItem } from './types.cjs';

package/dist/breadcrumb/primitives.d.ts

@@ -0,0 +1,29 @@
+/**
+ * Advanced primitives for `SkdxBreadcrumb` — the parts the recipe composes.
+ * Use when the derived anatomy is not the structure you need.
+ *
+ * @example
+ * ```vue
+ * <script setup lang="ts">
+ * import { SkdxBreadcrumb, SkdxBreadcrumbItem, SkdxBreadcrumbLink, SkdxBreadcrumbList, SkdxBreadcrumbPage, SkdxBreadcrumbSeparator } from '@skdx/vue/primitives/breadcrumb';
+ * </script>
+ *
+ * <template>
+ *   <SkdxBreadcrumb aria-label="Breadcrumb">
+ *     <SkdxBreadcrumbList>
+ *       <SkdxBreadcrumbItem><SkdxBreadcrumbLink href="/">Home</SkdxBreadcrumbLink></SkdxBreadcrumbItem>
+ *       <SkdxBreadcrumbSeparator />
+ *       <SkdxBreadcrumbItem><SkdxBreadcrumbPage>Invoices</SkdxBreadcrumbPage></SkdxBreadcrumbItem>
+ *     </SkdxBreadcrumbList>
+ *   </SkdxBreadcrumb>
+ * </template>
+ * ```
+ */
+export { default as SkdxBreadcrumb } from './Breadcrumb.vue.js';
+export { default as SkdxBreadcrumbList } from './BreadcrumbList.vue.js';
+export { default as SkdxBreadcrumbItem } from './BreadcrumbItem.vue.js';
+export { default as SkdxBreadcrumbLink } from './BreadcrumbLink.vue.js';
+export { default as SkdxBreadcrumbPage } from './BreadcrumbPage.vue.js';
+export { default as SkdxBreadcrumbSeparator } from './BreadcrumbSeparator.vue.js';
+export { default as SkdxBreadcrumbEllipsis } from './BreadcrumbEllipsis.vue.js';
+export type { BreadcrumbItem } from './types.js';

package/dist/breadcrumb/primitives.js

@@ -0,0 +1 @@
+import r from"./BreadcrumbEllipsis.vue.js";import m from"./BreadcrumbItem.vue.js";import e from"./BreadcrumbLink.vue.js";import a from"./BreadcrumbList.vue.js";import d from"./BreadcrumbPage.vue.js";import u from"./BreadcrumbSeparator.vue.js";import s from"./Breadcrumb.vue.js";export{s as SkdxBreadcrumb,r as SkdxBreadcrumbEllipsis,m as SkdxBreadcrumbItem,e as SkdxBreadcrumbLink,a as SkdxBreadcrumbList,d as SkdxBreadcrumbPage,u as SkdxBreadcrumbSeparator};

package/dist/breadcrumb/types.d.cts

@@ -0,0 +1,23 @@
+/** One crumb in a breadcrumb's `items`. No `href` = current page; `ellipsis` = collapsed run. */
+export interface BreadcrumbItem {
+    /** Text rendered inside the derived link or current-page span. Unused on an `ellipsis` entry. */
+    label: string;
+    /**
+     * The crumb's destination.
+     * @default undefined — renders a `SkdxBreadcrumbPage` instead of a link.
+     */
+    href?: string;
+    /**
+     * Marks a *navigable* crumb as the current page (`aria-current="page"`).
+     * Ignored without `href`, where the page part already carries it.
+     * @default false
+     */
+    current?: boolean;
+    /**
+     * Renders a `SkdxBreadcrumbEllipsis` for a collapsed run instead of a link
+     * or a page. Decorative and `aria-hidden` — the crumbs it stands for must be
+     * reachable from a real trigger beside it, never inside it.
+     * @default false
+     */
+    ellipsis?: boolean;
+}