@skdx/vue 0.26.0 → 0.28.0

package/dist/dialog/Dialog.vue.d.cts

@@ -1,30 +1,36 @@
+import type { DialogDismiss } from './context.cjs';
 /**
- * The Vue implementation of the shared Dialog contract (see `@skdx/shared`'s
- * `dialogContract`). Renders no DOM element of its own — it only owns open
- * state and `provide()`s it to `<SkdxDialogTrigger>` / `<SkdxDialogContent>` /
- * `<SkdxDialogTitle>` / `<SkdxDialogDescription>` / `<SkdxDialogClose>`.
- * `SkdxDialogContent` renders the actual native `<dialog>`, whose
- * `showModal()`/`show()`/`close()` give top-layer rendering, a native focus
- * trap, and focus-return-to-invoker for free — no manual portal or
- * focus-trap logic needed here.
+ * Modal dialog component: renders a native `<dialog>` element with anatomy
+ * of title, description, body content, footer slot, and optional close button.
+ * Works controlled (`v-model:open`) or uncontrolled (`default-open`). The
+ * native `<dialog>` provides top-layer rendering, focus trapping, and
+ * focus-return-to-invoker at no cost.
  *
  * Emits `open-change` the instant the state flips and `open-change-complete`
- * once the change has finished on screen — after `SkdxDialogContent`'s enter
- * or exit animation ends, or in the same task when it declares none.
- *
- * Works controlled (`v-model:open`) or uncontrolled (`default-open`).
+ * once the animation finishes — after `SkdxDialogContent`'s enter or exit
+ * animation ends, or immediately when it declares none.
  *
  * @example
  * ```vue
- * <SkdxDialog>
- *   <SkdxDialogTrigger>Open</SkdxDialogTrigger>
- *   <SkdxDialogContent>
- *     <SkdxDialogTitle>Edit profile</SkdxDialogTitle>
- *     <SkdxDialogDescription>Make changes to your profile here.</SkdxDialogDescription>
- *     <SkdxDialogClose>Close</SkdxDialogClose>
- *   </SkdxDialogContent>
+ * <SkdxDialog v-model:open="open" title="Settings">
+ *   <p>Body content.</p>
+ *   <template #footer>
+ *     <SkdxButton @click="open = false">Save</SkdxButton>
+ *   </template>
  * </SkdxDialog>
  * ```
+ *
+ * @example Full primitive composition —
+ * `import * as Dialog from '@skdx/vue/primitives/dialog'`:
+ * ```vue
+ * <Dialog.Root>
+ *   <Dialog.Trigger>Open</Dialog.Trigger>
+ *   <Dialog.Content>
+ *     <Dialog.Title>Edit profile</Dialog.Title>
+ *     <Dialog.Close>Close</Dialog.Close>
+ *   </Dialog.Content>
+ * </Dialog.Root>
+ * ```
  */
 type __VLS_Props = {
     /** Controlled open state. Pair with `v-model:open` or `@open-change`. */
@@ -36,10 +42,41 @@ type __VLS_Props = {
      * `showModal()`) or remains non-blocking (native `show()`).
      */
     modal?: boolean;
+    /**
+     * Which dismissal channels are allowed to close the dialog: `'any'` both,
+     * `'escape'` the Escape key only, `'outside'` an outside interaction only,
+     * `'none'` neither — leaving `open`, `<SkdxDialogClose>` and
+     * `<SkdxDialogTrigger>` as the only ways out. All four dismissal events
+     * still fire in every mode; this decides only whether an un-prevented one
+     * closes the dialog. It narrows `modal` and never widens it: outside
+     * dismissal requires `modal`, so `'outside'` on a non-modal dialog still
+     * closes on nothing. Reflected as `data-dismiss` on the panel.
+     */
+    dismiss?: DialogDismiss;
+    /**
+     * Title rendered by the derived anatomy as `SkdxDialogTitle`.
+     * @default undefined — no title is rendered.
+     */
+    title?: string;
+    /**
+     * Description rendered by the derived anatomy as `SkdxDialogDescription`.
+     * @default undefined — no description is rendered.
+     */
+    description?: string;
+    /**
+     * Whether the dialog can be dismissed at all. `false` forces `dismiss` to
+     * `'none'` regardless of that prop's own value **and** withholds the
+     * derived close button, leaving `open` and `SkdxDialogTrigger` as the only
+     * ways out.
+     * @default true
+     */
+    dismissible?: boolean;
 };
-declare var __VLS_1: {};
+declare var __VLS_14: {}, __VLS_16: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_1) => any;
+    default?: (props: typeof __VLS_14) => any;
+} & {
+    footer?: (props: typeof __VLS_16) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:open": (open: boolean) => any;
@@ -50,9 +87,13 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}
     "onOpen-change"?: ((open: boolean) => any) | undefined;
     "onOpen-change-complete"?: ((open: boolean) => any) | undefined;
 }>, {
+    title: string;
+    description: string;
+    dismissible: boolean;
     open: boolean;
     defaultOpen: boolean;
     modal: boolean;
+    dismiss: DialogDismiss;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/dialog/Dialog.vue.d.ts

@@ -1,30 +1,36 @@
+import type { DialogDismiss } from './context.js';
 /**
- * The Vue implementation of the shared Dialog contract (see `@skdx/shared`'s
- * `dialogContract`). Renders no DOM element of its own — it only owns open
- * state and `provide()`s it to `<SkdxDialogTrigger>` / `<SkdxDialogContent>` /
- * `<SkdxDialogTitle>` / `<SkdxDialogDescription>` / `<SkdxDialogClose>`.
- * `SkdxDialogContent` renders the actual native `<dialog>`, whose
- * `showModal()`/`show()`/`close()` give top-layer rendering, a native focus
- * trap, and focus-return-to-invoker for free — no manual portal or
- * focus-trap logic needed here.
+ * Modal dialog component: renders a native `<dialog>` element with anatomy
+ * of title, description, body content, footer slot, and optional close button.
+ * Works controlled (`v-model:open`) or uncontrolled (`default-open`). The
+ * native `<dialog>` provides top-layer rendering, focus trapping, and
+ * focus-return-to-invoker at no cost.
  *
  * Emits `open-change` the instant the state flips and `open-change-complete`
- * once the change has finished on screen — after `SkdxDialogContent`'s enter
- * or exit animation ends, or in the same task when it declares none.
- *
- * Works controlled (`v-model:open`) or uncontrolled (`default-open`).
+ * once the animation finishes — after `SkdxDialogContent`'s enter or exit
+ * animation ends, or immediately when it declares none.
  *
  * @example
  * ```vue
- * <SkdxDialog>
- *   <SkdxDialogTrigger>Open</SkdxDialogTrigger>
- *   <SkdxDialogContent>
- *     <SkdxDialogTitle>Edit profile</SkdxDialogTitle>
- *     <SkdxDialogDescription>Make changes to your profile here.</SkdxDialogDescription>
- *     <SkdxDialogClose>Close</SkdxDialogClose>
- *   </SkdxDialogContent>
+ * <SkdxDialog v-model:open="open" title="Settings">
+ *   <p>Body content.</p>
+ *   <template #footer>
+ *     <SkdxButton @click="open = false">Save</SkdxButton>
+ *   </template>
  * </SkdxDialog>
  * ```
+ *
+ * @example Full primitive composition —
+ * `import * as Dialog from '@skdx/vue/primitives/dialog'`:
+ * ```vue
+ * <Dialog.Root>
+ *   <Dialog.Trigger>Open</Dialog.Trigger>
+ *   <Dialog.Content>
+ *     <Dialog.Title>Edit profile</Dialog.Title>
+ *     <Dialog.Close>Close</Dialog.Close>
+ *   </Dialog.Content>
+ * </Dialog.Root>
+ * ```
  */
 type __VLS_Props = {
     /** Controlled open state. Pair with `v-model:open` or `@open-change`. */
@@ -36,10 +42,41 @@ type __VLS_Props = {
      * `showModal()`) or remains non-blocking (native `show()`).
      */
     modal?: boolean;
+    /**
+     * Which dismissal channels are allowed to close the dialog: `'any'` both,
+     * `'escape'` the Escape key only, `'outside'` an outside interaction only,
+     * `'none'` neither — leaving `open`, `<SkdxDialogClose>` and
+     * `<SkdxDialogTrigger>` as the only ways out. All four dismissal events
+     * still fire in every mode; this decides only whether an un-prevented one
+     * closes the dialog. It narrows `modal` and never widens it: outside
+     * dismissal requires `modal`, so `'outside'` on a non-modal dialog still
+     * closes on nothing. Reflected as `data-dismiss` on the panel.
+     */
+    dismiss?: DialogDismiss;
+    /**
+     * Title rendered by the derived anatomy as `SkdxDialogTitle`.
+     * @default undefined — no title is rendered.
+     */
+    title?: string;
+    /**
+     * Description rendered by the derived anatomy as `SkdxDialogDescription`.
+     * @default undefined — no description is rendered.
+     */
+    description?: string;
+    /**
+     * Whether the dialog can be dismissed at all. `false` forces `dismiss` to
+     * `'none'` regardless of that prop's own value **and** withholds the
+     * derived close button, leaving `open` and `SkdxDialogTrigger` as the only
+     * ways out.
+     * @default true
+     */
+    dismissible?: boolean;
 };
-declare var __VLS_1: {};
+declare var __VLS_14: {}, __VLS_16: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_1) => any;
+    default?: (props: typeof __VLS_14) => any;
+} & {
+    footer?: (props: typeof __VLS_16) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:open": (open: boolean) => any;
@@ -50,9 +87,13 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}
     "onOpen-change"?: ((open: boolean) => any) | undefined;
     "onOpen-change-complete"?: ((open: boolean) => any) | undefined;
 }>, {
+    title: string;
+    description: string;
+    dismissible: boolean;
     open: boolean;
     defaultOpen: boolean;
     modal: boolean;
+    dismiss: DialogDismiss;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/dialog/Dialog.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const s=require("../utils/useOpenChangeComplete.cjs"),o=require("./context.cjs");let t=require("vue");var f=(0,t.defineComponent)({__name:"Dialog",props:{open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1},modal:{type:Boolean,default:!0}},emits:["update:open","open-change","open-change-complete"],setup(d,{emit:i}){const n=d,p=i,l=(0,t.ref)(null),a=(0,t.ref)(n.defaultOpen),u=(0,t.computed)(()=>n.open??a.value),r=(0,t.computed)(()=>n.modal);s.useOpenChangeComplete(u,l,e=>p("open-change-complete",e));function c(e){n.open===void 0&&(a.value=e),p("update:open",e),p("open-change",e)}return(0,t.provide)(o.DIALOG_CONTEXT,{isOpen:u,contentRef:l,isModal:r,contentId:o.nextDialogId("content"),titleId:o.nextDialogId("title"),descriptionId:o.nextDialogId("description"),setOpen:c}),(e,_)=>(0,t.renderSlot)(e.$slots,"default")}});exports.default=f;
+const n=require("./DialogAnatomy.vue.cjs"),d=require("./DialogRoot.vue.cjs");let e=require("vue");var s=(0,e.defineComponent)({inheritAttrs:!1,__name:"Dialog",props:{open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1},modal:{type:Boolean,default:!0},dismiss:{default:"any"},title:{default:void 0},description:{default:void 0},dismissible:{type:Boolean,default:!0}},emits:["update:open","open-change","open-change-complete"],setup(t){return(i,o)=>((0,e.openBlock)(),(0,e.createBlock)(d.default,{open:t.open,"default-open":t.defaultOpen,modal:t.modal,dismiss:t.dismiss,dismissible:t.dismissible,"onUpdate:open":o[0]||(o[0]=l=>i.$emit("update:open",l)),onOpenChange:o[1]||(o[1]=l=>i.$emit("open-change",l)),onOpenChangeComplete:o[2]||(o[2]=l=>i.$emit("open-change-complete",l))},{default:(0,e.withCtx)(()=>[(0,e.createVNode)(n.default,(0,e.mergeProps)(i.$attrs,{title:t.title,description:t.description,dismissible:t.dismissible}),{footer:(0,e.withCtx)(()=>[(0,e.renderSlot)(i.$slots,"footer")]),default:(0,e.withCtx)(()=>[(0,e.renderSlot)(i.$slots,"default")]),_:3},16,["title","description","dismissible"])]),_:3},8,["open","default-open","modal","dismiss","dismissible"]))}});exports.default=s;

package/dist/dialog/Dialog.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{useOpenChangeComplete as e}from"../utils/useOpenChangeComplete.js";import{DIALOG_CONTEXT as o,nextDialogId as t}from"./context.js";import{computed as n,defineComponent as a,provide as p,ref as l,renderSlot as s}from"vue";var d=/* @__PURE__ */a({__name:"Dialog",props:{open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1},modal:{type:Boolean,default:!0}},emits:["update:open","open-change","open-change-complete"],setup(a,{emit:d}){const i=a,u=d,m=l(null),r=l(i.defaultOpen),c=n(()=>i.open??r.value),f=n(()=>i.modal);return e(c,m,e=>u("open-change-complete",e)),p(o,{isOpen:c,contentRef:m,isModal:f,contentId:t("content"),titleId:t("title"),descriptionId:t("description"),setOpen:function(e){void 0===i.open&&(r.value=e),u("update:open",e),u("open-change",e)}}),(e,o)=>s(e.$slots,"default")}});export{d as default};
+import e from"./DialogAnatomy.vue.js";import o from"./DialogRoot.vue.js";import{createBlock as t,createVNode as i,defineComponent as s,mergeProps as a,openBlock as l,renderSlot as d,withCtx as n}from"vue";var p=/* @__PURE__ */s({inheritAttrs:!1,__name:"Dialog",props:{open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1},modal:{type:Boolean,default:!0},dismiss:{default:"any"},title:{default:void 0},description:{default:void 0},dismissible:{type:Boolean,default:!0}},emits:["update:open","open-change","open-change-complete"],setup:s=>(p,m)=>(l(),t(o,{open:s.open,"default-open":s.defaultOpen,modal:s.modal,dismiss:s.dismiss,dismissible:s.dismissible,"onUpdate:open":m[0]||(m[0]=e=>p.$emit("update:open",e)),onOpenChange:m[1]||(m[1]=e=>p.$emit("open-change",e)),onOpenChangeComplete:m[2]||(m[2]=e=>p.$emit("open-change-complete",e))},{default:n(()=>[i(e,a(p.$attrs,{title:s.title,description:s.description,dismissible:s.dismissible}),{footer:n(()=>[d(p.$slots,"footer")]),default:n(()=>[d(p.$slots,"default")]),_:3},16,["title","description","dismissible"])]),_:3},8,["open","default-open","modal","dismiss","dismissible"]))});export{p as default};

package/dist/dialog/DialogAnatomy.vue.cjs

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

package/dist/dialog/DialogAnatomy.vue.d.cts

@@ -0,0 +1,25 @@
+/**
+ * The anatomy a `SkdxDialog` renders: a backdrop and panel with derived
+ * title, description, slotted body, optional footer, and corner close button
+ * unless `dismissible` is `false`.
+ * @internal
+ */
+type __VLS_Props = {
+    title?: string;
+    description?: string;
+    dismissible: boolean;
+};
+declare var __VLS_13: {}, __VLS_15: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_13) => any;
+} & {
+    footer?: (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<{}>, {}, {}, {}, {}, 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/dialog/DialogAnatomy.vue.d.ts

@@ -0,0 +1,25 @@
+/**
+ * The anatomy a `SkdxDialog` renders: a backdrop and panel with derived
+ * title, description, slotted body, optional footer, and corner close button
+ * unless `dismissible` is `false`.
+ * @internal
+ */
+type __VLS_Props = {
+    title?: string;
+    description?: string;
+    dismissible: boolean;
+};
+declare var __VLS_13: {}, __VLS_15: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_13) => any;
+} & {
+    footer?: (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<{}>, {}, {}, {}, {}, 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/dialog/DialogAnatomy.vue.js

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

package/dist/dialog/DialogAnatomy.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const i=require("./DialogClose.vue.cjs"),a=require("./DialogContent.vue.cjs"),n=require("./DialogDescription.vue.cjs"),s=require("./DialogOverlay.vue.cjs"),d=require("./DialogTitle.vue.cjs");let e=require("vue");var u={key:2,class:"skdx-dialog__footer","data-part":"footer"},c=(0,e.defineComponent)({inheritAttrs:!1,__name:"DialogAnatomy",props:{title:{},description:{},dismissible:{type:Boolean}},setup(t){const l=(0,e.useSlots)();return(o,r)=>((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,null,[(0,e.createVNode)(s.default),(0,e.createVNode)(a.default,(0,e.normalizeProps)((0,e.guardReactiveProps)(o.$attrs)),{default:(0,e.withCtx)(()=>[t.title?((0,e.openBlock)(),(0,e.createBlock)(d.default,{key:0},{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)(n.default,{key:1},{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(t.description),1)]),_:1})):(0,e.createCommentVNode)("",!0),(0,e.renderSlot)(o.$slots,"default"),(0,e.unref)(l).footer?((0,e.openBlock)(),(0,e.createElementBlock)("div",u,[(0,e.renderSlot)(o.$slots,"footer")])):(0,e.createCommentVNode)("",!0),t.dismissible?((0,e.openBlock)(),(0,e.createBlock)(i.default,{key:3,class:"skdx-dialog__close-icon","aria-label":"Close"},{default:(0,e.withCtx)(()=>[...r[0]||(r[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)]),_:3},16)],64))}});exports.default=c;

package/dist/dialog/DialogAnatomy.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import e from"./DialogClose.vue.js";import o from"./DialogContent.vue.js";import t from"./DialogDescription.vue.js";import a from"./DialogOverlay.vue.js";import s from"./DialogTitle.vue.js";import{Fragment as r,createBlock as i,createCommentVNode as l,createElementBlock as n,createElementVNode as d,createTextVNode as m,createVNode as p,defineComponent as u,guardReactiveProps as c,normalizeProps as f,openBlock as g,renderSlot as k,toDisplayString as v,unref as _,useSlots as h,withCtx as y}from"vue";var D={key:2,class:"skdx-dialog__footer","data-part":"footer"},C=/* @__PURE__ */u({inheritAttrs:!1,__name:"DialogAnatomy",props:{title:{},description:{},dismissible:{type:Boolean}},setup(u){const C=h();return(h,j)=>(g(),n(r,null,[p(a),p(o,f(c(h.$attrs)),{default:y(()=>[u.title?(g(),i(s,{key:0},{default:y(()=>[m(v(u.title),1)]),_:1})):l("",!0),u.description?(g(),i(t,{key:1},{default:y(()=>[m(v(u.description),1)]),_:1})):l("",!0),k(h.$slots,"default"),_(C).footer?(g(),n("div",D,[k(h.$slots,"footer")])):l("",!0),u.dismissible?(g(),i(e,{key:3,class:"skdx-dialog__close-icon","aria-label":"Close"},{default:y(()=>[...j[0]||(j[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})):l("",!0)]),_:3},16)],64))}});export{C as default};

package/dist/dialog/DialogContent.vue.d.cts

@@ -1,29 +1,49 @@
 import { type FocusOutsideEvent, type InteractOutsideEvent } from '../utils/useDismiss.cjs';
 import { type AutoFocusEvent } from '../utils/useFocusTrap.cjs';
 /**
- * The dialog's panel: `role="dialog"`, labelled by `<SkdxDialogTitle>` and
- * described by `<SkdxDialogDescription>` via `aria-labelledby`/`aria-describedby`,
- * with `aria-modal` and `data-state` reflecting state. Renders a native
- * `<dialog>` and imperatively calls `showModal()`/`show()`/`close()` as the
- * shared open state changes — this is what gives focus trapping, top-layer
- * stacking, and focus-return-to-invoker for free. Closes on Escape or a
- * click that lands on the dialog's own backdrop area, unless
- * `@escape-key-down`/`@pointer-down-outside` call `event.preventDefault()`.
+ * The dialog's panel: native `<dialog>` element with `role="dialog"`,
+ * labelled by `<SkdxDialogTitle>` and described by `<SkdxDialogDescription>`
+ * via `aria-labelledby`/`aria-describedby` — each emitted only when the part
+ * is mounted, so an omitted part leaves no dangling reference. The native
+ * element provides focus trapping, top-layer stacking, and focus-return-to-invoker;
+ * when modal, it takes the page out of the accessibility tree itself.
  *
- * Outside interactions are reported in full: `@pointer-down-outside` for a
- * pointer-down landing outside the panel (the backdrop counts), and
- * `@focus-outside` when focus moves to an element outside it — each preceded
- * by `@interact-outside` carrying the same event, so one `preventDefault()`
- * vetoes either. As with a backdrop click, an un-prevented outside
- * interaction only closes a *modal* dialog.
+ * Closes on Escape or pointer-down on the backdrop, unless `@escape-key-down`/
+ * `@pointer-down-outside` call `preventDefault()`. Outside interactions are
+ * reported in full: `@pointer-down-outside`, `@focus-outside`, and
+ * `@interact-outside` for either kind. Only a modal dialog closes on an
+ * un-prevented outside interaction. Every dismissal event fires in every
+ * `dismiss` policy mode; the policy withholds the close, not the notification.
  *
- * The two focus moves the native `<dialog>` makes on the panel's behalf are
- * announced as cancelable `@open-auto-focus` / `@close-auto-focus` events.
- * The platform gives no way to stop them, so a `preventDefault()` is honoured
- * after the fact — focus is put back where it was, or dropped again rather
- * than returned to the invoker. Must be used inside `<SkdxDialog>`.
+ * Announces focus moves as cancelable `@open-auto-focus` (before entering) and
+ * `@close-auto-focus` (before leaving). The platform provides no way to stop
+ * these moves, so `preventDefault()` is honoured after the fact. Must be used
+ * inside `<SkdxDialog>`.
  */
-type __VLS_Props = {};
+type __VLS_Props = {
+    /**
+     * CSS selector for the element that should receive focus when the dialog
+     * opens, resolved with `querySelector` **inside this panel**. Applies only
+     * when `@open-auto-focus` was not prevented — a handler that vetoes the
+     * automatic move has taken over placement. Falls back to the first tabbable
+     * element (then the panel itself) when the selector matches nothing, with a
+     * console warning: a stale selector must never strand focus on `<body>`
+     * while the page behind is inert. A selector rather than an element handle,
+     * so the same member exists as `initial-focus` on `<skdx-dialog-content>`.
+     * @default undefined — focus lands on the first tabbable element.
+     */
+    initialFocus?: string;
+    /**
+     * CSS selector for the element focus should be sent to when the dialog
+     * closes, resolved at **document** level rather than inside the panel: by
+     * close time the panel is closing, and the element that opened it may be
+     * gone — which is the case this prop exists for. Applies only when
+     * `@close-auto-focus` was not prevented. Falls back to the native return to
+     * the invoker when the selector matches nothing, with a console warning.
+     * @default undefined — focus returns to the element focused before opening.
+     */
+    finalFocus?: string;
+};
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
@@ -36,15 +56,15 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
     "open-auto-focus": (event: AutoFocusEvent) => any;
     "close-auto-focus": (event: AutoFocusEvent) => any;
     "escape-key-down": (event: Event) => any;
-    "pointer-down-outside": (event: MouseEvent) => any;
-    "interact-outside": (event: MouseEvent | InteractOutsideEvent) => any;
+    "pointer-down-outside": (event: PointerEvent) => any;
+    "interact-outside": (event: InteractOutsideEvent) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onFocus-outside"?: ((event: FocusOutsideEvent) => any) | undefined;
     "onOpen-auto-focus"?: ((event: AutoFocusEvent) => any) | undefined;
     "onClose-auto-focus"?: ((event: AutoFocusEvent) => any) | undefined;
     "onEscape-key-down"?: ((event: Event) => any) | undefined;
-    "onPointer-down-outside"?: ((event: MouseEvent) => any) | undefined;
-    "onInteract-outside"?: ((event: MouseEvent | InteractOutsideEvent) => any) | undefined;
+    "onPointer-down-outside"?: ((event: PointerEvent) => any) | undefined;
+    "onInteract-outside"?: ((event: InteractOutsideEvent) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/dialog/DialogContent.vue.d.ts

@@ -1,29 +1,49 @@
 import { type FocusOutsideEvent, type InteractOutsideEvent } from '../utils/useDismiss.js';
 import { type AutoFocusEvent } from '../utils/useFocusTrap.js';
 /**
- * The dialog's panel: `role="dialog"`, labelled by `<SkdxDialogTitle>` and
- * described by `<SkdxDialogDescription>` via `aria-labelledby`/`aria-describedby`,
- * with `aria-modal` and `data-state` reflecting state. Renders a native
- * `<dialog>` and imperatively calls `showModal()`/`show()`/`close()` as the
- * shared open state changes — this is what gives focus trapping, top-layer
- * stacking, and focus-return-to-invoker for free. Closes on Escape or a
- * click that lands on the dialog's own backdrop area, unless
- * `@escape-key-down`/`@pointer-down-outside` call `event.preventDefault()`.
+ * The dialog's panel: native `<dialog>` element with `role="dialog"`,
+ * labelled by `<SkdxDialogTitle>` and described by `<SkdxDialogDescription>`
+ * via `aria-labelledby`/`aria-describedby` — each emitted only when the part
+ * is mounted, so an omitted part leaves no dangling reference. The native
+ * element provides focus trapping, top-layer stacking, and focus-return-to-invoker;
+ * when modal, it takes the page out of the accessibility tree itself.
  *
- * Outside interactions are reported in full: `@pointer-down-outside` for a
- * pointer-down landing outside the panel (the backdrop counts), and
- * `@focus-outside` when focus moves to an element outside it — each preceded
- * by `@interact-outside` carrying the same event, so one `preventDefault()`
- * vetoes either. As with a backdrop click, an un-prevented outside
- * interaction only closes a *modal* dialog.
+ * Closes on Escape or pointer-down on the backdrop, unless `@escape-key-down`/
+ * `@pointer-down-outside` call `preventDefault()`. Outside interactions are
+ * reported in full: `@pointer-down-outside`, `@focus-outside`, and
+ * `@interact-outside` for either kind. Only a modal dialog closes on an
+ * un-prevented outside interaction. Every dismissal event fires in every
+ * `dismiss` policy mode; the policy withholds the close, not the notification.
  *
- * The two focus moves the native `<dialog>` makes on the panel's behalf are
- * announced as cancelable `@open-auto-focus` / `@close-auto-focus` events.
- * The platform gives no way to stop them, so a `preventDefault()` is honoured
- * after the fact — focus is put back where it was, or dropped again rather
- * than returned to the invoker. Must be used inside `<SkdxDialog>`.
+ * Announces focus moves as cancelable `@open-auto-focus` (before entering) and
+ * `@close-auto-focus` (before leaving). The platform provides no way to stop
+ * these moves, so `preventDefault()` is honoured after the fact. Must be used
+ * inside `<SkdxDialog>`.
  */
-type __VLS_Props = {};
+type __VLS_Props = {
+    /**
+     * CSS selector for the element that should receive focus when the dialog
+     * opens, resolved with `querySelector` **inside this panel**. Applies only
+     * when `@open-auto-focus` was not prevented — a handler that vetoes the
+     * automatic move has taken over placement. Falls back to the first tabbable
+     * element (then the panel itself) when the selector matches nothing, with a
+     * console warning: a stale selector must never strand focus on `<body>`
+     * while the page behind is inert. A selector rather than an element handle,
+     * so the same member exists as `initial-focus` on `<skdx-dialog-content>`.
+     * @default undefined — focus lands on the first tabbable element.
+     */
+    initialFocus?: string;
+    /**
+     * CSS selector for the element focus should be sent to when the dialog
+     * closes, resolved at **document** level rather than inside the panel: by
+     * close time the panel is closing, and the element that opened it may be
+     * gone — which is the case this prop exists for. Applies only when
+     * `@close-auto-focus` was not prevented. Falls back to the native return to
+     * the invoker when the selector matches nothing, with a console warning.
+     * @default undefined — focus returns to the element focused before opening.
+     */
+    finalFocus?: string;
+};
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
@@ -36,15 +56,15 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
     "open-auto-focus": (event: AutoFocusEvent) => any;
     "close-auto-focus": (event: AutoFocusEvent) => any;
     "escape-key-down": (event: Event) => any;
-    "pointer-down-outside": (event: MouseEvent) => any;
-    "interact-outside": (event: MouseEvent | InteractOutsideEvent) => any;
+    "pointer-down-outside": (event: PointerEvent) => any;
+    "interact-outside": (event: InteractOutsideEvent) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onFocus-outside"?: ((event: FocusOutsideEvent) => any) | undefined;
     "onOpen-auto-focus"?: ((event: AutoFocusEvent) => any) | undefined;
     "onClose-auto-focus"?: ((event: AutoFocusEvent) => any) | undefined;
     "onEscape-key-down"?: ((event: Event) => any) | undefined;
-    "onPointer-down-outside"?: ((event: MouseEvent) => any) | undefined;
-    "onInteract-outside"?: ((event: MouseEvent | InteractOutsideEvent) => any) | undefined;
+    "onPointer-down-outside"?: ((event: PointerEvent) => any) | undefined;
+    "onInteract-outside"?: ((event: InteractOutsideEvent) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/dialog/DialogContent.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const b=require("../utils/composeRefs.cjs"),q=require("./context.cjs"),w=require("../utils/useBodyScrollLock.cjs"),D=require("../utils/useDismiss.cjs"),c=require("../utils/useFocusTrap.cjs");let t=require("vue");var O=["id","aria-labelledby","aria-describedby","aria-modal","data-state"],C=(0,t.defineComponent)({__name:"DialogContent",emits:["escape-key-down","pointer-down-outside","focus-outside","interact-outside","open-auto-focus","close-auto-focus"],setup(M,{expose:f,emit:p}){const s=p,o=(0,t.inject)(q.DIALOG_CONTEXT);if(!o)throw new Error("<SkdxDialogContent> must be used inside <SkdxDialog>.");const u=(0,t.ref)(null),v=b.composeRefs(u,o.contentRef);w.useBodyScrollLock((0,t.computed)(()=>o.isOpen.value&&o.isModal.value));let a=!1;D.useDismiss({enabled:o.isOpen,onInteractOutside:e=>s("interact-outside",e),onPointerDownOutside:e=>{s("pointer-down-outside",e),!e.defaultPrevented&&o.isModal.value&&l()},onFocusOutside:e=>{s("focus-outside",e),!e.defaultPrevented&&o.isModal.value&&l()}},[u]);function r(e,n){const i=u.value;if(i)if(e&&!i.open){const d=document.activeElement,k=c.autoFocusEvent("open-auto-focus",y=>s("open-auto-focus",y));n?i.showModal?.():i.show?.(),!k&&d?.isConnected&&d.focus?.({preventScroll:!0})}else!e&&i.open&&l()}(0,t.watch)(()=>[o.isOpen.value,o.isModal.value],([e,n])=>r(e,n)),(0,t.onMounted)(()=>r(o.isOpen.value,o.isModal.value));function l(){a=!c.autoFocusEvent("close-auto-focus",e=>s("close-auto-focus",e)),u.value?.close?.()}function _(e){s("escape-key-down",e),e.defaultPrevented||(a=!c.autoFocusEvent("close-auto-focus",n=>s("close-auto-focus",n)))}function m(){a&&(a=!1,document.activeElement?.blur?.()),o.setOpen(!1)}function g(e){e.target===u.value&&(s("interact-outside",e),s("pointer-down-outside",e),!e.defaultPrevented&&o.isModal.value&&l())}return f({el:u}),(e,n)=>((0,t.openBlock)(),(0,t.createElementBlock)("dialog",{class:"skdx-dialog__content","data-part":"content",ref:(0,t.unref)(v),id:(0,t.unref)(o).contentId,"aria-labelledby":(0,t.unref)(o).titleId,"aria-describedby":(0,t.unref)(o).descriptionId,role:"dialog","aria-modal":(0,t.unref)(o).isModal.value?"true":void 0,"data-state":(0,t.unref)(o).isOpen.value?"open":"closed",onCancel:_,onClose:m,onClick:g},[(0,t.renderSlot)(e.$slots,"default")],40,O))}});exports.default=C;
+const M=require("../utils/composeRefs.cjs"),h=require("./context.cjs"),C=require("../utils/useBodyScrollLock.cjs"),m=require("../utils/useDismiss.cjs"),f=require("../utils/useFocusTrap.cjs"),_=require("./focusTargets.cjs");let s=require("vue");var E=["id","aria-labelledby","aria-describedby","aria-modal","data-state","data-dismiss"],P=(0,s.defineComponent)({__name:"DialogContent",props:{initialFocus:{},finalFocus:{}},emits:["escape-key-down","pointer-down-outside","focus-outside","interact-outside","open-auto-focus","close-auto-focus"],setup(y,{expose:D,emit:F}){const c=y,i=F,e=(0,s.inject)(h.DIALOG_CONTEXT);if(!e)throw new Error("<SkdxDialogContent> must be used inside <SkdxDialog>.");const u=(0,s.ref)(null),w=M.composeRefs(u,e.contentRef);C.useBodyScrollLock((0,s.computed)(()=>e.isOpen.value&&e.isModal.value));const b=(0,s.computed)(()=>e.dismiss.value==="any"||e.dismiss.value==="escape"),r=(0,s.computed)(()=>e.dismiss.value==="any"||e.dismiss.value==="outside");let a=!1;m.useDismiss({enabled:e.isOpen,onInteractOutside:o=>i("interact-outside",o),onPointerDownOutside:o=>{i("pointer-down-outside",o),!o.defaultPrevented&&e.isModal.value&&r.value&&l()},onFocusOutside:o=>{i("focus-outside",o),!o.defaultPrevented&&e.isModal.value&&r.value&&l()}},[u]);function p(o,t){const n=u.value;if(n)if(o&&!n.open){const d=document.activeElement,v=f.autoFocusEvent("open-auto-focus",O=>i("open-auto-focus",O));t?n.showModal?.():n.show?.(),!v&&d?.isConnected&&d!==document.body&&d.focus?.({preventScroll:!0}),v&&c.initialFocus&&_.applyInitialFocus(n,c.initialFocus)}else!o&&n.open&&l()}(0,s.watch)(()=>[e.isOpen.value,e.isModal.value],([o,t])=>p(o,t)),(0,s.onMounted)(()=>p(e.isOpen.value,e.isModal.value));function l(){a=!f.autoFocusEvent("close-auto-focus",o=>i("close-auto-focus",o)),u.value?.close?.()}function g(o){if(i("escape-key-down",o),!b.value){o.preventDefault();return}o.defaultPrevented||(a=!f.autoFocusEvent("close-auto-focus",t=>i("close-auto-focus",t)))}function q(){a?(a=!1,document.activeElement?.blur?.()):_.applyFinalFocus(c.finalFocus),e.setOpen(!1)}function k(o){const t=m.backdropPointerDown(o,u.value);t&&(i("interact-outside",t),i("pointer-down-outside",t),!t.defaultPrevented&&e.isModal.value&&r.value&&l())}return D({el:u}),(o,t)=>((0,s.openBlock)(),(0,s.createElementBlock)("dialog",{class:"skdx-dialog__content","data-part":"content",ref:(0,s.unref)(w),id:(0,s.unref)(e).contentId,"aria-labelledby":(0,s.unref)(e).hasTitle.value?(0,s.unref)(e).titleId:void 0,"aria-describedby":(0,s.unref)(e).hasDescription.value?(0,s.unref)(e).descriptionId:void 0,role:"dialog","aria-modal":(0,s.unref)(e).isModal.value?"true":void 0,"data-state":(0,s.unref)(e).isOpen.value?"open":"closed","data-dismiss":(0,s.unref)(e).dismiss.value,onCancel:g,onClose:q,onPointerdown:k},[(0,s.renderSlot)(o.$slots,"default")],40,E))}});exports.default=P;

package/dist/dialog/DialogContent.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{composeRefs as e}from"../utils/composeRefs.js";import{DIALOG_CONTEXT as o}from"./context.js";import{useBodyScrollLock as t}from"../utils/useBodyScrollLock.js";import{useDismiss as s}from"../utils/useDismiss.js";import{autoFocusEvent as a}from"../utils/useFocusTrap.js";import{computed as n,createElementBlock as i,defineComponent as u,inject as l,onMounted as d,openBlock as c,ref as r,renderSlot as f,unref as p,watch as m}from"vue";var v=["id","aria-labelledby","aria-describedby","aria-modal","data-state"],b=/* @__PURE__ */u({__name:"DialogContent",emits:["escape-key-down","pointer-down-outside","focus-outside","interact-outside","open-auto-focus","close-auto-focus"],setup(u,{expose:b,emit:w}){const O=w,k=l(o);if(!k)throw new Error("<SkdxDialogContent> must be used inside <SkdxDialog>.");const M=r(null),y=e(M,k.contentRef);t(n(()=>k.isOpen.value&&k.isModal.value));let C=!1;function g(e,o){const t=M.value;if(t)if(e&&!t.open){const e=document.activeElement,s=a("open-auto-focus",e=>O("open-auto-focus",e));o?t.showModal?.():t.show?.(),!s&&e?.isConnected&&e.focus?.({preventScroll:!0})}else!e&&t.open&&D()}function D(){C=!a("close-auto-focus",e=>O("close-auto-focus",e)),M.value?.close?.()}function j(e){O("escape-key-down",e),e.defaultPrevented||(C=!a("close-auto-focus",e=>O("close-auto-focus",e)))}function x(){C&&(C=!1,document.activeElement?.blur?.()),k.setOpen(!1)}function E(e){e.target===M.value&&(O("interact-outside",e),O("pointer-down-outside",e),!e.defaultPrevented&&k.isModal.value&&D())}return s({enabled:k.isOpen,onInteractOutside:e=>O("interact-outside",e),onPointerDownOutside:e=>{O("pointer-down-outside",e),!e.defaultPrevented&&k.isModal.value&&D()},onFocusOutside:e=>{O("focus-outside",e),!e.defaultPrevented&&k.isModal.value&&D()}},[M]),m(()=>[k.isOpen.value,k.isModal.value],([e,o])=>g(e,o)),d(()=>g(k.isOpen.value,k.isModal.value)),b({el:M}),(e,o)=>(c(),i("dialog",{class:"skdx-dialog__content","data-part":"content",ref:p(y),id:p(k).contentId,"aria-labelledby":p(k).titleId,"aria-describedby":p(k).descriptionId,role:"dialog","aria-modal":p(k).isModal.value?"true":void 0,"data-state":p(k).isOpen.value?"open":"closed",onCancel:j,onClose:x,onClick:E},[f(e.$slots,"default")],40,v))}});export{b as default};
+import{composeRefs as e}from"../utils/composeRefs.js";import{DIALOG_CONTEXT as o}from"./context.js";import{useBodyScrollLock as s}from"../utils/useBodyScrollLock.js";import{backdropPointerDown as a,useDismiss as t}from"../utils/useDismiss.js";import{autoFocusEvent as i}from"../utils/useFocusTrap.js";import{applyFinalFocus as n,applyInitialFocus as u}from"./focusTargets.js";import{computed as l,createElementBlock as d,defineComponent as c,inject as r,onMounted as p,openBlock as f,ref as m,renderSlot as v,unref as b,watch as w}from"vue";var y=["id","aria-labelledby","aria-describedby","aria-modal","data-state","data-dismiss"],F=/* @__PURE__ */c({__name:"DialogContent",props:{initialFocus:{},finalFocus:{}},emits:["escape-key-down","pointer-down-outside","focus-outside","interact-outside","open-auto-focus","close-auto-focus"],setup(c,{expose:F,emit:O}){const k=c,D=O,M=r(o);if(!M)throw new Error("<SkdxDialogContent> must be used inside <SkdxDialog>.");const g=m(null),j=e(g,M.contentRef);s(l(()=>M.isOpen.value&&M.isModal.value));const C=l(()=>"any"===M.dismiss.value||"escape"===M.dismiss.value),P=l(()=>"any"===M.dismiss.value||"outside"===M.dismiss.value);let h=!1;function x(e,o){const s=g.value;if(s)if(e&&!s.open){const e=document.activeElement,a=i("open-auto-focus",e=>D("open-auto-focus",e));o?s.showModal?.():s.show?.(),!a&&e?.isConnected&&e!==document.body&&e.focus?.({preventScroll:!0}),a&&k.initialFocus&&u(s,k.initialFocus)}else!e&&s.open&&E()}function E(){h=!i("close-auto-focus",e=>D("close-auto-focus",e)),g.value?.close?.()}function I(e){D("escape-key-down",e),C.value?e.defaultPrevented||(h=!i("close-auto-focus",e=>D("close-auto-focus",e))):e.preventDefault()}function S(){h?(h=!1,document.activeElement?.blur?.()):n(k.finalFocus),M.setOpen(!1)}function T(e){const o=a(e,g.value);o&&(D("interact-outside",o),D("pointer-down-outside",o),!o.defaultPrevented&&M.isModal.value&&P.value&&E())}return t({enabled:M.isOpen,onInteractOutside:e=>D("interact-outside",e),onPointerDownOutside:e=>{D("pointer-down-outside",e),!e.defaultPrevented&&M.isModal.value&&P.value&&E()},onFocusOutside:e=>{D("focus-outside",e),!e.defaultPrevented&&M.isModal.value&&P.value&&E()}},[g]),w(()=>[M.isOpen.value,M.isModal.value],([e,o])=>x(e,o)),p(()=>x(M.isOpen.value,M.isModal.value)),F({el:g}),(e,o)=>(f(),d("dialog",{class:"skdx-dialog__content","data-part":"content",ref:b(j),id:b(M).contentId,"aria-labelledby":b(M).hasTitle.value?b(M).titleId:void 0,"aria-describedby":b(M).hasDescription.value?b(M).descriptionId:void 0,role:"dialog","aria-modal":b(M).isModal.value?"true":void 0,"data-state":b(M).isOpen.value?"open":"closed","data-dismiss":b(M).dismiss.value,onCancel:I,onClose:S,onPointerdown:T},[v(e.$slots,"default")],40,y))}});export{F as default};

package/dist/dialog/DialogDescription.vue.d.cts

@@ -1,7 +1,8 @@
 /**
  * The dialog's accessible description: renders a `<p>` wired to
- * `<SkdxDialogContent>` via `aria-describedby`. Must be used inside
- * `<SkdxDialog>`.
+ * `<SkdxDialogContent>` via `aria-describedby`. Genuinely optional, but the
+ * wiring is not: it registers on mount so an omitted Description leaves no
+ * dangling reference. Must be used inside `<SkdxDialog>`.
  */
 type __VLS_Props = {};
 declare var __VLS_1: {};

package/dist/dialog/DialogDescription.vue.d.ts

@@ -1,7 +1,8 @@
 /**
  * The dialog's accessible description: renders a `<p>` wired to
- * `<SkdxDialogContent>` via `aria-describedby`. Must be used inside
- * `<SkdxDialog>`.
+ * `<SkdxDialogContent>` via `aria-describedby`. Genuinely optional, but the
+ * wiring is not: it registers on mount so an omitted Description leaves no
+ * dangling reference. Must be used inside `<SkdxDialog>`.
  */
 type __VLS_Props = {};
 declare var __VLS_1: {};

package/dist/dialog/DialogDescription.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const i=require("./context.cjs");let e=require("vue");var o=["id"],n=(0,e.defineComponent)({__name:"DialogDescription",setup(s){const t=(0,e.inject)(i.DIALOG_CONTEXT);if(!t)throw new Error("<SkdxDialogDescription> must be used inside <SkdxDialog>.");return(r,d)=>((0,e.openBlock)(),(0,e.createElementBlock)("p",{class:"skdx-dialog__description","data-part":"description",id:(0,e.unref)(t).descriptionId},[(0,e.renderSlot)(r.$slots,"default")],8,o))}});exports.default=n;
+const r=require("./context.cjs");let e=require("vue");var o=["id"],n=(0,e.defineComponent)({__name:"DialogDescription",setup(s){const t=(0,e.inject)(r.DIALOG_CONTEXT);if(!t)throw new Error("<SkdxDialogDescription> must be used inside <SkdxDialog>.");return t.setHasDescription(!0),(0,e.onUnmounted)(()=>t.setHasDescription(!1)),(i,a)=>((0,e.openBlock)(),(0,e.createElementBlock)("p",{class:"skdx-dialog__description","data-part":"description",id:(0,e.unref)(t).descriptionId},[(0,e.renderSlot)(i.$slots,"default")],8,o))}});exports.default=n;

package/dist/dialog/DialogDescription.vue_vue_type_script_setup_true_lang.js

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