@skdx/vue 0.27.0 → 0.28.0

package/dist/accordion/AccordionIndicator.vue.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Disclosure affordance inside trigger (chevron/caret); renders `<span>` with
+ * data-state/data-disabled/data-orientation. Skin's rotation rule selects it;
+ * headless package ships no glyph. Put icon in slot.
+ */
+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/accordion/AccordionIndicator.vue.js

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

package/dist/accordion/AccordionIndicator.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const n=require("./context.cjs");let e=require("vue");var r=["data-state","data-disabled","data-orientation"],d=(0,e.defineComponent)({__name:"AccordionIndicator",setup(i){const a=(0,e.inject)(n.ACCORDION_CONTEXT),t=(0,e.inject)(n.ACCORDION_ITEM_CONTEXT);if(!a||!t)throw new Error("<SkdxAccordionIndicator> must be used inside <SkdxAccordionItem>.");return(o,c)=>((0,e.openBlock)(),(0,e.createElementBlock)("span",{class:"skdx-accordion__indicator","data-part":"indicator","aria-hidden":"true","data-state":(0,e.unref)(t).open.value?"open":"closed","data-disabled":(0,e.unref)(t).disabled.value?"":void 0,"data-orientation":(0,e.unref)(a).orientation},[(0,e.renderSlot)(o.$slots,"default")],8,r))}});exports.default=d;

package/dist/accordion/AccordionIndicator.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{ACCORDION_CONTEXT as a,ACCORDION_ITEM_CONTEXT as t}from"./context.js";import{createElementBlock as e,defineComponent as o,inject as d,openBlock as n,renderSlot as r,unref as i}from"vue";var s=["data-state","data-disabled","data-orientation"],c=/* @__PURE__ */o({__name:"AccordionIndicator",setup(o){const c=d(a),l=d(t);if(!c||!l)throw new Error("<SkdxAccordionIndicator> must be used inside <SkdxAccordionItem>.");return(a,t)=>(n(),e("span",{class:"skdx-accordion__indicator","data-part":"indicator","aria-hidden":"true","data-state":i(l).open.value?"open":"closed","data-disabled":i(l).disabled.value?"":void 0,"data-orientation":i(c).orientation},[r(a.$slots,"default")],8,s))}});export{c as default};

package/dist/accordion/AccordionItem.vue.d.cts

@@ -1,8 +1,6 @@
 /**
- * A single expandable section within a `SkdxAccordion`. Renders a plain
- * `<div>` with `data-state`/`data-disabled`/`data-orientation`, and
- * `provide()`s the item's open/disabled state and generated ids to its
- * `SkdxAccordionHeader`/`SkdxAccordionTrigger`/`SkdxAccordionContent`.
+ * Single expandable section within an accordion. Renders `<div>` with
+ * `data-state`/`data-disabled`/`data-orientation`, provides item state to parts.
  */
 type __VLS_Props = {
     /** Unique identifier matched against the accordion root's open value(s). */

package/dist/accordion/AccordionItem.vue.d.ts

@@ -1,8 +1,6 @@
 /**
- * A single expandable section within a `SkdxAccordion`. Renders a plain
- * `<div>` with `data-state`/`data-disabled`/`data-orientation`, and
- * `provide()`s the item's open/disabled state and generated ids to its
- * `SkdxAccordionHeader`/`SkdxAccordionTrigger`/`SkdxAccordionContent`.
+ * Single expandable section within an accordion. Renders `<div>` with
+ * `data-state`/`data-disabled`/`data-orientation`, provides item state to parts.
  */
 type __VLS_Props = {
     /** Unique identifier matched against the accordion root's open value(s). */

package/dist/accordion/AccordionItem.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const o=require("./context.cjs");let e=require("vue");var c=["data-state","data-disabled","data-orientation"],l=(0,e.defineComponent)({__name:"AccordionItem",props:{value:{},disabled:{type:Boolean,default:!1}},setup(r){const a=r,t=(0,e.inject)(o.ACCORDION_CONTEXT);if(!t)throw new Error("<SkdxAccordionItem> must be used inside <SkdxAccordion>.");const d=(0,e.computed)(()=>t.value.value.includes(a.value)),n=(0,e.computed)(()=>t.disabled.value||a.disabled);return(0,e.provide)(o.ACCORDION_ITEM_CONTEXT,{open:d,disabled:n,triggerId:o.nextAccordionId("trigger"),contentId:o.nextAccordionId("content"),get value(){return a.value}}),(i,u)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",{class:"skdx-accordion__item","data-part":"item","data-state":d.value?"open":"closed","data-disabled":n.value?"":void 0,"data-orientation":(0,e.unref)(t).orientation},[(0,e.renderSlot)(i.$slots,"default")],8,c))}});exports.default=l;
+const o=require("./context.cjs");let e=require("vue");var l=["data-state","data-disabled","data-orientation"],s=(0,e.defineComponent)({__name:"AccordionItem",props:{value:{},disabled:{type:Boolean,default:!1}},setup(i){const n=i,t=(0,e.inject)(o.ACCORDION_CONTEXT);if(!t)throw new Error("<SkdxAccordionItem> must be used inside <SkdxAccordion>.");const d=(0,e.computed)(()=>t.value.value.includes(n.value)),r=(0,e.computed)(()=>t.disabled.value||n.disabled),c=(0,e.ref)(!1);function u(a){c.value=a}return(0,e.provide)(o.ACCORDION_ITEM_CONTEXT,{open:d,disabled:r,triggerId:o.nextAccordionId("trigger"),contentId:o.nextAccordionId("content"),get value(){return n.value},contentMounted:c,setContentMounted:u}),(a,_)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",{class:"skdx-accordion__item","data-part":"item","data-state":d.value?"open":"closed","data-disabled":r.value?"":void 0,"data-orientation":(0,e.unref)(t).orientation},[(0,e.renderSlot)(a.$slots,"default")],8,l))}});exports.default=s;

package/dist/accordion/AccordionItem.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{ACCORDION_CONTEXT as e,ACCORDION_ITEM_CONTEXT as a,nextAccordionId as t}from"./context.js";import{computed as o,createElementBlock as d,defineComponent as n,inject as s,openBlock as r,provide as i,renderSlot as l,unref as c}from"vue";var u=["data-state","data-disabled","data-orientation"],p=/* @__PURE__ */n({__name:"AccordionItem",props:{value:{},disabled:{type:Boolean,default:!1}},setup(n){const p=n,v=s(e);if(!v)throw new Error("<SkdxAccordionItem> must be used inside <SkdxAccordion>.");const m=o(()=>v.value.value.includes(p.value)),f=o(()=>v.disabled.value||p.disabled);return i(a,{open:m,disabled:f,triggerId:t("trigger"),contentId:t("content"),get value(){return p.value}}),(e,a)=>(r(),d("div",{class:"skdx-accordion__item","data-part":"item","data-state":m.value?"open":"closed","data-disabled":f.value?"":void 0,"data-orientation":c(v).orientation},[l(e.$slots,"default")],8,u))}});export{p as default};
+import{ACCORDION_CONTEXT as e,ACCORDION_ITEM_CONTEXT as t,nextAccordionId as a}from"./context.js";import{computed as o,createElementBlock as d,defineComponent as n,inject as s,openBlock as r,provide as i,ref as l,renderSlot as c,unref as u}from"vue";var v=["data-state","data-disabled","data-orientation"],p=/* @__PURE__ */n({__name:"AccordionItem",props:{value:{},disabled:{type:Boolean,default:!1}},setup(n){const p=n,m=s(e);if(!m)throw new Error("<SkdxAccordionItem> must be used inside <SkdxAccordion>.");const f=o(()=>m.value.value.includes(p.value)),C=o(()=>m.disabled.value||p.disabled),I=l(!1);return i(t,{open:f,disabled:C,triggerId:a("trigger"),contentId:a("content"),get value(){return p.value},contentMounted:I,setContentMounted:function(e){I.value=e}}),(e,t)=>(r(),d("div",{class:"skdx-accordion__item","data-part":"item","data-state":f.value?"open":"closed","data-disabled":C.value?"":void 0,"data-orientation":u(m).orientation},[c(e.$slots,"default")],8,v))}});export{p as default};

package/dist/accordion/AccordionTrigger.vue.d.cts

@@ -1,9 +1,7 @@
 /**
- * Toggle button for a `SkdxAccordionItem`. Renders `<button type="button">`
- * with `aria-controls`/`aria-expanded`/`data-state`/`data-disabled`/
- * `data-orientation`, marked `data-skdx-accordion-trigger` so the root's
- * roving focus can find it. Part of the roving tab stop the root manages —
- * clicking (or Enter/Space) opens or closes the item.
+ * Toggle button for item; renders `<button>` with aria-expanded/aria-controls/data
+ * attributes. Marked for roving focus. Tab stop; arrow keys navigate.
+ * `aria-controls` only when panel is in DOM (closed items unmount by default).
  */
 type __VLS_Props = {};
 declare var __VLS_1: {};

package/dist/accordion/AccordionTrigger.vue.d.ts

@@ -1,9 +1,7 @@
 /**
- * Toggle button for a `SkdxAccordionItem`. Renders `<button type="button">`
- * with `aria-controls`/`aria-expanded`/`data-state`/`data-disabled`/
- * `data-orientation`, marked `data-skdx-accordion-trigger` so the root's
- * roving focus can find it. Part of the roving tab stop the root manages —
- * clicking (or Enter/Space) opens or closes the item.
+ * Toggle button for item; renders `<button>` with aria-expanded/aria-controls/data
+ * attributes. Marked for roving focus. Tab stop; arrow keys navigate.
+ * `aria-controls` only when panel is in DOM (closed items unmount by default).
  */
 type __VLS_Props = {};
 declare var __VLS_1: {};

package/dist/accordion/AccordionTrigger.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const a=require("./context.cjs");let e=require("vue");var d=["id","aria-controls","aria-expanded","data-state","data-disabled","data-orientation","disabled"],i=(0,e.defineComponent)({__name:"AccordionTrigger",setup(u){const r=(0,e.inject)(a.ACCORDION_CONTEXT),t=(0,e.inject)(a.ACCORDION_ITEM_CONTEXT);if(!r||!t)throw new Error("<SkdxAccordionTrigger> must be used inside <SkdxAccordionItem>.");function n(){t.open.value?r.onItemClose(t.value):r.onItemOpen(t.value)}return(o,c)=>((0,e.openBlock)(),(0,e.createElementBlock)("button",{class:"skdx-accordion__trigger","data-part":"trigger",type:"button",id:(0,e.unref)(t).triggerId,"aria-controls":(0,e.unref)(t).contentId,"aria-expanded":(0,e.unref)(t).open.value,"data-skdx-accordion-trigger":"","data-state":(0,e.unref)(t).open.value?"open":"closed","data-disabled":(0,e.unref)(t).disabled.value?"":void 0,"data-orientation":(0,e.unref)(r).orientation,disabled:(0,e.unref)(t).disabled.value,onClick:n},[(0,e.renderSlot)(o.$slots,"default")],8,d))}});exports.default=i;
+const n=require("./context.cjs");let e=require("vue");var i=["id","aria-controls","aria-expanded","aria-disabled","data-state","data-disabled","data-orientation","disabled"],l=(0,e.defineComponent)({__name:"AccordionTrigger",setup(u){const a=(0,e.inject)(n.ACCORDION_CONTEXT),t=(0,e.inject)(n.ACCORDION_ITEM_CONTEXT);if(!a||!t)throw new Error("<SkdxAccordionTrigger> must be used inside <SkdxAccordionItem>.");const r=(0,e.computed)(()=>t.open.value&&a.type==="single"&&!a.collapsible);function o(){t.open.value?a.onItemClose(t.value):a.onItemOpen(t.value)}return(d,c)=>((0,e.openBlock)(),(0,e.createElementBlock)("button",{class:"skdx-accordion__trigger","data-part":"trigger",type:"button",id:(0,e.unref)(t).triggerId,"aria-controls":(0,e.unref)(t).open.value||(0,e.unref)(t).contentMounted.value?(0,e.unref)(t).contentId:void 0,"aria-expanded":(0,e.unref)(t).open.value,"aria-disabled":r.value||void 0,"data-skdx-accordion-trigger":"","data-state":(0,e.unref)(t).open.value?"open":"closed","data-disabled":(0,e.unref)(t).disabled.value?"":void 0,"data-orientation":(0,e.unref)(a).orientation,disabled:(0,e.unref)(t).disabled.value,onClick:o},[(0,e.renderSlot)(d.$slots,"default")],8,i))}});exports.default=l;

package/dist/accordion/AccordionTrigger.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{ACCORDION_CONTEXT as e,ACCORDION_ITEM_CONTEXT as a}from"./context.js";import{createElementBlock as t,defineComponent as o,inject as d,openBlock as n,renderSlot as r,unref as i}from"vue";var s=["id","aria-controls","aria-expanded","data-state","data-disabled","data-orientation","disabled"],l=/* @__PURE__ */o({__name:"AccordionTrigger",setup(o){const l=d(e),c=d(a);if(!l||!c)throw new Error("<SkdxAccordionTrigger> must be used inside <SkdxAccordionItem>.");function u(){c.open.value?l.onItemClose(c.value):l.onItemOpen(c.value)}return(e,a)=>(n(),t("button",{class:"skdx-accordion__trigger","data-part":"trigger",type:"button",id:i(c).triggerId,"aria-controls":i(c).contentId,"aria-expanded":i(c).open.value,"data-skdx-accordion-trigger":"","data-state":i(c).open.value?"open":"closed","data-disabled":i(c).disabled.value?"":void 0,"data-orientation":i(l).orientation,disabled:i(c).disabled.value,onClick:u},[r(e.$slots,"default")],8,s))}});export{l as default};
+import{ACCORDION_CONTEXT as e,ACCORDION_ITEM_CONTEXT as a}from"./context.js";import{computed as t,createElementBlock as o,defineComponent as d,inject as n,openBlock as i,renderSlot as r,unref as s}from"vue";var l=["id","aria-controls","aria-expanded","aria-disabled","data-state","data-disabled","data-orientation","disabled"],c=/* @__PURE__ */d({__name:"AccordionTrigger",setup(d){const c=n(e),u=n(a);if(!c||!u)throw new Error("<SkdxAccordionTrigger> must be used inside <SkdxAccordionItem>.");const p=t(()=>u.open.value&&"single"===c.type&&!c.collapsible);function v(){u.open.value?c.onItemClose(u.value):c.onItemOpen(u.value)}return(e,a)=>(i(),o("button",{class:"skdx-accordion__trigger","data-part":"trigger",type:"button",id:s(u).triggerId,"aria-controls":s(u).open.value||s(u).contentMounted.value?s(u).contentId:void 0,"aria-expanded":s(u).open.value,"aria-disabled":p.value||void 0,"data-skdx-accordion-trigger":"","data-state":s(u).open.value?"open":"closed","data-disabled":s(u).disabled.value?"":void 0,"data-orientation":s(c).orientation,disabled:s(u).disabled.value,onClick:v},[r(e.$slots,"default")],8,l))}});export{c as default};

package/dist/accordion/context.d.cts

@@ -18,6 +18,9 @@ export interface AccordionItemContext {
     triggerId: string;
     contentId: string;
     value: string;
+    /** Whether the panel is mounted, so `aria-controls` names an existing element. */
+    contentMounted: Readonly<Ref<boolean>>;
+    setContentMounted: (mounted: boolean) => void;
 }
 /** @internal Injection key an AccordionItem provides so its trigger/content can read open/disabled state and shared ids. */
 export declare const ACCORDION_ITEM_CONTEXT: InjectionKey<AccordionItemContext>;

package/dist/accordion/context.d.ts

@@ -18,6 +18,9 @@ export interface AccordionItemContext {
     triggerId: string;
     contentId: string;
     value: string;
+    /** Whether the panel is mounted, so `aria-controls` names an existing element. */
+    contentMounted: Readonly<Ref<boolean>>;
+    setContentMounted: (mounted: boolean) => void;
 }
 /** @internal Injection key an AccordionItem provides so its trigger/content can read open/disabled state and shared ids. */
 export declare const ACCORDION_ITEM_CONTEXT: InjectionKey<AccordionItemContext>;

package/dist/accordion/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Accordion.vue.cjs"),r=require("./AccordionItem.vue.cjs"),o=require("./AccordionHeader.vue.cjs"),c=require("./AccordionTrigger.vue.cjs"),d=require("./AccordionContent.vue.cjs");exports.SkdxAccordion=e.default;exports.SkdxAccordionContent=d.default;exports.SkdxAccordionHeader=o.default;exports.SkdxAccordionItem=r.default;exports.SkdxAccordionTrigger=c.default;
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Accordion.vue.cjs");exports.SkdxAccordion=e.default;

package/dist/accordion/index.d.cts

@@ -1,5 +1,2 @@
 export { default as SkdxAccordion } from './Accordion.vue.cjs';
-export { default as SkdxAccordionItem } from './AccordionItem.vue.cjs';
-export { default as SkdxAccordionHeader } from './AccordionHeader.vue.cjs';
-export { default as SkdxAccordionTrigger } from './AccordionTrigger.vue.cjs';
-export { default as SkdxAccordionContent } from './AccordionContent.vue.cjs';
+export type { AccordionItem } from './types.cjs';

package/dist/accordion/index.d.ts

@@ -1,5 +1,2 @@
 export { default as SkdxAccordion } from './Accordion.vue.js';
-export { default as SkdxAccordionItem } from './AccordionItem.vue.js';
-export { default as SkdxAccordionHeader } from './AccordionHeader.vue.js';
-export { default as SkdxAccordionTrigger } from './AccordionTrigger.vue.js';
-export { default as SkdxAccordionContent } from './AccordionContent.vue.js';
+export type { AccordionItem } from './types.js';

package/dist/accordion/index.js

@@ -1 +1 @@
-import o from"./Accordion.vue.js";import r from"./AccordionItem.vue.js";import c from"./AccordionHeader.vue.js";import d from"./AccordionTrigger.vue.js";import i from"./AccordionContent.vue.js";export{o as SkdxAccordion,i as SkdxAccordionContent,c as SkdxAccordionHeader,r as SkdxAccordionItem,d as SkdxAccordionTrigger};
+import o from"./Accordion.vue.js";export{o as SkdxAccordion};

package/dist/accordion/primitives.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./AccordionContent.vue.cjs"),e=require("./AccordionHeader.vue.cjs"),o=require("./AccordionIndicator.vue.cjs"),c=require("./AccordionItem.vue.cjs"),d=require("./AccordionTrigger.vue.cjs"),i=require("./Accordion.vue.cjs");exports.SkdxAccordion=i.default;exports.SkdxAccordionContent=r.default;exports.SkdxAccordionHeader=e.default;exports.SkdxAccordionIndicator=o.default;exports.SkdxAccordionItem=c.default;exports.SkdxAccordionTrigger=d.default;

package/dist/accordion/primitives.d.cts

@@ -0,0 +1,29 @@
+/**
+ * Advanced primitives for `SkdxAccordion` — the parts the recipe composes.
+ * Use when the derived anatomy is not the structure you need.
+ *
+ * @example
+ * ```vue
+ * <script setup lang="ts">
+ * import { SkdxAccordion, SkdxAccordionContent, SkdxAccordionHeader, SkdxAccordionIndicator, SkdxAccordionItem, SkdxAccordionTrigger } from '@skdx/vue/primitives/accordion';
+ * </script>
+ *
+ * <template>
+ *   <SkdxAccordion type="single" collapsible>
+ *     <SkdxAccordionItem value="shipping">
+ *       <SkdxAccordionHeader :level="2">
+ *         <SkdxAccordionTrigger>Shipping<SkdxAccordionIndicator /></SkdxAccordionTrigger>
+ *       </SkdxAccordionHeader>
+ *       <SkdxAccordionContent>Ships in two working days.</SkdxAccordionContent>
+ *     </SkdxAccordionItem>
+ *   </SkdxAccordion>
+ * </template>
+ * ```
+ */
+export { default as SkdxAccordion } from './Accordion.vue.cjs';
+export { default as SkdxAccordionItem } from './AccordionItem.vue.cjs';
+export { default as SkdxAccordionHeader } from './AccordionHeader.vue.cjs';
+export { default as SkdxAccordionTrigger } from './AccordionTrigger.vue.cjs';
+export { default as SkdxAccordionIndicator } from './AccordionIndicator.vue.cjs';
+export { default as SkdxAccordionContent } from './AccordionContent.vue.cjs';
+export type { AccordionItem } from './types.cjs';

package/dist/accordion/primitives.d.ts

@@ -0,0 +1,29 @@
+/**
+ * Advanced primitives for `SkdxAccordion` — the parts the recipe composes.
+ * Use when the derived anatomy is not the structure you need.
+ *
+ * @example
+ * ```vue
+ * <script setup lang="ts">
+ * import { SkdxAccordion, SkdxAccordionContent, SkdxAccordionHeader, SkdxAccordionIndicator, SkdxAccordionItem, SkdxAccordionTrigger } from '@skdx/vue/primitives/accordion';
+ * </script>
+ *
+ * <template>
+ *   <SkdxAccordion type="single" collapsible>
+ *     <SkdxAccordionItem value="shipping">
+ *       <SkdxAccordionHeader :level="2">
+ *         <SkdxAccordionTrigger>Shipping<SkdxAccordionIndicator /></SkdxAccordionTrigger>
+ *       </SkdxAccordionHeader>
+ *       <SkdxAccordionContent>Ships in two working days.</SkdxAccordionContent>
+ *     </SkdxAccordionItem>
+ *   </SkdxAccordion>
+ * </template>
+ * ```
+ */
+export { default as SkdxAccordion } from './Accordion.vue.js';
+export { default as SkdxAccordionItem } from './AccordionItem.vue.js';
+export { default as SkdxAccordionHeader } from './AccordionHeader.vue.js';
+export { default as SkdxAccordionTrigger } from './AccordionTrigger.vue.js';
+export { default as SkdxAccordionIndicator } from './AccordionIndicator.vue.js';
+export { default as SkdxAccordionContent } from './AccordionContent.vue.js';
+export type { AccordionItem } from './types.js';

package/dist/accordion/primitives.js

@@ -0,0 +1 @@
+import o from"./AccordionContent.vue.js";import r from"./AccordionHeader.vue.js";import c from"./AccordionIndicator.vue.js";import d from"./AccordionItem.vue.js";import i from"./AccordionTrigger.vue.js";import n from"./Accordion.vue.js";export{n as SkdxAccordion,o as SkdxAccordionContent,r as SkdxAccordionHeader,c as SkdxAccordionIndicator,d as SkdxAccordionItem,i as SkdxAccordionTrigger};

package/dist/accordion/types.d.cts

@@ -0,0 +1,14 @@
+/** Section in `SkdxAccordion`'s items. */
+export interface AccordionItem {
+    /** Identifier for accordion's open value. */
+    value: string;
+    /** Text for derived trigger. */
+    title: string;
+    /** Content rendered (override with `content` slot). */
+    content?: string;
+    /**
+     * Disables section opening/closing.
+     * @default false
+     */
+    disabled?: boolean;
+}

package/dist/accordion/types.d.ts

@@ -0,0 +1,14 @@
+/** Section in `SkdxAccordion`'s items. */
+export interface AccordionItem {
+    /** Identifier for accordion's open value. */
+    value: string;
+    /** Text for derived trigger. */
+    title: string;
+    /** Content rendered (override with `content` slot). */
+    content?: string;
+    /**
+     * Disables section opening/closing.
+     * @default false
+     */
+    disabled?: boolean;
+}

package/dist/affix/Affix.vue.d.cts

@@ -1,28 +1,8 @@
 /**
- * The Vue implementation of the shared Affix contract (see `@skdx/shared`'s
- * `affixContract`). Reports when an element has scrolled past a given offset,
- * so it can be pinned. Renders a zero-height sentinel just before the element
- * and watches it with a single `IntersectionObserver` — never a scroll
- * listener, so nothing runs per frame and nothing reads layout on the scroll
- * path.
- *
- * Headless, so it pins nothing by itself: it flips
- * `data-state="affixed" | "static"`, emits `change`, and publishes the
- * element's measured in-flow height as the `--skdx-affix-height` CSS custom
- * property (on both the element and the sentinel) so the consumer can reserve
- * the space the element vacates. The positioning is one CSS rule you write:
- *
- * ```css
- * [data-state='affixed'] {
- *   position: fixed;
- *   top: 0;
- * }
- * ```
- *
- * **Reach for `position: sticky` first.** Plain sticky needs no JavaScript and
- * no component. Affix earns its place when you need to *know* about the
- * transition — a shadow that appears only once a header sticks, an analytics
- * ping, a title that swaps in — which CSS alone cannot tell you.
+ * Reports when an element scrolls past a given offset. Uses IntersectionObserver
+ * with a sentinel. Emits `change` and provides CSS custom properties
+ * `--skdx-affix-height`, `--skdx-affix-offset-top/bottom` for positioning.
+ * Reach for `position: sticky` first; use Affix when you need to react to the transition.
  *
  * @example
  * ```vue
@@ -33,33 +13,23 @@
  */
 type __VLS_Props = {
     /**
-     * Distance from the top edge of the scroll root at which the element counts
-     * as affixed. `0` flips the moment the element would scroll off the top;
-     * `64` flips 64px earlier, which is what you want under a fixed site header.
-     * @default undefined — the top edge is never pinned. With `offsetBottom` also
-     * unset the component observes nothing at all, so set at least one of them.
+     * Distance from top edge for affixed state.
+     * @default undefined
      */
     offsetTop?: number;
     /**
-     * Distance from the bottom edge of the scroll root at which the element
-     * counts as affixed — the mirror of `offsetTop`, for a bar pinned to the
-     * bottom until its natural position scrolls into view.
-     * @default undefined — the bottom edge is never pinned.
+     * Distance from bottom edge for affixed state.
+     * @default undefined
      */
     offsetBottom?: number;
     /**
-     * The scrolling ancestor the offsets are measured against, used as the
-     * `IntersectionObserver` root. Pass the element itself (a template ref
-     * unwraps to one in the template).
-     * @default null — measured against the viewport. The observer is torn down
-     * and re-created whenever this changes.
+     * Scroll ancestor for offset measurement; IntersectionObserver root.
+     * @default null — viewport
      */
     target?: Element | null;
     /**
-     * Stops observing entirely: no `IntersectionObserver` is created and
-     * `data-state` stays `"static"`. Use it to switch the behaviour off at a
-     * breakpoint without unmounting the subtree.
-     * @default false — the element is observed as long as an offset is set.
+     * Stop observing entirely; data-state stays "static".
+     * @default false
      */
     disabled?: boolean;
 };

package/dist/affix/Affix.vue.d.ts

@@ -1,28 +1,8 @@
 /**
- * The Vue implementation of the shared Affix contract (see `@skdx/shared`'s
- * `affixContract`). Reports when an element has scrolled past a given offset,
- * so it can be pinned. Renders a zero-height sentinel just before the element
- * and watches it with a single `IntersectionObserver` — never a scroll
- * listener, so nothing runs per frame and nothing reads layout on the scroll
- * path.
- *
- * Headless, so it pins nothing by itself: it flips
- * `data-state="affixed" | "static"`, emits `change`, and publishes the
- * element's measured in-flow height as the `--skdx-affix-height` CSS custom
- * property (on both the element and the sentinel) so the consumer can reserve
- * the space the element vacates. The positioning is one CSS rule you write:
- *
- * ```css
- * [data-state='affixed'] {
- *   position: fixed;
- *   top: 0;
- * }
- * ```
- *
- * **Reach for `position: sticky` first.** Plain sticky needs no JavaScript and
- * no component. Affix earns its place when you need to *know* about the
- * transition — a shadow that appears only once a header sticks, an analytics
- * ping, a title that swaps in — which CSS alone cannot tell you.
+ * Reports when an element scrolls past a given offset. Uses IntersectionObserver
+ * with a sentinel. Emits `change` and provides CSS custom properties
+ * `--skdx-affix-height`, `--skdx-affix-offset-top/bottom` for positioning.
+ * Reach for `position: sticky` first; use Affix when you need to react to the transition.
  *
  * @example
  * ```vue
@@ -33,33 +13,23 @@
  */
 type __VLS_Props = {
     /**
-     * Distance from the top edge of the scroll root at which the element counts
-     * as affixed. `0` flips the moment the element would scroll off the top;
-     * `64` flips 64px earlier, which is what you want under a fixed site header.
-     * @default undefined — the top edge is never pinned. With `offsetBottom` also
-     * unset the component observes nothing at all, so set at least one of them.
+     * Distance from top edge for affixed state.
+     * @default undefined
      */
     offsetTop?: number;
     /**
-     * Distance from the bottom edge of the scroll root at which the element
-     * counts as affixed — the mirror of `offsetTop`, for a bar pinned to the
-     * bottom until its natural position scrolls into view.
-     * @default undefined — the bottom edge is never pinned.
+     * Distance from bottom edge for affixed state.
+     * @default undefined
      */
     offsetBottom?: number;
     /**
-     * The scrolling ancestor the offsets are measured against, used as the
-     * `IntersectionObserver` root. Pass the element itself (a template ref
-     * unwraps to one in the template).
-     * @default null — measured against the viewport. The observer is torn down
-     * and re-created whenever this changes.
+     * Scroll ancestor for offset measurement; IntersectionObserver root.
+     * @default null — viewport
      */
     target?: Element | null;
     /**
-     * Stops observing entirely: no `IntersectionObserver` is created and
-     * `data-state` stays `"static"`. Use it to switch the behaviour off at a
-     * breakpoint without unmounting the subtree.
-     * @default false — the element is observed as long as an offset is set.
+     * Stop observing entirely; data-state stays "static".
+     * @default false
      */
     disabled?: boolean;
 };

package/dist/affix/Affix.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-let e=require("vue");var b=["data-state","data-disabled"],y=(0,e.defineComponent)({inheritAttrs:!1,__name:"Affix",props:{offsetTop:{default:void 0},offsetBottom:{default:void 0},target:{default:null},disabled:{type:Boolean,default:!1}},emits:["change"],setup(f,{emit:m}){const t=f,h=m,n=(0,e.ref)(!1),o=(0,e.ref)(0),r=(0,e.ref)(null),l=(0,e.ref)(null),g=(0,e.computed)(()=>!t.disabled&&(t.offsetTop!=null||t.offsetBottom!=null)),x=(0,e.computed)(()=>`${-(t.offsetTop??0)}px 0px ${-(t.offsetBottom??0)}px 0px`),d=(0,e.computed)(()=>({"--skdx-affix-height":`${o.value}px`}));return(0,e.onMounted)(()=>{o.value=l.value?.offsetHeight??0}),(0,e.watchEffect)(a=>{const i=t.target??null,_=x.value,u=r.value;if(!g.value||!u||typeof IntersectionObserver>"u")return;const c=new IntersectionObserver(v=>{const p=v[v.length-1];if(!p)return;const s=!p.isIntersecting;n.value!==s&&(o.value=l.value?.offsetHeight??0,n.value=s,h("change",s))},{root:i,rootMargin:_,threshold:0});c.observe(u),a(()=>c.disconnect())},{flush:"post"}),(a,i)=>((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,null,[(0,e.createElementVNode)("div",{ref_key:"sentinelRef",ref:r,"data-skdx-affix-sentinel":"","aria-hidden":"true",style:(0,e.normalizeStyle)(d.value)},null,4),(0,e.createElementVNode)("div",(0,e.mergeProps)({class:"skdx-affix","data-part":"root","data-skdx-component":"affix",ref_key:"elementRef",ref:l,"data-state":n.value?"affixed":"static","data-disabled":f.disabled?"":void 0},a.$attrs,{style:d.value}),[(0,e.renderSlot)(a.$slots,"default")],16,b)],64))}});exports.default=y;
+let e=require("vue");var y=["data-state","data-disabled"],k=(0,e.defineComponent)({inheritAttrs:!1,__name:"Affix",props:{offsetTop:{default:void 0},offsetBottom:{default:void 0},target:{default:null},disabled:{type:Boolean,default:!1}},emits:["change"],setup(r,{emit:m}){const t=r,x=m,f=(0,e.ref)(!1),s=(0,e.ref)(0),i=(0,e.ref)(null),a=(0,e.ref)(null),h=(0,e.computed)(()=>!t.disabled&&(t.offsetTop!=null||t.offsetBottom!=null)),g=(0,e.computed)(()=>`${-(t.offsetTop??0)}px 0px ${-(t.offsetBottom??0)}px 0px`),u=(0,e.computed)(()=>({"--skdx-affix-height":`${s.value}px`})),b=(0,e.computed)(()=>({...u.value,"--skdx-affix-offset-top":t.offsetTop==null?"auto":`${t.offsetTop}px`,"--skdx-affix-offset-bottom":t.offsetBottom==null?"auto":`${t.offsetBottom}px`}));return(0,e.onMounted)(()=>{const o=a.value;if(!o||(s.value=o.offsetHeight,typeof ResizeObserver>"u"))return;const n=new ResizeObserver(()=>{s.value=o.offsetHeight});n.observe(o),(0,e.onBeforeUnmount)(()=>n.disconnect())}),(0,e.watchEffect)(o=>{const n=t.target??null,_=g.value,d=i.value;if(!h.value||!d||typeof IntersectionObserver>"u")return;const c=new IntersectionObserver(v=>{const p=v[v.length-1];if(!p)return;const l=!p.isIntersecting;f.value!==l&&(s.value=a.value?.offsetHeight??0,f.value=l,x("change",l))},{root:n,rootMargin:_,threshold:0});c.observe(d),o(()=>c.disconnect())},{flush:"post"}),(o,n)=>((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,null,[(0,e.createElementVNode)("div",{ref_key:"sentinelRef",ref:i,"data-skdx-affix-sentinel":"","aria-hidden":"true",style:(0,e.normalizeStyle)(u.value)},null,4),(0,e.createElementVNode)("div",(0,e.mergeProps)({class:"skdx-affix","data-part":"root","data-skdx-component":"affix",ref_key:"elementRef",ref:a,"data-state":f.value?"affixed":"static","data-disabled":r.disabled?"":void 0},o.$attrs,{style:b.value}),[(0,e.renderSlot)(o.$slots,"default")],16,y)],64))}});exports.default=k;

package/dist/affix/Affix.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{Fragment as e,computed as t,createElementBlock as a,createElementVNode as s,defineComponent as o,mergeProps as l,normalizeStyle as n,onMounted as f,openBlock as r,ref as d,renderSlot as i,watchEffect as u}from"vue";var v=["data-state","data-disabled"],c=/* @__PURE__ */o({inheritAttrs:!1,__name:"Affix",props:{offsetTop:{default:void 0},offsetBottom:{default:void 0},target:{default:null},disabled:{type:Boolean,default:!1}},emits:["change"],setup(o,{emit:c}){const p=o,m=c,x=d(!1),h=d(0),g=d(null),b=d(null),k=t(()=>!p.disabled&&(null!=p.offsetTop||null!=p.offsetBottom)),y=t(()=>`${-(p.offsetTop??0)}px 0px ${-(p.offsetBottom??0)}px 0px`),B=t(()=>({"--skdx-affix-height":`${h.value}px`}));return f(()=>{h.value=b.value?.offsetHeight??0}),u(e=>{const t=p.target??null,a=y.value,s=g.value;if(!k.value||!s||typeof IntersectionObserver>"u")return;const o=new IntersectionObserver(e=>{const t=e[e.length-1];if(!t)return;const a=!t.isIntersecting;x.value!==a&&(h.value=b.value?.offsetHeight??0,x.value=a,m("change",a))},{root:t,rootMargin:a,threshold:0});o.observe(s),e(()=>o.disconnect())},{flush:"post"}),(t,f)=>(r(),a(e,null,[s("div",{ref_key:"sentinelRef",ref:g,"data-skdx-affix-sentinel":"","aria-hidden":"true",style:n(B.value)},null,4),s("div",l({class:"skdx-affix","data-part":"root","data-skdx-component":"affix",ref_key:"elementRef",ref:b,"data-state":x.value?"affixed":"static","data-disabled":o.disabled?"":void 0},t.$attrs,{style:B.value}),[i(t.$slots,"default")],16,v)],64))}});export{c as default};
+import{Fragment as e,computed as t,createElementBlock as o,createElementVNode as a,defineComponent as s,mergeProps as f,normalizeStyle as l,onBeforeUnmount as n,onMounted as r,openBlock as i,ref as u,renderSlot as d,watchEffect as p}from"vue";var v=["data-state","data-disabled"],c=/* @__PURE__ */s({inheritAttrs:!1,__name:"Affix",props:{offsetTop:{default:void 0},offsetBottom:{default:void 0},target:{default:null},disabled:{type:Boolean,default:!1}},emits:["change"],setup(s,{emit:c}){const x=s,m=c,h=u(!1),g=u(0),b=u(null),k=u(null),B=t(()=>!x.disabled&&(null!=x.offsetTop||null!=x.offsetBottom)),y=t(()=>`${-(x.offsetTop??0)}px 0px ${-(x.offsetBottom??0)}px 0px`),$=t(()=>({"--skdx-affix-height":`${g.value}px`})),T=t(()=>({...$.value,"--skdx-affix-offset-top":null==x.offsetTop?"auto":`${x.offsetTop}px`,"--skdx-affix-offset-bottom":null==x.offsetBottom?"auto":`${x.offsetBottom}px`}));return r(()=>{const e=k.value;if(!e||(g.value=e.offsetHeight,typeof ResizeObserver>"u"))return;const t=new ResizeObserver(()=>{g.value=e.offsetHeight});t.observe(e),n(()=>t.disconnect())}),p(e=>{const t=x.target??null,o=y.value,a=b.value;if(!B.value||!a||typeof IntersectionObserver>"u")return;const s=new IntersectionObserver(e=>{const t=e[e.length-1];if(!t)return;const o=!t.isIntersecting;h.value!==o&&(g.value=k.value?.offsetHeight??0,h.value=o,m("change",o))},{root:t,rootMargin:o,threshold:0});s.observe(a),e(()=>s.disconnect())},{flush:"post"}),(t,n)=>(i(),o(e,null,[a("div",{ref_key:"sentinelRef",ref:b,"data-skdx-affix-sentinel":"","aria-hidden":"true",style:l($.value)},null,4),a("div",f({class:"skdx-affix","data-part":"root","data-skdx-component":"affix",ref_key:"elementRef",ref:k,"data-state":h.value?"affixed":"static","data-disabled":s.disabled?"":void 0},t.$attrs,{style:T.value}),[d(t.$slots,"default")],16,v)],64))}});export{c as default};

package/dist/alert/Alert.vue.d.cts

@@ -5,9 +5,34 @@
  * `<SkdxAlertTitle>`/`<SkdxAlertDescription>`/`<SkdxAlertClose>` can `inject()`
  * them — Vue's equivalent of React context for slotted content.
  *
+ * ```vue
+ * <SkdxAlert data-status="success" title="Saved" description="Your changes are live." />
+ * ```
+ *
+ * Severity is the author-set `data-status` attribute, not a prop: write it on
+ * the alert and it lands on the live region, which is what the skin keys the
+ * wash, the leading-edge stripe and the icon colour on. `AlertStatus` types
+ * its values. It is not an accessible name — an alert with a non-neutral
+ * status must also carry an `icon` or say the severity in its `title`.
+ *
+ * Given no default slot it derives its anatomy from `title`, `description`,
+ * `dismissible` and the `icon`/`action` slots; given one, that content is the
+ * alert body and nothing is derived. The parts are advanced primitives —
+ * `@skdx/vue/primitives/alert`.
+ *
  * Works controlled (`v-model:open`) or uncontrolled (`default-open`, which
  * defaults to `true`); when closed it renders nothing. Never dismisses on a
  * timer.
+ *
+ * **An alert that is open on first render is not announced.** A live region
+ * has to be in the accessibility tree *before* its text changes, and with
+ * `default-open` at `true` the region and its content mount together. The
+ * default is not changed, because a static banner has to keep rendering as it
+ * always did; an alert that must be announced has to mount after load, or the
+ * consumer has to render a persistent empty live region and fill it.
+ *
+ * Dismissal restores focus rather than dropping it on `document.body` — see
+ * `focusAfterAlertDismiss`.
  */
 type __VLS_Props = {
     /**
@@ -15,14 +40,47 @@ type __VLS_Props = {
      * Use `"alert"` for assertive, time-critical messages (WAI-ARIA alert role).
      */
     role?: 'status' | 'alert';
+    /**
+     * The alert's heading, rendered as the derived Title and pointed at by
+     * `aria-labelledby`.
+     * @default undefined
+     */
+    title?: string;
+    /**
+     * The alert's supporting text, rendered as the derived Description and
+     * pointed at by `aria-describedby`.
+     * @default undefined
+     */
+    description?: string;
+    /**
+     * Whether the derived anatomy renders a dismiss button, named by `closeLabel`.
+     * @default false
+     */
+    dismissible?: boolean;
     /** Controlled visibility. Pair with `v-model:open` or `@open-change`. */
     open?: boolean;
     /** Initial visibility, used only when the alert is uncontrolled. @default true */
     defaultOpen?: boolean;
+    /**
+     * Accessible name for `<SkdxAlertClose>`, an icon-only button with no visible text.
+     * Lives on the root, not the part. `aria-label` on `AlertClose` overrides.
+     * @default 'Dismiss'
+     */
+    closeLabel?: string;
+    /**
+     * Whether `Escape` dismisses the alert while focus is inside it. Opt-in;
+     * when enabled, focus restores to the nearest focusable element before the alert.
+     * @default false
+     */
+    dismissOnEscape?: boolean;
 };
-declare var __VLS_1: {};
+declare var __VLS_1: {}, __VLS_6: {}, __VLS_8: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
+} & {
+    icon?: (props: typeof __VLS_6) => any;
+} & {
+    action?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:open": (open: boolean) => any;
@@ -31,9 +89,14 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}
     "onUpdate:open"?: ((open: boolean) => any) | undefined;
     "onOpen-change"?: ((open: boolean) => any) | undefined;
 }>, {
+    title: string;
+    description: string;
+    dismissible: boolean;
     role: "status" | "alert";
     open: boolean;
     defaultOpen: boolean;
+    closeLabel: string;
+    dismissOnEscape: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;