@skdx/vue 0.26.0

package/dist/popover/PopoverArrow.vue.d.cts

@@ -0,0 +1,18 @@
+/**
+ * Optional visual arrow pointing from `SkdxPopoverContent` back at the
+ * anchor. Must be rendered inside `SkdxPopoverContent`; self-positions based
+ * on the resolved `side`.
+ */
+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/popover/PopoverArrow.vue.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Optional visual arrow pointing from `SkdxPopoverContent` back at the
+ * anchor. Must be rendered inside `SkdxPopoverContent`; self-positions based
+ * on the resolved `side`.
+ */
+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/popover/PopoverArrow.vue.js

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

package/dist/popover/PopoverArrow.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const n=require("../utils/popper.cjs");let e=require("vue");var l=(0,e.defineComponent)({__name:"PopoverArrow",setup(u){const r=(0,e.inject)(n.ARROW_CONTEXT);if(!r)throw new Error("SkdxPopoverArrow must be used within SkdxPopoverContent.");const o=(0,e.ref)(null);return(0,e.onMounted)(()=>r.setArrowEl(o.value)),(0,e.onBeforeUnmount)(()=>r.setArrowEl(null)),(t,p)=>((0,e.openBlock)(),(0,e.createElementBlock)("span",{class:"skdx-popover__arrow","data-part":"arrow",ref_key:"elRef",ref:o,style:(0,e.normalizeStyle)((0,e.unref)(r).style.value)},[(0,e.renderSlot)(t.$slots,"default")],4))}});exports.default=l;

package/dist/popover/PopoverArrow.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{ARROW_CONTEXT as e}from"../utils/popper.js";import{createElementBlock as r,defineComponent as o,inject as t,normalizeStyle as s,onBeforeUnmount as a,onMounted as n,openBlock as l,ref as p,renderSlot as u,unref as f}from"vue";var d=/* @__PURE__ */o({__name:"PopoverArrow",setup(o){const d=t(e);if(!d)throw new Error("SkdxPopoverArrow must be used within SkdxPopoverContent.");const m=p(null);return n(()=>d.setArrowEl(m.value)),a(()=>d.setArrowEl(null)),(e,o)=>(l(),r("span",{class:"skdx-popover__arrow","data-part":"arrow",ref_key:"elRef",ref:m,style:s(f(d).style.value)},[u(e.$slots,"default")],4))}});export{d as default};

package/dist/popover/PopoverClose.vue.cjs

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

package/dist/popover/PopoverClose.vue.d.cts

@@ -0,0 +1,17 @@
+/**
+ * Button that closes the popover when clicked. Renders inside
+ * `SkdxPopoverContent` anywhere you like.
+ */
+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/popover/PopoverClose.vue.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Button that closes the popover when clicked. Renders inside
+ * `SkdxPopoverContent` anywhere you like.
+ */
+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/popover/PopoverClose.vue.js

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

package/dist/popover/PopoverClose.vue_vue_type_script_setup_true_lang.cjs

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

package/dist/popover/PopoverClose.vue_vue_type_script_setup_true_lang.js

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

package/dist/popover/PopoverContent.vue.cjs

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

package/dist/popover/PopoverContent.vue.d.cts

@@ -0,0 +1,85 @@
+import { type Align, type PhysicalSide, type Side } from '../utils/popper.cjs';
+import { type FocusOutsideEvent, type InteractOutsideEvent } from '../utils/useDismiss.cjs';
+import { type AutoFocusEvent } from '../utils/useFocusTrap.cjs';
+/**
+ * The popover's floating panel: `role="dialog"` with `data-state`
+ * (`open`/`closed`), positioned via the shared popper layer against the
+ * trigger (or `SkdxPopoverAnchor`) using `side`/`align`/`sideOffset`
+ * (defaults to `4`)/`alignOffset` and flipping/shifting to avoid viewport
+ * collisions unless `avoidCollisions` is `false` — against `collisionBoundary`
+ * when one is given, otherwise the panel's clipping ancestors. Also exposes
+ * `data-side`/`data-align` reflecting the resolved placement, and the
+ * measurement custom properties `--skdx-popover-available-width` /
+ * `-available-height` / `-trigger-width` / `-transform-origin`, so the panel
+ * can be sized and animated from CSS without measuring anything by hand.
+ * Traps focus
+ * when the popover is `modal`. Closes on Escape or an outside interaction
+ * (pointer-down or focus moving out) unless `escape-key-down`/
+ * `pointer-down-outside`/`focus-outside`/`interact-outside` call
+ * `event.preventDefault()`. `interact-outside` fires for either kind of
+ * outside interaction, immediately before the specific event and with the
+ * same event object, so one veto covers both.
+ *
+ * Where it manages focus it announces the move first: `open-auto-focus`
+ * before focus enters the panel and `close-auto-focus` before focus goes back
+ * to the trigger, each cancelable — `preventDefault()` leaves focus where it
+ * is, so a consumer can place it by hand. Mounts only while open unless
+ * `forceMount` is set. Must be used inside `SkdxPopover`.
+ */
+type __VLS_Props = {
+    /** Preferred edge of the anchor to place the panel against. */
+    side?: Side;
+    /** Preferred alignment along that edge relative to the trigger. */
+    align?: Align;
+    /** Pixel gap between the panel and the anchor's edge. */
+    sideOffset?: number;
+    /** Pixel offset along the alignment axis. */
+    alignOffset?: number;
+    /** Flip/shift to stay within the viewport instead of overflowing it. */
+    avoidCollisions?: boolean;
+    /** Minimum pixel distance to keep from the collision boundary. A number applies to every side; an object sets only the sides it names. */
+    collisionPadding?: number | Partial<Record<PhysicalSide, number>>;
+    /**
+     * Element (or elements) collisions are measured against, instead of the
+     * panel's clipping ancestors. Use it to keep the panel inside a scroll
+     * container or one pane of a split layout rather than the whole viewport.
+     * @default undefined — the panel's clipping ancestors.
+     */
+    collisionBoundary?: Element | Element[] | null;
+    /** Keep this panel mounted even while the popover is closed. */
+    forceMount?: 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, {
+    "focus-outside": (event: FocusOutsideEvent) => any;
+    "open-auto-focus": (event: AutoFocusEvent) => any;
+    "close-auto-focus": (event: AutoFocusEvent) => 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;
+}>, {
+    forceMount: boolean;
+    side: Side;
+    align: Align;
+    sideOffset: number;
+    alignOffset: number;
+    avoidCollisions: boolean;
+    collisionPadding: number | Partial<Record<PhysicalSide, number>>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/popover/PopoverContent.vue.d.ts

@@ -0,0 +1,85 @@
+import { type Align, type PhysicalSide, type Side } from '../utils/popper.js';
+import { type FocusOutsideEvent, type InteractOutsideEvent } from '../utils/useDismiss.js';
+import { type AutoFocusEvent } from '../utils/useFocusTrap.js';
+/**
+ * The popover's floating panel: `role="dialog"` with `data-state`
+ * (`open`/`closed`), positioned via the shared popper layer against the
+ * trigger (or `SkdxPopoverAnchor`) using `side`/`align`/`sideOffset`
+ * (defaults to `4`)/`alignOffset` and flipping/shifting to avoid viewport
+ * collisions unless `avoidCollisions` is `false` — against `collisionBoundary`
+ * when one is given, otherwise the panel's clipping ancestors. Also exposes
+ * `data-side`/`data-align` reflecting the resolved placement, and the
+ * measurement custom properties `--skdx-popover-available-width` /
+ * `-available-height` / `-trigger-width` / `-transform-origin`, so the panel
+ * can be sized and animated from CSS without measuring anything by hand.
+ * Traps focus
+ * when the popover is `modal`. Closes on Escape or an outside interaction
+ * (pointer-down or focus moving out) unless `escape-key-down`/
+ * `pointer-down-outside`/`focus-outside`/`interact-outside` call
+ * `event.preventDefault()`. `interact-outside` fires for either kind of
+ * outside interaction, immediately before the specific event and with the
+ * same event object, so one veto covers both.
+ *
+ * Where it manages focus it announces the move first: `open-auto-focus`
+ * before focus enters the panel and `close-auto-focus` before focus goes back
+ * to the trigger, each cancelable — `preventDefault()` leaves focus where it
+ * is, so a consumer can place it by hand. Mounts only while open unless
+ * `forceMount` is set. Must be used inside `SkdxPopover`.
+ */
+type __VLS_Props = {
+    /** Preferred edge of the anchor to place the panel against. */
+    side?: Side;
+    /** Preferred alignment along that edge relative to the trigger. */
+    align?: Align;
+    /** Pixel gap between the panel and the anchor's edge. */
+    sideOffset?: number;
+    /** Pixel offset along the alignment axis. */
+    alignOffset?: number;
+    /** Flip/shift to stay within the viewport instead of overflowing it. */
+    avoidCollisions?: boolean;
+    /** Minimum pixel distance to keep from the collision boundary. A number applies to every side; an object sets only the sides it names. */
+    collisionPadding?: number | Partial<Record<PhysicalSide, number>>;
+    /**
+     * Element (or elements) collisions are measured against, instead of the
+     * panel's clipping ancestors. Use it to keep the panel inside a scroll
+     * container or one pane of a split layout rather than the whole viewport.
+     * @default undefined — the panel's clipping ancestors.
+     */
+    collisionBoundary?: Element | Element[] | null;
+    /** Keep this panel mounted even while the popover is closed. */
+    forceMount?: 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, {
+    "focus-outside": (event: FocusOutsideEvent) => any;
+    "open-auto-focus": (event: AutoFocusEvent) => any;
+    "close-auto-focus": (event: AutoFocusEvent) => 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;
+}>, {
+    forceMount: boolean;
+    side: Side;
+    align: Align;
+    sideOffset: number;
+    alignOffset: number;
+    avoidCollisions: boolean;
+    collisionPadding: number | Partial<Record<PhysicalSide, number>>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/popover/PopoverContent.vue.js

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

package/dist/popover/PopoverContent.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const O=require("../utils/composeRefs.cjs"),w=require("../utils/useDismiss.cjs"),c=require("../utils/useFocusTrap.cjs"),r=require("../utils/popper.cjs"),g=require("./context.cjs");let e=require("vue");var y=["id","data-state","data-side","data-align"],R=(0,e.defineComponent)({__name:"PopoverContent",props:{side:{default:"bottom"},align:{default:"center"},sideOffset:{default:4},alignOffset:{default:0},avoidCollisions:{type:Boolean,default:!0},collisionPadding:{default:8},collisionBoundary:{},forceMount:{type:Boolean,default:!1}},emits:["escape-key-down","pointer-down-outside","focus-outside","interact-outside","open-auto-focus","close-auto-focus"],setup(u,{emit:d}){const f=u,n=d,t=(0,e.inject)(g.POPOVER_CONTEXT);if(!t)throw new Error("SkdxPopoverContent must be used within SkdxPopover.");const a=(0,e.inject)(r.POPPER_CONTEXT);if(!a)throw new Error("SkdxPopoverContent must be used within SkdxPopover.");const s=(0,e.ref)(null),i=(0,e.ref)(null),p=O.composeRefs(s,t.contentRef);c.useFocusTrap(s,(0,e.computed)(()=>t.open.value&&t.modal.value),{onOpenAutoFocus:o=>n("open-auto-focus",o),onCloseAutoFocus:o=>n("close-auto-focus",o)}),w.useDismiss({enabled:t.open,onEscapeKeyDown:o=>{n("escape-key-down",o),!o.defaultPrevented&&(t.setOpen(!1),(t.modal.value||c.autoFocusEvent("close-auto-focus",l=>n("close-auto-focus",l)))&&t.triggerRef.value?.focus())},onPointerDownOutside:o=>{n("pointer-down-outside",o),o.defaultPrevented||t.setOpen(!1)},onFocusOutside:o=>{n("focus-outside",o),o.defaultPrevented||t.setOpen(!1)},onInteractOutside:o=>n("interact-outside",o)},[s,t.triggerRef]);const{style:v,arrowStyle:_,placedSide:m,placedAlign:P}=r.usePopperPosition(a.anchor,s,t.open,()=>({...f,component:"popover"}),i);return(0,e.provide)(r.ARROW_CONTEXT,{style:_,setArrowEl:o=>{i.value=o}}),(o,l)=>u.forceMount||(0,e.unref)(t).open.value?((0,e.openBlock)(),(0,e.createElementBlock)("div",{key:0,class:"skdx-popover__content","data-part":"content",id:(0,e.unref)(t).contentId,ref:(0,e.unref)(p),role:"dialog","data-state":(0,e.unref)(t).open.value?"open":"closed","data-side":(0,e.unref)(m),"data-align":(0,e.unref)(P),style:(0,e.normalizeStyle)((0,e.unref)(v))},[(0,e.renderSlot)(o.$slots,"default")],12,y)):(0,e.createCommentVNode)("",!0)}});exports.default=R;

package/dist/popover/PopoverContent.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{composeRefs as e}from"../utils/composeRefs.js";import{useDismiss as o}from"../utils/useDismiss.js";import{autoFocusEvent as t,useFocusTrap as s}from"../utils/useFocusTrap.js";import{ARROW_CONTEXT as a,POPPER_CONTEXT as n,usePopperPosition as u}from"../utils/popper.js";import{POPOVER_CONTEXT as r}from"./context.js";import{computed as d,createCommentVNode as i,createElementBlock as l,defineComponent as p,inject as c,normalizeStyle as f,openBlock as m,provide as v,ref as P,renderSlot as O,unref as w}from"vue";var y=["id","data-state","data-side","data-align"],g=/* @__PURE__ */p({__name:"PopoverContent",props:{side:{default:"bottom"},align:{default:"center"},sideOffset:{default:4},alignOffset:{default:0},avoidCollisions:{type:Boolean,default:!0},collisionPadding:{default:8},collisionBoundary:{},forceMount:{type:Boolean,default:!1}},emits:["escape-key-down","pointer-down-outside","focus-outside","interact-outside","open-auto-focus","close-auto-focus"],setup(p,{emit:g}){const E=p,k=g,C=c(r);if(!C)throw new Error("SkdxPopoverContent must be used within SkdxPopover.");const R=c(n);if(!R)throw new Error("SkdxPopoverContent must be used within SkdxPopover.");const S=P(null),T=P(null),x=e(S,C.contentRef);s(S,d(()=>C.open.value&&C.modal.value),{onOpenAutoFocus:e=>k("open-auto-focus",e),onCloseAutoFocus:e=>k("close-auto-focus",e)}),o({enabled:C.open,onEscapeKeyDown:e=>{k("escape-key-down",e),!e.defaultPrevented&&(C.setOpen(!1),(C.modal.value||t("close-auto-focus",e=>k("close-auto-focus",e)))&&C.triggerRef.value?.focus())},onPointerDownOutside:e=>{k("pointer-down-outside",e),e.defaultPrevented||C.setOpen(!1)},onFocusOutside:e=>{k("focus-outside",e),e.defaultPrevented||C.setOpen(!1)},onInteractOutside:e=>k("interact-outside",e)},[S,C.triggerRef]);const{style:_,arrowStyle:j,placedSide:F,placedAlign:h}=u(R.anchor,S,C.open,()=>({...E,component:"popover"}),T);return v(a,{style:j,setArrowEl:e=>{T.value=e}}),(e,o)=>p.forceMount||w(C).open.value?(m(),l("div",{key:0,class:"skdx-popover__content","data-part":"content",id:w(C).contentId,ref:w(x),role:"dialog","data-state":w(C).open.value?"open":"closed","data-side":w(F),"data-align":w(h),style:f(w(_))},[O(e.$slots,"default")],12,y)):i("",!0)}});export{g as default};

package/dist/popover/PopoverPortal.vue.cjs

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

package/dist/popover/PopoverPortal.vue.d.cts

@@ -0,0 +1,30 @@
+import type { PortalContainer } from '../utils/portal.cjs';
+/**
+ * Teleports `SkdxPopoverContent` to `document.body` (or a custom `container`), so the popover escapes
+ * any clipping/`overflow` ancestors. Mounts only while open unless
+ * `forceMount` is set. Must be used inside `SkdxPopover`.
+ */
+type __VLS_Props = {
+    /**
+     * DOM node (or CSS selector) the children are rendered into.
+     * @default document.body
+     */
+    container?: PortalContainer;
+    /** Render the portal even while the popover is closed, instead of unmounting it. */
+    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/popover/PopoverPortal.vue.d.ts

@@ -0,0 +1,30 @@
+import type { PortalContainer } from '../utils/portal.js';
+/**
+ * Teleports `SkdxPopoverContent` to `document.body` (or a custom `container`), so the popover escapes
+ * any clipping/`overflow` ancestors. Mounts only while open unless
+ * `forceMount` is set. Must be used inside `SkdxPopover`.
+ */
+type __VLS_Props = {
+    /**
+     * DOM node (or CSS selector) the children are rendered into.
+     * @default document.body
+     */
+    container?: PortalContainer;
+    /** Render the portal even while the popover is closed, instead of unmounting it. */
+    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/popover/PopoverPortal.vue.js

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

package/dist/popover/PopoverPortal.vue_vue_type_script_setup_true_lang.cjs

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

package/dist/popover/PopoverPortal.vue_vue_type_script_setup_true_lang.js

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

package/dist/popover/PopoverTrigger.vue.cjs

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

package/dist/popover/PopoverTrigger.vue.d.cts

@@ -0,0 +1,19 @@
+/**
+ * Button that opens the popover when clicked and doubles as the default
+ * positioning anchor for `SkdxPopoverContent`. Sets `aria-haspopup="dialog"`,
+ * `aria-expanded`, `aria-controls`, and `data-state` (`open`/`closed`). Must
+ * be used inside `SkdxPopover`.
+ */
+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/popover/PopoverTrigger.vue.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Button that opens the popover when clicked and doubles as the default
+ * positioning anchor for `SkdxPopoverContent`. Sets `aria-haspopup="dialog"`,
+ * `aria-expanded`, `aria-controls`, and `data-state` (`open`/`closed`). Must
+ * be used inside `SkdxPopover`.
+ */
+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/popover/PopoverTrigger.vue.js

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

package/dist/popover/PopoverTrigger.vue_vue_type_script_setup_true_lang.cjs

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

package/dist/popover/PopoverTrigger.vue_vue_type_script_setup_true_lang.js

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

package/dist/popover/context.cjs

@@ -0,0 +1 @@
+const e=require("../utils/id.cjs");var o=Symbol("skdx-popover-context");function n(){return e.nextId("popover-content")}exports.POPOVER_CONTEXT=o;exports.nextPopoverContentId=n;

package/dist/popover/context.d.cts

@@ -0,0 +1,14 @@
+import type { InjectionKey, Ref } from 'vue';
+/** @internal Injection key a Popover provides so its parts can read/drive shared state. */
+export interface PopoverContext {
+    triggerRef: Ref<HTMLElement | null>;
+    contentRef: Ref<HTMLElement | null>;
+    contentId: string;
+    open: Readonly<Ref<boolean>>;
+    modal: Readonly<Ref<boolean>>;
+    setOpen(open: boolean): void;
+}
+/** @internal Injection key a Popover provides so its trigger and content share element refs and open/modal state. */
+export declare const POPOVER_CONTEXT: InjectionKey<PopoverContext>;
+/** @internal Generates a unique id for a Popover's content. */
+export declare function nextPopoverContentId(): string;

package/dist/popover/context.d.ts

@@ -0,0 +1,14 @@
+import type { InjectionKey, Ref } from 'vue';
+/** @internal Injection key a Popover provides so its parts can read/drive shared state. */
+export interface PopoverContext {
+    triggerRef: Ref<HTMLElement | null>;
+    contentRef: Ref<HTMLElement | null>;
+    contentId: string;
+    open: Readonly<Ref<boolean>>;
+    modal: Readonly<Ref<boolean>>;
+    setOpen(open: boolean): void;
+}
+/** @internal Injection key a Popover provides so its trigger and content share element refs and open/modal state. */
+export declare const POPOVER_CONTEXT: InjectionKey<PopoverContext>;
+/** @internal Generates a unique id for a Popover's content. */
+export declare function nextPopoverContentId(): string;

package/dist/popover/context.js

@@ -0,0 +1 @@
+import{nextId as o}from"../utils/id.js";var t=/* @__PURE__ */Symbol("skdx-popover-context");function e(){return o("popover-content")}export{t as POPOVER_CONTEXT,e as nextPopoverContentId};

package/dist/popover/index.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Popover.vue.cjs"),r=require("../utils/PopperAnchor.vue.cjs"),o=require("./PopoverTrigger.vue.cjs"),t=require("./PopoverPortal.vue.cjs"),u=require("./PopoverContent.vue.cjs"),i=require("./PopoverArrow.vue.cjs"),P=require("./PopoverClose.vue.cjs");exports.SkdxPopover=e.default;exports.SkdxPopoverAnchor=r.default;exports.SkdxPopoverArrow=i.default;exports.SkdxPopoverClose=P.default;exports.SkdxPopoverContent=u.default;exports.SkdxPopoverPortal=t.default;exports.SkdxPopoverTrigger=o.default;

package/dist/popover/index.d.cts

@@ -0,0 +1,7 @@
+export { default as SkdxPopover } from './Popover.vue.cjs';
+export { default as SkdxPopoverAnchor } from '../utils/PopperAnchor.vue.cjs';
+export { default as SkdxPopoverTrigger } from './PopoverTrigger.vue.cjs';
+export { default as SkdxPopoverPortal } from './PopoverPortal.vue.cjs';
+export { default as SkdxPopoverContent } from './PopoverContent.vue.cjs';
+export { default as SkdxPopoverArrow } from './PopoverArrow.vue.cjs';
+export { default as SkdxPopoverClose } from './PopoverClose.vue.cjs';

package/dist/popover/index.d.ts

@@ -0,0 +1,7 @@
+export { default as SkdxPopover } from './Popover.vue.js';
+export { default as SkdxPopoverAnchor } from '../utils/PopperAnchor.vue.js';
+export { default as SkdxPopoverTrigger } from './PopoverTrigger.vue.js';
+export { default as SkdxPopoverPortal } from './PopoverPortal.vue.js';
+export { default as SkdxPopoverContent } from './PopoverContent.vue.js';
+export { default as SkdxPopoverArrow } from './PopoverArrow.vue.js';
+export { default as SkdxPopoverClose } from './PopoverClose.vue.js';

package/dist/popover/index.js

@@ -0,0 +1 @@
+import o from"./Popover.vue.js";import r from"../utils/PopperAnchor.vue.js";import e from"./PopoverTrigger.vue.js";import p from"./PopoverPortal.vue.js";import v from"./PopoverContent.vue.js";import s from"./PopoverArrow.vue.js";import P from"./PopoverClose.vue.js";export{o as SkdxPopover,r as SkdxPopoverAnchor,s as SkdxPopoverArrow,P as SkdxPopoverClose,v as SkdxPopoverContent,p as SkdxPopoverPortal,e as SkdxPopoverTrigger};

package/dist/progress/Progress.vue.cjs

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

package/dist/progress/Progress.vue.d.cts

@@ -0,0 +1,30 @@
+/**
+ * The Vue implementation of the shared Progress contract (see
+ * `@skdx/shared`'s `progressContract`). Clamps `value` between 0 and `max`,
+ * renders `role="progressbar"` with the matching `aria-value*` attributes,
+ * and `provide()`s value/max to `<SkdxProgressIndicator>` via context.
+ */
+type __VLS_Props = {
+    /** Current value. null renders an indeterminate progress bar. */
+    value?: number | null;
+    /** Maximum value that value is measured against. */
+    max?: number;
+    /** Formats aria-valuetext. Defaults to a rounded percentage. */
+    getValueLabel?: (value: number, max: number) => string;
+};
+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<{}>, {
+    value: number | null;
+    max: number;
+    getValueLabel: (value: number, max: number) => string;
+}, {}, {}, {}, 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/progress/Progress.vue.d.ts

@@ -0,0 +1,30 @@
+/**
+ * The Vue implementation of the shared Progress contract (see
+ * `@skdx/shared`'s `progressContract`). Clamps `value` between 0 and `max`,
+ * renders `role="progressbar"` with the matching `aria-value*` attributes,
+ * and `provide()`s value/max to `<SkdxProgressIndicator>` via context.
+ */
+type __VLS_Props = {
+    /** Current value. null renders an indeterminate progress bar. */
+    value?: number | null;
+    /** Maximum value that value is measured against. */
+    max?: number;
+    /** Formats aria-valuetext. Defaults to a rounded percentage. */
+    getValueLabel?: (value: number, max: number) => string;
+};
+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<{}>, {
+    value: number | null;
+    max: number;
+    getValueLabel: (value: number, max: number) => string;
+}, {}, {}, {}, 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/progress/Progress.vue.js

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

package/dist/progress/Progress.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const r=require("./context.cjs");let e=require("vue");var d=["aria-valuemax","aria-valuenow","aria-valuetext","data-state","data-value","data-max"],n=(0,e.defineComponent)({__name:"Progress",props:{value:{default:null},max:{default:100},getValueLabel:{type:Function,default:(u,a)=>`${Math.round(u/a*100)}%`}},setup(u){const a=u,t=(0,e.computed)(()=>a.value==null?null:Math.min(Math.max(a.value,0),a.max)),l=(0,e.computed)(()=>a.max),o=(0,e.computed)(()=>r.getProgressState(t.value,a.max)),s=(0,e.computed)(()=>t.value!=null?a.getValueLabel(t.value,a.max):void 0);return(0,e.provide)(r.PROGRESS_CONTEXT,{value:t,max:l}),(v,m)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",{class:"skdx-progress","data-part":"root","data-skdx-component":"progress",role:"progressbar","aria-valuemin":0,"aria-valuemax":l.value,"aria-valuenow":t.value??void 0,"aria-valuetext":s.value,"data-state":o.value,"data-value":t.value??void 0,"data-max":l.value},[(0,e.renderSlot)(v.$slots,"default")],8,d))}});exports.default=n;

package/dist/progress/Progress.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{PROGRESS_CONTEXT as a,getProgressState as e}from"./context.js";import{computed as t,createElementBlock as l,defineComponent as u,openBlock as r,provide as o,renderSlot as s}from"vue";var v=["aria-valuemax","aria-valuenow","aria-valuetext","data-state","data-value","data-max"],d=/* @__PURE__ */u({__name:"Progress",props:{value:{default:null},max:{default:100},getValueLabel:{type:Function,default:(a,e)=>`${Math.round(a/e*100)}%`}},setup(u){const d=u,n=t(()=>null==d.value?null:Math.min(Math.max(d.value,0),d.max)),m=t(()=>d.max),i=t(()=>e(n.value,d.max)),x=t(()=>null!=n.value?d.getValueLabel(n.value,d.max):void 0);return o(a,{value:n,max:m}),(a,e)=>(r(),l("div",{class:"skdx-progress","data-part":"root","data-skdx-component":"progress",role:"progressbar","aria-valuemin":0,"aria-valuemax":m.value,"aria-valuenow":n.value??void 0,"aria-valuetext":x.value,"data-state":i.value,"data-value":n.value??void 0,"data-max":m.value},[s(a.$slots,"default")],8,v))}});export{d as default};

package/dist/progress/ProgressCircle.vue.cjs

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