@skdx/vue 0.26.0

package/dist/form/index.d.cts

@@ -0,0 +1,7 @@
+export { default as SkdxForm } from './Form.vue.cjs';
+export { default as SkdxFormField } from './FormField.vue.cjs';
+export { default as SkdxFormLabel } from './FormLabel.vue.cjs';
+export { default as SkdxFormControl } from './FormControl.vue.cjs';
+export { default as SkdxFormMessage } from './FormMessage.vue.cjs';
+export { default as SkdxFormSubmit } from './FormSubmit.vue.cjs';
+export { default as SkdxFormErrorSummary } from './FormErrorSummary.vue.cjs';

package/dist/form/index.d.ts

@@ -0,0 +1,7 @@
+export { default as SkdxForm } from './Form.vue.js';
+export { default as SkdxFormField } from './FormField.vue.js';
+export { default as SkdxFormLabel } from './FormLabel.vue.js';
+export { default as SkdxFormControl } from './FormControl.vue.js';
+export { default as SkdxFormMessage } from './FormMessage.vue.js';
+export { default as SkdxFormSubmit } from './FormSubmit.vue.js';
+export { default as SkdxFormErrorSummary } from './FormErrorSummary.vue.js';

package/dist/form/index.js

@@ -0,0 +1 @@
+import r from"./Form.vue.js";import o from"./FormField.vue.js";import m from"./FormLabel.vue.js";import s from"./FormControl.vue.js";import e from"./FormMessage.vue.js";import F from"./FormSubmit.vue.js";import a from"./FormErrorSummary.vue.js";export{r as SkdxForm,s as SkdxFormControl,a as SkdxFormErrorSummary,o as SkdxFormField,m as SkdxFormLabel,e as SkdxFormMessage,F as SkdxFormSubmit};

package/dist/hover-card/HoverCard.vue.cjs

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

package/dist/hover-card/HoverCard.vue.d.cts

@@ -0,0 +1,57 @@
+/**
+ * The Vue implementation of the shared HoverCard contract (see
+ * `@skdx/shared`'s `hoverCardContract`). Root of a hover-revealed preview
+ * card (e.g. a user profile preview behind a link): owns open state with
+ * independent open/close delays and hands it down to `SkdxHoverCardTrigger`
+ * / `SkdxHoverCardPortal` / `SkdxHoverCardContent` / `SkdxHoverCardArrow` via
+ * context. Wraps children in the shared popper positioning root. Renders no
+ * DOM element itself.
+ *
+ * Unlike `SkdxTooltip`, the pointer can move from the trigger onto the
+ * content itself without the card closing — `SkdxHoverCardContent` cancels
+ * the close timer on pointer-enter. Escape closes the card and returns focus
+ * to the trigger: `SkdxHoverCardContent` listens for it on the document while
+ * open, so a card opened by hover is dismissable even when keyboard focus is
+ * elsewhere (WCAG 2.2 SC 1.4.13).
+ *
+ * Emits `open-change` the instant the state flips and `open-change-complete`
+ * once the change has finished on screen — after `SkdxHoverCardContent`'s enter
+ * or exit animation ends, or in the same task when it declares none.
+ *
+ * Works controlled (`v-model:open`) or uncontrolled (`default-open`).
+ */
+type __VLS_Props = {
+    /** Whether the card is open, for controlled usage. Pair with `v-model:open`. */
+    open?: boolean;
+    /** Whether the card is initially open, for uncontrolled usage. */
+    defaultOpen?: boolean;
+    /** Delay before the card opens on pointer enter (ms). */
+    openDelay?: number;
+    /** Delay before the card closes on pointer leave (ms). Moving onto the content itself cancels this timer. */
+    closeDelay?: number;
+};
+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, {
+    "update:open": (open: boolean) => any;
+    "open-change": (open: boolean) => any;
+    "open-change-complete": (open: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:open"?: ((open: boolean) => any) | undefined;
+    "onOpen-change"?: ((open: boolean) => any) | undefined;
+    "onOpen-change-complete"?: ((open: boolean) => any) | undefined;
+}>, {
+    open: boolean;
+    defaultOpen: boolean;
+    openDelay: number;
+    closeDelay: 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/hover-card/HoverCard.vue.d.ts

@@ -0,0 +1,57 @@
+/**
+ * The Vue implementation of the shared HoverCard contract (see
+ * `@skdx/shared`'s `hoverCardContract`). Root of a hover-revealed preview
+ * card (e.g. a user profile preview behind a link): owns open state with
+ * independent open/close delays and hands it down to `SkdxHoverCardTrigger`
+ * / `SkdxHoverCardPortal` / `SkdxHoverCardContent` / `SkdxHoverCardArrow` via
+ * context. Wraps children in the shared popper positioning root. Renders no
+ * DOM element itself.
+ *
+ * Unlike `SkdxTooltip`, the pointer can move from the trigger onto the
+ * content itself without the card closing — `SkdxHoverCardContent` cancels
+ * the close timer on pointer-enter. Escape closes the card and returns focus
+ * to the trigger: `SkdxHoverCardContent` listens for it on the document while
+ * open, so a card opened by hover is dismissable even when keyboard focus is
+ * elsewhere (WCAG 2.2 SC 1.4.13).
+ *
+ * Emits `open-change` the instant the state flips and `open-change-complete`
+ * once the change has finished on screen — after `SkdxHoverCardContent`'s enter
+ * or exit animation ends, or in the same task when it declares none.
+ *
+ * Works controlled (`v-model:open`) or uncontrolled (`default-open`).
+ */
+type __VLS_Props = {
+    /** Whether the card is open, for controlled usage. Pair with `v-model:open`. */
+    open?: boolean;
+    /** Whether the card is initially open, for uncontrolled usage. */
+    defaultOpen?: boolean;
+    /** Delay before the card opens on pointer enter (ms). */
+    openDelay?: number;
+    /** Delay before the card closes on pointer leave (ms). Moving onto the content itself cancels this timer. */
+    closeDelay?: number;
+};
+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, {
+    "update:open": (open: boolean) => any;
+    "open-change": (open: boolean) => any;
+    "open-change-complete": (open: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:open"?: ((open: boolean) => any) | undefined;
+    "onOpen-change"?: ((open: boolean) => any) | undefined;
+    "onOpen-change-complete"?: ((open: boolean) => any) | undefined;
+}>, {
+    open: boolean;
+    defaultOpen: boolean;
+    openDelay: number;
+    closeDelay: 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/hover-card/HoverCard.vue.js

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

package/dist/hover-card/HoverCard.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const h=require("../utils/useOpenChangeComplete.cjs"),O=require("../utils/PopperRoot.vue.cjs"),f=require("./context.cjs");let e=require("vue");var q=(0,e.defineComponent)({__name:"HoverCard",props:{open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1},openDelay:{default:700},closeDelay:{default:300}},emits:["update:open","open-change","open-change-complete"],setup(d,{emit:m}){const t=d,l=m,_=(0,e.ref)(null),u=(0,e.ref)(null),C=(0,e.ref)(!1),a=(0,e.ref)(t.defaultOpen),p=(0,e.computed)(()=>t.open??a.value);h.useOpenChangeComplete(p,u,n=>l("open-change-complete",n));let c,s;function o(){clearTimeout(c),clearTimeout(s)}(0,e.onBeforeUnmount)(o);function r(n){t.open===void 0&&(a.value=n),l("update:open",n),l("open-change",n)}function g(){o(),r(!0)}function v(){o(),r(!1)}function T(){o(),c=setTimeout(()=>r(!0),t.openDelay)}function i(){o(),s=setTimeout(()=>r(!1),t.closeDelay)}return(0,e.provide)(f.HOVER_CARD_CONTEXT,{contentId:f.nextHoverCardContentId(),open:p,triggerRef:_,contentRef:u,ignoreNextFocus:C,onOpen:g,onClose:v,onTriggerEnter:T,onTriggerLeave:i,onContentEnter:o,onContentLeave:i}),(n,y)=>((0,e.openBlock)(),(0,e.createBlock)(O.default,null,{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(n.$slots,"default")]),_:3}))}});exports.default=q;

package/dist/hover-card/HoverCard.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{useOpenChangeComplete as e}from"../utils/useOpenChangeComplete.js";import o from"../utils/PopperRoot.vue.js";import{HOVER_CARD_CONTEXT as n,nextHoverCardContentId as t}from"./context.js";import{computed as a,createBlock as l,defineComponent as p,onBeforeUnmount as u,openBlock as r,provide as s,ref as i,renderSlot as c,withCtx as f}from"vue";var m=/* @__PURE__ */p({__name:"HoverCard",props:{open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1},openDelay:{default:700},closeDelay:{default:300}},emits:["update:open","open-change","open-change-complete"],setup(p,{emit:m}){const d=p,C=m,g=i(null),v=i(null),T=i(!1),h=i(d.defaultOpen),O=a(()=>d.open??h.value);let y,x;function B(){clearTimeout(y),clearTimeout(x)}function D(e){void 0===d.open&&(h.value=e),C("update:open",e),C("open-change",e)}function R(){B(),x=setTimeout(()=>D(!1),d.closeDelay)}return e(O,v,e=>C("open-change-complete",e)),u(B),s(n,{contentId:t(),open:O,triggerRef:g,contentRef:v,ignoreNextFocus:T,onOpen:function(){B(),D(!0)},onClose:function(){B(),D(!1)},onTriggerEnter:function(){B(),y=setTimeout(()=>D(!0),d.openDelay)},onTriggerLeave:R,onContentEnter:B,onContentLeave:R}),(e,n)=>(r(),l(o,null,{default:f(()=>[c(e.$slots,"default")]),_:3}))}});export{m as default};

package/dist/hover-card/HoverCardArrow.vue.cjs

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

package/dist/hover-card/HoverCardArrow.vue.d.cts

@@ -0,0 +1,18 @@
+/**
+ * Optional visual arrow pointing from `SkdxHoverCardContent` back at the
+ * trigger. Must be rendered inside `SkdxHoverCardContent`; 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/hover-card/HoverCardArrow.vue.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Optional visual arrow pointing from `SkdxHoverCardContent` back at the
+ * trigger. Must be rendered inside `SkdxHoverCardContent`; 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/hover-card/HoverCardArrow.vue.js

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

package/dist/hover-card/HoverCardArrow.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:"HoverCardArrow",setup(a){const r=(0,e.inject)(n.ARROW_CONTEXT);if(!r)throw new Error("SkdxHoverCardArrow must be used within SkdxHoverCardContent.");const t=(0,e.ref)(null);return(0,e.onMounted)(()=>r.setArrowEl(t.value)),(0,e.onBeforeUnmount)(()=>r.setArrowEl(null)),(o,u)=>((0,e.openBlock)(),(0,e.createElementBlock)("span",{class:"skdx-hover-card__arrow","data-part":"arrow",ref_key:"elRef",ref:t,style:(0,e.normalizeStyle)((0,e.unref)(r).style.value)},[(0,e.renderSlot)(o.$slots,"default")],4))}});exports.default=l;

package/dist/hover-card/HoverCardArrow.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 a,normalizeStyle as t,onBeforeUnmount as s,onMounted as n,openBlock as l,ref as u,renderSlot as d,unref as f}from"vue";var p=/* @__PURE__ */o({__name:"HoverCardArrow",setup(o){const p=a(e);if(!p)throw new Error("SkdxHoverCardArrow must be used within SkdxHoverCardContent.");const m=u(null);return n(()=>p.setArrowEl(m.value)),s(()=>p.setArrowEl(null)),(e,o)=>(l(),r("span",{class:"skdx-hover-card__arrow","data-part":"arrow",ref_key:"elRef",ref:m,style:t(f(p).style.value)},[d(e.$slots,"default")],4))}});export{p as default};

package/dist/hover-card/HoverCardContent.vue.cjs

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

package/dist/hover-card/HoverCardContent.vue.d.cts

@@ -0,0 +1,74 @@
+import { type Align, type PhysicalSide, type Side } from '../utils/popper.cjs';
+import { type FocusOutsideEvent, type InteractOutsideEvent } from '../utils/useDismiss.cjs';
+/**
+ * The card's floating panel, `data-state` (`open`/`closed`), positioned via
+ * the shared popper layer against the trigger using `side` (defaults to
+ * `'bottom'`) / `align` / `sideOffset` (defaults to `4`) / `alignOffset`,
+ * flipping/shifting to avoid viewport collisions unless `avoidCollisions`
+ * is `false` — against `collisionBoundary` when one is given, otherwise the
+ * card's clipping ancestors. Also exposes `data-side`/`data-align` reflecting
+ * the resolved placement, and the measurement custom properties
+ * `--skdx-hover-card-available-width` / `-available-height` / `-trigger-width` /
+ * `-transform-origin`, so the card can be sized and animated from CSS without
+ * measuring anything by hand. Entering the content with the pointer cancels the pending
+ * close timer; leaving it reschedules the close. 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. Mounts only while open unless
+ * `forceMount` is set. Must be used inside `SkdxHoverCard`.
+ */
+type __VLS_Props = {
+    /** Preferred side of the trigger to render the card on. */
+    side?: Side;
+    /** Alignment of the card relative to the trigger along the chosen side. */
+    align?: Align;
+    /** Distance (px) between the card and the trigger. */
+    sideOffset?: number;
+    /** Offset (px) along the alignment axis. */
+    alignOffset?: number;
+    /** Whether to flip/shift the card to stay within the viewport. */
+    avoidCollisions?: boolean;
+    /** Minimum distance (px) kept 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
+     * card's clipping ancestors. Use it to keep the card inside a scroll
+     * container or one pane of a split layout rather than the whole viewport.
+     * @default undefined — the card's clipping ancestors.
+     */
+    collisionBoundary?: Element | Element[] | null;
+    /** Keep this card mounted even while closed, instead of unmounting it. */
+    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;
+    "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;
+    "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/hover-card/HoverCardContent.vue.d.ts

@@ -0,0 +1,74 @@
+import { type Align, type PhysicalSide, type Side } from '../utils/popper.js';
+import { type FocusOutsideEvent, type InteractOutsideEvent } from '../utils/useDismiss.js';
+/**
+ * The card's floating panel, `data-state` (`open`/`closed`), positioned via
+ * the shared popper layer against the trigger using `side` (defaults to
+ * `'bottom'`) / `align` / `sideOffset` (defaults to `4`) / `alignOffset`,
+ * flipping/shifting to avoid viewport collisions unless `avoidCollisions`
+ * is `false` — against `collisionBoundary` when one is given, otherwise the
+ * card's clipping ancestors. Also exposes `data-side`/`data-align` reflecting
+ * the resolved placement, and the measurement custom properties
+ * `--skdx-hover-card-available-width` / `-available-height` / `-trigger-width` /
+ * `-transform-origin`, so the card can be sized and animated from CSS without
+ * measuring anything by hand. Entering the content with the pointer cancels the pending
+ * close timer; leaving it reschedules the close. 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. Mounts only while open unless
+ * `forceMount` is set. Must be used inside `SkdxHoverCard`.
+ */
+type __VLS_Props = {
+    /** Preferred side of the trigger to render the card on. */
+    side?: Side;
+    /** Alignment of the card relative to the trigger along the chosen side. */
+    align?: Align;
+    /** Distance (px) between the card and the trigger. */
+    sideOffset?: number;
+    /** Offset (px) along the alignment axis. */
+    alignOffset?: number;
+    /** Whether to flip/shift the card to stay within the viewport. */
+    avoidCollisions?: boolean;
+    /** Minimum distance (px) kept 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
+     * card's clipping ancestors. Use it to keep the card inside a scroll
+     * container or one pane of a split layout rather than the whole viewport.
+     * @default undefined — the card's clipping ancestors.
+     */
+    collisionBoundary?: Element | Element[] | null;
+    /** Keep this card mounted even while closed, instead of unmounting it. */
+    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;
+    "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;
+    "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/hover-card/HoverCardContent.vue.js

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

package/dist/hover-card/HoverCardContent.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const w=require("../utils/composeRefs.cjs"),y=require("../utils/useDismiss.cjs"),i=require("../utils/popper.cjs"),P=require("./context.cjs");let t=require("vue");var R=["id","data-state","data-side","data-align"],g=(0,t.defineComponent)({__name:"HoverCardContent",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"],setup(s,{emit:d}){const l=s,n=d,o=(0,t.inject)(P.HOVER_CARD_CONTEXT);if(!o)throw new Error("SkdxHoverCardContent must be used within SkdxHoverCard.");const a=(0,t.inject)(i.POPPER_CONTEXT);if(!a)throw new Error("SkdxHoverCardContent must be used within SkdxHoverCard.");const r=(0,t.ref)(null),u=(0,t.ref)(null),c=w.composeRefs(r,o.contentRef);y.useDismiss({enabled:o.open,onEscapeKeyDown:e=>{n("escape-key-down",e),e.defaultPrevented||(o.onClose(),o.ignoreNextFocus.value=!0,o.triggerRef.value?.focus())},onPointerDownOutside:e=>{n("pointer-down-outside",e),e.defaultPrevented||o.onClose()},onFocusOutside:e=>{n("focus-outside",e),e.defaultPrevented||o.onClose()},onInteractOutside:e=>n("interact-outside",e)},[o.triggerRef,r]);const{style:f,arrowStyle:p,placedSide:v,placedAlign:C}=i.usePopperPosition(a.anchor,r,o.open,()=>({...l,component:"hover-card"}),u);(0,t.provide)(i.ARROW_CONTEXT,{style:p,setArrowEl:e=>{u.value=e}});function _(e){e.pointerType!=="touch"&&o.onContentEnter()}function m(e){e.pointerType!=="touch"&&o.onContentLeave()}return(e,E)=>s.forceMount||(0,t.unref)(o).open.value?((0,t.openBlock)(),(0,t.createElementBlock)("div",{key:0,class:"skdx-hover-card__content","data-part":"content",id:(0,t.unref)(o).contentId,ref:(0,t.unref)(c),"data-state":(0,t.unref)(o).open.value?"open":"closed","data-side":(0,t.unref)(v),"data-align":(0,t.unref)(C),style:(0,t.normalizeStyle)((0,t.unref)(f)),onPointerenter:_,onPointerleave:m},[(0,t.renderSlot)(e.$slots,"default")],44,R)):(0,t.createCommentVNode)("",!0)}});exports.default=g;

package/dist/hover-card/HoverCardContent.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{ARROW_CONTEXT as t,POPPER_CONTEXT as n,usePopperPosition as s}from"../utils/popper.js";import{HOVER_CARD_CONTEXT as a}from"./context.js";import{createCommentVNode as r,createElementBlock as d,defineComponent as i,inject as l,normalizeStyle as u,openBlock as c,provide as f,ref as p,renderSlot as m,unref as v}from"vue";var C=["id","data-state","data-side","data-align"],w=/* @__PURE__ */i({__name:"HoverCardContent",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"],setup(i,{emit:w}){const y=i,P=w,g=l(a);if(!g)throw new Error("SkdxHoverCardContent must be used within SkdxHoverCard.");const E=l(n);if(!E)throw new Error("SkdxHoverCardContent must be used within SkdxHoverCard.");const O=p(null),k=p(null),R=e(O,g.contentRef);o({enabled:g.open,onEscapeKeyDown:e=>{P("escape-key-down",e),e.defaultPrevented||(g.onClose(),g.ignoreNextFocus.value=!0,g.triggerRef.value?.focus())},onPointerDownOutside:e=>{P("pointer-down-outside",e),e.defaultPrevented||g.onClose()},onFocusOutside:e=>{P("focus-outside",e),e.defaultPrevented||g.onClose()},onInteractOutside:e=>P("interact-outside",e)},[g.triggerRef,O]);const{style:h,arrowStyle:x,placedSide:S,placedAlign:T}=s(E.anchor,O,g.open,()=>({...y,component:"hover-card"}),k);function _(e){"touch"!==e.pointerType&&g.onContentEnter()}function H(e){"touch"!==e.pointerType&&g.onContentLeave()}return f(t,{style:x,setArrowEl:e=>{k.value=e}}),(e,o)=>i.forceMount||v(g).open.value?(c(),d("div",{key:0,class:"skdx-hover-card__content","data-part":"content",id:v(g).contentId,ref:v(R),"data-state":v(g).open.value?"open":"closed","data-side":v(S),"data-align":v(T),style:u(v(h)),onPointerenter:_,onPointerleave:H},[m(e.$slots,"default")],44,C)):r("",!0)}});export{w as default};

package/dist/hover-card/HoverCardPortal.vue.cjs

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

package/dist/hover-card/HoverCardPortal.vue.d.cts

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

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

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

package/dist/hover-card/HoverCardPortal.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const n=require("../utils/Portal.vue.cjs"),a=require("./context.cjs");let e=require("vue");var u=(0,e.defineComponent)({__name:"HoverCardPortal",props:{container:{default:null},forceMount:{type:Boolean,default:!1}},setup(t){const r=(0,e.inject)(a.HOVER_CARD_CONTEXT);if(!r)throw new Error("SkdxHoverCardPortal must be used within SkdxHoverCard.");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=u;

package/dist/hover-card/HoverCardPortal.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import e from"../utils/Portal.vue.js";import{HOVER_CARD_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 d}from"vue";var i=/* @__PURE__ */a({__name:"HoverCardPortal",props:{container:{default:null},forceMount:{type:Boolean,default:!1}},setup(a){const i=n(o);if(!i)throw new Error("SkdxHoverCardPortal must be used within SkdxHoverCard.");return(o,n)=>a.forceMount||u(i).open.value?(s(),t(e,{key:0,container:a.container},{default:d(()=>[l(o.$slots,"default")]),_:3},8,["container"])):r("",!0)}});export{i as default};

package/dist/hover-card/HoverCardTrigger.vue.cjs

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

package/dist/hover-card/HoverCardTrigger.vue.d.cts

@@ -0,0 +1,20 @@
+/**
+ * Link that reveals the card after `openDelay` on hover (ignored for touch
+ * pointers) or immediately on focus, and doubles as the positioning anchor
+ * for `SkdxHoverCardContent`. Sets `aria-describedby` (only while open) and
+ * `data-state` (`open`/`closed`). Renders an `<a>` — pass `href` for it to
+ * behave as a real link. Must be used inside `SkdxHoverCard`.
+ */
+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/hover-card/HoverCardTrigger.vue.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Link that reveals the card after `openDelay` on hover (ignored for touch
+ * pointers) or immediately on focus, and doubles as the positioning anchor
+ * for `SkdxHoverCardContent`. Sets `aria-describedby` (only while open) and
+ * `data-state` (`open`/`closed`). Renders an `<a>` — pass `href` for it to
+ * behave as a real link. Must be used inside `SkdxHoverCard`.
+ */
+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/hover-card/HoverCardTrigger.vue.js

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

package/dist/hover-card/HoverCardTrigger.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const d=require("../utils/popper.cjs"),c=require("./context.cjs");let e=require("vue");var f=["aria-describedby","data-state"],v=(0,e.defineComponent)({__name:"HoverCardTrigger",setup(p){const r=(0,e.inject)(c.HOVER_CARD_CONTEXT);if(!r)throw new Error("SkdxHoverCardTrigger must be used within SkdxHoverCard.");const o=(0,e.inject)(d.POPPER_CONTEXT);if(!o)throw new Error("SkdxHoverCardTrigger must be used within SkdxHoverCard.");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 i(n){n.pointerType!=="touch"&&r.onTriggerEnter()}function a(n){n.pointerType!=="touch"&&r.onTriggerLeave()}function l(){if(r.ignoreNextFocus.value){r.ignoreNextFocus.value=!1;return}r.onOpen()}return(n,u)=>((0,e.openBlock)(),(0,e.createElementBlock)("a",{class:"skdx-hover-card__trigger","data-part":"trigger",ref_key:"elRef",ref:t,"aria-describedby":(0,e.unref)(r).open.value?(0,e.unref)(r).contentId:void 0,"data-state":(0,e.unref)(r).open.value?"open":"closed",onPointerenter:i,onPointerleave:a,onFocus:l,onBlur:u[0]||(u[0]=(...s)=>(0,e.unref)(r).onClose&&(0,e.unref)(r).onClose(...s))},[(0,e.renderSlot)(n.$slots,"default")],40,f))}});exports.default=v;

package/dist/hover-card/HoverCardTrigger.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{POPPER_CONTEXT as e}from"../utils/popper.js";import{HOVER_CARD_CONTEXT as r}from"./context.js";import{createElementBlock as o,defineComponent as n,inject as t,onBeforeUnmount as a,onMounted as s,openBlock as i,ref as u,renderSlot as d,unref as l}from"vue";var c=["aria-describedby","data-state"],v=/* @__PURE__ */n({__name:"HoverCardTrigger",setup(n){const v=t(r);if(!v)throw new Error("SkdxHoverCardTrigger must be used within SkdxHoverCard.");const p=t(e);if(!p)throw new Error("SkdxHoverCardTrigger must be used within SkdxHoverCard.");const f=u(null);function g(e){"touch"!==e.pointerType&&v.onTriggerEnter()}function m(e){"touch"!==e.pointerType&&v.onTriggerLeave()}function C(){v.ignoreNextFocus.value?v.ignoreNextFocus.value=!1:v.onOpen()}return s(()=>{v.triggerRef.value=f.value,p.setAnchor(f.value)}),a(()=>{p.anchor.value===f.value&&p.setAnchor(null)}),(e,r)=>(i(),o("a",{class:"skdx-hover-card__trigger","data-part":"trigger",ref_key:"elRef",ref:f,"aria-describedby":l(v).open.value?l(v).contentId:void 0,"data-state":l(v).open.value?"open":"closed",onPointerenter:g,onPointerleave:m,onFocus:C,onBlur:r[0]||(r[0]=(...e)=>l(v).onClose&&l(v).onClose(...e))},[d(e.$slots,"default")],40,c))}});export{v as default};

package/dist/hover-card/context.cjs

@@ -0,0 +1 @@
+const e=require("../utils/id.cjs");var r=Symbol("skdx-hover-card-context");function n(){return e.nextId("hover-card-content")}exports.HOVER_CARD_CONTEXT=r;exports.nextHoverCardContentId=n;

package/dist/hover-card/context.d.cts

@@ -0,0 +1,20 @@
+import type { InjectionKey, Ref } from 'vue';
+/** @internal Injection key a HoverCard provides so its parts can read/drive shared state. */
+export interface HoverCardContext {
+    contentId: string;
+    open: Readonly<Ref<boolean>>;
+    triggerRef: Ref<HTMLElement | null>;
+    contentRef: Ref<HTMLElement | null>;
+    /** Set right before an Escape-triggered close refocuses the trigger, so the resulting focus event doesn't immediately reopen the card. */
+    ignoreNextFocus: Ref<boolean>;
+    onOpen(): void;
+    onClose(): void;
+    onTriggerEnter(): void;
+    onTriggerLeave(): void;
+    onContentEnter(): void;
+    onContentLeave(): void;
+}
+/** @internal Injection key a HoverCard provides so its trigger and content share open state, element refs, and hover/focus-intent handlers. */
+export declare const HOVER_CARD_CONTEXT: InjectionKey<HoverCardContext>;
+/** @internal Generates a unique id for a HoverCard's content. */
+export declare function nextHoverCardContentId(): string;

package/dist/hover-card/context.d.ts

@@ -0,0 +1,20 @@
+import type { InjectionKey, Ref } from 'vue';
+/** @internal Injection key a HoverCard provides so its parts can read/drive shared state. */
+export interface HoverCardContext {
+    contentId: string;
+    open: Readonly<Ref<boolean>>;
+    triggerRef: Ref<HTMLElement | null>;
+    contentRef: Ref<HTMLElement | null>;
+    /** Set right before an Escape-triggered close refocuses the trigger, so the resulting focus event doesn't immediately reopen the card. */
+    ignoreNextFocus: Ref<boolean>;
+    onOpen(): void;
+    onClose(): void;
+    onTriggerEnter(): void;
+    onTriggerLeave(): void;
+    onContentEnter(): void;
+    onContentLeave(): void;
+}
+/** @internal Injection key a HoverCard provides so its trigger and content share open state, element refs, and hover/focus-intent handlers. */
+export declare const HOVER_CARD_CONTEXT: InjectionKey<HoverCardContext>;
+/** @internal Generates a unique id for a HoverCard's content. */
+export declare function nextHoverCardContentId(): string;

package/dist/hover-card/context.js

@@ -0,0 +1 @@
+import{nextId as t}from"../utils/id.js";var r=/* @__PURE__ */Symbol("skdx-hover-card-context");function o(){return t("hover-card-content")}export{r as HOVER_CARD_CONTEXT,o as nextHoverCardContentId};

package/dist/hover-card/index.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./HoverCard.vue.cjs"),e=require("./HoverCardTrigger.vue.cjs"),o=require("./HoverCardPortal.vue.cjs"),d=require("./HoverCardContent.vue.cjs"),t=require("./HoverCardArrow.vue.cjs");exports.SkdxHoverCard=r.default;exports.SkdxHoverCardArrow=t.default;exports.SkdxHoverCardContent=d.default;exports.SkdxHoverCardPortal=o.default;exports.SkdxHoverCardTrigger=e.default;

package/dist/hover-card/index.d.cts

@@ -0,0 +1,5 @@
+export { default as SkdxHoverCard } from './HoverCard.vue.cjs';
+export { default as SkdxHoverCardTrigger } from './HoverCardTrigger.vue.cjs';
+export { default as SkdxHoverCardPortal } from './HoverCardPortal.vue.cjs';
+export { default as SkdxHoverCardContent } from './HoverCardContent.vue.cjs';
+export { default as SkdxHoverCardArrow } from './HoverCardArrow.vue.cjs';

package/dist/hover-card/index.d.ts

@@ -0,0 +1,5 @@
+export { default as SkdxHoverCard } from './HoverCard.vue.js';
+export { default as SkdxHoverCardTrigger } from './HoverCardTrigger.vue.js';
+export { default as SkdxHoverCardPortal } from './HoverCardPortal.vue.js';
+export { default as SkdxHoverCardContent } from './HoverCardContent.vue.js';
+export { default as SkdxHoverCardArrow } from './HoverCardArrow.vue.js';

package/dist/hover-card/index.js

@@ -0,0 +1 @@
+import r from"./HoverCard.vue.js";import o from"./HoverCardTrigger.vue.js";import e from"./HoverCardPortal.vue.js";import a from"./HoverCardContent.vue.js";import d from"./HoverCardArrow.vue.js";export{r as SkdxHoverCard,d as SkdxHoverCardArrow,a as SkdxHoverCardContent,e as SkdxHoverCardPortal,o as SkdxHoverCardTrigger};