@skdx/vue 0.26.0 → 0.28.0

package/dist/alert-dialog/AlertDialog.vue.d.ts

@@ -1,26 +1,89 @@
+import { type AlertDialogDismiss, type AlertDialogTone } from './context.js';
 /**
- * The Vue implementation of the shared AlertDialog contract (see
- * `@skdx/shared`'s `alertDialogContract`). Root of an always-modal,
- * interruptive alert dialog (WAI-ARIA `alertdialog` pattern): owns open
- * state and hands it down to `SkdxAlertDialogTrigger` / `SkdxAlertDialogPortal`
- * / `SkdxAlertDialogOverlay` / `SkdxAlertDialogContent` / `SkdxAlertDialogTitle`
- * / `SkdxAlertDialogDescription` / `SkdxAlertDialogAction` /
- * `SkdxAlertDialogCancel` via context. Renders no DOM of its own.
- *
- * Unlike Dialog, it never closes on outside pointer-down — only Escape or an
- * explicit Action/Cancel click.
+ * Always-modal alert dialog (WAI-ARIA `alertdialog` pattern): renders
+ * title, description, body, and Cancel/Action footer. Works controlled
+ * (`v-model:open`) or uncontrolled (`default-open`). Never closes on outside
+ * pointer-down — only Escape (unless `dismiss="none"`) or an explicit
+ * Action/Cancel click.
  *
  * Emits `open-change` the instant the state flips and `open-change-complete`
- * once the change has finished on screen — after `SkdxAlertDialogContent`'s
- * enter or exit animation ends, or in the same task when it declares none.
+ * once the animation finishes — after `SkdxAlertDialogContent`'s enter or exit
+ * animation ends, or immediately when it declares none.
+ *
+ * @example
+ * ```vue
+ * <SkdxAlertDialog v-model:open="open" title="Delete item?"
+ *   description="This can't be undone." tone="danger"
+ *   @confirm="onDelete" />
+ * ```
+ *
+ * @example Vetoing the close so the panel survives an in-flight request
+ * ```vue
+ * <SkdxAlertDialog v-model:open="open" title="Delete item?"
+ *   @confirm="(event) => { event.preventDefault(); remove(); }" />
+ * ```
  *
- * Works controlled (`v-model:open`) or uncontrolled (`default-open`).
+ * @example Primitive composition
+ * ```vue
+ * <SkdxAlertDialog>
+ *   <SkdxAlertDialogTrigger>Delete</SkdxAlertDialogTrigger>
+ *   <SkdxAlertDialogPortal>
+ *     <SkdxAlertDialogOverlay />
+ *     <SkdxAlertDialogContent>
+ *       <SkdxAlertDialogTitle>Delete item?</SkdxAlertDialogTitle>
+ *       <SkdxAlertDialogCancel>Cancel</SkdxAlertDialogCancel>
+ *       <SkdxAlertDialogAction @click="onDelete">Delete</SkdxAlertDialogAction>
+ *     </SkdxAlertDialogContent>
+ *   </SkdxAlertDialogPortal>
+ * </SkdxAlertDialog>
+ * ```
  */
 type __VLS_Props = {
     /** Whether the alert dialog is open, for controlled usage. Pair with `@update:open`. */
     open?: boolean;
     /** Whether the alert dialog is initially open, for uncontrolled usage. */
     defaultOpen?: boolean;
+    /**
+     * Which un-prevented interaction is allowed to close the alert dialog:
+     * `'escape'` lets the Escape key close it, `'none'` leaves an explicit
+     * Action/Cancel click as the only way out. `escape-key-down` still fires
+     * under `'none'` — the policy decides only whether an un-prevented Escape
+     * actually closes the panel. Two-valued, unlike `SkdxDialog`'s four: an
+     * alert dialog never dismisses on an outside interaction, so `'any'` and
+     * `'outside'` would name behaviour that does not exist here. Reflected as
+     * `data-dismiss` on `SkdxAlertDialogContent`, since this root renders no
+     * DOM of its own.
+     */
+    dismiss?: AlertDialogDismiss;
+    /**
+     * Title rendered by the derived anatomy as `SkdxAlertDialogTitle`.
+     * Ignored when the default slot supplies its own `SkdxAlertDialogContent`.
+     * @default undefined — no title is rendered.
+     */
+    title?: string;
+    /**
+     * Description rendered by the derived anatomy as
+     * `SkdxAlertDialogDescription`. Ignored when the default slot supplies
+     * its own `SkdxAlertDialogContent`.
+     * @default undefined — no description is rendered.
+     */
+    description?: string;
+    /**
+     * Label of the derived `SkdxAlertDialogAction` button, which emits `confirm` on click.
+     * @default 'Confirm'
+     */
+    confirmLabel?: string;
+    /**
+     * Label of the derived `SkdxAlertDialogCancel` button, which emits `cancel` on click.
+     * @default 'Cancel'
+     */
+    cancelLabel?: string;
+    /**
+     * Tone token the derived panel carries as `data-tone`, for a skin to key
+     * its action button's color off. Purely presentational.
+     * @default 'neutral'
+     */
+    tone?: AlertDialogTone;
 };
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
@@ -29,14 +92,24 @@ type __VLS_Slots = {} & {
 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;
+    cancel: (event: MouseEvent) => any;
     "open-change-complete": (open: boolean) => any;
+    confirm: (event: MouseEvent) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onUpdate:open"?: ((open: boolean) => any) | undefined;
     "onOpen-change"?: ((open: boolean) => any) | undefined;
+    onCancel?: ((event: MouseEvent) => any) | undefined;
     "onOpen-change-complete"?: ((open: boolean) => any) | undefined;
+    onConfirm?: ((event: MouseEvent) => any) | undefined;
 }>, {
+    title: string;
+    description: string;
     open: boolean;
     defaultOpen: boolean;
+    dismiss: AlertDialogDismiss;
+    confirmLabel: string;
+    cancelLabel: string;
+    tone: AlertDialogTone;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/alert-dialog/AlertDialog.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const g=require("../utils/useOpenChangeComplete.cjs"),u=require("./context.cjs");let t=require("vue");var m=(0,t.defineComponent)({__name:"AlertDialog",props:{open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1}},emits:["update:open","open-change","open-change-complete"],setup(a,{emit:c}){const n=a,o=c,s=(0,t.ref)(null),p=(0,t.ref)(null),l=(0,t.ref)(n.defaultOpen),r=(0,t.computed)(()=>n.open??l.value),{contentId:i,titleId:d,descriptionId:f}=u.nextAlertDialogIds();g.useOpenChangeComplete(r,p,e=>o("open-change-complete",e));function _(e){n.open===void 0&&(l.value=e),o("update:open",e),o("open-change",e)}return(0,t.provide)(u.ALERT_DIALOG_CONTEXT,{triggerRef:s,contentRef:p,contentId:i,titleId:d,descriptionId:f,open:r,setOpen:_}),(e,v)=>(0,t.renderSlot)(e.$slots,"default")}});exports.default=m;
+const h=require("../utils/useOpenChangeComplete.cjs"),p=require("./context.cjs"),A=require("./AlertDialogAnatomy.vue.cjs");let t=require("vue");var D=(0,t.defineComponent)({inheritAttrs:!1,__name:"AlertDialog",props:{open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1},dismiss:{default:"escape"},title:{default:void 0},description:{default:void 0},confirmLabel:{default:"Confirm"},cancelLabel:{default:"Cancel"},tone:{default:"neutral"}},emits:["update:open","open-change","open-change-complete","confirm","cancel"],setup(n,{emit:f}){const l=n,i=f,m=(0,t.ref)(null),r=(0,t.ref)(null),s=(0,t.ref)(l.defaultOpen),c=(0,t.computed)(()=>l.open??s.value),{contentId:v,titleId:g,descriptionId:C}=p.nextAlertDialogIds(),u=(0,t.ref)(!1),d=(0,t.ref)(!1);h.useOpenChangeComplete(c,r,e=>i("open-change-complete",e));function b(e){l.open===void 0&&(s.value=e),i("update:open",e),i("open-change",e)}return(0,t.provide)(p.ALERT_DIALOG_CONTEXT,{triggerRef:m,contentRef:r,contentId:v,titleId:g,descriptionId:C,hasTitle:(0,t.computed)(()=>u.value),hasDescription:(0,t.computed)(()=>d.value),setHasTitle:e=>{u.value=e},setHasDescription:e=>{d.value=e},open:c,dismiss:(0,t.computed)(()=>l.dismiss),setOpen:b}),(e,o)=>(0,t.renderSlot)(e.$slots,"default",{},()=>[(0,t.createVNode)(A.default,(0,t.mergeProps)(e.$attrs,{title:n.title,description:n.description,"confirm-label":n.confirmLabel,"cancel-label":n.cancelLabel,tone:n.tone,onConfirm:o[0]||(o[0]=a=>e.$emit("confirm",a)),onCancel:o[1]||(o[1]=a=>e.$emit("cancel",a))}),null,16,["title","description","confirm-label","cancel-label","tone"])])}});exports.default=D;

package/dist/alert-dialog/AlertDialog.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{useOpenChangeComplete as e}from"../utils/useOpenChangeComplete.js";import{ALERT_DIALOG_CONTEXT as t,nextAlertDialogIds as n}from"./context.js";import{computed as o,defineComponent as p,provide as a,ref as l,renderSlot as s}from"vue";var d=/* @__PURE__ */p({__name:"AlertDialog",props:{open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1}},emits:["update:open","open-change","open-change-complete"],setup(p,{emit:d}){const r=p,i=d,u=l(null),c=l(null),m=l(r.defaultOpen),f=o(()=>r.open??m.value),{contentId:g,titleId:I,descriptionId:v}=n();return e(f,c,e=>i("open-change-complete",e)),a(t,{triggerRef:u,contentRef:c,contentId:g,titleId:I,descriptionId:v,open:f,setOpen:function(e){void 0===r.open&&(m.value=e),i("update:open",e),i("open-change",e)}}),(e,t)=>s(e.$slots,"default")}});export{d as default};
+import{useOpenChangeComplete as e}from"../utils/useOpenChangeComplete.js";import{ALERT_DIALOG_CONTEXT as t,nextAlertDialogIds as n}from"./context.js";import o from"./AlertDialogAnatomy.vue.js";import{computed as a,createVNode as l,defineComponent as i,mergeProps as s,provide as r,ref as p,renderSlot as c}from"vue";var d=/* @__PURE__ */i({inheritAttrs:!1,__name:"AlertDialog",props:{open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1},dismiss:{default:"escape"},title:{default:void 0},description:{default:void 0},confirmLabel:{default:"Confirm"},cancelLabel:{default:"Cancel"},tone:{default:"neutral"}},emits:["update:open","open-change","open-change-complete","confirm","cancel"],setup(i,{emit:d}){const u=i,m=d,f=p(null),v=p(null),g=p(u.defaultOpen),C=a(()=>u.open??g.value),{contentId:h,titleId:b,descriptionId:I}=n(),A=p(!1),O=p(!1);return e(C,v,e=>m("open-change-complete",e)),r(t,{triggerRef:f,contentRef:v,contentId:h,titleId:b,descriptionId:I,hasTitle:a(()=>A.value),hasDescription:a(()=>O.value),setHasTitle:e=>{A.value=e},setHasDescription:e=>{O.value=e},open:C,dismiss:a(()=>u.dismiss),setOpen:function(e){void 0===u.open&&(g.value=e),m("update:open",e),m("open-change",e)}}),(e,t)=>c(e.$slots,"default",{},()=>[l(o,s(e.$attrs,{title:i.title,description:i.description,"confirm-label":i.confirmLabel,"cancel-label":i.cancelLabel,tone:i.tone,onConfirm:t[0]||(t[0]=t=>e.$emit("confirm",t)),onCancel:t[1]||(t[1]=t=>e.$emit("cancel",t))}),null,16,["title","description","confirm-label","cancel-label","tone"])])}});export{d as default};

package/dist/alert-dialog/AlertDialogAction.vue.d.cts

@@ -1,15 +1,23 @@
 /**
- * Button that confirms the alert dialog's primary (often destructive) action
- * and closes the dialog on click. Does not run your handler for you — attach
- * a `click` listener to actually perform the action. Must be used inside
- * `SkdxAlertDialog`.
+ * Confirm action button: closes dialog on click. Does not run your handler — attach `@click` to act.
+ * Close is vetoable: `event.preventDefault()` in your handler keeps dialog open.
+ * Needed to keep panel open during async operations (close after work settles).
+ *
+ * @example
+ * ```vue
+ * <SkdxAlertDialogAction @click="handleDelete">Delete</SkdxAlertDialogAction>
+ * ```
  */
 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 __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: (event: MouseEvent) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClick?: ((event: MouseEvent) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

package/dist/alert-dialog/AlertDialogAction.vue.d.ts

@@ -1,15 +1,23 @@
 /**
- * Button that confirms the alert dialog's primary (often destructive) action
- * and closes the dialog on click. Does not run your handler for you — attach
- * a `click` listener to actually perform the action. Must be used inside
- * `SkdxAlertDialog`.
+ * Confirm action button: closes dialog on click. Does not run your handler — attach `@click` to act.
+ * Close is vetoable: `event.preventDefault()` in your handler keeps dialog open.
+ * Needed to keep panel open during async operations (close after work settles).
+ *
+ * @example
+ * ```vue
+ * <SkdxAlertDialogAction @click="handleDelete">Delete</SkdxAlertDialogAction>
+ * ```
  */
 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 __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: (event: MouseEvent) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClick?: ((event: MouseEvent) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

package/dist/alert-dialog/AlertDialogAction.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const r=require("./context.cjs");let e=require("vue");var l=(0,e.defineComponent)({__name:"AlertDialogAction",setup(a){const t=(0,e.inject)(r.ALERT_DIALOG_CONTEXT);if(!t)throw new Error("SkdxAlertDialogAction must be used within SkdxAlertDialog.");function n(){t.setOpen(!1)}return(o,i)=>((0,e.openBlock)(),(0,e.createElementBlock)("button",{class:"skdx-alert-dialog__action","data-part":"action",type:"button",onClick:n},[(0,e.renderSlot)(o.$slots,"default")]))}});exports.default=l;
+const l=require("./context.cjs");let e=require("vue");var c=(0,e.defineComponent)({__name:"AlertDialogAction",emits:["click"],setup(a,{emit:r}){const o=r,n=(0,e.inject)(l.ALERT_DIALOG_CONTEXT);if(!n)throw new Error("SkdxAlertDialogAction must be used within SkdxAlertDialog.");function i(t){o("click",t),!t.defaultPrevented&&n.setOpen(!1)}return(t,u)=>((0,e.openBlock)(),(0,e.createElementBlock)("button",{class:"skdx-alert-dialog__action","data-part":"action",type:"button",onClick:i},[(0,e.renderSlot)(t.$slots,"default")]))}});exports.default=c;

package/dist/alert-dialog/AlertDialogAction.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{ALERT_DIALOG_CONTEXT as t}from"./context.js";import{createElementBlock as e,defineComponent as o,inject as a,openBlock as n,renderSlot as r}from"vue";var s=/* @__PURE__ */o({__name:"AlertDialogAction",setup(o){const s=a(t);if(!s)throw new Error("SkdxAlertDialogAction must be used within SkdxAlertDialog.");function i(){s.setOpen(!1)}return(t,o)=>(n(),e("button",{class:"skdx-alert-dialog__action","data-part":"action",type:"button",onClick:i},[r(t.$slots,"default")]))}});export{s as default};
+import{ALERT_DIALOG_CONTEXT as t}from"./context.js";import{createElementBlock as e,defineComponent as o,inject as a,openBlock as n,renderSlot as i}from"vue";var r=/* @__PURE__ */o({__name:"AlertDialogAction",emits:["click"],setup(o,{emit:r}){const l=r,s=a(t);if(!s)throw new Error("SkdxAlertDialogAction must be used within SkdxAlertDialog.");function c(t){l("click",t),!t.defaultPrevented&&s.setOpen(!1)}return(t,o)=>(n(),e("button",{class:"skdx-alert-dialog__action","data-part":"action",type:"button",onClick:c},[i(t.$slots,"default")]))}});export{r as default};

package/dist/alert-dialog/AlertDialogAnatomy.vue.cjs

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

package/dist/alert-dialog/AlertDialogAnatomy.vue.d.cts

@@ -0,0 +1,23 @@
+import type { AlertDialogTone } from './context.cjs';
+/**
+ * The anatomy a `SkdxAlertDialog` renders: a portalled backdrop and panel
+ * with derived title, description, and Cancel/Action footer. Both closes stay
+ * vetoable exactly as documented by `SkdxAlertDialogAction` and
+ * `SkdxAlertDialogCancel`.
+ * @internal
+ */
+type __VLS_Props = {
+    title?: string;
+    description?: string;
+    confirmLabel: string;
+    cancelLabel: string;
+    tone: AlertDialogTone;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    cancel: (event: MouseEvent) => any;
+    confirm: (event: MouseEvent) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onCancel?: ((event: MouseEvent) => any) | undefined;
+    onConfirm?: ((event: MouseEvent) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/alert-dialog/AlertDialogAnatomy.vue.d.ts

@@ -0,0 +1,23 @@
+import type { AlertDialogTone } from './context.js';
+/**
+ * The anatomy a `SkdxAlertDialog` renders: a portalled backdrop and panel
+ * with derived title, description, and Cancel/Action footer. Both closes stay
+ * vetoable exactly as documented by `SkdxAlertDialogAction` and
+ * `SkdxAlertDialogCancel`.
+ * @internal
+ */
+type __VLS_Props = {
+    title?: string;
+    description?: string;
+    confirmLabel: string;
+    cancelLabel: string;
+    tone: AlertDialogTone;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    cancel: (event: MouseEvent) => any;
+    confirm: (event: MouseEvent) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onCancel?: ((event: MouseEvent) => any) | undefined;
+    onConfirm?: ((event: MouseEvent) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/alert-dialog/AlertDialogAnatomy.vue.js

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

package/dist/alert-dialog/AlertDialogAnatomy.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const i=require("./AlertDialogAction.vue.cjs"),o=require("./AlertDialogCancel.vue.cjs"),n=require("./AlertDialogContent.vue.cjs"),c=require("./AlertDialogDescription.vue.cjs"),u=require("./AlertDialogOverlay.vue.cjs"),d=require("./AlertDialogPortal.vue.cjs"),f=require("./AlertDialogTitle.vue.cjs");let e=require("vue");var s={class:"skdx-alert-dialog__footer","data-part":"footer"},m=(0,e.defineComponent)({inheritAttrs:!1,__name:"AlertDialogAnatomy",props:{title:{},description:{},confirmLabel:{},cancelLabel:{},tone:{}},emits:["confirm","cancel"],setup(t){return(a,r)=>((0,e.openBlock)(),(0,e.createBlock)(d.default,null,{default:(0,e.withCtx)(()=>[(0,e.createVNode)(u.default),(0,e.createVNode)(n.default,(0,e.normalizeProps)((0,e.guardReactiveProps)(a.$attrs)),{default:(0,e.withCtx)(()=>[t.title?((0,e.openBlock)(),(0,e.createBlock)(f.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)(c.default,{key:1},{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(t.description),1)]),_:1})):(0,e.createCommentVNode)("",!0),(0,e.createElementVNode)("div",s,[(0,e.createVNode)(o.default,{onClick:r[0]||(r[0]=l=>a.$emit("cancel",l))},{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(t.cancelLabel),1)]),_:1}),(0,e.createVNode)(i.default,{"data-tone":t.tone,onClick:r[1]||(r[1]=l=>a.$emit("confirm",l))},{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(t.confirmLabel),1)]),_:1},8,["data-tone"])])]),_:1},16)]),_:1}))}});exports.default=m;

package/dist/alert-dialog/AlertDialogAnatomy.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import e from"./AlertDialogAction.vue.js";import t from"./AlertDialogCancel.vue.js";import o from"./AlertDialogContent.vue.js";import a from"./AlertDialogDescription.vue.js";import r from"./AlertDialogOverlay.vue.js";import l from"./AlertDialogPortal.vue.js";import i from"./AlertDialogTitle.vue.js";import{createBlock as n,createCommentVNode as s,createElementVNode as m,createTextVNode as c,createVNode as d,defineComponent as f,guardReactiveProps as p,normalizeProps as u,openBlock as v,toDisplayString as g,withCtx as A}from"vue";var D={class:"skdx-alert-dialog__footer","data-part":"footer"},_=/* @__PURE__ */f({inheritAttrs:!1,__name:"AlertDialogAnatomy",props:{title:{},description:{},confirmLabel:{},cancelLabel:{},tone:{}},emits:["confirm","cancel"],setup:f=>(_,j)=>(v(),n(l,null,{default:A(()=>[d(r),d(o,u(p(_.$attrs)),{default:A(()=>[f.title?(v(),n(i,{key:0},{default:A(()=>[c(g(f.title),1)]),_:1})):s("",!0),f.description?(v(),n(a,{key:1},{default:A(()=>[c(g(f.description),1)]),_:1})):s("",!0),m("div",D,[d(t,{onClick:j[0]||(j[0]=e=>_.$emit("cancel",e))},{default:A(()=>[c(g(f.cancelLabel),1)]),_:1}),d(e,{"data-tone":f.tone,onClick:j[1]||(j[1]=e=>_.$emit("confirm",e))},{default:A(()=>[c(g(f.confirmLabel),1)]),_:1},8,["data-tone"])])]),_:1},16)]),_:1}))});export{_ as default};

package/dist/alert-dialog/AlertDialogCancel.vue.d.cts

@@ -1,15 +1,22 @@
 /**
- * Button that dismisses the alert dialog without taking action. Marked with
- * an internal data attribute so `SkdxAlertDialogContent` can send it initial
- * focus on open, per the "default to the safe action" alertdialog guidance.
- * Must be used inside `SkdxAlertDialog`.
+ * Button that dismisses the alert dialog. The close is vetoable via
+ * `preventDefault()`. Receives initial focus on open.
+ *
+ * @example
+ * ```vue
+ * <SkdxAlertDialogCancel @click="discardDraft">Keep editing</SkdxAlertDialogCancel>
+ * ```
  */
 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 __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: (event: MouseEvent) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClick?: ((event: MouseEvent) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

package/dist/alert-dialog/AlertDialogCancel.vue.d.ts

@@ -1,15 +1,22 @@
 /**
- * Button that dismisses the alert dialog without taking action. Marked with
- * an internal data attribute so `SkdxAlertDialogContent` can send it initial
- * focus on open, per the "default to the safe action" alertdialog guidance.
- * Must be used inside `SkdxAlertDialog`.
+ * Button that dismisses the alert dialog. The close is vetoable via
+ * `preventDefault()`. Receives initial focus on open.
+ *
+ * @example
+ * ```vue
+ * <SkdxAlertDialogCancel @click="discardDraft">Keep editing</SkdxAlertDialogCancel>
+ * ```
  */
 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 __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: (event: MouseEvent) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClick?: ((event: MouseEvent) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

package/dist/alert-dialog/AlertDialogCancel.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const n=require("./context.cjs");let e=require("vue");var r=(0,e.defineComponent)({__name:"AlertDialogCancel",setup(c){const t=(0,e.inject)(n.ALERT_DIALOG_CONTEXT);if(!t)throw new Error("SkdxAlertDialogCancel must be used within SkdxAlertDialog.");function l(){t.setOpen(!1)}return(a,o)=>((0,e.openBlock)(),(0,e.createElementBlock)("button",{class:"skdx-alert-dialog__cancel","data-part":"cancel",type:"button","data-skdx-alert-dialog-cancel":"",onClick:l},[(0,e.renderSlot)(a.$slots,"default")]))}});exports.default=r;
+const c=require("./context.cjs");let e=require("vue");var o=(0,e.defineComponent)({__name:"AlertDialogCancel",emits:["click"],setup(i,{emit:n}){const a=n,l=(0,e.inject)(c.ALERT_DIALOG_CONTEXT);if(!l)throw new Error("SkdxAlertDialogCancel must be used within SkdxAlertDialog.");function r(t){a("click",t),!t.defaultPrevented&&l.setOpen(!1)}return(t,u)=>((0,e.openBlock)(),(0,e.createElementBlock)("button",{class:"skdx-alert-dialog__cancel","data-part":"cancel",type:"button","data-skdx-alert-dialog-cancel":"",onClick:r},[(0,e.renderSlot)(t.$slots,"default")]))}});exports.default=o;

package/dist/alert-dialog/AlertDialogCancel.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{ALERT_DIALOG_CONTEXT as e}from"./context.js";import{createElementBlock as t,defineComponent as a,inject as o,openBlock as l,renderSlot as n}from"vue";var r=/* @__PURE__ */a({__name:"AlertDialogCancel",setup(a){const r=o(e);if(!r)throw new Error("SkdxAlertDialogCancel must be used within SkdxAlertDialog.");function s(){r.setOpen(!1)}return(e,a)=>(l(),t("button",{class:"skdx-alert-dialog__cancel","data-part":"cancel",type:"button","data-skdx-alert-dialog-cancel":"",onClick:s},[n(e.$slots,"default")]))}});export{r as default};
+import{ALERT_DIALOG_CONTEXT as e}from"./context.js";import{createElementBlock as t,defineComponent as a,inject as l,openBlock as n,renderSlot as o}from"vue";var r=/* @__PURE__ */a({__name:"AlertDialogCancel",emits:["click"],setup(a,{emit:r}){const c=r,s=l(e);if(!s)throw new Error("SkdxAlertDialogCancel must be used within SkdxAlertDialog.");function i(e){c("click",e),!e.defaultPrevented&&s.setOpen(!1)}return(e,a)=>(n(),t("button",{class:"skdx-alert-dialog__cancel","data-part":"cancel",type:"button","data-skdx-alert-dialog-cancel":"",onClick:i},[o(e.$slots,"default")]))}});export{r as default};

package/dist/alert-dialog/AlertDialogContent.vue.d.cts

@@ -2,24 +2,47 @@ import { type FocusOutsideEvent, type InteractOutsideEvent } from '../utils/useD
 import { type AutoFocusEvent } from '../utils/useFocusTrap.cjs';
 /**
  * The alert dialog's panel: `role="alertdialog"` with `aria-modal="true"`,
- * labelled by `SkdxAlertDialogTitle` and described by
- * `SkdxAlertDialogDescription` via `aria-labelledby`/`aria-describedby`, and
- * `data-state` (`open`/`closed`) reflecting state. Always traps focus and
- * locks body scroll while open. Unlike `SkdxDialogContent`, it never closes
- * on an outside interaction — only Escape (unless `escape-key-down` calls
- * `event.preventDefault()`) or an explicit `SkdxAlertDialogAction`/
- * `SkdxAlertDialogCancel` click. Outside interactions are still reported, for
- * nudging the user back to the decision: `pointer-down-outside`/
- * `focus-outside`, each preceded by `interact-outside` carrying the same
- * event; there is simply nothing to veto. Sends initial focus to the
- * `SkdxAlertDialogCancel` button, announced first as a cancelable
- * `open-auto-focus`, and announces the focus return on close as
- * `close-auto-focus`. Mounts only while open unless `forceMount` is set.
+ * labelled by `SkdxAlertDialogTitle` and described by `SkdxAlertDialogDescription`
+ * via `aria-labelledby`/`aria-describedby` — each emitted only when the part
+ * is mounted, so an omitted part leaves no dangling reference. Always traps
+ * focus, locks body scroll, and marks the rest of the document `inert` while
+ * open. Never closes on outside interaction — only Escape (unless
+ * `escape-key-down` calls `preventDefault()`) or an explicit
+ * `SkdxAlertDialogAction`/`SkdxAlertDialogCancel` click. Outside interactions
+ * are reported for nudging the user back: `pointer-down-outside`, `focus-outside`,
+ * each preceded by `interact-outside`. Sends initial focus to `SkdxAlertDialogCancel`,
+ * or to `initialFocus` when that selector matches, announced as a cancelable
+ * `open-auto-focus`. Announces focus return on close as `close-auto-focus`,
+ * redirected by `finalFocus`. Mounts only while open unless `forceMount` is set.
  * Must be used inside `SkdxAlertDialog`.
  */
 type __VLS_Props = {
     /** Keep this panel mounted even while the alert dialog is closed, instead of unmounting it. */
     forceMount?: boolean;
+    /**
+     * CSS selector for the element inside this panel that should receive focus
+     * on open, instead of the `SkdxAlertDialogCancel` button. Resolved with
+     * `querySelector` against the panel, and only when `open-auto-focus` was
+     * not prevented. A selector matching nothing falls back to Cancel, then the
+     * first tabbable element, then the panel itself, and warns — an
+     * always-modal panel with focus stranded on `<body>` cannot be reached from
+     * the keyboard at all. A selector string rather than an element so the same
+     * member survives as `<skdx-alert-dialog-content>`'s `initial-focus`
+     * attribute.
+     * @default undefined — focus lands on the Cancel action.
+     */
+    initialFocus?: string;
+    /**
+     * CSS selector for the element that should receive focus on close, instead
+     * of whatever held it before the panel opened. Resolved against the whole
+     * **document**, not the panel: here the return target is routinely not even
+     * the trigger, because the row this alert dialog just confirmed the
+     * deletion of is gone and its trigger with it — the case the prop exists
+     * for. Applied only when `close-auto-focus` was not prevented; a selector
+     * matching nothing falls back to the previously focused element and warns.
+     * @default undefined — focus returns to the element focused before opening.
+     */
+    finalFocus?: string;
 };
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
@@ -41,6 +64,8 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}
     "onInteract-outside"?: ((event: InteractOutsideEvent) => any) | undefined;
 }>, {
     forceMount: boolean;
+    initialFocus: string;
+    finalFocus: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/alert-dialog/AlertDialogContent.vue.d.ts

@@ -2,24 +2,47 @@ import { type FocusOutsideEvent, type InteractOutsideEvent } from '../utils/useD
 import { type AutoFocusEvent } from '../utils/useFocusTrap.js';
 /**
  * The alert dialog's panel: `role="alertdialog"` with `aria-modal="true"`,
- * labelled by `SkdxAlertDialogTitle` and described by
- * `SkdxAlertDialogDescription` via `aria-labelledby`/`aria-describedby`, and
- * `data-state` (`open`/`closed`) reflecting state. Always traps focus and
- * locks body scroll while open. Unlike `SkdxDialogContent`, it never closes
- * on an outside interaction — only Escape (unless `escape-key-down` calls
- * `event.preventDefault()`) or an explicit `SkdxAlertDialogAction`/
- * `SkdxAlertDialogCancel` click. Outside interactions are still reported, for
- * nudging the user back to the decision: `pointer-down-outside`/
- * `focus-outside`, each preceded by `interact-outside` carrying the same
- * event; there is simply nothing to veto. Sends initial focus to the
- * `SkdxAlertDialogCancel` button, announced first as a cancelable
- * `open-auto-focus`, and announces the focus return on close as
- * `close-auto-focus`. Mounts only while open unless `forceMount` is set.
+ * labelled by `SkdxAlertDialogTitle` and described by `SkdxAlertDialogDescription`
+ * via `aria-labelledby`/`aria-describedby` — each emitted only when the part
+ * is mounted, so an omitted part leaves no dangling reference. Always traps
+ * focus, locks body scroll, and marks the rest of the document `inert` while
+ * open. Never closes on outside interaction — only Escape (unless
+ * `escape-key-down` calls `preventDefault()`) or an explicit
+ * `SkdxAlertDialogAction`/`SkdxAlertDialogCancel` click. Outside interactions
+ * are reported for nudging the user back: `pointer-down-outside`, `focus-outside`,
+ * each preceded by `interact-outside`. Sends initial focus to `SkdxAlertDialogCancel`,
+ * or to `initialFocus` when that selector matches, announced as a cancelable
+ * `open-auto-focus`. Announces focus return on close as `close-auto-focus`,
+ * redirected by `finalFocus`. Mounts only while open unless `forceMount` is set.
  * Must be used inside `SkdxAlertDialog`.
  */
 type __VLS_Props = {
     /** Keep this panel mounted even while the alert dialog is closed, instead of unmounting it. */
     forceMount?: boolean;
+    /**
+     * CSS selector for the element inside this panel that should receive focus
+     * on open, instead of the `SkdxAlertDialogCancel` button. Resolved with
+     * `querySelector` against the panel, and only when `open-auto-focus` was
+     * not prevented. A selector matching nothing falls back to Cancel, then the
+     * first tabbable element, then the panel itself, and warns — an
+     * always-modal panel with focus stranded on `<body>` cannot be reached from
+     * the keyboard at all. A selector string rather than an element so the same
+     * member survives as `<skdx-alert-dialog-content>`'s `initial-focus`
+     * attribute.
+     * @default undefined — focus lands on the Cancel action.
+     */
+    initialFocus?: string;
+    /**
+     * CSS selector for the element that should receive focus on close, instead
+     * of whatever held it before the panel opened. Resolved against the whole
+     * **document**, not the panel: here the return target is routinely not even
+     * the trigger, because the row this alert dialog just confirmed the
+     * deletion of is gone and its trigger with it — the case the prop exists
+     * for. Applied only when `close-auto-focus` was not prevented; a selector
+     * matching nothing falls back to the previously focused element and warns.
+     * @default undefined — focus returns to the element focused before opening.
+     */
+    finalFocus?: string;
 };
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
@@ -41,6 +64,8 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}
     "onInteract-outside"?: ((event: InteractOutsideEvent) => any) | undefined;
 }>, {
     forceMount: boolean;
+    initialFocus: string;
+    finalFocus: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/alert-dialog/AlertDialogContent.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const v=require("../utils/composeRefs.cjs"),y=require("../utils/useBodyScrollLock.cjs"),q=require("../utils/useDismiss.cjs"),l=require("../utils/useFocusTrap.cjs"),A=require("./context.cjs");let t=require("vue");var g=["id","aria-labelledby","aria-describedby","data-state"],C="[data-skdx-alert-dialog-cancel]",k=(0,t.defineComponent)({__name:"AlertDialogContent",props:{forceMount:{type:Boolean,default:!1}},emits:["escape-key-down","pointer-down-outside","focus-outside","interact-outside","open-auto-focus","close-auto-focus"],setup(d,{emit:f}){const p=["a[href]","button:not([disabled])",'input:not([disabled]):not([type="hidden"])',"select:not([disabled])","textarea:not([disabled])",'[tabindex]:not([tabindex="-1"])'].join(", "),n=f,u=(0,t.inject)(A.ALERT_DIALOG_CONTEXT);if(!u)throw new Error("SkdxAlertDialogContent must be used within SkdxAlertDialog.");const o=u,a=(0,t.ref)(null),_=v.composeRefs(a,o.contentRef);y.useBodyScrollLock(o.open),l.useFocusTrap(a,o.open,{onOpenAutoFocus:e=>e.preventDefault(),onCloseAutoFocus:e=>n("close-auto-focus",e)}),q.useDismiss({enabled:o.open,onEscapeKeyDown:e=>{n("escape-key-down",e),e.defaultPrevented||(o.setOpen(!1),o.triggerRef.value?.focus())},onInteractOutside:e=>n("interact-outside",e),onPointerDownOutside:e=>n("pointer-down-outside",e),onFocusOutside:e=>n("focus-outside",e)},[a,o.triggerRef]);let r;function s(){r!==void 0&&cancelAnimationFrame(r),r=requestAnimationFrame(()=>{const e=a.value;if(!e||!l.autoFocusEvent("open-auto-focus",b=>n("open-auto-focus",b)))return;const i=e.querySelector(C),m=e.querySelector(p),c=i??m??e;c===e&&(e.tabIndex=e.tabIndex>=0?e.tabIndex:-1),c.focus({preventScroll:!0})})}return(0,t.watch)(o.open,e=>{e&&s()}),(0,t.onMounted)(()=>{o.open.value&&s()}),(0,t.onBeforeUnmount)(()=>{r!==void 0&&cancelAnimationFrame(r)}),(e,i)=>d.forceMount||(0,t.unref)(o).open.value?((0,t.openBlock)(),(0,t.createElementBlock)("div",{key:0,class:"skdx-alert-dialog__content","data-part":"content",id:(0,t.unref)(o).contentId,ref:(0,t.unref)(_),role:"alertdialog","aria-modal":"true","aria-labelledby":(0,t.unref)(o).titleId,"aria-describedby":(0,t.unref)(o).descriptionId,"data-state":(0,t.unref)(o).open.value?"open":"closed"},[(0,t.renderSlot)(e.$slots,"default")],8,g)):(0,t.createCommentVNode)("",!0)}});exports.default=k;
+const b=require("../utils/tabbable.cjs"),g=require("../utils/composeRefs.cjs"),y=require("../utils/useBodyScrollLock.cjs"),A=require("../utils/useDismiss.cjs"),f=require("../utils/useFocusTrap.cjs"),C=require("../utils/useOutsideInert.cjs"),S=require("./context.cjs"),p=require("./focusTargets.cjs");let o=require("vue");var k=["id","aria-labelledby","aria-describedby","data-state","data-dismiss"],D="[data-skdx-alert-dialog-cancel]",E=(0,o.defineComponent)({__name:"AlertDialogContent",props:{forceMount:{type:Boolean,default:!1},initialFocus:{default:void 0},finalFocus:{default:void 0}},emits:["escape-key-down","pointer-down-outside","focus-outside","interact-outside","open-auto-focus","close-auto-focus"],setup(a,{emit:v}){const i=a,n=v,c=(0,o.inject)(S.ALERT_DIALOG_CONTEXT);if(!c)throw new Error("SkdxAlertDialogContent must be used within SkdxAlertDialog.");const t=c,r=(0,o.ref)(null),m=g.composeRefs(r,t.contentRef);y.useBodyScrollLock(t.open),C.useOutsideInert(r,t.open),f.useFocusTrap(r,t.open,{onOpenAutoFocus:e=>e.preventDefault(),onCloseAutoFocus:e=>{if(n("close-auto-focus",e),e.defaultPrevented||!i.finalFocus)return;const s=p.resolveFocusSelector(document,i.finalFocus,"finalFocus");s&&(s.focus({preventScroll:!0}),e.preventDefault())}}),A.useDismiss({enabled:t.open,onEscapeKeyDown:e=>{n("escape-key-down",e),!e.defaultPrevented&&t.dismiss.value!=="none"&&(t.setOpen(!1),t.triggerRef.value?.focus())},onInteractOutside:e=>n("interact-outside",e),onPointerDownOutside:e=>n("pointer-down-outside",e),onFocusOutside:e=>n("focus-outside",e)},[r,t.triggerRef]);let u;function l(){u!==void 0&&cancelAnimationFrame(u),u=requestAnimationFrame(()=>{const e=r.value;if(!e||!f.autoFocusEvent("open-auto-focus",F=>n("open-auto-focus",F)))return;const s=p.resolveFocusSelector(e,i.initialFocus,"initialFocus"),_=e.querySelector(D),q=e.querySelector(b.TABBABLE_SELECTOR),d=s??_??q??e;d===e&&(e.tabIndex=e.tabIndex>=0?e.tabIndex:-1),d.focus({preventScroll:!0})})}return(0,o.watch)(t.open,e=>{e&&l()}),(0,o.onMounted)(()=>{t.open.value&&l()}),(0,o.onBeforeUnmount)(()=>{u!==void 0&&cancelAnimationFrame(u)}),(e,s)=>a.forceMount||(0,o.unref)(t).open.value?((0,o.openBlock)(),(0,o.createElementBlock)("div",{key:0,class:"skdx-alert-dialog__content","data-part":"content",id:(0,o.unref)(t).contentId,ref:(0,o.unref)(m),role:"alertdialog","aria-modal":"true","aria-labelledby":(0,o.unref)(t).hasTitle.value?(0,o.unref)(t).titleId:void 0,"aria-describedby":(0,o.unref)(t).hasDescription.value?(0,o.unref)(t).descriptionId:void 0,"data-state":(0,o.unref)(t).open.value?"open":"closed","data-dismiss":(0,o.unref)(t).dismiss.value},[(0,o.renderSlot)(e.$slots,"default")],8,k)):(0,o.createCommentVNode)("",!0)}});exports.default=E;

package/dist/alert-dialog/AlertDialogContent.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{composeRefs as e}from"../utils/composeRefs.js";import{useBodyScrollLock as o}from"../utils/useBodyScrollLock.js";import{useDismiss as t}from"../utils/useDismiss.js";import{autoFocusEvent as a,useFocusTrap as n}from"../utils/useFocusTrap.js";import{ALERT_DIALOG_CONTEXT as s}from"./context.js";import{createCommentVNode as r,createElementBlock as i,defineComponent as u,inject as d,onBeforeUnmount as l,onMounted as c,openBlock as p,ref as f,renderSlot as m,unref as b,watch as v}from"vue";var y=["id","aria-labelledby","aria-describedby","data-state"],x=/* @__PURE__ */u({__name:"AlertDialogContent",props:{forceMount:{type:Boolean,default:!1}},emits:["escape-key-down","pointer-down-outside","focus-outside","interact-outside","open-auto-focus","close-auto-focus"],setup(u,{emit:x}){const k=["a[href]","button:not([disabled])",'input:not([disabled]):not([type="hidden"])',"select:not([disabled])","textarea:not([disabled])",'[tabindex]:not([tabindex="-1"])'].join(", "),g=x,w=d(s);if(!w)throw new Error("SkdxAlertDialogContent must be used within SkdxAlertDialog.");const A=w,D=f(null),F=e(D,A.contentRef);let I;function S(){void 0!==I&&cancelAnimationFrame(I),I=requestAnimationFrame(()=>{const e=D.value;if(!e||!a("open-auto-focus",e=>g("open-auto-focus",e)))return;const o=e.querySelector("[data-skdx-alert-dialog-cancel]"),t=e.querySelector(k),n=o??t??e;n===e&&(e.tabIndex=e.tabIndex>=0?e.tabIndex:-1),n.focus({preventScroll:!0})})}return o(A.open),n(D,A.open,{onOpenAutoFocus:e=>e.preventDefault(),onCloseAutoFocus:e=>g("close-auto-focus",e)}),t({enabled:A.open,onEscapeKeyDown:e=>{g("escape-key-down",e),e.defaultPrevented||(A.setOpen(!1),A.triggerRef.value?.focus())},onInteractOutside:e=>g("interact-outside",e),onPointerDownOutside:e=>g("pointer-down-outside",e),onFocusOutside:e=>g("focus-outside",e)},[D,A.triggerRef]),v(A.open,e=>{e&&S()}),c(()=>{A.open.value&&S()}),l(()=>{void 0!==I&&cancelAnimationFrame(I)}),(e,o)=>u.forceMount||b(A).open.value?(p(),i("div",{key:0,class:"skdx-alert-dialog__content","data-part":"content",id:b(A).contentId,ref:b(F),role:"alertdialog","aria-modal":"true","aria-labelledby":b(A).titleId,"aria-describedby":b(A).descriptionId,"data-state":b(A).open.value?"open":"closed"},[m(e.$slots,"default")],8,y)):r("",!0)}});export{x as default};
+import{TABBABLE_SELECTOR as e}from"../utils/tabbable.js";import{composeRefs as o}from"../utils/composeRefs.js";import{useBodyScrollLock as t}from"../utils/useBodyScrollLock.js";import{useDismiss as s}from"../utils/useDismiss.js";import{autoFocusEvent as a,useFocusTrap as n}from"../utils/useFocusTrap.js";import{useOutsideInert as i}from"../utils/useOutsideInert.js";import{ALERT_DIALOG_CONTEXT as u}from"./context.js";import{resolveFocusSelector as r}from"./focusTargets.js";import{createCommentVNode as l,createElementBlock as c,defineComponent as d,inject as f,onBeforeUnmount as p,onMounted as m,openBlock as v,ref as F,renderSlot as b,unref as y,watch as A}from"vue";var g=["id","aria-labelledby","aria-describedby","data-state","data-dismiss"],k=/* @__PURE__ */d({__name:"AlertDialogContent",props:{forceMount:{type:Boolean,default:!1},initialFocus:{default:void 0},finalFocus:{default:void 0}},emits:["escape-key-down","pointer-down-outside","focus-outside","interact-outside","open-auto-focus","close-auto-focus"],setup(d,{emit:k}){const D=d,S=k,w=f(u);if(!w)throw new Error("SkdxAlertDialogContent must be used within SkdxAlertDialog.");const I=w,O=F(null),j=o(O,I.contentRef);let x;function B(){void 0!==x&&cancelAnimationFrame(x),x=requestAnimationFrame(()=>{const o=O.value;if(!o||!a("open-auto-focus",e=>S("open-auto-focus",e)))return;const t=r(o,D.initialFocus,"initialFocus"),s=o.querySelector("[data-skdx-alert-dialog-cancel]"),n=o.querySelector(e),i=t??s??n??o;i===o&&(o.tabIndex=o.tabIndex>=0?o.tabIndex:-1),i.focus({preventScroll:!0})})}return t(I.open),i(O,I.open),n(O,I.open,{onOpenAutoFocus:e=>e.preventDefault(),onCloseAutoFocus:e=>{if(S("close-auto-focus",e),e.defaultPrevented||!D.finalFocus)return;const o=r(document,D.finalFocus,"finalFocus");o&&(o.focus({preventScroll:!0}),e.preventDefault())}}),s({enabled:I.open,onEscapeKeyDown:e=>{S("escape-key-down",e),!e.defaultPrevented&&"none"!==I.dismiss.value&&(I.setOpen(!1),I.triggerRef.value?.focus())},onInteractOutside:e=>S("interact-outside",e),onPointerDownOutside:e=>S("pointer-down-outside",e),onFocusOutside:e=>S("focus-outside",e)},[O,I.triggerRef]),A(I.open,e=>{e&&B()}),m(()=>{I.open.value&&B()}),p(()=>{void 0!==x&&cancelAnimationFrame(x)}),(e,o)=>d.forceMount||y(I).open.value?(v(),c("div",{key:0,class:"skdx-alert-dialog__content","data-part":"content",id:y(I).contentId,ref:y(j),role:"alertdialog","aria-modal":"true","aria-labelledby":y(I).hasTitle.value?y(I).titleId:void 0,"aria-describedby":y(I).hasDescription.value?y(I).descriptionId:void 0,"data-state":y(I).open.value?"open":"closed","data-dismiss":y(I).dismiss.value},[b(e.$slots,"default")],8,g)):l("",!0)}});export{k as default};

package/dist/alert-dialog/AlertDialogDescription.vue.d.cts

@@ -1,7 +1,7 @@
 /**
- * The alert dialog's accessible description: renders a `<p>` wired to
- * `SkdxAlertDialogContent` via `aria-describedby`. Must be used inside
- * `SkdxAlertDialog`.
+ * Alert dialog's accessible description: renders `<p>` and registers with the
+ * root so `SkdxAlertDialogContent` can emit `aria-describedby`. Required per
+ * APG. Must be used inside `SkdxAlertDialog`.
  */
 type __VLS_Props = {};
 declare var __VLS_1: {};

package/dist/alert-dialog/AlertDialogDescription.vue.d.ts

@@ -1,7 +1,7 @@
 /**
- * The alert dialog's accessible description: renders a `<p>` wired to
- * `SkdxAlertDialogContent` via `aria-describedby`. Must be used inside
- * `SkdxAlertDialog`.
+ * Alert dialog's accessible description: renders `<p>` and registers with the
+ * root so `SkdxAlertDialogContent` can emit `aria-describedby`. Required per
+ * APG. Must be used inside `SkdxAlertDialog`.
  */
 type __VLS_Props = {};
 declare var __VLS_1: {};

package/dist/alert-dialog/AlertDialogDescription.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:"AlertDialogDescription",setup(l){const t=(0,e.inject)(i.ALERT_DIALOG_CONTEXT);if(!t)throw new Error("SkdxAlertDialogDescription must be used within SkdxAlertDialog.");return(r,s)=>((0,e.openBlock)(),(0,e.createElementBlock)("p",{class:"skdx-alert-dialog__description","data-part":"description",id:(0,e.unref)(t).descriptionId},[(0,e.renderSlot)(r.$slots,"default")],8,o))}});exports.default=n;
+const i=require("./context.cjs");let e=require("vue");var o=["id"],n=(0,e.defineComponent)({__name:"AlertDialogDescription",setup(s){const t=(0,e.inject)(i.ALERT_DIALOG_CONTEXT);if(!t)throw new Error("SkdxAlertDialogDescription must be used within SkdxAlertDialog.");return t.setHasDescription(!0),(0,e.onUnmounted)(()=>t.setHasDescription(!1)),(r,a)=>((0,e.openBlock)(),(0,e.createElementBlock)("p",{class:"skdx-alert-dialog__description","data-part":"description",id:(0,e.unref)(t).descriptionId},[(0,e.renderSlot)(r.$slots,"default")],8,o))}});exports.default=n;

package/dist/alert-dialog/AlertDialogDescription.vue_vue_type_script_setup_true_lang.js

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