@skdx/vue 0.26.0

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

@@ -0,0 +1,86 @@
+/**
+ * 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.
+ *
+ * @example
+ * ```vue
+ * <SkdxAffix :offset-top="0" @change="affixed = $event">
+ *   <MyToolbar :shadow="affixed" />
+ * </SkdxAffix>
+ * ```
+ */
+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.
+     */
+    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.
+     */
+    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.
+     */
+    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.
+     */
+    disabled?: boolean;
+};
+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, {
+    change: (affixed: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onChange?: ((affixed: boolean) => any) | undefined;
+}>, {
+    disabled: boolean;
+    target: Element | null;
+    offsetTop: number;
+    offsetBottom: number;
+}, {}, {}, {}, 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/affix/Affix.vue.d.ts

@@ -0,0 +1,86 @@
+/**
+ * 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.
+ *
+ * @example
+ * ```vue
+ * <SkdxAffix :offset-top="0" @change="affixed = $event">
+ *   <MyToolbar :shadow="affixed" />
+ * </SkdxAffix>
+ * ```
+ */
+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.
+     */
+    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.
+     */
+    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.
+     */
+    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.
+     */
+    disabled?: boolean;
+};
+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, {
+    change: (affixed: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onChange?: ((affixed: boolean) => any) | undefined;
+}>, {
+    disabled: boolean;
+    target: Element | null;
+    offsetTop: number;
+    offsetBottom: number;
+}, {}, {}, {}, 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/affix/Affix.vue.js

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

package/dist/affix/Affix.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +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;

package/dist/affix/Affix.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +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};

package/dist/affix/index.cjs

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

package/dist/affix/index.d.cts

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

package/dist/affix/index.d.ts

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

package/dist/affix/index.js

@@ -0,0 +1 @@
+import f from"./Affix.vue.js";export{f as SkdxAffix};

package/dist/alert/Alert.vue.cjs

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

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

@@ -0,0 +1,44 @@
+/**
+ * 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.
+ *
+ * Works controlled (`v-model:open`) or uncontrolled (`default-open`, which
+ * defaults to `true`); when closed it renders nothing. Never dismisses on a
+ * timer.
+ */
+type __VLS_Props = {
+    /**
+     * `"status"` (default) is a polite live region for informational banners.
+     * Use `"alert"` for assertive, time-critical messages (WAI-ARIA alert role).
+     */
+    role?: 'status' | 'alert';
+    /** 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;
+};
+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, {
+    "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;
+}>, {
+    role: "status" | "alert";
+    open: boolean;
+    defaultOpen: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,44 @@
+/**
+ * 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.
+ *
+ * Works controlled (`v-model:open`) or uncontrolled (`default-open`, which
+ * defaults to `true`); when closed it renders nothing. Never dismisses on a
+ * timer.
+ */
+type __VLS_Props = {
+    /**
+     * `"status"` (default) is a polite live region for informational banners.
+     * Use `"alert"` for assertive, time-critical messages (WAI-ARIA alert role).
+     */
+    role?: 'status' | 'alert';
+    /** 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;
+};
+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, {
+    "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;
+}>, {
+    role: "status" | "alert";
+    open: boolean;
+    defaultOpen: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/alert/Alert.vue.js

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

package/dist/alert/Alert.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const o=require("./context.cjs");let e=require("vue");var c=["role","aria-live","aria-labelledby","aria-describedby"],v=(0,e.defineComponent)({__name:"Alert",props:{role:{default:"status"},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!0}},emits:["update:open","open-change"],setup(r,{emit:u}){const a=r,l=u,n=(0,e.ref)(a.defaultOpen),p=(0,e.computed)(()=>a.open??n.value);function s(t){a.open===void 0&&(n.value=t),l("update:open",t),l("open-change",t)}const d=o.nextAlertId("title"),i=o.nextAlertId("description");return(0,e.provide)(o.ALERT_CONTEXT,{titleId:d,descriptionId:i,setOpen:s}),(t,f)=>p.value?((0,e.openBlock)(),(0,e.createElementBlock)("div",{key:0,class:"skdx-alert","data-part":"root","data-skdx-component":"alert",role:r.role,"aria-live":r.role==="alert"?"assertive":"polite","aria-labelledby":(0,e.unref)(d),"aria-describedby":(0,e.unref)(i)},[(0,e.renderSlot)(t.$slots,"default")],8,c)):(0,e.createCommentVNode)("",!0)}});exports.default=v;

package/dist/alert/Alert.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{ALERT_CONTEXT as e,nextAlertId as a}from"./context.js";import{computed as t,createCommentVNode as o,createElementBlock as l,defineComponent as r,openBlock as n,provide as d,ref as s,renderSlot as p,unref as i}from"vue";var u=["role","aria-live","aria-labelledby","aria-describedby"],c=/* @__PURE__ */r({__name:"Alert",props:{role:{default:"status"},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!0}},emits:["update:open","open-change"],setup(r,{emit:c}){const f=r,m=c,v=s(f.defaultOpen),b=t(()=>f.open??v.value),y=a("title"),k=a("description");return d(e,{titleId:y,descriptionId:k,setOpen:function(e){void 0===f.open&&(v.value=e),m("update:open",e),m("open-change",e)}}),(e,a)=>b.value?(n(),l("div",{key:0,class:"skdx-alert","data-part":"root","data-skdx-component":"alert",role:r.role,"aria-live":"alert"===r.role?"assertive":"polite","aria-labelledby":i(y),"aria-describedby":i(k)},[p(e.$slots,"default")],8,u)):o("",!0)}});export{c as default};

package/dist/alert/AlertAction.vue.cjs

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

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

@@ -0,0 +1,18 @@
+/**
+ * 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.
+ */
+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/alert/AlertAction.vue.d.ts

@@ -0,0 +1,18 @@
+/**
+ * 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.
+ */
+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/alert/AlertAction.vue.js

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

package/dist/alert/AlertAction.vue_vue_type_script_setup_true_lang.cjs

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

package/dist/alert/AlertAction.vue_vue_type_script_setup_true_lang.js

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

package/dist/alert/AlertClose.vue.cjs

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

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

@@ -0,0 +1,22 @@
+/**
+ * Button that dismisses the alert when clicked — sets the parent
+ * `<SkdxAlert>`'s visibility to `false` (uncontrolled) and emits
+ * `open-change` either way. Must be used inside `<SkdxAlert>`.
+ *
+ * Carries a default `aria-label="Dismiss"` so the common icon-only close
+ * button is never an unnamed button; a consumer-supplied `aria-label` wins
+ * via Vue's fallthrough attributes.
+ */
+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/alert/AlertClose.vue.d.ts

@@ -0,0 +1,22 @@
+/**
+ * Button that dismisses the alert when clicked — sets the parent
+ * `<SkdxAlert>`'s visibility to `false` (uncontrolled) and emits
+ * `open-change` either way. Must be used inside `<SkdxAlert>`.
+ *
+ * Carries a default `aria-label="Dismiss"` so the common icon-only close
+ * button is never an unnamed button; a consumer-supplied `aria-label` wins
+ * via Vue's fallthrough attributes.
+ */
+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/alert/AlertClose.vue.js

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

package/dist/alert/AlertClose.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const s=require("./context.cjs");let e=require("vue");var n=(0,e.defineComponent)({__name:"AlertClose",setup(o){const t=(0,e.inject)(s.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":"Dismiss",onClick:r[0]||(r[0]=u=>(0,e.unref)(t).setOpen(!1))},[(0,e.renderSlot)(l.$slots,"default")]))}});exports.default=n;

package/dist/alert/AlertClose.vue_vue_type_script_setup_true_lang.js

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

package/dist/alert/AlertDescription.vue.cjs

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

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

@@ -0,0 +1,17 @@
+/**
+ * Renders a `<div>` with the `id` referenced by the parent `SkdxAlert`'s
+ * `aria-describedby`. Must be used inside `<SkdxAlert>`.
+ */
+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/alert/AlertDescription.vue.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Renders a `<div>` with the `id` referenced by the parent `SkdxAlert`'s
+ * `aria-describedby`. Must be used inside `<SkdxAlert>`.
+ */
+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/alert/AlertDescription.vue.js

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

package/dist/alert/AlertDescription.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +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;

package/dist/alert/AlertDescription.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +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};

package/dist/alert/AlertIcon.vue.cjs

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

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

@@ -0,0 +1,17 @@
+/**
+ * Purely decorative icon slot for `SkdxAlert` — always rendered with
+ * `aria-hidden="true"`.
+ */
+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/alert/AlertIcon.vue.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Purely decorative icon slot for `SkdxAlert` — always rendered with
+ * `aria-hidden="true"`.
+ */
+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/alert/AlertIcon.vue.js

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

package/dist/alert/AlertIcon.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+let e=require("vue");var r={class:"skdx-alert__icon","data-part":"icon","aria-hidden":"true"},a=(0,e.defineComponent)({__name:"AlertIcon",setup(_){return(t,n)=>((0,e.openBlock)(),(0,e.createElementBlock)("span",r,[(0,e.renderSlot)(t.$slots,"default")]))}});exports.default=a;

package/dist/alert/AlertIcon.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{createElementBlock as e,defineComponent as a,openBlock as t,renderSlot as o}from"vue";var n={class:"skdx-alert__icon","data-part":"icon","aria-hidden":"true"},r=/* @__PURE__ */a({__name:"AlertIcon",setup:a=>(a,r)=>(t(),e("span",n,[o(a.$slots,"default")]))});export{r as default};

package/dist/alert/AlertTitle.vue.cjs

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

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

@@ -0,0 +1,17 @@
+/**
+ * Renders an `<h3>` with the `id` referenced by the parent `SkdxAlert`'s
+ * `aria-labelledby`. Must be used inside `<SkdxAlert>`.
+ */
+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/alert/AlertTitle.vue.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Renders an `<h3>` with the `id` referenced by the parent `SkdxAlert`'s
+ * `aria-labelledby`. Must be used inside `<SkdxAlert>`.
+ */
+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/alert/AlertTitle.vue.js

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

package/dist/alert/AlertTitle.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +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;

package/dist/alert/AlertTitle.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +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};

package/dist/alert/context.cjs

@@ -0,0 +1 @@
+const t=require("../utils/id.cjs");var r=Symbol("skdx-alert-context");function n(e){return t.nextId(`alert-${e}`)}exports.ALERT_CONTEXT=r;exports.nextAlertId=n;

package/dist/alert/context.d.cts

@@ -0,0 +1,11 @@
+import type { InjectionKey } from 'vue';
+/** @internal Injection key an Alert provides so AlertTitle/AlertDescription can read its generated ids and AlertClose can dismiss it. */
+export interface AlertContext {
+    titleId: string;
+    descriptionId: string;
+    setOpen: (open: boolean) => void;
+}
+/** @internal Injection key an Alert provides so AlertTitle/AlertDescription can read the shared aria ids. */
+export declare const ALERT_CONTEXT: InjectionKey<AlertContext>;
+/** @internal Generates a unique id for one of Alert's parts. */
+export declare function nextAlertId(part: 'title' | 'description'): string;

package/dist/alert/context.d.ts

@@ -0,0 +1,11 @@
+import type { InjectionKey } from 'vue';
+/** @internal Injection key an Alert provides so AlertTitle/AlertDescription can read its generated ids and AlertClose can dismiss it. */
+export interface AlertContext {
+    titleId: string;
+    descriptionId: string;
+    setOpen: (open: boolean) => void;
+}
+/** @internal Injection key an Alert provides so AlertTitle/AlertDescription can read the shared aria ids. */
+export declare const ALERT_CONTEXT: InjectionKey<AlertContext>;
+/** @internal Generates a unique id for one of Alert's parts. */
+export declare function nextAlertId(part: 'title' | 'description'): string;

package/dist/alert/context.js

@@ -0,0 +1 @@
+import{nextId as t}from"../utils/id.js";var r=/* @__PURE__ */Symbol("skdx-alert-context");function e(r){return t(`alert-${r}`)}export{r as ALERT_CONTEXT,e as nextAlertId};

package/dist/alert/index.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Alert.vue.cjs"),r=require("./AlertTitle.vue.cjs"),t=require("./AlertDescription.vue.cjs"),l=require("./AlertIcon.vue.cjs"),i=require("./AlertClose.vue.cjs"),u=require("./AlertAction.vue.cjs");exports.SkdxAlert=e.default;exports.SkdxAlertAction=u.default;exports.SkdxAlertClose=i.default;exports.SkdxAlertDescription=t.default;exports.SkdxAlertIcon=l.default;exports.SkdxAlertTitle=r.default;

package/dist/alert/index.d.cts

@@ -0,0 +1,6 @@
+export { default as SkdxAlert } from './Alert.vue.cjs';
+export { default as SkdxAlertTitle } from './AlertTitle.vue.cjs';
+export { default as SkdxAlertDescription } from './AlertDescription.vue.cjs';
+export { default as SkdxAlertIcon } from './AlertIcon.vue.cjs';
+export { default as SkdxAlertClose } from './AlertClose.vue.cjs';
+export { default as SkdxAlertAction } from './AlertAction.vue.cjs';