npm - @skdx/vue - Versions diffs - 0.28.0 → 0.29.0 - Mend

@skdx/vue 0.28.0 → 0.29.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3440) hide show

package/dist/drawer/DrawerContent.vue.d.cts CHANGED Viewed

@@ -1,54 +1,24 @@
 import { type FocusOutsideEvent, type InteractOutsideEvent } from '../utils/useDismiss.cjs';
 import { type AutoFocusEvent } from '../utils/useFocusTrap.cjs';
-/**
- * The drawer's sliding panel: plain positioned `<div>` with `role="dialog"`,
- * labelled by `<SkdxDrawerTitle>` and described by `<SkdxDrawerDescription>`
- * via `aria-labelledby`/`aria-describedby` — each emitted only when the part
- * is mounted, so an omitted part leaves no dangling reference. A plain element
- * (not native `<dialog>`) so `@open-auto-focus`/`@close-auto-focus` are true
- * vetoes: `preventDefault()` skips the move outright, with no `showModal()`
- * uncancelable move to undo.
- *
- * Closes on Escape and outside interaction (pointer-down or focus moving out),
- * whether or not modal — unlike Dialog. A non-modal drawer the user had tabbed
- * into still returns focus to the trigger on Escape. Each outside path is
- * preceded by `@interact-outside` carrying the same event, so one `preventDefault()`
- * vetoes both. Mounts only while open unless `forceMount` is set. Must be used
- * inside `<SkdxDrawer>`.
- */
+/** The drawer's sliding panel: a positioned `<div role="dialog">` labelled/described by its derived title and description parts. */
 type __VLS_Props = {
     /** Keep this panel mounted even while the drawer is closed, instead of unmounting it. */
     forceMount?: boolean;
     /**
-     * CSS selector naming the element that should receive focus when the drawer
-     * opens, resolved with `querySelector` **inside this panel**. A selector
-     * string rather than an element handle, because `<skdx-drawer-content>` can
-     * only take an attribute and a member that exists in four packages out of
-     * five is not a contract member.
-     *
-     * Applies only when `@open-auto-focus` was not vetoed — a veto already
-     * means "I am placing focus myself", and this is the declarative spelling
-     * of the same escape hatch. A selector that matches nothing falls back to
-     * the first tabbable element exactly as if the prop were absent (and
-     * warns): a naming mistake must never strand focus on `<body>`.
-     *
-     * Inert on a non-modal drawer, which moves no focus in.
-     * @default undefined — focus lands on the first tabbable element.
+     * CSS selector naming the element that should receive focus when the drawer opens, resolved inside this panel.
+     * @default undefined
      */
-    initialFocus?: string;
+    initialFocus?: string | undefined;
     /**
-     * CSS selector naming the element focus should return to when the drawer
-     * closes, resolved with `querySelector` at **document** level — unlike
-     * `initialFocus`, this target is outside the panel by definition.
-     *
-     * Applies only when `@close-auto-focus` was not vetoed, and falls back to
-     * the element that had focus before the drawer opened when the selector
-     * matches nothing (and warns). Live on a non-modal drawer too: it moves no
-     * focus in, but the Escape return it makes when the user had tabbed into it
-     * lands here instead of on `<SkdxDrawerTrigger>`.
-     * @default undefined — focus returns to the element focused before opening.
+     * CSS selector naming the element focus should return to when the drawer closes, resolved at document level.
+     * @default undefined
      */
-    finalFocus?: string;
+    finalFocus?: string | undefined;
+    /**
+     * Size rung the skin renders the panel at, reflected as `data-size`.
+     * @default undefined — falls back to a `data-size` attribute.
+     */
+    size?: 'sm' | 'md' | 'lg' | (string & {}) | undefined;
 };
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
@@ -58,23 +28,24 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
     /** The panel element. */
     el: import("vue").Ref<HTMLElement | null, HTMLElement | null>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "focus-outside": (event: FocusOutsideEvent) => any;
     "open-auto-focus": (event: AutoFocusEvent) => any;
     "close-auto-focus": (event: AutoFocusEvent) => any;
+    "focus-outside": (event: FocusOutsideEvent) => any;
     "escape-key-down": (event: KeyboardEvent) => any;
     "pointer-down-outside": (event: PointerEvent) => any;
     "interact-outside": (event: InteractOutsideEvent) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onFocus-outside"?: ((event: FocusOutsideEvent) => any) | undefined;
-    "onOpen-auto-focus"?: ((event: AutoFocusEvent) => any) | undefined;
-    "onClose-auto-focus"?: ((event: AutoFocusEvent) => any) | undefined;
-    "onEscape-key-down"?: ((event: KeyboardEvent) => any) | undefined;
-    "onPointer-down-outside"?: ((event: PointerEvent) => any) | undefined;
-    "onInteract-outside"?: ((event: InteractOutsideEvent) => any) | undefined;
+    "onOpen-auto-focus"?: (event: AutoFocusEvent) => any;
+    "onClose-auto-focus"?: (event: AutoFocusEvent) => any;
+    "onFocus-outside"?: (event: FocusOutsideEvent) => any;
+    "onEscape-key-down"?: (event: KeyboardEvent) => any;
+    "onPointer-down-outside"?: (event: PointerEvent) => any;
+    "onInteract-outside"?: (event: InteractOutsideEvent) => any;
 }>, {
+    size: "sm" | "md" | "lg" | (string & {}) | undefined;
     forceMount: boolean;
-    initialFocus: string;
-    finalFocus: string;
+    initialFocus: string | undefined;
+    finalFocus: string | undefined;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/drawer/DrawerContent.vue.d.ts CHANGED Viewed

@@ -1,54 +1,24 @@
 import { type FocusOutsideEvent, type InteractOutsideEvent } from '../utils/useDismiss.js';
 import { type AutoFocusEvent } from '../utils/useFocusTrap.js';
-/**
- * The drawer's sliding panel: plain positioned `<div>` with `role="dialog"`,
- * labelled by `<SkdxDrawerTitle>` and described by `<SkdxDrawerDescription>`
- * via `aria-labelledby`/`aria-describedby` — each emitted only when the part
- * is mounted, so an omitted part leaves no dangling reference. A plain element
- * (not native `<dialog>`) so `@open-auto-focus`/`@close-auto-focus` are true
- * vetoes: `preventDefault()` skips the move outright, with no `showModal()`
- * uncancelable move to undo.
- *
- * Closes on Escape and outside interaction (pointer-down or focus moving out),
- * whether or not modal — unlike Dialog. A non-modal drawer the user had tabbed
- * into still returns focus to the trigger on Escape. Each outside path is
- * preceded by `@interact-outside` carrying the same event, so one `preventDefault()`
- * vetoes both. Mounts only while open unless `forceMount` is set. Must be used
- * inside `<SkdxDrawer>`.
- */
+/** The drawer's sliding panel: a positioned `<div role="dialog">` labelled/described by its derived title and description parts. */
 type __VLS_Props = {
     /** Keep this panel mounted even while the drawer is closed, instead of unmounting it. */
     forceMount?: boolean;
     /**
-     * CSS selector naming the element that should receive focus when the drawer
-     * opens, resolved with `querySelector` **inside this panel**. A selector
-     * string rather than an element handle, because `<skdx-drawer-content>` can
-     * only take an attribute and a member that exists in four packages out of
-     * five is not a contract member.
-     *
-     * Applies only when `@open-auto-focus` was not vetoed — a veto already
-     * means "I am placing focus myself", and this is the declarative spelling
-     * of the same escape hatch. A selector that matches nothing falls back to
-     * the first tabbable element exactly as if the prop were absent (and
-     * warns): a naming mistake must never strand focus on `<body>`.
-     *
-     * Inert on a non-modal drawer, which moves no focus in.
-     * @default undefined — focus lands on the first tabbable element.
+     * CSS selector naming the element that should receive focus when the drawer opens, resolved inside this panel.
+     * @default undefined
      */
-    initialFocus?: string;
+    initialFocus?: string | undefined;
     /**
-     * CSS selector naming the element focus should return to when the drawer
-     * closes, resolved with `querySelector` at **document** level — unlike
-     * `initialFocus`, this target is outside the panel by definition.
-     *
-     * Applies only when `@close-auto-focus` was not vetoed, and falls back to
-     * the element that had focus before the drawer opened when the selector
-     * matches nothing (and warns). Live on a non-modal drawer too: it moves no
-     * focus in, but the Escape return it makes when the user had tabbed into it
-     * lands here instead of on `<SkdxDrawerTrigger>`.
-     * @default undefined — focus returns to the element focused before opening.
+     * CSS selector naming the element focus should return to when the drawer closes, resolved at document level.
+     * @default undefined
      */
-    finalFocus?: string;
+    finalFocus?: string | undefined;
+    /**
+     * Size rung the skin renders the panel at, reflected as `data-size`.
+     * @default undefined — falls back to a `data-size` attribute.
+     */
+    size?: 'sm' | 'md' | 'lg' | (string & {}) | undefined;
 };
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
@@ -58,23 +28,24 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
     /** The panel element. */
     el: import("vue").Ref<HTMLElement | null, HTMLElement | null>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "focus-outside": (event: FocusOutsideEvent) => any;
     "open-auto-focus": (event: AutoFocusEvent) => any;
     "close-auto-focus": (event: AutoFocusEvent) => any;
+    "focus-outside": (event: FocusOutsideEvent) => any;
     "escape-key-down": (event: KeyboardEvent) => any;
     "pointer-down-outside": (event: PointerEvent) => any;
     "interact-outside": (event: InteractOutsideEvent) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onFocus-outside"?: ((event: FocusOutsideEvent) => any) | undefined;
-    "onOpen-auto-focus"?: ((event: AutoFocusEvent) => any) | undefined;
-    "onClose-auto-focus"?: ((event: AutoFocusEvent) => any) | undefined;
-    "onEscape-key-down"?: ((event: KeyboardEvent) => any) | undefined;
-    "onPointer-down-outside"?: ((event: PointerEvent) => any) | undefined;
-    "onInteract-outside"?: ((event: InteractOutsideEvent) => any) | undefined;
+    "onOpen-auto-focus"?: (event: AutoFocusEvent) => any;
+    "onClose-auto-focus"?: (event: AutoFocusEvent) => any;
+    "onFocus-outside"?: (event: FocusOutsideEvent) => any;
+    "onEscape-key-down"?: (event: KeyboardEvent) => any;
+    "onPointer-down-outside"?: (event: PointerEvent) => any;
+    "onInteract-outside"?: (event: InteractOutsideEvent) => any;
 }>, {
+    size: "sm" | "md" | "lg" | (string & {}) | undefined;
     forceMount: boolean;
-    initialFocus: string;
-    finalFocus: string;
+    initialFocus: string | undefined;
+    finalFocus: string | undefined;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/drawer/DrawerContent.vue_vue_type_script_setup_true_lang.cjs CHANGED Viewed

	@@ -1 +1 @@
1	- const O=require("../utils/~~composeRefs~~.cjs"),a=require("../utils/~~direction~~.cjs"),b=require("../utils/~~useBodyScrollLock~~.cjs"),k=require("../utils/~~useDismiss~~.cjs"),v=require("../utils/~~useFocusTrap~~.cjs"),C=require("~~./context~~.cjs"),R=require("../utils/~~useOutsideInert~~.cjs"),m=require("./~~focusTargets~~.cjs");let t=require("vue");var h=["id","aria-modal","aria-labelledby","aria-describedby","data-state","data-placement","data-side","data-dismiss"],S=(0,t.defineComponent)({__name:"DrawerContent",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(i,{expose:_,emit:q}){const c=i,u=q,d=~~(0,t~~.~~inject)~~(C.DRAWER_CONTEXT~~);if(!d)throw new Error(~~"<SkdxDrawerContent> must be used inside <SkdxDrawer>.")~~;const e=d~~,s=(0,t.ref)(null),D=O.composeRefs(s,e.contentRef),r=(0,t.computed)(()=>e.~~open~~.value&&e.isModal.value),F=a.useDirection(),y=(0,t.computed)(()=>a.resolvePhysicalSide(e.~~placement.~~value,a.resolveDirection(null,F()))),w=(0,t.computed)(()=>e.dismiss.value==="any"\|\|e.dismiss.value==="escape"),l=(0,t.computed)(()=>e.dismiss.value==="any"\|\|e.dismiss.value==="outside");~~function~~ g(o)~~{if~~(~~u("open-auto-focus"~~,o),o.~~defaultPrevented)return;const n=s.value,p=n?m.resolveFocusTarget~~(n,~~c.initialFocus~~,~~"initialFocus")~~:~~null;p&&(~~o~~.preventDefault~~(~~),p.focus({preventScroll:!0}))}function f(o){if(u(~~"~~close~~-auto-focus",o),o~~.defaultPrevented)return;const n=m.resolveFocusTarget~~(~~document,c.finalFocus,~~"~~finalFocus~~")~~;n&&(o.preventDefault()~~,~~n.focus({preventScroll:!0}))}return b.useBodyScrollLock(~~r~~),R~~.~~useOutsideInert(s~~,r~~),v~~.~~useFocusTrap(s~~,~~r,{onOpenAutoFocus~~:~~g,onCloseAutoFocus:f~~}),k.useDismiss({enabled:e.~~open~~,onEscapeKeyDown:o=>{u("escape-key-down",o)~~,!o~~.defaultPrevented~~&&w~~.value&&(e.setOpen(!1),!e.isModal.value&&s.~~value?.contains~~(~~document~~.~~activeElement)&&v~~.~~autoFocusEvent~~("close-auto-focus",f)~~&&e.triggerRef.value?.focus(~~))},onInteractOutside:o~~=>u~~("interact-outside",o),onPointerDownOutside:o=>{u("pointer-down-outside",o),!o.defaultPrevented&&l.value&&e.setOpen(!1)},onFocusOutside:o=>{u("focus-outside",o),!o.defaultPrevented&&l.value&&e.setOpen(!1)}},[s,e.triggerRef]),_({el:s}),(o,n)=>i.forceMount\|\|(0,t.unref)(e).~~open~~.value?((0,t.openBlock)(),(0,t.createElementBlock)("div",{key:0,~~class:"skdx-drawer__content","data-part":"content",~~id:(0,t.unref)(e).contentId,ref:(0,t.unref)(D),role:"dialog","aria-modal":(0,t.unref)(e).isModal.value?"true":void 0,"aria-labelledby":(0,t.unref)(e).hasTitle.value?(0,t.unref)(e).titleId:void 0,"aria-describedby":(0,t.unref)(e).hasDescription.value?(0,t.unref)(e).descriptionId:void 0,"data-state":(0,t.unref)(e).~~open~~.value?"open":"closed","data-placement":~~(0,t~~.~~unref)(e).placement.~~value,"data-side":y.value,"data-dismiss":(0,t.unref)(e).dismiss.value},[(0,t.renderSlot)(o.$slots,"default")],8,h)):(0,t.createCommentVNode)("",!0)}});exports.default=S;
1	+ const D=require("../utils/appearance.cjs"),O=require("../utils/injectRequired.cjs"),w=require("../utils/composeRefs.cjs"),n=require("../utils/direction.cjs"),F=require("../utils/focus-targets.cjs"),R=require("../utils/useBodyScrollLock.cjs"),b=require("../utils/useDismiss.cjs"),k=require("../utils/useFocusTrap.cjs"),g=require("./context.cjs"),C=require("../utils/useOutsideInert.cjs");let s=require("vue");var I=["id","aria-modal","aria-labelledby","aria-describedby","data-state","data-placement","data-side","data-dismiss"],h=(0,s.defineComponent)({inheritAttrs:!1,__name:"DrawerContent",props:{forceMount:{type:Boolean,default:!1},initialFocus:{default:void 0},finalFocus:{default:void 0},size:{default:void 0}},emits:["escape-key-down","pointer-down-outside","focus-outside","interact-outside","open-auto-focus","close-auto-focus"],setup(u,{expose:f,emit:p}){const r=u,o=p,e=O.injectRequired(g.DRAWER_CONTEXT,"<SkdxDrawerContent> must be used inside <SkdxDrawer>."),i=(0,s.ref)(null),v=w.composeRefs(i,e.contentRef),a=(0,s.computed)(()=>e.isOpen.value&&e.isModal.value),m=n.useDirection(),c=(0,s.computed)(()=>e.placement?.value??"end"),q=(0,s.computed)(()=>n.resolvePhysicalSide(c.value,n.resolveDirection(null,m()))),_=(0,s.computed)(()=>e.dismiss.value==="any"\|\|e.dismiss.value==="escape"),d=(0,s.computed)(()=>e.dismiss.value==="any"\|\|e.dismiss.value==="outside");return R.useBodyScrollLock(a),C.useOutsideInert(i,a),k.useFocusTrap(i,a,{onOpenAutoFocus:t=>o("open-auto-focus",t),onCloseAutoFocus:t=>o("close-auto-focus",t),initialFocus:r.initialFocus,finalFocus:r.finalFocus,family:"Drawer"}),b.useDismiss({enabled:e.isOpen,onEscapeKeyDown:t=>{if(o("escape-key-down",t),t.defaultPrevented\|\|!_.value)return;const l=!!i.value?.contains(document.activeElement);e.setOpen(!1),!(e.isModal.value\|\|!l)&&F.returnFocus(r.finalFocus,"Drawer",e.triggerRef.value,y=>o("close-auto-focus",y))},onInteractOutside:t=>o("interact-outside",t),onPointerDownOutside:t=>{o("pointer-down-outside",t),!t.defaultPrevented&&d.value&&e.setOpen(!1)},onFocusOutside:t=>{o("focus-outside",t),!t.defaultPrevented&&d.value&&e.setOpen(!1)}},[i,e.triggerRef]),f({el:i}),(t,l)=>u.forceMount\|\|(0,s.unref)(e).isOpen.value?((0,s.openBlock)(),(0,s.createElementBlock)("div",(0,s.mergeProps)({key:0,id:(0,s.unref)(e).contentId,ref:(0,s.unref)(v),class:"skdx-drawer__content","data-part":"content",role:"dialog","aria-modal":(0,s.unref)(e).isOpen.value&&(0,s.unref)(e).isModal.value?"true":void 0,"aria-labelledby":(0,s.unref)(e).hasTitle.value?(0,s.unref)(e).titleId:void 0,"aria-describedby":(0,s.unref)(e).hasDescription.value?(0,s.unref)(e).descriptionId:void 0,"data-state":(0,s.unref)(e).isOpen.value?"open":"closed","data-placement":c.value,"data-side":q.value,"data-dismiss":(0,s.unref)(e).dismiss.value},{...t.$attrs,...(0,s.unref)(D.appearanceAttrs)({size:u.size},t.$attrs)}),[(0,s.renderSlot)(t.$slots,"default")],16,I)):(0,s.createCommentVNode)("",!0)}});exports.default=h;

package/dist/drawer/DrawerContent.vue_vue_type_script_setup_true_lang.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{~~composeRefs~~ as e}from"../utils/composeRefs.js";import{resolveDirection as s,resolvePhysicalSide as o,useDirection as t}from"../utils/direction.js";import{useBodyScrollLock as a}from"../utils/useBodyScrollLock.js";import{useDismiss as i}from"../utils/useDismiss.js";import{~~autoFocusEvent as u,~~useFocusTrap as n}from"../utils/useFocusTrap.js";import{DRAWER_CONTEXT as l}from"./context.js";import{useOutsideInert as r}from"../utils/useOutsideInert.js";import{~~resolveFocusTarget as d}from"./focusTargets.js";import{~~computed as c,createCommentVNode as f,createElementBlock as p,defineComponent as m,~~inject~~ as v,openBlock as y,ref as D,renderSlot as F,unref as w}from"vue";var b=["id","aria-modal","aria-labelledby","aria-describedby","data-state","data-placement","data-side","data-dismiss"],k=/* @__PURE__ */m({__name:"DrawerContent",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(m,{expose:k,emit:O}){const j=m,S=O,g=v(~~l);if(!g)throw new Error(~~"<SkdxDrawerContent> must be used inside <SkdxDrawer>.")~~;const E=g~~,P=D(null),R=e(P,E.contentRef),T=c(()=>E.~~open~~.value&&E.isModal.value),x=t(),C=c(()=>o(E.~~placement.~~value,s(null,x()))),I=c(()=>"any"===E.dismiss.value\|\|"escape"===E.dismiss.value),B=c(()=>"any"===E.dismiss.value\|\|"outside"===E.dismiss.value);~~function M(e){if(S("close-auto-focus",e),e.defaultPrevented)~~return~~;const~~ ~~s=d~~(~~document,j.finalFocus,"finalFocus"~~)~~;s&&(e.preventDefault()~~,~~s.focus~~(~~{preventScroll:!0}))}return a(T)~~,r(P,T),n(P,T,{onOpenAutoFocus:~~function(~~e~~){if~~(S("open-auto-focus",e),e~~.defaultPrevented)return;const s=P.value,o=s?d~~(s,~~j.initialFocus~~,"initialFocus"):~~null;o&&(e~~.~~preventDefault()~~,o.~~focus({preventScroll:!0}))}~~,~~onCloseAutoFocus~~:M}),i({enabled:E.~~open~~,onEscapeKeyDown:e=>{S("escape-key-down",e),!e.defaultPrevented~~&&I~~.value&&(E.setOpen(!1),!E.isModal.value&&~~P.value?.contains(document.activeElement)~~&&u("close-auto-focus",M)~~&&E.triggerRef.value?.focus(~~))},onInteractOutside:e=>S("interact-outside",e),onPointerDownOutside:e=>{S("pointer-down-outside",e),!e.defaultPrevented&&B.value&&E.setOpen(!1)},onFocusOutside:e=>{S("focus-outside",e),!e.defaultPrevented&&B.value&&E.setOpen(!1)}},[P,E.triggerRef]),k({el:P}),(e,s)=>m.forceMount\|\|w(E).~~open~~.value?(y(),p("div",{key:0,class:"skdx-drawer__content","data-part":"content",~~id:w(E).contentId,ref:w(R),~~role:"dialog","aria-modal":w(E).isModal.value?"true":void 0,"aria-labelledby":w(E).hasTitle.value?w(E).titleId:void 0,"aria-describedby":w(E).hasDescription.value?w(E).descriptionId:void 0,"data-state":w(E).~~open~~.value?"open":"closed","data-placement":~~w(E)~~.~~placement.~~value,"data-side":C.value,"data-dismiss":w(E).dismiss.value},[F(e.$slots,"default")],8,b)):f("",!0)}});export{k as default};
1	+ import{appearanceAttrs as e}from"../utils/appearance.js";import{injectRequired as s}from"../utils/injectRequired.js";import{composeRefs as a}from"../utils/composeRefs.js";import{resolveDirection as t,resolvePhysicalSide as o,useDirection as i}from"../utils/direction.js";import{returnFocus as u}from"../utils/focus-targets.js";import{useBodyScrollLock as r}from"../utils/useBodyScrollLock.js";import{useDismiss as n}from"../utils/useDismiss.js";import{useFocusTrap as l}from"../utils/useFocusTrap.js";import{DRAWER_CONTEXT as d}from"./context.js";import{useOutsideInert as c}from"../utils/useOutsideInert.js";import{computed as p,createCommentVNode as m,createElementBlock as f,defineComponent as v,mergeProps as y,openBlock as O,ref as D,renderSlot as F,unref as j}from"vue";var w=["id","aria-modal","aria-labelledby","aria-describedby","data-state","data-placement","data-side","data-dismiss"],b=/* @__PURE__ */v({inheritAttrs:!1,__name:"DrawerContent",props:{forceMount:{type:Boolean,default:!1},initialFocus:{default:void 0},finalFocus:{default:void 0},size:{default:void 0}},emits:["escape-key-down","pointer-down-outside","focus-outside","interact-outside","open-auto-focus","close-auto-focus"],setup(v,{expose:b,emit:k}){const R=v,g=k,x=s(d,"<SkdxDrawerContent> must be used inside <SkdxDrawer>."),C=D(null),I=a(C,x.contentRef),P=p(()=>x.isOpen.value&&x.isModal.value),S=i(),A=p(()=>x.placement?.value??"end"),B=p(()=>o(A.value,t(null,S()))),E=p(()=>"any"===x.dismiss.value\|\|"escape"===x.dismiss.value),M=p(()=>"any"===x.dismiss.value\|\|"outside"===x.dismiss.value);return r(P),c(C,P),l(C,P,{onOpenAutoFocus:e=>g("open-auto-focus",e),onCloseAutoFocus:e=>g("close-auto-focus",e),initialFocus:R.initialFocus,finalFocus:R.finalFocus,family:"Drawer"}),n({enabled:x.isOpen,onEscapeKeyDown:e=>{if(g("escape-key-down",e),e.defaultPrevented\|\|!E.value)return;const s=!!C.value?.contains(document.activeElement);x.setOpen(!1),!x.isModal.value&&s&&u(R.finalFocus,"Drawer",x.triggerRef.value,e=>g("close-auto-focus",e))},onInteractOutside:e=>g("interact-outside",e),onPointerDownOutside:e=>{g("pointer-down-outside",e),!e.defaultPrevented&&M.value&&x.setOpen(!1)},onFocusOutside:e=>{g("focus-outside",e),!e.defaultPrevented&&M.value&&x.setOpen(!1)}},[C,x.triggerRef]),b({el:C}),(s,a)=>v.forceMount\|\|j(x).isOpen.value?(O(),f("div",y({key:0,id:j(x).contentId,ref:j(I),class:"skdx-drawer__content","data-part":"content",role:"dialog","aria-modal":j(x).isOpen.value&&j(x).isModal.value?"true":void 0,"aria-labelledby":j(x).hasTitle.value?j(x).titleId:void 0,"aria-describedby":j(x).hasDescription.value?j(x).descriptionId:void 0,"data-state":j(x).isOpen.value?"open":"closed","data-placement":A.value,"data-side":B.value,"data-dismiss":j(x).dismiss.value},{...s.$attrs,...j(e)({size:v.size},s.$attrs)}),[F(s.$slots,"default")],16,w)):m("",!0)}});export{b as default};

package/dist/drawer/DrawerDescription.vue.d.cts CHANGED Viewed

@@ -1,13 +1,8 @@
-/**
- * The drawer's accessible description: renders a `<p>` wired to
- * `<SkdxDrawerContent>` via `aria-describedby`. Genuinely optional, but the
- * wiring is not: it registers on mount so an omitted Description leaves no
- * dangling reference. Must be used inside `<SkdxDrawer>`.
- */
+/** The drawer's accessible description, rendered as a `<p>` wired to `<SkdxDrawerContent>` via `aria-describedby`. */
 type __VLS_Props = {};
-declare var __VLS_1: {};
+declare var __VLS_5: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_1) => any;
+    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<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;

package/dist/drawer/DrawerDescription.vue.d.ts CHANGED Viewed

@@ -1,13 +1,8 @@
-/**
- * The drawer's accessible description: renders a `<p>` wired to
- * `<SkdxDrawerContent>` via `aria-describedby`. Genuinely optional, but the
- * wiring is not: it registers on mount so an omitted Description leaves no
- * dangling reference. Must be used inside `<SkdxDrawer>`.
- */
+/** The drawer's accessible description, rendered as a `<p>` wired to `<SkdxDrawerContent>` via `aria-describedby`. */
 type __VLS_Props = {};
-declare var __VLS_1: {};
+declare var __VLS_5: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_1) => any;
+    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<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;

package/dist/drawer/DrawerDescription.vue_vue_type_script_setup_true_lang.cjs CHANGED Viewed

	@@ -1 +1 @@
1	- const n=require("./context.cjs");let e=require("vue");var i=~~["id"],s=~~(0,e.defineComponent)({__name:"DrawerDescription",setup(o){~~const~~ ~~r=(0,e~~.~~inject)~~(n.DRAWER_CONTEXT~~);if(!r)throw new Error(~~"<SkdxDrawerDescription> must be used inside <SkdxDrawer>.")~~;return r.setHasDescription(!0)~~,(~~0,e.onUnmounted)(()=>~~r~~.setHasDescription(!1))~~,~~(t,a~~)=>((0,e.openBlock)(),(0,e.~~createElementBlock~~)(~~"p"~~,{~~class~~:~~"skdx-drawer__description","data-part":"description",id:~~(0,e.~~unref~~)(r)~~.descriptionId},~~[(0,e.renderSlot)(t.$slots,"default")],~~8,i~~))}});exports.default=s;
1	+ const t=require("../utils/injectRequired.cjs"),i=require("../dialog/DialogDescription.vue.cjs"),u=require("./context.cjs");let e=require("vue");var n=(0,e.defineComponent)({__name:"DrawerDescription",setup(_){return t.injectRequired(u.DRAWER_CONTEXT,"<SkdxDrawerDescription> must be used inside <SkdxDrawer>."),(r,o)=>((0,e.openBlock)(),(0,e.createBlock)(i.default,null,{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(r.$slots,"default")]),_:3}))}});exports.default=n;

package/dist/drawer/DrawerDescription.vue_vue_type_script_setup_true_lang.js CHANGED Viewed

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

package/dist/drawer/DrawerOverlay.vue.d.cts CHANGED Viewed

@@ -1,10 +1,4 @@
-/**
- * Scrim rendered behind `SkdxDrawerContent`, typically styled to dim the page.
- * A real element (not a native `::backdrop`) that carries `data-state` and
- * animates independently. Catches outside clicks with `pointer-events: auto`,
- * which survives ancestors with `pointer-events: none`. Mounts only while open
- * unless `forceMount` is set. Must be used inside `<SkdxDrawer>`.
- */
+/** Scrim rendered behind `SkdxDrawerContent`, exposing `data-state` and mounted only while open unless `forceMount`. */
 type __VLS_Props = {
     /** Keep this overlay mounted even while the drawer is closed, instead of unmounting it. */
     forceMount?: boolean;

package/dist/drawer/DrawerOverlay.vue.d.ts CHANGED Viewed

@@ -1,10 +1,4 @@
-/**
- * Scrim rendered behind `SkdxDrawerContent`, typically styled to dim the page.
- * A real element (not a native `::backdrop`) that carries `data-state` and
- * animates independently. Catches outside clicks with `pointer-events: auto`,
- * which survives ancestors with `pointer-events: none`. Mounts only while open
- * unless `forceMount` is set. Must be used inside `<SkdxDrawer>`.
- */
+/** Scrim rendered behind `SkdxDrawerContent`, exposing `data-state` and mounted only while open unless `forceMount`. */
 type __VLS_Props = {
     /** Keep this overlay mounted even while the drawer is closed, instead of unmounting it. */
     forceMount?: boolean;

package/dist/drawer/DrawerOverlay.vue_vue_type_script_setup_true_lang.cjs CHANGED Viewed

	@@ -1 +1 @@
1	- const a=require("./context.cjs");let e=require("vue");var o=~~["data-state"],n=~~(0,e.defineComponent)({__name:"DrawerOverlay",props:{forceMount:{type:Boolean,default:!1}},setup(t){~~const~~ ~~r=(0,e~~.~~inject)~~(a.DRAWER_CONTEXT~~);if(!r)throw new Error(~~"<SkdxDrawerOverlay> must be used inside <SkdxDrawer>.")~~;return~~(u,l)=>~~t.forceMount\|\|~~(~~0,e.unref)~~(~~r).open.value?((~~0,e.openBlock)(),(0,e.~~createElementBlock~~)(~~"div"~~,{~~key:0,class:~~"~~skdx~~-~~drawer__overlay~~"~~,"data-part"~~:~~"overlay","data-state":(0,e.unref)(~~r).~~open.value?"open":"closed",style:{pointerEvents:"auto"~~}},null,8,~~o)):(0,e.createCommentVNode)(~~""~~,!0~~)}});exports.default=n;
1	+ const t=require("../utils/injectRequired.cjs"),u=require("../dialog/DialogOverlay.vue.cjs"),n=require("./context.cjs");let e=require("vue");var o=(0,e.defineComponent)({__name:"DrawerOverlay",props:{forceMount:{type:Boolean,default:!1}},setup(r){return t.injectRequired(n.DRAWER_CONTEXT,"<SkdxDrawerOverlay> must be used inside <SkdxDrawer>."),(a,c)=>((0,e.openBlock)(),(0,e.createBlock)(u.default,{"force-mount":r.forceMount},null,8,["force-mount"]))}});exports.default=o;

package/dist/drawer/DrawerOverlay.vue_vue_type_script_setup_true_lang.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{~~DRAWER_CONTEXT~~ as e}from"~~./context~~.js";import{~~createCommentVNode~~ as ~~a,createElementBlock~~ as t,defineComponent as r,~~inject as o,~~openBlock as n~~,unref as s~~}from"vue";var ~~l=["data-state"],d~~=/* @__PURE__ */r({__name:"DrawerOverlay",props:{forceMount:{type:Boolean,default:!1}},setup(~~r){const d=o(~~e~~);if~~(~~!d)throw new Error(~~"<SkdxDrawerOverlay> must be used inside <SkdxDrawer>.")~~;return~~(e,o)=>~~r.forceMount\|\|s~~(~~d).open.value?(~~n(),t(~~"div"~~,{~~key:0,class:~~"~~skdx~~-~~drawer__overlay~~"~~,"data-part"~~:~~"overlay","data-state":s(d)~~.~~open.value?"open":"closed",style:{pointerEvents:"auto"~~}},null,8,~~l)):a(~~""~~,!0~~)}});export{d as default};
1	+ import{injectRequired as e}from"../utils/injectRequired.js";import o from"../dialog/DialogOverlay.vue.js";import{DRAWER_CONTEXT as r}from"./context.js";import{createBlock as t,defineComponent as a,openBlock as n}from"vue";var s=/* @__PURE__ */a({__name:"DrawerOverlay",props:{forceMount:{type:Boolean,default:!1}},setup:a=>(e(r,"<SkdxDrawerOverlay> must be used inside <SkdxDrawer>."),(e,r)=>(n(),t(o,{"force-mount":a.forceMount},null,8,["force-mount"])))});export{s as default};

package/dist/drawer/DrawerPortal.vue.d.cts CHANGED Viewed

@@ -1,9 +1,5 @@
 import type { PortalContainer } from '../utils/portal.cjs';
-/**
- * Teleports drawer overlay and content to `document.body` (or custom `container`)
- * so they escape clipping ancestors that `position: fixed` cannot escape.
- * Mounts only while open unless `forceMount` is set. Must be used inside `<SkdxDrawer>`.
- */
+/** Teleports drawer overlay and content to `document.body` (or a custom `container`), mounted only while open. */
 type __VLS_Props = {
     /**
      * DOM node (or CSS selector) the children are rendered into.

package/dist/drawer/DrawerPortal.vue.d.ts CHANGED Viewed

@@ -1,9 +1,5 @@
 import type { PortalContainer } from '../utils/portal.js';
-/**
- * Teleports drawer overlay and content to `document.body` (or custom `container`)
- * so they escape clipping ancestors that `position: fixed` cannot escape.
- * Mounts only while open unless `forceMount` is set. Must be used inside `<SkdxDrawer>`.
- */
+/** Teleports drawer overlay and content to `document.body` (or a custom `container`), mounted only while open. */
 type __VLS_Props = {
     /**
      * DOM node (or CSS selector) the children are rendered into.

package/dist/drawer/DrawerPortal.vue_vue_type_script_setup_true_lang.cjs CHANGED Viewed

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

package/dist/drawer/DrawerPortal.vue_vue_type_script_setup_true_lang.js CHANGED Viewed

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

package/dist/drawer/DrawerRoot.vue.d.cts CHANGED Viewed

@@ -1,15 +1,18 @@
 import { type DrawerDismiss, type DrawerPlacement } from './context.cjs';
-/**
- * State/context primitive for Drawer: owns open state, placement, and modality.
- * Provides these to all drawer parts. Use directly for full primitive composition.
- */
+/** State/context primitive for Drawer: owns open state, placement, and modality, and provides them to all parts. */
 type __VLS_Props = {
-    open?: boolean;
-    defaultOpen?: boolean;
-    placement?: DrawerPlacement;
-    modal?: boolean;
-    dismiss?: DrawerDismiss;
-    dismissible?: boolean;
+    /** Controlled open state. Pair with `v-model:open` or `@open-change`. */
+    open?: boolean | undefined;
+    /** Initial open state, for uncontrolled usage. */
+    defaultOpen?: boolean | undefined;
+    /** Which viewport edge the drawer slides in from, expressed logically so it mirrors under `dir="rtl"`. */
+    placement?: DrawerPlacement | undefined;
+    /** Whether the drawer traps focus and locks body scroll; `false` keeps Escape and outside-interaction dismissal. */
+    modal?: boolean | undefined;
+    /** Which dismissal channels can close the drawer: `'any'`, `'escape'`, `'outside'`, or `'none'`. */
+    dismiss?: DrawerDismiss | undefined;
+    /** Whether the drawer can be dismissed at all; `false` forces `dismiss` to `'none'`. */
+    dismissible?: boolean | undefined;
 };
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
@@ -20,16 +23,16 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}
     "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;
+    "onUpdate:open"?: (open: boolean) => any;
+    "onOpen-change"?: (open: boolean) => any;
+    "onOpen-change-complete"?: (open: boolean) => any;
 }>, {
-    dismissible: boolean;
-    open: boolean;
-    defaultOpen: boolean;
-    modal: boolean;
-    dismiss: DrawerDismiss;
-    placement: DrawerPlacement;
+    dismissible: boolean | undefined;
+    open: boolean | undefined;
+    defaultOpen: boolean | undefined;
+    modal: boolean | undefined;
+    dismiss: DrawerDismiss | undefined;
+    placement: DrawerPlacement | undefined;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/drawer/DrawerRoot.vue.d.ts CHANGED Viewed

@@ -1,15 +1,18 @@
 import { type DrawerDismiss, type DrawerPlacement } from './context.js';
-/**
- * State/context primitive for Drawer: owns open state, placement, and modality.
- * Provides these to all drawer parts. Use directly for full primitive composition.
- */
+/** State/context primitive for Drawer: owns open state, placement, and modality, and provides them to all parts. */
 type __VLS_Props = {
-    open?: boolean;
-    defaultOpen?: boolean;
-    placement?: DrawerPlacement;
-    modal?: boolean;
-    dismiss?: DrawerDismiss;
-    dismissible?: boolean;
+    /** Controlled open state. Pair with `v-model:open` or `@open-change`. */
+    open?: boolean | undefined;
+    /** Initial open state, for uncontrolled usage. */
+    defaultOpen?: boolean | undefined;
+    /** Which viewport edge the drawer slides in from, expressed logically so it mirrors under `dir="rtl"`. */
+    placement?: DrawerPlacement | undefined;
+    /** Whether the drawer traps focus and locks body scroll; `false` keeps Escape and outside-interaction dismissal. */
+    modal?: boolean | undefined;
+    /** Which dismissal channels can close the drawer: `'any'`, `'escape'`, `'outside'`, or `'none'`. */
+    dismiss?: DrawerDismiss | undefined;
+    /** Whether the drawer can be dismissed at all; `false` forces `dismiss` to `'none'`. */
+    dismissible?: boolean | undefined;
 };
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
@@ -20,16 +23,16 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}
     "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;
+    "onUpdate:open"?: (open: boolean) => any;
+    "onOpen-change"?: (open: boolean) => any;
+    "onOpen-change-complete"?: (open: boolean) => any;
 }>, {
-    dismissible: boolean;
-    open: boolean;
-    defaultOpen: boolean;
-    modal: boolean;
-    dismiss: DrawerDismiss;
-    placement: DrawerPlacement;
+    dismissible: boolean | undefined;
+    open: boolean | undefined;
+    defaultOpen: boolean | undefined;
+    modal: boolean | undefined;
+    dismiss: DrawerDismiss | undefined;
+    placement: DrawerPlacement | undefined;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/drawer/DrawerRoot.vue_vue_type_script_setup_true_lang.cjs CHANGED Viewed

	@@ -1 +1 @@
1	- const m=require("../utils/useOpenChangeComplete.cjs"),o=require("./context.cjs");let e=require("vue");var _=(0,e.defineComponent)({__name:"DrawerRoot",props:{open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1},placement:{default:"end"},modal:{type:Boolean,default:!0},dismiss:{default:"any"},dismissible:{type:Boolean,default:!0}},emits:["update:open","open-change","open-change-complete"],setup(u,{emit:d}){const n=u,a=d,s=(0,~~e.ref~~)(n.defaultOpen),l=(0,e.computed)(()=>n.~~open??s~~.value),c=(0,e.ref)(null),p=(0,e.ref)(null),r=(0,e.ref)(!1),i=(0,e.ref)(!1);m.useOpenChangeComplete(l,p,t=>a("open-change-complete",t));function f(t){n.~~open===void 0&&~~(~~s.value=~~t)~~,a("update:open",t),a("open-change",t)~~}return(0,e.provide)(o.DRAWER_CONTEXT,{triggerRef:c,contentRef:p,contentId:o.nextDrawerId("content"),titleId:o.nextDrawerId("title"),descriptionId:o.nextDrawerId("description"),hasTitle:(0,e.computed)(()=>r.value),hasDescription:(0,e.computed)(()=>i.value),setHasTitle:t=>{r.value=t},setHasDescription:t=>{i.value=t},~~open~~:l,placement:(0,e.toRef)(n,"placement"),isModal:(0,e.toRef)(n,"modal"),dismiss:(0,e.computed)(()=>n.dismissible?n.dismiss:"none"),setOpen:f}),(t,v)=>(0,e.renderSlot)(t.$slots,"default")}});exports.default=_;
1	+ const m=require("../utils/useControllable.cjs"),_=require("../utils/useOpenChangeComplete.cjs"),o=require("./context.cjs");let e=require("vue");var h=(0,e.defineComponent)({__name:"DrawerRoot",props:{open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1},placement:{default:"end"},modal:{type:Boolean,default:!0},dismiss:{default:"any"},dismissible:{type:Boolean,default:!0}},emits:["update:open","open-change","open-change-complete"],setup(i,{emit:d}){const n=i,a=d,l=m.useControllable({controlled:()=>n.open,defaultValue:()=>n.defaultOpen,onChange:t=>{a("update:open",t),a("open-change",t)}}),s=(0,e.computed)(()=>l.value.value??!1),c=(0,e.ref)(null),r=(0,e.ref)(null),u=(0,e.ref)(!1),p=(0,e.ref)(!1);_.useOpenChangeComplete(s,r,t=>a("open-change-complete",t));function f(t){l.set(t)}return(0,e.provide)(o.DRAWER_CONTEXT,{family:"drawer",triggerRef:c,contentRef:r,contentId:o.nextDrawerId("content"),titleId:o.nextDrawerId("title"),descriptionId:o.nextDrawerId("description"),hasTitle:(0,e.computed)(()=>u.value),hasDescription:(0,e.computed)(()=>p.value),setHasTitle:t=>{u.value=t},setHasDescription:t=>{p.value=t},isOpen:s,placement:(0,e.toRef)(n,"placement"),isModal:(0,e.toRef)(n,"modal"),dismiss:(0,e.computed)(()=>n.dismissible?n.dismiss:"none"),setOpen:f}),(t,v)=>(0,e.renderSlot)(t.$slots,"default")}});exports.default=h;

package/dist/drawer/DrawerRoot.vue_vue_type_script_setup_true_lang.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{~~useOpenChangeComplete~~ as e}from"../utils/useOpenChangeComplete.js";import{DRAWER_CONTEXT as t,nextDrawerId as n}from"./context.js";import{computed as o,defineComponent as a,provide as s,ref as l,renderSlot as p,toRef as i}from"vue";var d=/* @__PURE__ */a({__name:"DrawerRoot",props:{open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1},placement:{default:"end"},modal:{type:Boolean,default:!0},dismiss:{default:"any"},dismissible:{type:Boolean,default:!0}},emits:["update:open","open-change","open-change-complete"],setup(a,{emit:d}){const u=a,m=d,r=l(u.defaultOpen),c=o(()=>u.~~open??r~~.value),f=l(null),v=l(null),g=l(!1),h=l(!1);return e(c,v,e=>m("open-change-complete",e)),s(t,{triggerRef:f,contentRef:v,contentId:n("content"),titleId:n("title"),descriptionId:n("description"),hasTitle:o(()=>g.value),hasDescription:o(()=>h.value),setHasTitle:e=>{g.value=e},setHasDescription:e=>{h.value=e},~~open~~:c,placement:i(u,"placement"),isModal:i(u,"modal"),dismiss:o(()=>u.dismissible?u.dismiss:"none"),setOpen:function(e){~~void 0===u~~.~~open&&~~(~~r.value=~~e)~~,m("update:open",e),m("open-change",e)~~}}),(e,t)=>p(e.$slots,"default")}});export{d as default};
1	+ import{useControllable as e}from"../utils/useControllable.js";import{useOpenChangeComplete as t}from"../utils/useOpenChangeComplete.js";import{DRAWER_CONTEXT as a,nextDrawerId as o}from"./context.js";import{computed as n,defineComponent as l,provide as s,ref as p,renderSlot as i,toRef as d}from"vue";var u=/* @__PURE__ */l({__name:"DrawerRoot",props:{open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1},placement:{default:"end"},modal:{type:Boolean,default:!0},dismiss:{default:"any"},dismissible:{type:Boolean,default:!0}},emits:["update:open","open-change","open-change-complete"],setup(l,{emit:u}){const r=l,m=u,f=e({controlled:()=>r.open,defaultValue:()=>r.defaultOpen,onChange:e=>{m("update:open",e),m("open-change",e)}}),c=n(()=>f.value.value??!1),v=p(null),g=p(null),h=p(!1),C=p(!1);return t(c,g,e=>m("open-change-complete",e)),s(a,{family:"drawer",triggerRef:v,contentRef:g,contentId:o("content"),titleId:o("title"),descriptionId:o("description"),hasTitle:n(()=>h.value),hasDescription:n(()=>C.value),setHasTitle:e=>{h.value=e},setHasDescription:e=>{C.value=e},isOpen:c,placement:d(r,"placement"),isModal:d(r,"modal"),dismiss:n(()=>r.dismissible?r.dismiss:"none"),setOpen:function(e){f.set(e)}}),(e,t)=>i(e.$slots,"default")}});export{u as default};

package/dist/drawer/DrawerTitle.vue.d.cts CHANGED Viewed

@@ -1,12 +1,8 @@
-/**
- * The drawer's accessible name via `aria-labelledby` on `SkdxDrawerContent`.
- * Renders an `<h2>`. Every drawer should include one — a dialog with no name
- * announces as a bare "dialog". Must be used inside `<SkdxDrawer>`.
- */
+/** The drawer's accessible name, rendered as an `<h2>` wired to `<SkdxDrawerContent>` via `aria-labelledby`. */
 type __VLS_Props = {};
-declare var __VLS_1: {};
+declare var __VLS_5: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_1) => any;
+    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<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;

package/dist/drawer/DrawerTitle.vue.d.ts CHANGED Viewed

@@ -1,12 +1,8 @@
-/**
- * The drawer's accessible name via `aria-labelledby` on `SkdxDrawerContent`.
- * Renders an `<h2>`. Every drawer should include one — a dialog with no name
- * announces as a bare "dialog". Must be used inside `<SkdxDrawer>`.
- */
+/** The drawer's accessible name, rendered as an `<h2>` wired to `<SkdxDrawerContent>` via `aria-labelledby`. */
 type __VLS_Props = {};
-declare var __VLS_1: {};
+declare var __VLS_5: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_1) => any;
+    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<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;

package/dist/drawer/DrawerTitle.vue_vue_type_script_setup_true_lang.cjs CHANGED Viewed

	@@ -1 +1 @@
1	- const a=require("./context.cjs");let e=require("vue");var n=~~["id"],i=~~(0,e.defineComponent)({__name:"DrawerTitle",setup(l){~~const~~ t~~=(0,e~~.~~inject)~~(a.DRAWER_CONTEXT~~);if(!t)throw new Error(~~"<SkdxDrawerTitle> must be used inside <SkdxDrawer>.")~~;return t.setHasTitle(!0)~~,(~~0,e.onUnmounted)(()=>t.setHasTitle(!1)),(~~r,s)=>((0,e.openBlock)(),(0,e.~~createElementBlock~~)(~~"h2"~~,{~~class~~:~~"skdx-drawer__title","data-part":"title",id:~~(0,e.~~unref~~)(t)~~.titleId},~~[(0,e.renderSlot)(r.$slots,"default")],~~8,n~~))}});exports.default=i;
1	+ const t=require("../utils/injectRequired.cjs"),u=require("../dialog/DialogTitle.vue.cjs"),i=require("./context.cjs");let e=require("vue");var l=(0,e.defineComponent)({__name:"DrawerTitle",setup(_){return t.injectRequired(i.DRAWER_CONTEXT,"<SkdxDrawerTitle> must be used inside <SkdxDrawer>."),(r,n)=>((0,e.openBlock)(),(0,e.createBlock)(u.default,null,{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(r.$slots,"default")]),_:3}))}});exports.default=l;

package/dist/drawer/DrawerTitle.vue_vue_type_script_setup_true_lang.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{~~DRAWER_CONTEXT~~ as e}from"~~./context~~.js";import~~{createElementBlock~~ as t~~,defineComponent~~ as r~~,inject~~ as a,~~onUnmounted~~ as s,openBlock as o,renderSlot as n,~~unref~~ as i}from"vue";var d~~=["id"],l~~=/* @__PURE__ */r({__name:"DrawerTitle",setup(~~r){const l=a(~~e~~);if~~(~~!l)throw new Error(~~"<SkdxDrawerTitle> must be used inside <SkdxDrawer>.")~~;return l.setHasTitle(!0)~~,s(~~()=>l.setHasTitle(!1)),(~~e,r)=>(o(),t~~("h2"~~,{~~class~~:~~"skdx-drawer__title","data-part":"title",id:i~~(l)~~.titleId},~~[n(e.$slots,"default")],~~8,d~~))}});export{l as default};
1	+ import{injectRequired as e}from"../utils/injectRequired.js";import t from"../dialog/DialogTitle.vue.js";import{DRAWER_CONTEXT as r}from"./context.js";import{createBlock as a,defineComponent as o,openBlock as i,renderSlot as s,withCtx as l}from"vue";var d=/* @__PURE__ */o({__name:"DrawerTitle",setup:o=>(e(r,"<SkdxDrawerTitle> must be used inside <SkdxDrawer>."),(e,r)=>(i(),a(t,null,{default:l(()=>[s(e.$slots,"default")]),_:3})))});export{d as default};

package/dist/drawer/DrawerTrigger.vue.d.cts CHANGED Viewed

@@ -1,13 +1,8 @@
-/**
- * Button that opens the drawer when clicked. Sets `aria-haspopup="dialog"`,
- * `aria-expanded`, `aria-controls`, and `data-state`, and registers itself
- * with the root so dismissal treats it as inside the layer (the focus return
- * on close lands here). Must be used inside `<SkdxDrawer>`.
- */
+/** Button that opens the drawer when clicked, setting `aria-haspopup="dialog"`, `aria-expanded`, and `aria-controls`. */
 type __VLS_Props = {};
-declare var __VLS_1: {};
+declare var __VLS_5: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_1) => any;
+    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<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;

package/dist/drawer/DrawerTrigger.vue.d.ts CHANGED Viewed

@@ -1,13 +1,8 @@
-/**
- * Button that opens the drawer when clicked. Sets `aria-haspopup="dialog"`,
- * `aria-expanded`, `aria-controls`, and `data-state`, and registers itself
- * with the root so dismissal treats it as inside the layer (the focus return
- * on close lands here). Must be used inside `<SkdxDrawer>`.
- */
+/** Button that opens the drawer when clicked, setting `aria-haspopup="dialog"`, `aria-expanded`, and `aria-controls`. */
 type __VLS_Props = {};
-declare var __VLS_1: {};
+declare var __VLS_5: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_1) => any;
+    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<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;