@skdx/vue 0.26.0

package/dist/date-picker/DatePickerPortal.vue.d.ts

@@ -0,0 +1,30 @@
+import type { PortalContainer } from '../utils/portal.js';
+/**
+ * Teleports `SkdxDatePickerContent` to `document.body` (or a custom `container`), so the popup escapes
+ * any clipping/`overflow` ancestors. Mounts only while open unless
+ * `forceMount` is set. Must be used inside `SkdxDatePicker`.
+ */
+type __VLS_Props = {
+    /**
+     * DOM node (or CSS selector) the children are rendered into.
+     * @default document.body
+     */
+    container?: PortalContainer;
+    /** Render (and mount the content) even while closed, instead of unmounting. */
+    forceMount?: boolean;
+};
+declare var __VLS_5: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_5) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    forceMount: boolean;
+    container: PortalContainer;
+}, {}, {}, {}, 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/date-picker/DatePickerPortal.vue.js

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

package/dist/date-picker/DatePickerPortal.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const o=require("../utils/Portal.vue.cjs"),a=require("./context.cjs");let e=require("vue");var u=(0,e.defineComponent)({__name:"DatePickerPortal",props:{container:{default:null},forceMount:{type:Boolean,default:!1}},setup(t){const r=(0,e.inject)(a.DATE_PICKER_CONTEXT);if(!r)throw new Error("SkdxDatePickerPortal must be used within SkdxDatePicker.");return(n,c)=>t.forceMount||(0,e.unref)(r).open.value?((0,e.openBlock)(),(0,e.createBlock)(o.default,{key:0,container:t.container},{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(n.$slots,"default")]),_:3},8,["container"])):(0,e.createCommentVNode)("",!0)}});exports.default=u;

package/dist/date-picker/DatePickerPortal.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import e from"../utils/Portal.vue.js";import{DATE_PICKER_CONTEXT as t}from"./context.js";import{createBlock as o,createCommentVNode as r,defineComponent as a,inject as n,openBlock as s,renderSlot as i,unref as l,withCtx as u}from"vue";var c=/* @__PURE__ */a({__name:"DatePickerPortal",props:{container:{default:null},forceMount:{type:Boolean,default:!1}},setup(a){const c=n(t);if(!c)throw new Error("SkdxDatePickerPortal must be used within SkdxDatePicker.");return(t,n)=>a.forceMount||l(c).open.value?(s(),o(e,{key:0,container:a.container},{default:u(()=>[i(t.$slots,"default")]),_:3},8,["container"])):r("",!0)}});export{c as default};

package/dist/date-picker/DatePickerTimeField.vue.cjs

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

package/dist/date-picker/DatePickerTimeField.vue.d.cts

@@ -0,0 +1,26 @@
+/**
+ * The time half of a date-time `SkdxDatePicker`: an `SkdxTimeField` that edits
+ * only the time-of-day of the picker's selected date, leaving the calendar to
+ * own the day. Renders nothing at all at `granularity="day"` — a picker with no
+ * time granularity has no time to edit — and stays empty (but mounted) until a
+ * date has been picked. Must be used inside `SkdxDatePicker`.
+ *
+ * Only meaningful in `selection-mode="single"`, for the same reason as
+ * `SkdxDatePickerInput`.
+ *
+ * @example
+ * ```vue
+ * <SkdxDatePicker granularity="minute">
+ *   <SkdxDatePickerTrigger>Pick</SkdxDatePickerTrigger>
+ *   <SkdxDatePickerPortal>
+ *     <SkdxDatePickerContent>
+ *       <SkdxDatePickerCalendar />
+ *       <SkdxDatePickerTimeField aria-label="Time" />
+ *     </SkdxDatePickerContent>
+ *   </SkdxDatePickerPortal>
+ * </SkdxDatePicker>
+ * ```
+ */
+type __VLS_Props = {};
+declare const _default: 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>;
+export default _default;

package/dist/date-picker/DatePickerTimeField.vue.d.ts

@@ -0,0 +1,26 @@
+/**
+ * The time half of a date-time `SkdxDatePicker`: an `SkdxTimeField` that edits
+ * only the time-of-day of the picker's selected date, leaving the calendar to
+ * own the day. Renders nothing at all at `granularity="day"` — a picker with no
+ * time granularity has no time to edit — and stays empty (but mounted) until a
+ * date has been picked. Must be used inside `SkdxDatePicker`.
+ *
+ * Only meaningful in `selection-mode="single"`, for the same reason as
+ * `SkdxDatePickerInput`.
+ *
+ * @example
+ * ```vue
+ * <SkdxDatePicker granularity="minute">
+ *   <SkdxDatePickerTrigger>Pick</SkdxDatePickerTrigger>
+ *   <SkdxDatePickerPortal>
+ *     <SkdxDatePickerContent>
+ *       <SkdxDatePickerCalendar />
+ *       <SkdxDatePickerTimeField aria-label="Time" />
+ *     </SkdxDatePickerContent>
+ *   </SkdxDatePickerPortal>
+ * </SkdxDatePicker>
+ * ```
+ */
+type __VLS_Props = {};
+declare const _default: 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>;
+export default _default;

package/dist/date-picker/DatePickerTimeField.vue.js

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

package/dist/date-picker/DatePickerTimeField.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const v=require("./context.cjs"),_=require("../time-field/TimeField.vue.cjs");let e=require("vue");var g=(0,e.defineComponent)({inheritAttrs:!1,__name:"DatePickerTimeField",setup(f){const r=(0,e.inject)(v.DATE_PICKER_CONTEXT);if(!r)throw new Error("SkdxDatePickerTimeField must be used within SkdxDatePicker.");const a=(0,e.computed)(()=>r.granularity),c=(0,e.computed)(()=>a.value!=="day"&&r.selectionMode==="single"),l=(0,e.computed)(()=>r.value.value??null),s=(0,e.computed)(()=>a.value==="day"?"minute":a.value),d=(0,e.computed)(()=>{const t=l.value;if(!t)return null;const u=i=>String(i).padStart(2,"0"),n=`${u(t.getHours())}:${u(t.getMinutes())}`;return a.value==="second"?`${n}:${u(t.getSeconds())}`:n});function m(t){const u=l.value;if(!u||t===null)return;const[n,i,p]=t.split(":").map(Number),o=new Date(u);o.setHours(n,i,p??0,0),r.onValueChange(o)}return(t,u)=>c.value?((0,e.openBlock)(),(0,e.createBlock)(_.default,(0,e.mergeProps)({key:0,class:"skdx-date-picker__time-field","data-part":"time-field"},t.$attrs,{granularity:s.value,value:d.value,onValueChange:m}),null,16,["granularity","value"])):(0,e.createCommentVNode)("",!0)}});exports.default=g;

package/dist/date-picker/DatePickerTimeField.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{DATE_PICKER_CONTEXT as e}from"./context.js";import t from"../time-field/TimeField.vue.js";import{computed as a,createBlock as r,createCommentVNode as n,defineComponent as l,inject as u,mergeProps as i,openBlock as s}from"vue";var o=/* @__PURE__ */l({inheritAttrs:!1,__name:"DatePickerTimeField",setup(l){const o=u(e);if(!o)throw new Error("SkdxDatePickerTimeField must be used within SkdxDatePicker.");const c=a(()=>o.granularity),d=a(()=>"day"!==c.value&&"single"===o.selectionMode),m=a(()=>o.value.value??null),v=a(()=>"day"===c.value?"minute":c.value),p=a(()=>{const e=m.value;if(!e)return null;const t=e=>String(e).padStart(2,"0"),a=`${t(e.getHours())}:${t(e.getMinutes())}`;return"second"===c.value?`${a}:${t(e.getSeconds())}`:a});function f(e){const t=m.value;if(!t||null===e)return;const[a,r,n]=e.split(":").map(Number),l=new Date(t);l.setHours(a,r,n??0,0),o.onValueChange(l)}return(e,a)=>d.value?(s(),r(t,i({key:0,class:"skdx-date-picker__time-field","data-part":"time-field"},e.$attrs,{granularity:v.value,value:p.value,onValueChange:f}),null,16,["granularity","value"])):n("",!0)}});export{o as default};

package/dist/date-picker/DatePickerTrigger.vue.cjs

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

package/dist/date-picker/DatePickerTrigger.vue.d.cts

@@ -0,0 +1,29 @@
+/**
+ * Opens/closes the `SkdxDatePicker` popup on click, and doubles as the
+ * popper anchor the popup positions against. Renders a
+ * `<button type="button">` with `aria-haspopup="dialog"`, `aria-expanded`,
+ * `aria-controls` pointing at the content, and `data-state`. Must be used
+ * inside `SkdxDatePicker`.
+ */
+type __VLS_Props = {
+    /**
+     * Disables this trigger. Root-or-own, the same way Select's and
+     * TreeSelect's resolve it: the DatePicker's own `disabled` disables every
+     * trigger under it, and a trigger may also disable itself.
+     */
+    disabled?: boolean;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    disabled: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/date-picker/DatePickerTrigger.vue.d.ts

@@ -0,0 +1,29 @@
+/**
+ * Opens/closes the `SkdxDatePicker` popup on click, and doubles as the
+ * popper anchor the popup positions against. Renders a
+ * `<button type="button">` with `aria-haspopup="dialog"`, `aria-expanded`,
+ * `aria-controls` pointing at the content, and `data-state`. Must be used
+ * inside `SkdxDatePicker`.
+ */
+type __VLS_Props = {
+    /**
+     * Disables this trigger. Root-or-own, the same way Select's and
+     * TreeSelect's resolve it: the DatePicker's own `disabled` disables every
+     * trigger under it, and a trigger may also disable itself.
+     */
+    disabled?: boolean;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    disabled: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/date-picker/DatePickerTrigger.vue.js

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

package/dist/date-picker/DatePickerTrigger.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const s=require("../utils/popper.cjs"),c=require("./context.cjs");let e=require("vue");var p=["aria-expanded","aria-controls","data-state","data-disabled","disabled"],_=(0,e.defineComponent)({__name:"DatePickerTrigger",props:{disabled:{type:Boolean,default:!1}},setup(i){const d=i,n=(0,e.inject)(c.DATE_PICKER_CONTEXT);if(!n)throw new Error("SkdxDatePickerTrigger must be used within SkdxDatePicker.");const t=n,o=(0,e.computed)(()=>t.disabled.value||d.disabled),r=(0,e.inject)(s.POPPER_CONTEXT);if(!r)throw new Error("SkdxDatePickerTrigger must be used within SkdxDatePicker.");const a=(0,e.ref)(null);(0,e.onMounted)(()=>{t.triggerRef.value=a.value,r.setAnchor(a.value)}),(0,e.onBeforeUnmount)(()=>{r.anchor.value===a.value&&r.setAnchor(null)});function l(){t.setOpen(!t.open.value)}return(u,f)=>((0,e.openBlock)(),(0,e.createElementBlock)("button",{class:"skdx-date-picker__trigger","data-part":"trigger",ref_key:"elRef",ref:a,type:"button","aria-haspopup":"dialog","aria-expanded":(0,e.unref)(t).open.value,"aria-controls":(0,e.unref)(t).contentId,"data-state":(0,e.unref)(t).open.value?"open":"closed","data-disabled":o.value?"":void 0,disabled:o.value,onClick:l},[(0,e.renderSlot)(u.$slots,"default")],8,p))}});exports.default=_;

package/dist/date-picker/DatePickerTrigger.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{POPPER_CONTEXT as e}from"../utils/popper.js";import{DATE_PICKER_CONTEXT as a}from"./context.js";import{computed as t,createElementBlock as r,defineComponent as o,inject as s,onBeforeUnmount as n,onMounted as d,openBlock as i,ref as l,renderSlot as u,unref as p}from"vue";var c=["aria-expanded","aria-controls","data-state","data-disabled","disabled"],f=/* @__PURE__ */o({__name:"DatePickerTrigger",props:{disabled:{type:Boolean,default:!1}},setup(o){const f=o,k=s(a);if(!k)throw new Error("SkdxDatePickerTrigger must be used within SkdxDatePicker.");const v=k,g=t(()=>v.disabled.value||f.disabled),m=s(e);if(!m)throw new Error("SkdxDatePickerTrigger must be used within SkdxDatePicker.");const b=l(null);function x(){v.setOpen(!v.open.value)}return d(()=>{v.triggerRef.value=b.value,m.setAnchor(b.value)}),n(()=>{m.anchor.value===b.value&&m.setAnchor(null)}),(e,a)=>(i(),r("button",{class:"skdx-date-picker__trigger","data-part":"trigger",ref_key:"elRef",ref:b,type:"button","aria-haspopup":"dialog","aria-expanded":p(v).open.value,"aria-controls":p(v).contentId,"data-state":p(v).open.value?"open":"closed","data-disabled":g.value?"":void 0,disabled:g.value,onClick:x},[u(e.$slots,"default")],8,c))}});export{f as default};

package/dist/date-picker/context.cjs

@@ -0,0 +1 @@
+const e=require("../utils/id.cjs");var t=Symbol("skdx-date-picker-context");function n(){return e.nextId("date-picker-content")}exports.DATE_PICKER_CONTEXT=t;exports.nextDatePickerContentId=n;

package/dist/date-picker/context.d.cts

@@ -0,0 +1,26 @@
+import type { InjectionKey, Ref } from 'vue';
+import type { CalendarSelectionMode, CalendarValue } from '../calendar/dateMath.cjs';
+import type { Granularity } from '../utils/dateSegments.cjs';
+/** @internal Injection key a DatePicker provides so its parts can read/drive shared state. */
+export interface DatePickerContext {
+    triggerRef: Ref<HTMLElement | null>;
+    contentRef: Ref<HTMLElement | null>;
+    contentId: string;
+    value: Readonly<Ref<CalendarValue>>;
+    selectionMode: CalendarSelectionMode;
+    /**
+     * How far down `SkdxDatePickerInput`/`SkdxDatePickerTimeField` are editable.
+     * Anything past `'day'` is date-time mode, in which the popup does not
+     * auto-close on a calendar selection — the user still has a time to set.
+     */
+    granularity: Granularity;
+    onValueChange(value: CalendarValue): void;
+    open: Readonly<Ref<boolean>>;
+    setOpen(open: boolean): void;
+    /** Disables every trigger under this root and prevents the popup opening. */
+    disabled: Readonly<Ref<boolean>>;
+}
+/** @internal Injection key the DatePicker root provides so its Trigger and Content share open state and the selected date. */
+export declare const DATE_PICKER_CONTEXT: InjectionKey<DatePickerContext>;
+/** @internal Generates a unique id for a DatePicker's content. */
+export declare function nextDatePickerContentId(): string;

package/dist/date-picker/context.d.ts

@@ -0,0 +1,26 @@
+import type { InjectionKey, Ref } from 'vue';
+import type { CalendarSelectionMode, CalendarValue } from '../calendar/dateMath.js';
+import type { Granularity } from '../utils/dateSegments.js';
+/** @internal Injection key a DatePicker provides so its parts can read/drive shared state. */
+export interface DatePickerContext {
+    triggerRef: Ref<HTMLElement | null>;
+    contentRef: Ref<HTMLElement | null>;
+    contentId: string;
+    value: Readonly<Ref<CalendarValue>>;
+    selectionMode: CalendarSelectionMode;
+    /**
+     * How far down `SkdxDatePickerInput`/`SkdxDatePickerTimeField` are editable.
+     * Anything past `'day'` is date-time mode, in which the popup does not
+     * auto-close on a calendar selection — the user still has a time to set.
+     */
+    granularity: Granularity;
+    onValueChange(value: CalendarValue): void;
+    open: Readonly<Ref<boolean>>;
+    setOpen(open: boolean): void;
+    /** Disables every trigger under this root and prevents the popup opening. */
+    disabled: Readonly<Ref<boolean>>;
+}
+/** @internal Injection key the DatePicker root provides so its Trigger and Content share open state and the selected date. */
+export declare const DATE_PICKER_CONTEXT: InjectionKey<DatePickerContext>;
+/** @internal Generates a unique id for a DatePicker's content. */
+export declare function nextDatePickerContentId(): string;

package/dist/date-picker/context.js

@@ -0,0 +1 @@
+import{nextId as t}from"../utils/id.js";var e=/* @__PURE__ */Symbol("skdx-date-picker-context");function n(){return t("date-picker-content")}export{e as DATE_PICKER_CONTEXT,n as nextDatePickerContentId};

package/dist/date-picker/index.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./DatePicker.vue.cjs"),r=require("./DatePickerCalendar.vue.cjs"),t=require("./DatePickerClose.vue.cjs"),i=require("./DatePickerContent.vue.cjs"),a=require("./DatePickerInput.vue.cjs"),u=require("./DatePickerPortal.vue.cjs"),c=require("./DatePickerTimeField.vue.cjs"),k=require("./DatePickerTrigger.vue.cjs");exports.SkdxDatePicker=e.default;exports.SkdxDatePickerCalendar=r.default;exports.SkdxDatePickerClose=t.default;exports.SkdxDatePickerContent=i.default;exports.SkdxDatePickerInput=a.default;exports.SkdxDatePickerPortal=u.default;exports.SkdxDatePickerTimeField=c.default;exports.SkdxDatePickerTrigger=k.default;

package/dist/date-picker/index.d.cts

@@ -0,0 +1,8 @@
+export { default as SkdxDatePicker } from './DatePicker.vue.cjs';
+export { default as SkdxDatePickerCalendar } from './DatePickerCalendar.vue.cjs';
+export { default as SkdxDatePickerClose } from './DatePickerClose.vue.cjs';
+export { default as SkdxDatePickerContent } from './DatePickerContent.vue.cjs';
+export { default as SkdxDatePickerInput } from './DatePickerInput.vue.cjs';
+export { default as SkdxDatePickerPortal } from './DatePickerPortal.vue.cjs';
+export { default as SkdxDatePickerTimeField } from './DatePickerTimeField.vue.cjs';
+export { default as SkdxDatePickerTrigger } from './DatePickerTrigger.vue.cjs';

package/dist/date-picker/index.d.ts

@@ -0,0 +1,8 @@
+export { default as SkdxDatePicker } from './DatePicker.vue.js';
+export { default as SkdxDatePickerCalendar } from './DatePickerCalendar.vue.js';
+export { default as SkdxDatePickerClose } from './DatePickerClose.vue.js';
+export { default as SkdxDatePickerContent } from './DatePickerContent.vue.js';
+export { default as SkdxDatePickerInput } from './DatePickerInput.vue.js';
+export { default as SkdxDatePickerPortal } from './DatePickerPortal.vue.js';
+export { default as SkdxDatePickerTimeField } from './DatePickerTimeField.vue.js';
+export { default as SkdxDatePickerTrigger } from './DatePickerTrigger.vue.js';

package/dist/date-picker/index.js

@@ -0,0 +1 @@
+import e from"./DatePicker.vue.js";import r from"./DatePickerCalendar.vue.js";import t from"./DatePickerClose.vue.js";import a from"./DatePickerContent.vue.js";import i from"./DatePickerInput.vue.js";import k from"./DatePickerPortal.vue.js";import o from"./DatePickerTimeField.vue.js";import m from"./DatePickerTrigger.vue.js";export{e as SkdxDatePicker,r as SkdxDatePickerCalendar,t as SkdxDatePickerClose,a as SkdxDatePickerContent,i as SkdxDatePickerInput,k as SkdxDatePickerPortal,o as SkdxDatePickerTimeField,m as SkdxDatePickerTrigger};

package/dist/dialog/Dialog.vue.cjs

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

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

@@ -0,0 +1,63 @@
+/**
+ * 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.
+ *
+ * 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`).
+ *
+ * @example
+ * ```vue
+ * <SkdxDialog>
+ *   <SkdxDialogTrigger>Open</SkdxDialogTrigger>
+ *   <SkdxDialogContent>
+ *     <SkdxDialogTitle>Edit profile</SkdxDialogTitle>
+ *     <SkdxDialogDescription>Make changes to your profile here.</SkdxDialogDescription>
+ *     <SkdxDialogClose>Close</SkdxDialogClose>
+ *   </SkdxDialogContent>
+ * </SkdxDialog>
+ * ```
+ */
+type __VLS_Props = {
+    /** Controlled open state. Pair with `v-model:open` or `@open-change`. */
+    open?: boolean;
+    /** Initial open state, for uncontrolled usage. */
+    defaultOpen?: boolean;
+    /**
+     * Whether the dialog traps focus and blocks page interaction (native
+     * `showModal()`) or remains non-blocking (native `show()`).
+     */
+    modal?: boolean;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:open": (open: boolean) => any;
+    "open-change": (open: boolean) => any;
+    "open-change-complete": (open: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:open"?: ((open: boolean) => any) | undefined;
+    "onOpen-change"?: ((open: boolean) => any) | undefined;
+    "onOpen-change-complete"?: ((open: boolean) => any) | undefined;
+}>, {
+    open: boolean;
+    defaultOpen: boolean;
+    modal: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,63 @@
+/**
+ * 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.
+ *
+ * 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`).
+ *
+ * @example
+ * ```vue
+ * <SkdxDialog>
+ *   <SkdxDialogTrigger>Open</SkdxDialogTrigger>
+ *   <SkdxDialogContent>
+ *     <SkdxDialogTitle>Edit profile</SkdxDialogTitle>
+ *     <SkdxDialogDescription>Make changes to your profile here.</SkdxDialogDescription>
+ *     <SkdxDialogClose>Close</SkdxDialogClose>
+ *   </SkdxDialogContent>
+ * </SkdxDialog>
+ * ```
+ */
+type __VLS_Props = {
+    /** Controlled open state. Pair with `v-model:open` or `@open-change`. */
+    open?: boolean;
+    /** Initial open state, for uncontrolled usage. */
+    defaultOpen?: boolean;
+    /**
+     * Whether the dialog traps focus and blocks page interaction (native
+     * `showModal()`) or remains non-blocking (native `show()`).
+     */
+    modal?: boolean;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:open": (open: boolean) => any;
+    "open-change": (open: boolean) => any;
+    "open-change-complete": (open: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:open"?: ((open: boolean) => any) | undefined;
+    "onOpen-change"?: ((open: boolean) => any) | undefined;
+    "onOpen-change-complete"?: ((open: boolean) => any) | undefined;
+}>, {
+    open: boolean;
+    defaultOpen: boolean;
+    modal: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/dialog/Dialog.vue.js

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

package/dist/dialog/Dialog.vue_vue_type_script_setup_true_lang.cjs

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

package/dist/dialog/Dialog.vue_vue_type_script_setup_true_lang.js

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

package/dist/dialog/DialogClose.vue.cjs

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

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

@@ -0,0 +1,18 @@
+/**
+ * Button that closes the dialog when clicked. Renders inside
+ * `<SkdxDialogContent>` anywhere (e.g. a footer "Cancel" button). Must be
+ * used inside `<SkdxDialog>`.
+ */
+type __VLS_Props = {};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,18 @@
+/**
+ * Button that closes the dialog when clicked. Renders inside
+ * `<SkdxDialogContent>` anywhere (e.g. a footer "Cancel" button). Must be
+ * used inside `<SkdxDialog>`.
+ */
+type __VLS_Props = {};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/dialog/DialogClose.vue.js

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

package/dist/dialog/DialogClose.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const n=require("./context.cjs");let e=require("vue");var r=(0,e.defineComponent)({__name:"DialogClose",setup(s){const t=(0,e.inject)(n.DIALOG_CONTEXT);if(!t)throw new Error("<SkdxDialogClose> must be used inside <SkdxDialog>.");return(l,o)=>((0,e.openBlock)(),(0,e.createElementBlock)("button",{class:"skdx-dialog__close","data-part":"close",type:"button",onClick:o[0]||(o[0]=u=>(0,e.unref)(t).setOpen(!1))},[(0,e.renderSlot)(l.$slots,"default")]))}});exports.default=r;

package/dist/dialog/DialogClose.vue_vue_type_script_setup_true_lang.js

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

package/dist/dialog/DialogContent.vue.cjs

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

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

@@ -0,0 +1,55 @@
+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()`.
+ *
+ * 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.
+ *
+ * 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>`.
+ */
+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, {
+    /** The underlying native `<dialog>` element. */
+    el: import("vue").Ref<HTMLDialogElement | null, HTMLDialogElement | null>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "focus-outside": (event: FocusOutsideEvent) => any;
+    "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;
+}, 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;
+}>, {}, {}, {}, {}, 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/DialogContent.vue.d.ts

@@ -0,0 +1,55 @@
+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()`.
+ *
+ * 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.
+ *
+ * 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>`.
+ */
+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, {
+    /** The underlying native `<dialog>` element. */
+    el: import("vue").Ref<HTMLDialogElement | null, HTMLDialogElement | null>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "focus-outside": (event: FocusOutsideEvent) => any;
+    "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;
+}, 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;
+}>, {}, {}, {}, {}, 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/DialogContent.vue.js

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

package/dist/dialog/DialogContent.vue_vue_type_script_setup_true_lang.cjs

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

package/dist/dialog/DialogContent.vue_vue_type_script_setup_true_lang.js

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

package/dist/dialog/DialogDescription.vue.cjs

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