@skdx/vue 0.28.0 → 0.30.0

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

@@ -1,8 +1,4 @@
-/**
- * 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).
- */
+/** Toggle button for an accordion item; renders a button with aria-expanded/aria-controls state. */
 type __VLS_Props = {};
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {

package/dist/accordion/AccordionTrigger.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-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;
+const o=require("../utils/injectRequired.cjs"),i=require("./context.cjs");let e=require("vue");var c=["id","aria-controls","aria-expanded","aria-disabled","data-state","data-disabled","data-orientation","disabled"],l=(0,e.defineComponent)({__name:"AccordionTrigger",setup(s){const n=o.injectRequired(i.ACCORDION_CONTEXT,"<SkdxAccordionTrigger> must be used inside <SkdxAccordionItem>."),t=o.injectRequired(i.ACCORDION_ITEM_CONTEXT,"<SkdxAccordionTrigger> must be used inside <SkdxAccordionItem>."),d=(0,e.computed)(()=>t.open.value&&n.type==="single"&&!n.collapsible);function u(r){const a=r.detail===0?"keyboard":"pointer";t.open.value?n.onItemClose(t.value,a):n.onItemOpen(t.value,a)}return(r,a)=>((0,e.openBlock)(),(0,e.createElementBlock)("button",{id:(0,e.unref)(t).triggerId,class:"skdx-accordion__trigger","data-part":"trigger",type:"button","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":d.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)(n).orientation,disabled:(0,e.unref)(t).disabled.value,onClick:u},[(0,e.renderSlot)(r.$slots,"default")],8,c))}});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{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};
+import{injectRequired as e}from"../utils/injectRequired.js";import{ACCORDION_CONTEXT as a,ACCORDION_ITEM_CONTEXT as t}from"./context.js";import{computed as o,createElementBlock as d,defineComponent as i,openBlock as n,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__ */i({__name:"AccordionTrigger",setup(i){const c=e(a,"<SkdxAccordionTrigger> must be used inside <SkdxAccordionItem>."),u=e(t,"<SkdxAccordionTrigger> must be used inside <SkdxAccordionItem>."),p=o(()=>u.open.value&&"single"===c.type&&!c.collapsible);function m(e){const a=0===e.detail?"keyboard":"pointer";u.open.value?c.onItemClose(u.value,a):c.onItemOpen(u.value,a)}return(e,a)=>(n(),d("button",{id:s(u).triggerId,class:"skdx-accordion__trigger","data-part":"trigger",type:"button","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:m},[r(e.$slots,"default")],8,l))}});export{c as default};

package/dist/accordion/context.d.cts

@@ -1,9 +1,10 @@
 import type { ComputedRef, InjectionKey, Ref } from 'vue';
+import type { SelectionChangeReason } from '../utils/selection.cjs';
 /** @internal Injection key an Accordion provides so its items can read/drive shared state. */
 export interface AccordionContext {
     value: Readonly<Ref<string[]>>;
-    onItemOpen: (value: string) => void;
-    onItemClose: (value: string) => void;
+    onItemOpen: (value: string, reason?: SelectionChangeReason) => void;
+    onItemClose: (value: string, reason?: SelectionChangeReason) => void;
     type: 'single' | 'multiple';
     collapsible: boolean;
     disabled: Readonly<Ref<boolean>>;

package/dist/accordion/context.d.ts

@@ -1,9 +1,10 @@
 import type { ComputedRef, InjectionKey, Ref } from 'vue';
+import type { SelectionChangeReason } from '../utils/selection.js';
 /** @internal Injection key an Accordion provides so its items can read/drive shared state. */
 export interface AccordionContext {
     value: Readonly<Ref<string[]>>;
-    onItemOpen: (value: string) => void;
-    onItemClose: (value: string) => void;
+    onItemOpen: (value: string, reason?: SelectionChangeReason) => void;
+    onItemClose: (value: string, reason?: SelectionChangeReason) => void;
     type: 'single' | 'multiple';
     collapsible: boolean;
     disabled: Readonly<Ref<boolean>>;

package/dist/accordion/primitives.d.cts

@@ -1,6 +1,5 @@
 /**
  * Advanced primitives for `SkdxAccordion` — the parts the recipe composes.
- * Use when the derived anatomy is not the structure you need.
  *
  * @example
  * ```vue

package/dist/accordion/primitives.d.ts

@@ -1,6 +1,5 @@
 /**
  * Advanced primitives for `SkdxAccordion` — the parts the recipe composes.
- * Use when the derived anatomy is not the structure you need.
  *
  * @example
  * ```vue

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

@@ -1,78 +1,52 @@
 /**
- * The Vue implementation of the shared Alert contract (see `@skdx/shared`'s
- * `alertContract`). Renders a live region and `provide()`s its generated
- * title/description ids plus its `setOpen` so a nested
- * `<SkdxAlertTitle>`/`<SkdxAlertDescription>`/`<SkdxAlertClose>` can `inject()`
- * them — Vue's equivalent of React context for slotted content.
+ * The Vue implementation of the shared Alert contract; renders a live region with generated title/description ids.
  *
  * ```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 = {
-    /**
-     * `"status"` (default) is a polite live region for informational banners.
-     * Use `"alert"` for assertive, time-critical messages (WAI-ARIA alert role).
-     */
+    /** Live region role; "status" is polite, "alert" is assertive for time-critical messages. */
     role?: 'status' | 'alert';
     /**
-     * The alert's heading, rendered as the derived Title and pointed at by
-     * `aria-labelledby`.
+     * The alert's heading, rendered as the derived Title and pointed at by aria-labelledby.
      * @default undefined
      */
-    title?: string;
+    title?: string | undefined;
     /**
-     * The alert's supporting text, rendered as the derived Description and
-     * pointed at by `aria-describedby`.
+     * The alert's supporting text, rendered as the derived Description and pointed at by aria-describedby.
      * @default undefined
      */
-    description?: string;
+    description?: string | undefined;
     /**
      * 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;
+    open?: boolean | undefined;
     /** 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.
+     * Whether Escape dismisses the alert while focus is inside it.
      * @default false
      */
     dismissOnEscape?: boolean;
+    /**
+     * Meaning the alert carries, reflected as `data-status` for the skin's colour.
+     * @default undefined — falls back to a `data-status` attribute.
+     */
+    status?: 'info' | 'success' | 'warning' | 'danger' | (string & {}) | undefined;
+    /**
+     * How heavily the skin fills the alert, reflected as `data-variant`.
+     * @default undefined — falls back to a `data-variant` attribute.
+     */
+    variant?: 'solid' | 'outline' | (string & {}) | undefined;
 };
 declare var __VLS_1: {}, __VLS_6: {}, __VLS_8: {};
 type __VLS_Slots = {} & {
@@ -86,14 +60,12 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}
     "update:open": (open: boolean) => any;
     "open-change": (open: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onUpdate:open"?: ((open: boolean) => any) | undefined;
-    "onOpen-change"?: ((open: boolean) => any) | undefined;
+    "onUpdate:open"?: (open: boolean) => any;
+    "onOpen-change"?: (open: boolean) => any;
 }>, {
-    title: string;
-    description: string;
-    dismissible: boolean;
     role: "status" | "alert";
-    open: boolean;
+    dismissible: boolean;
+    open: boolean | undefined;
     defaultOpen: boolean;
     closeLabel: string;
     dismissOnEscape: boolean;

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

@@ -1,78 +1,52 @@
 /**
- * The Vue implementation of the shared Alert contract (see `@skdx/shared`'s
- * `alertContract`). Renders a live region and `provide()`s its generated
- * title/description ids plus its `setOpen` so a nested
- * `<SkdxAlertTitle>`/`<SkdxAlertDescription>`/`<SkdxAlertClose>` can `inject()`
- * them — Vue's equivalent of React context for slotted content.
+ * The Vue implementation of the shared Alert contract; renders a live region with generated title/description ids.
  *
  * ```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 = {
-    /**
-     * `"status"` (default) is a polite live region for informational banners.
-     * Use `"alert"` for assertive, time-critical messages (WAI-ARIA alert role).
-     */
+    /** Live region role; "status" is polite, "alert" is assertive for time-critical messages. */
     role?: 'status' | 'alert';
     /**
-     * The alert's heading, rendered as the derived Title and pointed at by
-     * `aria-labelledby`.
+     * The alert's heading, rendered as the derived Title and pointed at by aria-labelledby.
      * @default undefined
      */
-    title?: string;
+    title?: string | undefined;
     /**
-     * The alert's supporting text, rendered as the derived Description and
-     * pointed at by `aria-describedby`.
+     * The alert's supporting text, rendered as the derived Description and pointed at by aria-describedby.
      * @default undefined
      */
-    description?: string;
+    description?: string | undefined;
     /**
      * 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;
+    open?: boolean | undefined;
     /** 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.
+     * Whether Escape dismisses the alert while focus is inside it.
      * @default false
      */
     dismissOnEscape?: boolean;
+    /**
+     * Meaning the alert carries, reflected as `data-status` for the skin's colour.
+     * @default undefined — falls back to a `data-status` attribute.
+     */
+    status?: 'info' | 'success' | 'warning' | 'danger' | (string & {}) | undefined;
+    /**
+     * How heavily the skin fills the alert, reflected as `data-variant`.
+     * @default undefined — falls back to a `data-variant` attribute.
+     */
+    variant?: 'solid' | 'outline' | (string & {}) | undefined;
 };
 declare var __VLS_1: {}, __VLS_6: {}, __VLS_8: {};
 type __VLS_Slots = {} & {
@@ -86,14 +60,12 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}
     "update:open": (open: boolean) => any;
     "open-change": (open: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onUpdate:open"?: ((open: boolean) => any) | undefined;
-    "onOpen-change"?: ((open: boolean) => any) | undefined;
+    "onUpdate:open"?: (open: boolean) => any;
+    "onOpen-change"?: (open: boolean) => any;
 }>, {
-    title: string;
-    description: string;
-    dismissible: boolean;
     role: "status" | "alert";
-    open: boolean;
+    dismissible: boolean;
+    open: boolean | undefined;
     defaultOpen: boolean;
     closeLabel: string;
     dismissOnEscape: boolean;

package/dist/alert/Alert.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const i=require("./context.cjs"),v=require("./AlertAnatomy.vue.cjs");let e=require("vue");var y=["role","aria-live","aria-labelledby","aria-describedby"],b=(0,e.defineComponent)({__name:"Alert",props:{role:{default:"status"},title:{default:void 0},description:{default:void 0},dismissible:{type:Boolean,default:!1},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!0},closeLabel:{default:"Dismiss"},dismissOnEscape:{type:Boolean,default:!1}},emits:["update:open","open-change"],setup(l,{emit:f}){const o=l,a=f,r=(0,e.ref)(o.defaultOpen),p=(0,e.computed)(()=>o.open??r.value),n=(0,e.ref)(null);let s=null;(0,e.onMounted)(()=>{s=n.value?.ownerDocument.activeElement??null});function d(t){t||i.focusAfterAlertDismiss(n.value,s),o.open===void 0&&(r.value=t),a("update:open",t),a("open-change",t)}function m(t){!o.dismissOnEscape||t.key!=="Escape"||(t.preventDefault(),d(!1))}const u=i.nextAlertId("title"),c=i.nextAlertId("description");return(0,e.provide)(i.ALERT_CONTEXT,{titleId:u,descriptionId:c,get closeLabel(){return o.closeLabel},setOpen:d}),(t,k)=>p.value?((0,e.openBlock)(),(0,e.createElementBlock)("div",{key:0,class:"skdx-alert","data-part":"root","data-skdx-component":"alert",role:l.role,"aria-live":l.role==="alert"?"assertive":"polite","aria-labelledby":(0,e.unref)(u),"aria-describedby":(0,e.unref)(c),ref_key:"rootRef",ref:n,onKeydown:m},[(0,e.renderSlot)(t.$slots,"default",{},()=>[(0,e.createVNode)(v.default,{title:l.title,description:l.description,dismissible:l.dismissible},(0,e.createSlots)({_:2},[t.$slots.icon?{name:"icon",fn:(0,e.withCtx)(()=>[(0,e.renderSlot)(t.$slots,"icon")]),key:"0"}:void 0,t.$slots.action?{name:"action",fn:(0,e.withCtx)(()=>[(0,e.renderSlot)(t.$slots,"action")]),key:"1"}:void 0]),1032,["title","description","dismissible"])])],40,y)):(0,e.createCommentVNode)("",!0)}});exports.default=b;
+const k=require("../utils/appearance.cjs"),l=require("./context.cjs"),O=require("./AlertDescription.vue.cjs"),E=require("./AlertTitle.vue.cjs"),$=require("./AlertAnatomy.vue.cjs");let e=require("vue");var g=["role","aria-live","aria-labelledby","aria-describedby"],B=(0,e.defineComponent)({inheritAttrs:!1,__name:"Alert",props:{role:{default:"status"},title:{},description:{},dismissible:{type:Boolean,default:!1},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!0},closeLabel:{default:"Dismiss"},dismissOnEscape:{type:Boolean,default:!1},status:{},variant:{}},emits:["update:open","open-change"],setup(i,{emit:y}){const r=i,u=y,d=(0,e.ref)(r.defaultOpen),b=(0,e.computed)(()=>r.open??d.value),s=(0,e.ref)(null);let c=null;(0,e.onMounted)(()=>{c=s.value?.ownerDocument.activeElement??null});function f(t){t||l.focusAfterAlertDismiss(s.value,c),r.open===void 0&&(d.value=t),u("update:open",t),u("open-change",t)}function A(t){!r.dismissOnEscape||t.key!=="Escape"||(t.preventDefault(),f(!1))}const p=l.nextAlertId("title"),v=l.nextAlertId("description"),m=(0,e.useSlots)();function a(t,o){return t?t.some(n=>n.type===o||n.type===e.Fragment&&a(n.children,o)):!1}const q=()=>r.title!==void 0||a(m.default?.(),E.default),h=()=>r.description!==void 0||a(m.default?.(),O.default);return(0,e.provide)(l.ALERT_CONTEXT,{titleId:p,descriptionId:v,get closeLabel(){return r.closeLabel},setOpen:f}),(t,o)=>b.value?((0,e.openBlock)(),(0,e.createElementBlock)("div",(0,e.mergeProps)({key:0,ref_key:"rootRef",ref:s,class:"skdx-alert","data-part":"root","data-skdx-component":"alert",role:i.role,"aria-live":i.role==="alert"?"assertive":"polite","aria-labelledby":q()?(0,e.unref)(p):void 0,"aria-describedby":h()?(0,e.unref)(v):void 0},{...t.$attrs,...(0,e.unref)(k.appearanceAttrs)({status:i.status,variant:i.variant},t.$attrs)},{onKeydown:A}),[(0,e.renderSlot)(t.$slots,"default",{},()=>[(0,e.createVNode)($.default,{title:i.title,description:i.description,dismissible:i.dismissible},(0,e.createSlots)({_:2},[t.$slots.icon?{name:"icon",fn:(0,e.withCtx)(()=>[(0,e.renderSlot)(t.$slots,"icon")]),key:"0"}:void 0,t.$slots.action?{name:"action",fn:(0,e.withCtx)(()=>[(0,e.renderSlot)(t.$slots,"action")]),key:"1"}:void 0]),1032,["title","description","dismissible"])])],16,g)):(0,e.createCommentVNode)("",!0)}});exports.default=B;

package/dist/alert/Alert.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{ALERT_CONTEXT as e,focusAfterAlertDismiss as t,nextAlertId as a}from"./context.js";import o from"./AlertAnatomy.vue.js";import{computed as s,createCommentVNode as l,createElementBlock as i,createSlots as n,createVNode as r,defineComponent as d,onMounted as p,openBlock as c,provide as u,ref as f,renderSlot as m,unref as v,withCtx as b}from"vue";var y=["role","aria-live","aria-labelledby","aria-describedby"],k=/* @__PURE__ */d({__name:"Alert",props:{role:{default:"status"},title:{default:void 0},description:{default:void 0},dismissible:{type:Boolean,default:!1},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!0},closeLabel:{default:"Dismiss"},dismissOnEscape:{type:Boolean,default:!1}},emits:["update:open","open-change"],setup(d,{emit:k}){const A=d,E=k,x=f(A.defaultOpen),B=s(()=>A.open??x.value),O=f(null);let $=null;function _(e){e||t(O.value,$),void 0===A.open&&(x.value=e),E("update:open",e),E("open-change",e)}function C(e){!A.dismissOnEscape||"Escape"!==e.key||(e.preventDefault(),_(!1))}p(()=>{$=O.value?.ownerDocument.activeElement??null});const D=a("title"),L=a("description");return u(e,{titleId:D,descriptionId:L,get closeLabel(){return A.closeLabel},setOpen:_}),(e,t)=>B.value?(c(),i("div",{key:0,class:"skdx-alert","data-part":"root","data-skdx-component":"alert",role:d.role,"aria-live":"alert"===d.role?"assertive":"polite","aria-labelledby":v(D),"aria-describedby":v(L),ref_key:"rootRef",ref:O,onKeydown:C},[m(e.$slots,"default",{},()=>[r(o,{title:d.title,description:d.description,dismissible:d.dismissible},n({_:2},[e.$slots.icon?{name:"icon",fn:b(()=>[m(e.$slots,"icon")]),key:"0"}:void 0,e.$slots.action?{name:"action",fn:b(()=>[m(e.$slots,"action")]),key:"1"}:void 0]),1032,["title","description","dismissible"])])],40,y)):l("",!0)}});export{k as default};
+import{appearanceAttrs as e}from"../utils/appearance.js";import{ALERT_CONTEXT as t,focusAfterAlertDismiss as a,nextAlertId as s}from"./context.js";import o from"./AlertDescription.vue.js";import i from"./AlertTitle.vue.js";import l from"./AlertAnatomy.vue.js";import{Fragment as r,computed as n,createCommentVNode as d,createElementBlock as p,createSlots as c,createVNode as u,defineComponent as m,mergeProps as f,onMounted as v,openBlock as y,provide as b,ref as A,renderSlot as k,unref as E,useSlots as $,withCtx as x}from"vue";var B=["role","aria-live","aria-labelledby","aria-describedby"],O=/* @__PURE__ */m({inheritAttrs:!1,__name:"Alert",props:{role:{default:"status"},title:{},description:{},dismissible:{type:Boolean,default:!1},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!0},closeLabel:{default:"Dismiss"},dismissOnEscape:{type:Boolean,default:!1},status:{},variant:{}},emits:["update:open","open-change"],setup(m,{emit:O}){const g=m,h=O,j=A(g.defaultOpen),D=n(()=>g.open??j.value),_=A(null);let C=null;function L(e){e||a(_.value,C),void 0===g.open&&(j.value=e),h("update:open",e),h("open-change",e)}function T(e){!g.dismissOnEscape||"Escape"!==e.key||(e.preventDefault(),L(!1))}v(()=>{C=_.value?.ownerDocument.activeElement??null});const w=s("title"),I=s("description"),N=$();function S(e,t){return!!e&&e.some(e=>e.type===t||e.type===r&&S(e.children,t))}return b(t,{titleId:w,descriptionId:I,get closeLabel(){return g.closeLabel},setOpen:L}),(t,a)=>D.value?(y(),p("div",f({key:0,ref_key:"rootRef",ref:_,class:"skdx-alert","data-part":"root","data-skdx-component":"alert",role:m.role,"aria-live":"alert"===m.role?"assertive":"polite","aria-labelledby":void 0!==g.title||S(N.default?.(),i)?E(w):void 0,"aria-describedby":void 0!==g.description||S(N.default?.(),o)?E(I):void 0},{...t.$attrs,...E(e)({status:m.status,variant:m.variant},t.$attrs)},{onKeydown:T}),[k(t.$slots,"default",{},()=>[u(l,{title:m.title,description:m.description,dismissible:m.dismissible},c({_:2},[t.$slots.icon?{name:"icon",fn:x(()=>[k(t.$slots,"icon")]),key:"0"}:void 0,t.$slots.action?{name:"action",fn:x(()=>[k(t.$slots,"action")]),key:"1"}:void 0]),1032,["title","description","dismissible"])])],16,B)):d("",!0)}});export{O as default};

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

@@ -1,8 +1,4 @@
-/**
- * Container for the alert's buttons and links ("Retry", "View details"). A
- * plain `<div>` with no role and no behavior — it exists so the action row is
- * an addressable part to style and compose against.
- */
+/** Container for the alert's buttons and links; a plain div with no role or behavior. */
 type __VLS_Props = {};
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {

package/dist/alert/AlertAction.vue.d.ts

@@ -1,8 +1,4 @@
-/**
- * Container for the alert's buttons and links ("Retry", "View details"). A
- * plain `<div>` with no role and no behavior — it exists so the action row is
- * an addressable part to style and compose against.
- */
+/** Container for the alert's buttons and links; a plain div with no role or behavior. */
 type __VLS_Props = {};
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {

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

@@ -1,12 +1,8 @@
-/**
- * Anatomy when default slot empty: icon, title/description, action row, dismiss (if dismissible).
- * React port's `AlertAnatomy.tsx` must stay synchronized.
- * @internal
- */
+/** @internal Anatomy when the default slot is empty: icon, title/description, action row, dismiss button. */
 type __VLS_Props = {
-    title?: string;
-    description?: string;
-    dismissible?: boolean;
+    title?: string | undefined;
+    description?: string | undefined;
+    dismissible?: boolean | undefined;
 };
 declare var __VLS_4: {}, __VLS_15: {};
 type __VLS_Slots = {} & {
@@ -15,9 +11,9 @@ type __VLS_Slots = {} & {
     action?: (props: typeof __VLS_15) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    title: string;
-    description: string;
-    dismissible: boolean;
+    title: string | undefined;
+    description: string | undefined;
+    dismissible: boolean | undefined;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/alert/AlertAnatomy.vue.d.ts

@@ -1,12 +1,8 @@
-/**
- * Anatomy when default slot empty: icon, title/description, action row, dismiss (if dismissible).
- * React port's `AlertAnatomy.tsx` must stay synchronized.
- * @internal
- */
+/** @internal Anatomy when the default slot is empty: icon, title/description, action row, dismiss button. */
 type __VLS_Props = {
-    title?: string;
-    description?: string;
-    dismissible?: boolean;
+    title?: string | undefined;
+    description?: string | undefined;
+    dismissible?: boolean | undefined;
 };
 declare var __VLS_4: {}, __VLS_15: {};
 type __VLS_Slots = {} & {
@@ -15,9 +11,9 @@ type __VLS_Slots = {} & {
     action?: (props: typeof __VLS_15) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    title: string;
-    description: string;
-    dismissible: boolean;
+    title: string | undefined;
+    description: string | undefined;
+    dismissible: boolean | undefined;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/alert/AlertAnatomy.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const i=require("./AlertAction.vue.cjs"),n=require("./AlertClose.vue.cjs"),u=require("./AlertDescription.vue.cjs"),a=require("./AlertIcon.vue.cjs"),c=require("./AlertTitle.vue.cjs");let e=require("vue");var d=(0,e.defineComponent)({__name:"AlertAnatomy",props:{title:{default:void 0},description:{default:void 0},dismissible:{type:Boolean,default:!1}},setup(t){const r=(0,e.useSlots)();return(o,l)=>((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,null,[(0,e.unref)(r).icon?((0,e.openBlock)(),(0,e.createBlock)(a.default,{key:0},{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(o.$slots,"icon")]),_:3})):(0,e.createCommentVNode)("",!0),t.title?((0,e.openBlock)(),(0,e.createBlock)(c.default,{key:1},{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(t.title),1)]),_:1})):(0,e.createCommentVNode)("",!0),t.description?((0,e.openBlock)(),(0,e.createBlock)(u.default,{key:2},{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(t.description),1)]),_:1})):(0,e.createCommentVNode)("",!0),(0,e.unref)(r).action?((0,e.openBlock)(),(0,e.createBlock)(i.default,{key:3},{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(o.$slots,"action")]),_:3})):(0,e.createCommentVNode)("",!0),t.dismissible?((0,e.openBlock)(),(0,e.createBlock)(n.default,{key:4},{default:(0,e.withCtx)(()=>[...l[0]||(l[0]=[(0,e.createElementVNode)("svg",{viewBox:"0 0 16 16",width:"1em",height:"1em",fill:"none","aria-hidden":"true",focusable:"false"},[(0,e.createElementVNode)("path",{d:"M4 4l8 8M12 4l-8 8",stroke:"currentColor","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"})],-1)])]),_:1})):(0,e.createCommentVNode)("",!0)],64))}});exports.default=d;
+const l=require("../utils/Glyph.vue.cjs"),i=require("./AlertAction.vue.cjs"),n=require("./AlertClose.vue.cjs"),c=require("./AlertDescription.vue.cjs"),u=require("./AlertIcon.vue.cjs"),a=require("./AlertTitle.vue.cjs");let e=require("vue");var d=(0,e.defineComponent)({__name:"AlertAnatomy",props:{title:{default:void 0},description:{default:void 0},dismissible:{type:Boolean,default:!1}},setup(t){const r=(0,e.useSlots)();return(o,s)=>((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,null,[(0,e.unref)(r).icon?((0,e.openBlock)(),(0,e.createBlock)(u.default,{key:0},{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(o.$slots,"icon")]),_:3})):(0,e.createCommentVNode)("",!0),t.title?((0,e.openBlock)(),(0,e.createBlock)(a.default,{key:1},{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(t.title),1)]),_:1})):(0,e.createCommentVNode)("",!0),t.description?((0,e.openBlock)(),(0,e.createBlock)(c.default,{key:2},{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(t.description),1)]),_:1})):(0,e.createCommentVNode)("",!0),(0,e.unref)(r).action?((0,e.openBlock)(),(0,e.createBlock)(i.default,{key:3},{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(o.$slots,"action")]),_:3})):(0,e.createCommentVNode)("",!0),t.dismissible?((0,e.openBlock)(),(0,e.createBlock)(n.default,{key:4},{default:(0,e.withCtx)(()=>[(0,e.createVNode)(l.default,{name:"close"})]),_:1})):(0,e.createCommentVNode)("",!0)],64))}});exports.default=d;

package/dist/alert/AlertAnatomy.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import e from"./AlertAction.vue.js";import t from"./AlertClose.vue.js";import o from"./AlertDescription.vue.js";import r from"./AlertIcon.vue.js";import s from"./AlertTitle.vue.js";import{Fragment as i,createBlock as l,createCommentVNode as a,createElementBlock as n,createElementVNode as d,createTextVNode as u,defineComponent as m,openBlock as c,renderSlot as f,toDisplayString as p,unref as k,useSlots as v,withCtx as y}from"vue";var A=/* @__PURE__ */m({__name:"AlertAnatomy",props:{title:{default:void 0},description:{default:void 0},dismissible:{type:Boolean,default:!1}},setup(m){const A=v();return(v,h)=>(c(),n(i,null,[k(A).icon?(c(),l(r,{key:0},{default:y(()=>[f(v.$slots,"icon")]),_:3})):a("",!0),m.title?(c(),l(s,{key:1},{default:y(()=>[u(p(m.title),1)]),_:1})):a("",!0),m.description?(c(),l(o,{key:2},{default:y(()=>[u(p(m.description),1)]),_:1})):a("",!0),k(A).action?(c(),l(e,{key:3},{default:y(()=>[f(v.$slots,"action")]),_:3})):a("",!0),m.dismissible?(c(),l(t,{key:4},{default:y(()=>[...h[0]||(h[0]=[d("svg",{viewBox:"0 0 16 16",width:"1em",height:"1em",fill:"none","aria-hidden":"true",focusable:"false"},[d("path",{d:"M4 4l8 8M12 4l-8 8",stroke:"currentColor","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"})],-1)])]),_:1})):a("",!0)],64))}});export{A as default};
+import e from"../utils/Glyph.vue.js";import t from"./AlertAction.vue.js";import o from"./AlertClose.vue.js";import s from"./AlertDescription.vue.js";import r from"./AlertIcon.vue.js";import a from"./AlertTitle.vue.js";import{Fragment as i,createBlock as l,createCommentVNode as n,createElementBlock as m,createTextVNode as u,createVNode as d,defineComponent as c,openBlock as p,renderSlot as f,toDisplayString as v,unref as y,useSlots as k,withCtx as A}from"vue";var _=/* @__PURE__ */c({__name:"AlertAnatomy",props:{title:{default:void 0},description:{default:void 0},dismissible:{type:Boolean,default:!1}},setup(c){const _=k();return(k,j)=>(p(),m(i,null,[y(_).icon?(p(),l(r,{key:0},{default:A(()=>[f(k.$slots,"icon")]),_:3})):n("",!0),c.title?(p(),l(a,{key:1},{default:A(()=>[u(v(c.title),1)]),_:1})):n("",!0),c.description?(p(),l(s,{key:2},{default:A(()=>[u(v(c.description),1)]),_:1})):n("",!0),y(_).action?(p(),l(t,{key:3},{default:A(()=>[f(k.$slots,"action")]),_:3})):n("",!0),c.dismissible?(p(),l(o,{key:4},{default:A(()=>[d(e,{name:"close"})]),_:1})):n("",!0)],64))}});export{_ as default};

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

@@ -1,7 +1,4 @@
-/**
- * Button that dismisses the alert, moving focus to the nearest focusable
- * element before it. Uses the root's `closeLabel` as the accessible name.
- */
+/** Button that dismisses the alert, using the root's closeLabel as its accessible name. */
 type __VLS_Props = {};
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {

package/dist/alert/AlertClose.vue.d.ts

@@ -1,7 +1,4 @@
-/**
- * Button that dismisses the alert, moving focus to the nearest focusable
- * element before it. Uses the root's `closeLabel` as the accessible name.
- */
+/** Button that dismisses the alert, using the root's closeLabel as its accessible name. */
 type __VLS_Props = {};
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {

package/dist/alert/AlertClose.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const n=require("./context.cjs");let e=require("vue");var o=["aria-label"],s=(0,e.defineComponent)({__name:"AlertClose",setup(a){const t=(0,e.inject)(n.ALERT_CONTEXT);if(!t)throw new Error("<SkdxAlertClose> must be used inside <SkdxAlert>.");return(l,r)=>((0,e.openBlock)(),(0,e.createElementBlock)("button",{class:"skdx-alert__close","data-part":"close",type:"button","aria-label":(0,e.unref)(t).closeLabel,onClick:r[0]||(r[0]=u=>(0,e.unref)(t).setOpen(!1))},[(0,e.renderSlot)(l.$slots,"default")],8,o))}});exports.default=s;
+const n=require("../utils/injectRequired.cjs"),s=require("./context.cjs");let e=require("vue");var u=["aria-label"],o=(0,e.defineComponent)({__name:"AlertClose",setup(a){const t=n.injectRequired(s.ALERT_CONTEXT,"<SkdxAlertClose> must be used inside <SkdxAlert>.");return(l,r)=>((0,e.openBlock)(),(0,e.createElementBlock)("button",{class:"skdx-alert__close","data-part":"close",type:"button","aria-label":(0,e.unref)(t).closeLabel,onClick:r[0]||(r[0]=_=>(0,e.unref)(t).setOpen(!1))},[(0,e.renderSlot)(l.$slots,"default")],8,u))}});exports.default=o;

package/dist/alert/AlertClose.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{ALERT_CONTEXT as e}from"./context.js";import{createElementBlock as t,defineComponent as a,inject as s,openBlock as o,renderSlot as l,unref as r}from"vue";var n=["aria-label"],c=/* @__PURE__ */a({__name:"AlertClose",setup(a){const c=s(e);if(!c)throw new Error("<SkdxAlertClose> must be used inside <SkdxAlert>.");return(e,a)=>(o(),t("button",{class:"skdx-alert__close","data-part":"close",type:"button","aria-label":r(c).closeLabel,onClick:a[0]||(a[0]=e=>r(c).setOpen(!1))},[l(e.$slots,"default")],8,n))}});export{c as default};
+import{injectRequired as e}from"../utils/injectRequired.js";import{ALERT_CONTEXT as t}from"./context.js";import{createElementBlock as s,defineComponent as a,openBlock as l,renderSlot as o,unref as r}from"vue";var n=["aria-label"],i=/* @__PURE__ */a({__name:"AlertClose",setup(a){const i=e(t,"<SkdxAlertClose> must be used inside <SkdxAlert>.");return(e,t)=>(l(),s("button",{class:"skdx-alert__close","data-part":"close",type:"button","aria-label":r(i).closeLabel,onClick:t[0]||(t[0]=e=>r(i).setOpen(!1))},[o(e.$slots,"default")],8,n))}});export{i as default};

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

@@ -1,7 +1,4 @@
-/**
- * Renders a `<div>` with the `id` referenced by the parent `SkdxAlert`'s
- * `aria-describedby`. Must be used inside `<SkdxAlert>`.
- */
+/** Renders a div with the id referenced by the parent SkdxAlert's aria-describedby. */
 type __VLS_Props = {};
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {

package/dist/alert/AlertDescription.vue.d.ts

@@ -1,7 +1,4 @@
-/**
- * Renders a `<div>` with the `id` referenced by the parent `SkdxAlert`'s
- * `aria-describedby`. Must be used inside `<SkdxAlert>`.
- */
+/** Renders a div with the id referenced by the parent SkdxAlert's aria-describedby. */
 type __VLS_Props = {};
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {

package/dist/alert/AlertDescription.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const i=require("./context.cjs");let e=require("vue");var n=["id"],o=(0,e.defineComponent)({__name:"AlertDescription",setup(s){const t=(0,e.inject)(i.ALERT_CONTEXT);if(!t)throw new Error("<SkdxAlertDescription> must be used inside <SkdxAlert>.");return(r,d)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",{class:"skdx-alert__description","data-part":"description",id:(0,e.unref)(t).descriptionId},[(0,e.renderSlot)(r.$slots,"default")],8,n))}});exports.default=o;
+const i=require("../utils/injectRequired.cjs"),n=require("./context.cjs");let e=require("vue");var s=["id"],d=(0,e.defineComponent)({__name:"AlertDescription",setup(u){const t=i.injectRequired(n.ALERT_CONTEXT,"<SkdxAlertDescription> must be used inside <SkdxAlert>.");return(r,c)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",{id:(0,e.unref)(t).descriptionId,class:"skdx-alert__description","data-part":"description"},[(0,e.renderSlot)(r.$slots,"default")],8,s))}});exports.default=d;

package/dist/alert/AlertDescription.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{ALERT_CONTEXT as e}from"./context.js";import{createElementBlock as t,defineComponent as r,inject as s,openBlock as o,renderSlot as i,unref as n}from"vue";var a=["id"],d=/* @__PURE__ */r({__name:"AlertDescription",setup(r){const d=s(e);if(!d)throw new Error("<SkdxAlertDescription> must be used inside <SkdxAlert>.");return(e,r)=>(o(),t("div",{class:"skdx-alert__description","data-part":"description",id:n(d).descriptionId},[i(e.$slots,"default")],8,a))}});export{d as default};
+import{injectRequired as e}from"../utils/injectRequired.js";import{ALERT_CONTEXT as t}from"./context.js";import{createElementBlock as r,defineComponent as s,openBlock as i,renderSlot as o,unref as d}from"vue";var n=["id"],a=/* @__PURE__ */s({__name:"AlertDescription",setup(s){const a=e(t,"<SkdxAlertDescription> must be used inside <SkdxAlert>.");return(e,t)=>(i(),r("div",{id:d(a).descriptionId,class:"skdx-alert__description","data-part":"description"},[o(e.$slots,"default")],8,n))}});export{a as default};

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

@@ -1,7 +1,4 @@
-/**
- * Purely decorative icon slot for `SkdxAlert` — always rendered with
- * `aria-hidden="true"`.
- */
+/** Purely decorative icon slot for SkdxAlert; always rendered with aria-hidden="true". */
 type __VLS_Props = {};
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {

package/dist/alert/AlertIcon.vue.d.ts

@@ -1,7 +1,4 @@
-/**
- * Purely decorative icon slot for `SkdxAlert` — always rendered with
- * `aria-hidden="true"`.
- */
+/** Purely decorative icon slot for SkdxAlert; always rendered with aria-hidden="true". */
 type __VLS_Props = {};
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {

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

@@ -1,7 +1,4 @@
-/**
- * Renders an `<h3>` with the `id` referenced by the parent `SkdxAlert`'s
- * `aria-labelledby`. Must be used inside `<SkdxAlert>`.
- */
+/** Renders an h3 with the id referenced by the parent SkdxAlert's aria-labelledby. */
 type __VLS_Props = {};
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {

package/dist/alert/AlertTitle.vue.d.ts

@@ -1,7 +1,4 @@
-/**
- * Renders an `<h3>` with the `id` referenced by the parent `SkdxAlert`'s
- * `aria-labelledby`. Must be used inside `<SkdxAlert>`.
- */
+/** Renders an h3 with the id referenced by the parent SkdxAlert's aria-labelledby. */
 type __VLS_Props = {};
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {

package/dist/alert/AlertTitle.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const l=require("./context.cjs");let e=require("vue");var _=["id"],i=(0,e.defineComponent)({__name:"AlertTitle",setup(n){const t=(0,e.inject)(l.ALERT_CONTEXT);if(!t)throw new Error("<SkdxAlertTitle> must be used inside <SkdxAlert>.");return(r,u)=>((0,e.openBlock)(),(0,e.createElementBlock)("h3",{class:"skdx-alert__title","data-part":"title",id:(0,e.unref)(t).titleId},[(0,e.renderSlot)(r.$slots,"default")],8,_))}});exports.default=i;
+const i=require("../utils/injectRequired.cjs"),l=require("./context.cjs");let e=require("vue");var u=["id"],_=(0,e.defineComponent)({__name:"AlertTitle",setup(n){const t=i.injectRequired(l.ALERT_CONTEXT,"<SkdxAlertTitle> must be used inside <SkdxAlert>.");return(r,d)=>((0,e.openBlock)(),(0,e.createElementBlock)("h3",{id:(0,e.unref)(t).titleId,class:"skdx-alert__title","data-part":"title"},[(0,e.renderSlot)(r.$slots,"default")],8,u))}});exports.default=_;

package/dist/alert/AlertTitle.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{ALERT_CONTEXT as e}from"./context.js";import{createElementBlock as t,defineComponent as r,inject as s,openBlock as a,renderSlot as l,unref as o}from"vue";var i=["id"],n=/* @__PURE__ */r({__name:"AlertTitle",setup(r){const n=s(e);if(!n)throw new Error("<SkdxAlertTitle> must be used inside <SkdxAlert>.");return(e,r)=>(a(),t("h3",{class:"skdx-alert__title","data-part":"title",id:o(n).titleId},[l(e.$slots,"default")],8,i))}});export{n as default};
+import{injectRequired as e}from"../utils/injectRequired.js";import{ALERT_CONTEXT as t}from"./context.js";import{createElementBlock as r,defineComponent as s,openBlock as a,renderSlot as i,unref as l}from"vue";var o=["id"],d=/* @__PURE__ */s({__name:"AlertTitle",setup(s){const d=e(t,"<SkdxAlertTitle> must be used inside <SkdxAlert>.");return(e,t)=>(a(),r("h3",{id:l(d).titleId,class:"skdx-alert__title","data-part":"title"},[i(e.$slots,"default")],8,o))}});export{d as default};

package/dist/alert/context.cjs

@@ -1 +1 @@
-const s=require("../utils/id.cjs"),n=require("../utils/tabbable.cjs");var l=Symbol("skdx-alert-context");function o(t){return s.nextId(`alert-${t}`)}function c(t,r){for(let e=t?.previousElementSibling;e;e=e.previousElementSibling){const i=e.matches(n.TABBABLE_SELECTOR)?e:e.querySelector(n.TABBABLE_SELECTOR);if(i){i.focus();return}}r?.isConnected&&r.focus()}exports.ALERT_CONTEXT=l;exports.focusAfterAlertDismiss=c;exports.nextAlertId=o;
+const l=require("../utils/id.cjs"),r=require("../utils/tabbable.cjs");var u=Symbol("skdx-alert-context");function f(t){return l.nextId(`alert-${t}`)}function A(t,n){for(let e=t?.previousElementSibling;e;e=e.previousElementSibling){const o=e.matches(r.TABBABLE_SELECTOR)?e:e.querySelector(r.TABBABLE_SELECTOR);if(o){o.focus();return}}if(n?.isConnected&&n!==t?.ownerDocument.body){n.focus();return}const i=t?.ownerDocument;if(!t||!i)return;const c=Array.from(i.querySelectorAll(r.TABBABLE_SELECTOR)).filter(e=>!t.contains(e)),s=e=>(e.compareDocumentPosition(t)&Node.DOCUMENT_POSITION_FOLLOWING)!==0;(c.filter(s).at(-1)??c.find(e=>!s(e)))?.focus()}exports.ALERT_CONTEXT=u;exports.focusAfterAlertDismiss=A;exports.nextAlertId=f;

package/dist/alert/context.js

@@ -1 +1 @@
-import{nextId as t}from"../utils/id.js";import{TABBABLE_SELECTOR as e}from"../utils/tabbable.js";var s=/* @__PURE__ */Symbol("skdx-alert-context");function r(e){return t(`alert-${e}`)}function o(t,s){for(let s=t?.previousElementSibling;s;s=s.previousElementSibling){const t=s.matches(e)?s:s.querySelector(e);if(t)return void t.focus()}s?.isConnected&&s.focus()}export{s as ALERT_CONTEXT,o as focusAfterAlertDismiss,r as nextAlertId};
+import{nextId as e}from"../utils/id.js";import{TABBABLE_SELECTOR as t}from"../utils/tabbable.js";var o=/* @__PURE__ */Symbol("skdx-alert-context");function r(t){return e(`alert-${t}`)}function n(e,o){for(let o=e?.previousElementSibling;o;o=o.previousElementSibling){const e=o.matches(t)?o:o.querySelector(t);if(e)return void e.focus()}if(o?.isConnected&&o!==e?.ownerDocument.body)return void o.focus();const r=e?.ownerDocument;if(!e||!r)return;const n=Array.from(r.querySelectorAll(t)).filter(t=>!e.contains(t)),i=t=>0!==(t.compareDocumentPosition(e)&Node.DOCUMENT_POSITION_FOLLOWING);(n.filter(i).at(-1)??n.find(e=>!i(e)))?.focus()}export{o as ALERT_CONTEXT,n as focusAfterAlertDismiss,r as nextAlertId};

package/dist/alert/primitives.d.cts

@@ -1,6 +1,5 @@
 /**
  * Advanced primitives for `SkdxAlert` — the parts the recipe composes.
- * Use when the derived anatomy is not the structure you need.
  *
  * @example
  * ```vue

package/dist/alert/primitives.d.ts

@@ -1,6 +1,5 @@
 /**
  * Advanced primitives for `SkdxAlert` — the parts the recipe composes.
- * Use when the derived anatomy is not the structure you need.
  *
  * @example
  * ```vue