@skdx/vue 0.28.0 → 0.30.0

package/dist/pin-input/context.d.cts

@@ -1,5 +1,5 @@
 import type { ComputedRef, InjectionKey } from 'vue';
-import type { PinInputType } from './charFilter.cjs';
+import type { PinInputType } from '../utils/pin-chars.cjs';
 /** @internal Injection key a PinInput provides so its fields can read/drive shared state. */
 export interface PinInputContext {
     /** Joined value; boxes read via charAt. */
@@ -16,21 +16,15 @@ export interface PinInputContext {
     otp: ComputedRef<boolean>;
     /** Whether a box selects the character it already holds when focus lands in it. */
     selectOnFocus: ComputedRef<boolean>;
-    /**
-     * Whether character passes type/pattern filter. Built once per root.
-     */
+    /** Whether character passes type/pattern filter. Built once per root. */
     accepts: (char: string) => boolean;
     /** Emits `value-invalid` for a character the filter refused. */
     reportInvalid: (char: string, index: number) => void;
-    /**
-     * Character at index, read from slot array (keeps position).
-     */
+    /** Character at index, read from slot array (keeps position). */
     charAt: (index: number) => string;
     /** Writes one box's character (`''` clears it) and publishes the joined value. */
     setCharAt: (index: number, char: string) => void;
-    /**
-     * Writes consecutive boxes from index; returns last written (paste path).
-     */
+    /** Writes consecutive boxes from index; returns last written (paste path). */
     fillFrom: (index: number, chars: string) => number;
     focusIndex: (index: number) => void;
     registerField: (index: number, el: HTMLInputElement | null) => void;

package/dist/pin-input/context.d.ts

@@ -1,5 +1,5 @@
 import type { ComputedRef, InjectionKey } from 'vue';
-import type { PinInputType } from './charFilter.js';
+import type { PinInputType } from '../utils/pin-chars.js';
 /** @internal Injection key a PinInput provides so its fields can read/drive shared state. */
 export interface PinInputContext {
     /** Joined value; boxes read via charAt. */
@@ -16,21 +16,15 @@ export interface PinInputContext {
     otp: ComputedRef<boolean>;
     /** Whether a box selects the character it already holds when focus lands in it. */
     selectOnFocus: ComputedRef<boolean>;
-    /**
-     * Whether character passes type/pattern filter. Built once per root.
-     */
+    /** Whether character passes type/pattern filter. Built once per root. */
     accepts: (char: string) => boolean;
     /** Emits `value-invalid` for a character the filter refused. */
     reportInvalid: (char: string, index: number) => void;
-    /**
-     * Character at index, read from slot array (keeps position).
-     */
+    /** Character at index, read from slot array (keeps position). */
     charAt: (index: number) => string;
     /** Writes one box's character (`''` clears it) and publishes the joined value. */
     setCharAt: (index: number, char: string) => void;
-    /**
-     * Writes consecutive boxes from index; returns last written (paste path).
-     */
+    /** Writes consecutive boxes from index; returns last written (paste path). */
     fillFrom: (index: number, chars: string) => number;
     focusIndex: (index: number) => void;
     registerField: (index: number, el: HTMLInputElement | null) => void;

package/dist/pin-input/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./digitLabel.cjs"),i=require("./PinInput.vue.cjs");exports.SkdxPinInput=i.default;exports.pinInputDigitLabel=e.pinInputDigitLabel;
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../utils/pin-chars.cjs"),i=require("./PinInput.vue.cjs");exports.SkdxPinInput=i.default;exports.pinInputDigitLabel=e.pinInputDigitLabel;

package/dist/pin-input/index.d.cts

@@ -1,2 +1,2 @@
 export { default as SkdxPinInput } from './PinInput.vue.cjs';
-export { pinInputDigitLabel } from './digitLabel.cjs';
+export { pinInputDigitLabel } from '../utils/pin-chars.cjs';

package/dist/pin-input/index.d.ts

@@ -1,2 +1,2 @@
 export { default as SkdxPinInput } from './PinInput.vue.js';
-export { pinInputDigitLabel } from './digitLabel.js';
+export { pinInputDigitLabel } from '../utils/pin-chars.js';

package/dist/pin-input/index.js

@@ -1 +1 @@
-import{pinInputDigitLabel as i}from"./digitLabel.js";import t from"./PinInput.vue.js";export{t as SkdxPinInput,i as pinInputDigitLabel};
+import{pinInputDigitLabel as i}from"../utils/pin-chars.js";import p from"./PinInput.vue.js";export{p as SkdxPinInput,i as pinInputDigitLabel};

package/dist/pin-input/slots.d.cts

@@ -1,11 +1,5 @@
-/**
- * Positional model for PinInput: array-backed slots joined into a string value.
- * Uses array indexing to preserve holes when boxes are skipped.
- * @internal
- */
-/**
- * Splits a value into slots, left-packed. Holes come only from user skips.
- */
+/** @internal */
+/** Splits a value into slots, left-packed, with holes only where the user skipped a box. */
 export declare function toPinSlots(value: string, length: number): string[];
 /** Join slots into published value. */
 export declare function joinPinSlots(slots: readonly string[]): string;

package/dist/pin-input/slots.d.ts

@@ -1,11 +1,5 @@
-/**
- * Positional model for PinInput: array-backed slots joined into a string value.
- * Uses array indexing to preserve holes when boxes are skipped.
- * @internal
- */
-/**
- * Splits a value into slots, left-packed. Holes come only from user skips.
- */
+/** @internal */
+/** Splits a value into slots, left-packed, with holes only where the user skipped a box. */
 export declare function toPinSlots(value: string, length: number): string[];
 /** Join slots into published value. */
 export declare function joinPinSlots(slots: readonly string[]): string;

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

@@ -1,21 +1,7 @@
 import type { Align, Side } from '../utils/popper.cjs';
-import type { PopoverModality } from './context.cjs';
+import type { PopoverModality, PopoverOpenOn, PopoverRole } from './context.cjs';
 /**
- * Non-modal-by-default popover component: owns open state and renders the
- * anatomy of trigger, title, description, body content, and close button.
- * Wraps children in the shared popper positioning root so the content can
- * float relative to the trigger. Works controlled (`v-model:open`) or
- * uncontrolled (`default-open`).
- *
- * Emits `open-change` the instant the state flips and `open-change-complete`
- * once the animation finishes — after `SkdxPopoverContent`'s enter or exit
- * animation ends, or immediately when it declares none.
- *
- * The `trigger` slot supplies only the trigger's *content* — text or icon —
- * not the interactive element itself: the anatomy renders a real `<button>`
- * and nesting one interactive element inside another would violate HTML.
- * For full primitive composition, use `SkdxPopoverRoot` from
- * `@skdx/vue/primitives/popover`.
+ * Non-modal-by-default popover that owns open state and renders trigger, title, description, body, and close button — or, under `open-on="hover"` and `role="tooltip"`, a delayed bubble that describes its trigger.
  *
  * @example
  * ```vue
@@ -24,47 +10,64 @@ import type { PopoverModality } from './context.cjs';
  *   <p>Anyone with the link can view it.</p>
  * </SkdxPopover>
  * ```
- *
- * @example Full primitive composition —
- * `import * as Popover from '@skdx/vue/primitives/popover'`:
- * ```vue
- * <Popover.Root>
- *   <Popover.Trigger>Share</Popover.Trigger>
- *   <Popover.Portal>
- *     <Popover.Content>
- *       <Popover.Title>Share this page</Popover.Title>
- *       <Popover.Close>Close</Popover.Close>
- *     </Popover.Content>
- *   </Popover.Portal>
- * </Popover.Root>
- * ```
  */
 type __VLS_Props = {
     /** Whether the popover is open, for controlled usage via v-model:open. */
-    open?: boolean;
+    open?: boolean | undefined;
     /** Whether the popover is initially open, for uncontrolled usage. */
     defaultOpen?: boolean;
     /**
-     * How much of the page the open popover takes over. Three points, because
-     * modality is three independent things: `false` (the default) contains
-     * nothing; `'trap-focus'` cycles Tab inside the panel and marks the rest
-     * of the document `inert`, leaving page scroll alone; `true` adds the
-     * body-scroll lock on top, which is what `modal` means on Dialog,
-     * AlertDialog and Drawer. Any value but `false` requires an
-     * `SkdxPopoverClose` inside the panel.
+     * Which gesture reveals the panel: a click on the derived Trigger, or a pointer resting on it.
+     * @default 'click'
+     */
+    openOn?: PopoverOpenOn;
+    /**
+     * What the panel is: an operable `role="dialog"`, or an inert `role="tooltip"` bubble the Trigger is described by.
+     * @default 'dialog'
+     */
+    role?: PopoverRole;
+    /**
+     * Delay in milliseconds before a hover popover opens on pointer enter.
+     * @default 700, or an ancestor Provider's `delayDuration` under `role="tooltip"`
+     */
+    openDelay?: number | undefined;
+    /**
+     * Delay in milliseconds before a hover popover closes once the pointer has left both Trigger and panel.
+     * @default 300, or an ancestor Provider's `closeDelay` under `role="tooltip"`
+     */
+    closeDelay?: number | undefined;
+    /**
+     * Whether moving the pointer from the Trigger onto the panel closes it instead of keeping it open.
+     * @default false
+     */
+    disableHoverableContent?: boolean | undefined;
+    /**
+     * Stands the popover down: it is forced closed and no gesture opens it.
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Destination of the derived Trigger anchor, which is what makes a hover panel reachable without a pointer.
+     * @default undefined — the derived Trigger renders a button.
+     */
+    href?: string | undefined;
+    /**
+     * How much of the page the open popover takes over: `'none'` contains nothing,
+     * `'trap-focus'` traps Tab and marks the rest of the document inert, `'modal'` also locks body scroll. Forced to `'none'` under `role="tooltip"`.
+     * @default 'none'
      */
     modal?: PopoverModality;
     /**
      * Title rendered by the derived anatomy as `SkdxPopoverTitle`.
      * @default undefined — no title is rendered.
      */
-    title?: string;
+    title?: string | undefined;
     /**
      * Description rendered by the derived anatomy as
      * `SkdxPopoverDescription`.
      * @default undefined — no description is rendered.
      */
-    description?: string;
+    description?: string | undefined;
     /**
      * Preferred edge of the trigger the derived panel is placed against.
      * @default 'bottom'
@@ -81,11 +84,11 @@ type __VLS_Props = {
      */
     showArrow?: boolean;
 };
-declare var __VLS_15: {}, __VLS_17: {};
+declare var __VLS_16: {}, __VLS_18: {};
 type __VLS_Slots = {} & {
-    trigger?: (props: typeof __VLS_15) => any;
+    trigger?: (props: typeof __VLS_16) => any;
 } & {
-    default?: (props: typeof __VLS_17) => any;
+    default?: (props: typeof __VLS_18) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
     /** Recomputes the open panel's position immediately, for an anchor that moved without the floating layer noticing. */
@@ -93,20 +96,27 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:open": (open: boolean) => any;
     "open-change": (open: boolean) => any;
+    "escape-key-down": (event: KeyboardEvent) => 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;
+    "onEscape-key-down"?: (event: KeyboardEvent) => any;
+    "onOpen-change-complete"?: (open: boolean) => any;
 }>, {
-    title: string;
-    description: string;
-    open: boolean;
+    disabled: boolean;
+    role: PopoverRole;
+    open: boolean | undefined;
     defaultOpen: boolean;
     align: Align;
     side: Side;
     modal: PopoverModality;
+    href: string | undefined;
+    openOn: PopoverOpenOn;
     showArrow: boolean;
+    openDelay: number | undefined;
+    closeDelay: number | undefined;
+    disableHoverableContent: boolean | undefined;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

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

@@ -1,21 +1,7 @@
 import type { Align, Side } from '../utils/popper.js';
-import type { PopoverModality } from './context.js';
+import type { PopoverModality, PopoverOpenOn, PopoverRole } from './context.js';
 /**
- * Non-modal-by-default popover component: owns open state and renders the
- * anatomy of trigger, title, description, body content, and close button.
- * Wraps children in the shared popper positioning root so the content can
- * float relative to the trigger. Works controlled (`v-model:open`) or
- * uncontrolled (`default-open`).
- *
- * Emits `open-change` the instant the state flips and `open-change-complete`
- * once the animation finishes — after `SkdxPopoverContent`'s enter or exit
- * animation ends, or immediately when it declares none.
- *
- * The `trigger` slot supplies only the trigger's *content* — text or icon —
- * not the interactive element itself: the anatomy renders a real `<button>`
- * and nesting one interactive element inside another would violate HTML.
- * For full primitive composition, use `SkdxPopoverRoot` from
- * `@skdx/vue/primitives/popover`.
+ * Non-modal-by-default popover that owns open state and renders trigger, title, description, body, and close button — or, under `open-on="hover"` and `role="tooltip"`, a delayed bubble that describes its trigger.
  *
  * @example
  * ```vue
@@ -24,47 +10,64 @@ import type { PopoverModality } from './context.js';
  *   <p>Anyone with the link can view it.</p>
  * </SkdxPopover>
  * ```
- *
- * @example Full primitive composition —
- * `import * as Popover from '@skdx/vue/primitives/popover'`:
- * ```vue
- * <Popover.Root>
- *   <Popover.Trigger>Share</Popover.Trigger>
- *   <Popover.Portal>
- *     <Popover.Content>
- *       <Popover.Title>Share this page</Popover.Title>
- *       <Popover.Close>Close</Popover.Close>
- *     </Popover.Content>
- *   </Popover.Portal>
- * </Popover.Root>
- * ```
  */
 type __VLS_Props = {
     /** Whether the popover is open, for controlled usage via v-model:open. */
-    open?: boolean;
+    open?: boolean | undefined;
     /** Whether the popover is initially open, for uncontrolled usage. */
     defaultOpen?: boolean;
     /**
-     * How much of the page the open popover takes over. Three points, because
-     * modality is three independent things: `false` (the default) contains
-     * nothing; `'trap-focus'` cycles Tab inside the panel and marks the rest
-     * of the document `inert`, leaving page scroll alone; `true` adds the
-     * body-scroll lock on top, which is what `modal` means on Dialog,
-     * AlertDialog and Drawer. Any value but `false` requires an
-     * `SkdxPopoverClose` inside the panel.
+     * Which gesture reveals the panel: a click on the derived Trigger, or a pointer resting on it.
+     * @default 'click'
+     */
+    openOn?: PopoverOpenOn;
+    /**
+     * What the panel is: an operable `role="dialog"`, or an inert `role="tooltip"` bubble the Trigger is described by.
+     * @default 'dialog'
+     */
+    role?: PopoverRole;
+    /**
+     * Delay in milliseconds before a hover popover opens on pointer enter.
+     * @default 700, or an ancestor Provider's `delayDuration` under `role="tooltip"`
+     */
+    openDelay?: number | undefined;
+    /**
+     * Delay in milliseconds before a hover popover closes once the pointer has left both Trigger and panel.
+     * @default 300, or an ancestor Provider's `closeDelay` under `role="tooltip"`
+     */
+    closeDelay?: number | undefined;
+    /**
+     * Whether moving the pointer from the Trigger onto the panel closes it instead of keeping it open.
+     * @default false
+     */
+    disableHoverableContent?: boolean | undefined;
+    /**
+     * Stands the popover down: it is forced closed and no gesture opens it.
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Destination of the derived Trigger anchor, which is what makes a hover panel reachable without a pointer.
+     * @default undefined — the derived Trigger renders a button.
+     */
+    href?: string | undefined;
+    /**
+     * How much of the page the open popover takes over: `'none'` contains nothing,
+     * `'trap-focus'` traps Tab and marks the rest of the document inert, `'modal'` also locks body scroll. Forced to `'none'` under `role="tooltip"`.
+     * @default 'none'
      */
     modal?: PopoverModality;
     /**
      * Title rendered by the derived anatomy as `SkdxPopoverTitle`.
      * @default undefined — no title is rendered.
      */
-    title?: string;
+    title?: string | undefined;
     /**
      * Description rendered by the derived anatomy as
      * `SkdxPopoverDescription`.
      * @default undefined — no description is rendered.
      */
-    description?: string;
+    description?: string | undefined;
     /**
      * Preferred edge of the trigger the derived panel is placed against.
      * @default 'bottom'
@@ -81,11 +84,11 @@ type __VLS_Props = {
      */
     showArrow?: boolean;
 };
-declare var __VLS_15: {}, __VLS_17: {};
+declare var __VLS_16: {}, __VLS_18: {};
 type __VLS_Slots = {} & {
-    trigger?: (props: typeof __VLS_15) => any;
+    trigger?: (props: typeof __VLS_16) => any;
 } & {
-    default?: (props: typeof __VLS_17) => any;
+    default?: (props: typeof __VLS_18) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
     /** Recomputes the open panel's position immediately, for an anchor that moved without the floating layer noticing. */
@@ -93,20 +96,27 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:open": (open: boolean) => any;
     "open-change": (open: boolean) => any;
+    "escape-key-down": (event: KeyboardEvent) => 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;
+    "onEscape-key-down"?: (event: KeyboardEvent) => any;
+    "onOpen-change-complete"?: (open: boolean) => any;
 }>, {
-    title: string;
-    description: string;
-    open: boolean;
+    disabled: boolean;
+    role: PopoverRole;
+    open: boolean | undefined;
     defaultOpen: boolean;
     align: Align;
     side: Side;
     modal: PopoverModality;
+    href: string | undefined;
+    openOn: PopoverOpenOn;
     showArrow: boolean;
+    openDelay: number | undefined;
+    closeDelay: number | undefined;
+    disableHoverableContent: boolean | undefined;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/popover/Popover.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const i=require("./PopoverAnatomy.vue.cjs"),d=require("./PopoverRoot.vue.cjs");let e=require("vue");var u=(0,e.defineComponent)({inheritAttrs:!1,__name:"Popover",props:{open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1},modal:{type:[Boolean,String],default:!1},title:{default:void 0},description:{default:void 0},side:{default:"bottom"},align:{default:"center"},showArrow:{type:Boolean,default:!1}},emits:["update:open","open-change","open-change-complete"],setup(t,{expose:a}){const r=(0,e.ref)(null);return a({reposition:()=>r.value?.reposition()}),(o,n)=>((0,e.openBlock)(),(0,e.createBlock)(d.default,{ref_key:"rootRef",ref:r,open:t.open,"default-open":t.defaultOpen,modal:t.modal,"onUpdate:open":n[0]||(n[0]=l=>o.$emit("update:open",l)),onOpenChange:n[1]||(n[1]=l=>o.$emit("open-change",l)),onOpenChangeComplete:n[2]||(n[2]=l=>o.$emit("open-change-complete",l))},{default:(0,e.withCtx)(()=>[(0,e.createVNode)(i.default,(0,e.mergeProps)(o.$attrs,{title:t.title,description:t.description,side:t.side,align:t.align,"show-arrow":t.showArrow}),{trigger:(0,e.withCtx)(()=>[(0,e.renderSlot)(o.$slots,"trigger")]),default:(0,e.withCtx)(()=>[(0,e.renderSlot)(o.$slots,"default")]),_:3},16,["title","description","side","align","show-arrow"])]),_:3},8,["open","default-open","modal"]))}});exports.default=u;
+const r=require("./PopoverAnatomy.vue.cjs"),u=require("./PopoverRoot.vue.cjs");let o=require("vue");var s=(0,o.defineComponent)({inheritAttrs:!1,__name:"Popover",props:{open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1},openOn:{default:"click"},role:{default:"dialog"},openDelay:{default:void 0},closeDelay:{default:void 0},disableHoverableContent:{type:Boolean,default:void 0},disabled:{type:Boolean,default:!1},href:{default:void 0},modal:{default:"none"},title:{},description:{},side:{default:"bottom"},align:{default:"center"},showArrow:{type:Boolean,default:!1}},emits:["update:open","open-change","open-change-complete","escape-key-down"],setup(e,{expose:i}){const a=e,d=(0,o.ref)(null);return i({reposition:()=>d.value?.reposition()}),(l,t)=>((0,o.openBlock)(),(0,o.createBlock)(u.default,{ref_key:"rootRef",ref:d,open:e.open,"default-open":e.defaultOpen,"open-on":e.openOn,role:e.role,"open-delay":e.openDelay,"close-delay":e.closeDelay,"disable-hoverable-content":e.disableHoverableContent,disabled:e.disabled,href:e.href,modal:e.modal,"onUpdate:open":t[0]||(t[0]=n=>l.$emit("update:open",n)),onOpenChange:t[1]||(t[1]=n=>l.$emit("open-change",n)),onOpenChangeComplete:t[2]||(t[2]=n=>l.$emit("open-change-complete",n)),onEscapeKeyDown:t[3]||(t[3]=n=>l.$emit("escape-key-down",n))},{default:(0,o.withCtx)(()=>[(0,o.createVNode)(r.default,(0,o.mergeProps)(l.$attrs,{title:e.title,description:e.description,side:a.side,align:a.align,"show-arrow":a.showArrow}),{trigger:(0,o.withCtx)(()=>[(0,o.renderSlot)(l.$slots,"trigger")]),default:(0,o.withCtx)(()=>[(0,o.renderSlot)(l.$slots,"default")]),_:3},16,["title","description","side","align","show-arrow"])]),_:3},8,["open","default-open","open-on","role","open-delay","close-delay","disable-hoverable-content","disabled","href","modal"]))}});exports.default=s;

package/dist/popover/Popover.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import e from"./PopoverAnatomy.vue.js";import o from"./PopoverRoot.vue.js";import{createBlock as t,createVNode as a,defineComponent as n,mergeProps as p,openBlock as r,ref as l,renderSlot as i,withCtx as d}from"vue";var s=/* @__PURE__ */n({inheritAttrs:!1,__name:"Popover",props:{open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1},modal:{type:[Boolean,String],default:!1},title:{default:void 0},description:{default:void 0},side:{default:"bottom"},align:{default:"center"},showArrow:{type:Boolean,default:!1}},emits:["update:open","open-change","open-change-complete"],setup(n,{expose:s}){const u=l(null);return s({reposition:()=>u.value?.reposition()}),(l,s)=>(r(),t(o,{ref_key:"rootRef",ref:u,open:n.open,"default-open":n.defaultOpen,modal:n.modal,"onUpdate:open":s[0]||(s[0]=e=>l.$emit("update:open",e)),onOpenChange:s[1]||(s[1]=e=>l.$emit("open-change",e)),onOpenChangeComplete:s[2]||(s[2]=e=>l.$emit("open-change-complete",e))},{default:d(()=>[a(e,p(l.$attrs,{title:n.title,description:n.description,side:n.side,align:n.align,"show-arrow":n.showArrow}),{trigger:d(()=>[i(l.$slots,"trigger")]),default:d(()=>[i(l.$slots,"default")]),_:3},16,["title","description","side","align","show-arrow"])]),_:3},8,["open","default-open","modal"]))}});export{s as default};
+import e from"./PopoverAnatomy.vue.js";import o from"./PopoverRoot.vue.js";import{createBlock as t,createVNode as a,defineComponent as l,mergeProps as n,openBlock as d,ref as p,renderSlot as r,withCtx as i}from"vue";var s=/* @__PURE__ */l({inheritAttrs:!1,__name:"Popover",props:{open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1},openOn:{default:"click"},role:{default:"dialog"},openDelay:{default:void 0},closeDelay:{default:void 0},disableHoverableContent:{type:Boolean,default:void 0},disabled:{type:Boolean,default:!1},href:{default:void 0},modal:{default:"none"},title:{},description:{},side:{default:"bottom"},align:{default:"center"},showArrow:{type:Boolean,default:!1}},emits:["update:open","open-change","open-change-complete","escape-key-down"],setup(l,{expose:s}){const f=l,u=p(null);return s({reposition:()=>u.value?.reposition()}),(p,s)=>(d(),t(o,{ref_key:"rootRef",ref:u,open:l.open,"default-open":l.defaultOpen,"open-on":l.openOn,role:l.role,"open-delay":l.openDelay,"close-delay":l.closeDelay,"disable-hoverable-content":l.disableHoverableContent,disabled:l.disabled,href:l.href,modal:l.modal,"onUpdate:open":s[0]||(s[0]=e=>p.$emit("update:open",e)),onOpenChange:s[1]||(s[1]=e=>p.$emit("open-change",e)),onOpenChangeComplete:s[2]||(s[2]=e=>p.$emit("open-change-complete",e)),onEscapeKeyDown:s[3]||(s[3]=e=>p.$emit("escape-key-down",e))},{default:i(()=>[a(e,n(p.$attrs,{title:l.title,description:l.description,side:f.side,align:f.align,"show-arrow":f.showArrow}),{trigger:i(()=>[r(p.$slots,"trigger")]),default:i(()=>[r(p.$slots,"default")]),_:3},16,["title","description","side","align","show-arrow"])]),_:3},8,["open","default-open","open-on","role","open-delay","close-delay","disable-hoverable-content","disabled","href","modal"]))}});export{s as default};

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

@@ -1,24 +1,17 @@
 import type { Align, Side } from '../utils/popper.cjs';
-/**
- * The anatomy a `SkdxPopover` draws when its default slot holds no
- * `SkdxPopoverContent`: a trigger from the `trigger` slot and a portalled
- * floating panel carrying the derived title, description, slotted body and
- * close button. A focus-trapping panel with no way out is an accessibility
- * bug; the Close is not optional.
- * @internal
- */
+/** @internal Draws a trigger and portalled panel with derived title, description, body, and close button. */
 type __VLS_Props = {
-    title?: string;
-    description?: string;
+    title?: string | undefined;
+    description?: string | undefined;
     side: Side;
     align: Align;
     showArrow: boolean;
 };
-declare var __VLS_4: {}, __VLS_21: {};
+declare var __VLS_4: {}, __VLS_18: {};
 type __VLS_Slots = {} & {
     trigger?: (props: typeof __VLS_4) => any;
 } & {
-    default?: (props: typeof __VLS_21) => any;
+    default?: (props: typeof __VLS_18) => 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/popover/PopoverAnatomy.vue.d.ts

@@ -1,24 +1,17 @@
 import type { Align, Side } from '../utils/popper.js';
-/**
- * The anatomy a `SkdxPopover` draws when its default slot holds no
- * `SkdxPopoverContent`: a trigger from the `trigger` slot and a portalled
- * floating panel carrying the derived title, description, slotted body and
- * close button. A focus-trapping panel with no way out is an accessibility
- * bug; the Close is not optional.
- * @internal
- */
+/** @internal Draws a trigger and portalled panel with derived title, description, body, and close button. */
 type __VLS_Props = {
-    title?: string;
-    description?: string;
+    title?: string | undefined;
+    description?: string | undefined;
     side: Side;
     align: Align;
     showArrow: boolean;
 };
-declare var __VLS_4: {}, __VLS_21: {};
+declare var __VLS_4: {}, __VLS_18: {};
 type __VLS_Slots = {} & {
     trigger?: (props: typeof __VLS_4) => any;
 } & {
-    default?: (props: typeof __VLS_21) => any;
+    default?: (props: typeof __VLS_18) => 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/popover/PopoverAnatomy.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const a=require("./PopoverArrow.vue.cjs"),n=require("./PopoverClose.vue.cjs"),u=require("./PopoverContent.vue.cjs"),d=require("./PopoverDescription.vue.cjs"),s=require("./PopoverPortal.vue.cjs"),c=require("./PopoverTitle.vue.cjs"),f=require("./PopoverTrigger.vue.cjs");let e=require("vue");var p=(0,e.defineComponent)({inheritAttrs:!1,__name:"PopoverAnatomy",props:{title:{},description:{},side:{},align:{},showArrow:{type:Boolean}},setup(t){const o=(0,e.useAttrs)(),l=(0,e.computed)(()=>o.id?{"aria-controls":o.id}:{});return(r,i)=>((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,null,[(0,e.createVNode)(f.default,(0,e.normalizeProps)((0,e.guardReactiveProps)(l.value)),{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(r.$slots,"trigger")]),_:3},16),(0,e.createVNode)(s.default,null,{default:(0,e.withCtx)(()=>[(0,e.createVNode)(u.default,(0,e.mergeProps)(r.$attrs,{side:t.side,align:t.align}),{default:(0,e.withCtx)(()=>[t.showArrow?((0,e.openBlock)(),(0,e.createBlock)(a.default,{key:0})):(0,e.createCommentVNode)("",!0),t.title?((0,e.openBlock)(),(0,e.createBlock)(c.default,{key:1},{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(t.title),1)]),_:1})):(0,e.createCommentVNode)("",!0),t.description?((0,e.openBlock)(),(0,e.createBlock)(d.default,{key:2},{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(t.description),1)]),_:1})):(0,e.createCommentVNode)("",!0),(0,e.renderSlot)(r.$slots,"default"),(0,e.createVNode)(n.default,{"aria-label":"Close"},{default:(0,e.withCtx)(()=>[...i[0]||(i[0]=[(0,e.createElementVNode)("svg",{viewBox:"0 0 16 16",width:"1em",height:"1em",fill:"none","aria-hidden":"true",focusable:"false"},[(0,e.createElementVNode)("path",{d:"M4 4l8 8M12 4l-8 8",stroke:"currentColor","stroke-width":"1.5","stroke-linecap":"round"})],-1)])]),_:1})]),_:3},16,["side","align"])]),_:3})],64))}});exports.default=p;
+const n=require("../utils/Glyph.vue.cjs"),u=require("../utils/injectRequired.cjs"),c=require("./context.cjs"),d=require("./PopoverArrow.vue.cjs"),s=require("./PopoverClose.vue.cjs"),p=require("./PopoverContent.vue.cjs"),q=require("./PopoverDescription.vue.cjs"),m=require("./PopoverPortal.vue.cjs"),v=require("./PopoverTitle.vue.cjs"),f=require("./PopoverTrigger.vue.cjs");let e=require("vue");var P=(0,e.defineComponent)({inheritAttrs:!1,__name:"PopoverAnatomy",props:{title:{},description:{},side:{},align:{},showArrow:{type:Boolean}},setup(t){const o=u.injectRequired(c.POPOVER_CONTEXT,"PopoverAnatomy must be used within SkdxPopover."),l=(0,e.computed)(()=>o.role.value!=="tooltip"&&o.openOn.value!=="hover"),i=(0,e.useAttrs)(),a=(0,e.computed)(()=>i.id?{"aria-controls":i.id}:{});return(r,g)=>((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,null,[(0,e.createVNode)(f.default,(0,e.normalizeProps)((0,e.guardReactiveProps)(a.value)),{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(r.$slots,"trigger")]),_:3},16),(0,e.createVNode)(m.default,null,{default:(0,e.withCtx)(()=>[(0,e.createVNode)(p.default,(0,e.mergeProps)(r.$attrs,{side:t.side,align:t.align}),{default:(0,e.withCtx)(()=>[t.title?((0,e.openBlock)(),(0,e.createBlock)(v.default,{key:0},{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(t.title),1)]),_:1})):(0,e.createCommentVNode)("",!0),t.description?((0,e.openBlock)(),(0,e.createBlock)(q.default,{key:1},{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(t.description),1)]),_:1})):(0,e.createCommentVNode)("",!0),(0,e.renderSlot)(r.$slots,"default"),t.showArrow?((0,e.openBlock)(),(0,e.createBlock)(d.default,{key:2})):(0,e.createCommentVNode)("",!0),l.value?((0,e.openBlock)(),(0,e.createBlock)(s.default,{key:3,"aria-label":"Close"},{default:(0,e.withCtx)(()=>[(0,e.createVNode)(n.default,{name:"close"})]),_:1})):(0,e.createCommentVNode)("",!0)]),_:3},16,["side","align"])]),_:3})],64))}});exports.default=P;

package/dist/popover/PopoverAnatomy.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import e from"./PopoverArrow.vue.js";import o from"./PopoverClose.vue.js";import r from"./PopoverContent.vue.js";import t from"./PopoverDescription.vue.js";import a from"./PopoverPortal.vue.js";import s from"./PopoverTitle.vue.js";import i from"./PopoverTrigger.vue.js";import{Fragment as l,computed as n,createBlock as p,createCommentVNode as d,createElementBlock as m,createElementVNode as u,createTextVNode as v,createVNode as c,defineComponent as f,guardReactiveProps as g,mergeProps as P,normalizeProps as h,openBlock as k,renderSlot as w,toDisplayString as _,useAttrs as j,withCtx as C}from"vue";var y=/* @__PURE__ */f({inheritAttrs:!1,__name:"PopoverAnatomy",props:{title:{},description:{},side:{},align:{},showArrow:{type:Boolean}},setup(f){const y=j(),A=n(()=>y.id?{"aria-controls":y.id}:{});return(n,j)=>(k(),m(l,null,[c(i,h(g(A.value)),{default:C(()=>[w(n.$slots,"trigger")]),_:3},16),c(a,null,{default:C(()=>[c(r,P(n.$attrs,{side:f.side,align:f.align}),{default:C(()=>[f.showArrow?(k(),p(e,{key:0})):d("",!0),f.title?(k(),p(s,{key:1},{default:C(()=>[v(_(f.title),1)]),_:1})):d("",!0),f.description?(k(),p(t,{key:2},{default:C(()=>[v(_(f.description),1)]),_:1})):d("",!0),w(n.$slots,"default"),c(o,{"aria-label":"Close"},{default:C(()=>[...j[0]||(j[0]=[u("svg",{viewBox:"0 0 16 16",width:"1em",height:"1em",fill:"none","aria-hidden":"true",focusable:"false"},[u("path",{d:"M4 4l8 8M12 4l-8 8",stroke:"currentColor","stroke-width":"1.5","stroke-linecap":"round"})],-1)])]),_:1})]),_:3},16,["side","align"])]),_:3})],64))}});export{y as default};
+import e from"../utils/Glyph.vue.js";import{injectRequired as o}from"../utils/injectRequired.js";import{POPOVER_CONTEXT as r}from"./context.js";import t from"./PopoverArrow.vue.js";import s from"./PopoverClose.vue.js";import a from"./PopoverContent.vue.js";import i from"./PopoverDescription.vue.js";import l from"./PopoverPortal.vue.js";import p from"./PopoverTitle.vue.js";import n from"./PopoverTrigger.vue.js";import{Fragment as m,computed as u,createBlock as d,createCommentVNode as v,createElementBlock as c,createTextVNode as f,createVNode as P,defineComponent as g,guardReactiveProps as j,mergeProps as y,normalizeProps as _,openBlock as k,renderSlot as h,toDisplayString as w,useAttrs as A,withCtx as C}from"vue";var x=/* @__PURE__ */g({inheritAttrs:!1,__name:"PopoverAnatomy",props:{title:{},description:{},side:{},align:{},showArrow:{type:Boolean}},setup(g){const x=o(r,"PopoverAnatomy must be used within SkdxPopover."),T=u(()=>"tooltip"!==x.role.value&&"hover"!==x.openOn.value),B=A(),N=u(()=>B.id?{"aria-controls":B.id}:{});return(o,r)=>(k(),c(m,null,[P(n,_(j(N.value)),{default:C(()=>[h(o.$slots,"trigger")]),_:3},16),P(l,null,{default:C(()=>[P(a,y(o.$attrs,{side:g.side,align:g.align}),{default:C(()=>[g.title?(k(),d(p,{key:0},{default:C(()=>[f(w(g.title),1)]),_:1})):v("",!0),g.description?(k(),d(i,{key:1},{default:C(()=>[f(w(g.description),1)]),_:1})):v("",!0),h(o.$slots,"default"),g.showArrow?(k(),d(t,{key:2})):v("",!0),T.value?(k(),d(s,{key:3,"aria-label":"Close"},{default:C(()=>[P(e,{name:"close"})]),_:1})):v("",!0)]),_:3},16,["side","align"])]),_:3})],64))}});export{x as default};

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

@@ -1,8 +1,4 @@
-/**
- * Optional visual arrow pointing from `SkdxPopoverContent` back at the
- * anchor. Must be rendered inside `SkdxPopoverContent`; self-positions based
- * on the resolved `side`.
- */
+/** Optional visual arrow pointing from `SkdxPopoverContent` back at the anchor, self-positioned by the resolved `side`. */
 type __VLS_Props = {};
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {

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

@@ -1,8 +1,4 @@
-/**
- * Optional visual arrow pointing from `SkdxPopoverContent` back at the
- * anchor. Must be rendered inside `SkdxPopoverContent`; self-positions based
- * on the resolved `side`.
- */
+/** Optional visual arrow pointing from `SkdxPopoverContent` back at the anchor, self-positioned by the resolved `side`. */
 type __VLS_Props = {};
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {

package/dist/popover/PopoverArrow.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +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;
+const n=require("../utils/injectRequired.cjs"),u=require("../utils/popper.cjs");let e=require("vue");var l=(0,e.defineComponent)({__name:"PopoverArrow",setup(s){const r=n.injectRequired(u.ARROW_CONTEXT,"SkdxPopoverArrow must be used within SkdxPopoverContent."),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",{ref_key:"elRef",ref:o,class:"skdx-popover__arrow","data-part":"arrow",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

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

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

@@ -1,7 +1,4 @@
-/**
- * Button that closes the popover when clicked. Renders inside
- * `SkdxPopoverContent` anywhere you like.
- */
+/** Button that closes the popover when clicked. */
 type __VLS_Props = {};
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {

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

@@ -1,7 +1,4 @@
-/**
- * Button that closes the popover when clicked. Renders inside
- * `SkdxPopoverContent` anywhere you like.
- */
+/** Button that closes the popover when clicked. */
 type __VLS_Props = {};
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {

package/dist/popover/PopoverClose.vue_vue_type_script_setup_true_lang.cjs

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

package/dist/popover/PopoverClose.vue_vue_type_script_setup_true_lang.js

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