@skdx/vue 0.28.0 → 0.29.0

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

@@ -1,30 +0,0 @@
-import type { PortalContainer } from '../utils/portal.cjs';
-/**
- * Teleports `SkdxHoverCardContent` to `document.body` (or custom `container`) to escape
- * clipping/`overflow` ancestors. Mounts only while open unless `forceMount` is set.
- * Must be used in `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

@@ -1,30 +0,0 @@
-import type { PortalContainer } from '../utils/portal.js';
-/**
- * Teleports `SkdxHoverCardContent` to `document.body` (or custom `container`) to escape
- * clipping/`overflow` ancestors. Mounts only while open unless `forceMount` is set.
- * Must be used in `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

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

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

@@ -1 +0,0 @@
-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/HoverCardRoot.vue.cjs

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

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

@@ -1,38 +0,0 @@
-/**
- * HoverCard's state/context primitive: owns open state with independent
- * open/close delays and hands it down to children via context. Wraps children
- * in the shared popper positioning root. Renders no DOM element itself.
- */
-type __VLS_Props = {
-    open?: boolean;
-    defaultOpen?: boolean;
-    openDelay?: number;
-    closeDelay?: number;
-    disabled?: 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, {
-    "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;
-}>, {
-    disabled: boolean;
-    open: boolean;
-    defaultOpen: boolean;
-    closeDelay: number;
-    openDelay: 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/HoverCardRoot.vue.d.ts

@@ -1,38 +0,0 @@
-/**
- * HoverCard's state/context primitive: owns open state with independent
- * open/close delays and hands it down to children via context. Wraps children
- * in the shared popper positioning root. Renders no DOM element itself.
- */
-type __VLS_Props = {
-    open?: boolean;
-    defaultOpen?: boolean;
-    openDelay?: number;
-    closeDelay?: number;
-    disabled?: 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, {
-    "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;
-}>, {
-    disabled: boolean;
-    open: boolean;
-    defaultOpen: boolean;
-    closeDelay: number;
-    openDelay: 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/HoverCardRoot.vue.js

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

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

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

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

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

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

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

@@ -1,34 +0,0 @@
-/**
- * Link that reveals the card after `openDelay` on hover (ignored for touch
- * pointers) and serves as the positioning anchor for `SkdxHoverCardContent`.
- * Sets `aria-describedby` (only while open) and `data-state` (`open`/`closed`).
- * Renders an `<a>` and **must be focusable**: supply an `href`, or — when the
- * trigger is not a navigation — an explicit `tabindex`. An `<a>` with no
- * `href` carries no link role and is not in the tab order.
- *
- * **Hover is the only activation** — focus does not open the card and no key
- * does. `Tab` moves through the page as if it were closed, and the content is
- * never entered. The card never opens on touch input. Must be used inside
- * `SkdxHoverCard`.
- */
-type __VLS_Props = {
-    /** Native `target` attribute value, passed straight through to the element. @default undefined */
-    target?: string;
-    /**
-     * Explicit `rel`; empty string opts out of the auto `noopener noreferrer` guard for `target="_blank"`.
-     * @default undefined — auto-computed from `target`.
-     */
-    rel?: 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<{}>, {}, {}, {}, {}, 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

@@ -1,34 +0,0 @@
-/**
- * Link that reveals the card after `openDelay` on hover (ignored for touch
- * pointers) and serves as the positioning anchor for `SkdxHoverCardContent`.
- * Sets `aria-describedby` (only while open) and `data-state` (`open`/`closed`).
- * Renders an `<a>` and **must be focusable**: supply an `href`, or — when the
- * trigger is not a navigation — an explicit `tabindex`. An `<a>` with no
- * `href` carries no link role and is not in the tab order.
- *
- * **Hover is the only activation** — focus does not open the card and no key
- * does. `Tab` moves through the page as if it were closed, and the content is
- * never entered. The card never opens on touch input. Must be used inside
- * `SkdxHoverCard`.
- */
-type __VLS_Props = {
-    /** Native `target` attribute value, passed straight through to the element. @default undefined */
-    target?: string;
-    /**
-     * Explicit `rel`; empty string opts out of the auto `noopener noreferrer` guard for `target="_blank"`.
-     * @default undefined — auto-computed from `target`.
-     */
-    rel?: 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<{}>, {}, {}, {}, {}, 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

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

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

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

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

package/dist/hover-card/context.cjs

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

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

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

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

@@ -1 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./HoverCard.vue.cjs");exports.SkdxHoverCard=e.default;

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

@@ -1 +0,0 @@
-export { default as SkdxHoverCard } from './HoverCard.vue.cjs';

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

@@ -1 +0,0 @@
-export { default as SkdxHoverCard } from './HoverCard.vue.js';

package/dist/hover-card/index.js

@@ -1 +0,0 @@
-import r from"./HoverCard.vue.js";export{r as SkdxHoverCard};

package/dist/hover-card/primitives.cjs

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

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

@@ -1,24 +0,0 @@
-/**
- * Advanced primitives for `SkdxHoverCard` — the parts the recipe composes.
- *
- * @example
- * ```vue
- * <script setup lang="ts">
- * import { SkdxHoverCardContent, SkdxHoverCardPortal, SkdxHoverCardRoot, SkdxHoverCardTrigger } from '@skdx/vue/primitives/hover-card';
- * </script>
- *
- * <template>
- *   <SkdxHoverCardRoot>
- *     <SkdxHoverCardTrigger href="/users/ada">@ada</SkdxHoverCardTrigger>
- *     <SkdxHoverCardPortal>
- *       <SkdxHoverCardContent>Ada Lovelace — mathematician.</SkdxHoverCardContent>
- *     </SkdxHoverCardPortal>
- *   </SkdxHoverCardRoot>
- * </template>
- * ```
- */
-export { default as SkdxHoverCardRoot } from './HoverCardRoot.vue.cjs';
-export { default as SkdxHoverCardArrow } from './HoverCardArrow.vue.cjs';
-export { default as SkdxHoverCardContent } from './HoverCardContent.vue.cjs';
-export { default as SkdxHoverCardPortal } from './HoverCardPortal.vue.cjs';
-export { default as SkdxHoverCardTrigger } from './HoverCardTrigger.vue.cjs';

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

@@ -1,24 +0,0 @@
-/**
- * Advanced primitives for `SkdxHoverCard` — the parts the recipe composes.
- *
- * @example
- * ```vue
- * <script setup lang="ts">
- * import { SkdxHoverCardContent, SkdxHoverCardPortal, SkdxHoverCardRoot, SkdxHoverCardTrigger } from '@skdx/vue/primitives/hover-card';
- * </script>
- *
- * <template>
- *   <SkdxHoverCardRoot>
- *     <SkdxHoverCardTrigger href="/users/ada">@ada</SkdxHoverCardTrigger>
- *     <SkdxHoverCardPortal>
- *       <SkdxHoverCardContent>Ada Lovelace — mathematician.</SkdxHoverCardContent>
- *     </SkdxHoverCardPortal>
- *   </SkdxHoverCardRoot>
- * </template>
- * ```
- */
-export { default as SkdxHoverCardRoot } from './HoverCardRoot.vue.js';
-export { default as SkdxHoverCardArrow } from './HoverCardArrow.vue.js';
-export { default as SkdxHoverCardContent } from './HoverCardContent.vue.js';
-export { default as SkdxHoverCardPortal } from './HoverCardPortal.vue.js';
-export { default as SkdxHoverCardTrigger } from './HoverCardTrigger.vue.js';

package/dist/hover-card/primitives.js

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

package/dist/meter/Meter.vue.cjs

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

package/dist/meter/Meter.vue.d.cts

@@ -1,88 +0,0 @@
-/**
- * The Vue implementation of the shared Meter contract. A meter is a static scalar within a known range — disk usage, a score, a fuel gauge — not a task advancing toward completion. Clamps `value` into `[min, max]`, renders `role="meter"` with the matching `aria-value*` attributes, derives the optional `data-range` band from `low`/`high`/`optimum`.
- *
- * A meter announces a bare number unless you name it — always pass `aria-label` or `aria-labelledby`.
- *
- * Given no default slot content it derives the gauge's body from `label` and `showValue`. Given one, that content is the body and nothing is derived.
- */
-type __VLS_Props = {
-    /**
-     * Current value, clamped into `[min, max]` and rendered as `aria-valuenow`.
-     * @default 0
-     */
-    value?: number;
-    /**
-     * Lower bound of the range the value is measured against, as `aria-valuemin`.
-     * @default 0
-     */
-    min?: number;
-    /**
-     * Upper bound of the range, as `aria-valuemax`. Raised to `min` if a lower value is passed.
-     * @default 100
-     */
-    max?: number;
-    /**
-     * Upper edge of the low band. With `high` and `optimum` this defines the `data-range` bands.
-     * @default undefined — no low band.
-     */
-    low?: number;
-    /**
-     * Lower edge of the high band, the upper counterpart of `low`.
-     * @default undefined — no high band.
-     */
-    high?: number;
-    /**
-     * The ideal value, deciding which end of the range counts as good.
-     * @default undefined — no optimum, so no band is preferred.
-     */
-    optimum?: number;
-    /**
-     * Formats `aria-valuetext` and the Value part, receiving the value plus `min` and `max`.
-     * @default undefined — the percentage of the range is announced.
-     */
-    getValueLabel?: (value: number, min: number, max: number) => string;
-    /**
-     * `Intl.NumberFormat` options the raw value is formatted with for `aria-valuetext` and the Value part.
-     * @default undefined — the value is formatted as a percentage.
-     */
-    formatOptions?: Intl.NumberFormatOptions;
-    /**
-     * BCP-47 locale the formatting uses, so a server and a browser agree.
-     * @default undefined — the runtime's default locale.
-     */
-    locale?: string;
-    /**
-     * Visible name, rendered as a derived Label. Ignored while children is given.
-     * @default undefined — no label part is rendered.
-     */
-    label?: string;
-    /**
-     * Renders a derived Value readout alongside the gauge. Ignored while children is given.
-     * @default false
-     */
-    showValue?: boolean;
-};
-declare var __VLS_1: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_1) => any;
-};
-declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    label: string;
-    value: number;
-    max: number;
-    min: number;
-    high: number;
-    low: number;
-    showValue: boolean;
-    getValueLabel: (value: number, min: number, max: number) => string;
-    formatOptions: Intl.NumberFormatOptions;
-    locale: string;
-    optimum: 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/meter/Meter.vue.d.ts

@@ -1,88 +0,0 @@
-/**
- * The Vue implementation of the shared Meter contract. A meter is a static scalar within a known range — disk usage, a score, a fuel gauge — not a task advancing toward completion. Clamps `value` into `[min, max]`, renders `role="meter"` with the matching `aria-value*` attributes, derives the optional `data-range` band from `low`/`high`/`optimum`.
- *
- * A meter announces a bare number unless you name it — always pass `aria-label` or `aria-labelledby`.
- *
- * Given no default slot content it derives the gauge's body from `label` and `showValue`. Given one, that content is the body and nothing is derived.
- */
-type __VLS_Props = {
-    /**
-     * Current value, clamped into `[min, max]` and rendered as `aria-valuenow`.
-     * @default 0
-     */
-    value?: number;
-    /**
-     * Lower bound of the range the value is measured against, as `aria-valuemin`.
-     * @default 0
-     */
-    min?: number;
-    /**
-     * Upper bound of the range, as `aria-valuemax`. Raised to `min` if a lower value is passed.
-     * @default 100
-     */
-    max?: number;
-    /**
-     * Upper edge of the low band. With `high` and `optimum` this defines the `data-range` bands.
-     * @default undefined — no low band.
-     */
-    low?: number;
-    /**
-     * Lower edge of the high band, the upper counterpart of `low`.
-     * @default undefined — no high band.
-     */
-    high?: number;
-    /**
-     * The ideal value, deciding which end of the range counts as good.
-     * @default undefined — no optimum, so no band is preferred.
-     */
-    optimum?: number;
-    /**
-     * Formats `aria-valuetext` and the Value part, receiving the value plus `min` and `max`.
-     * @default undefined — the percentage of the range is announced.
-     */
-    getValueLabel?: (value: number, min: number, max: number) => string;
-    /**
-     * `Intl.NumberFormat` options the raw value is formatted with for `aria-valuetext` and the Value part.
-     * @default undefined — the value is formatted as a percentage.
-     */
-    formatOptions?: Intl.NumberFormatOptions;
-    /**
-     * BCP-47 locale the formatting uses, so a server and a browser agree.
-     * @default undefined — the runtime's default locale.
-     */
-    locale?: string;
-    /**
-     * Visible name, rendered as a derived Label. Ignored while children is given.
-     * @default undefined — no label part is rendered.
-     */
-    label?: string;
-    /**
-     * Renders a derived Value readout alongside the gauge. Ignored while children is given.
-     * @default false
-     */
-    showValue?: boolean;
-};
-declare var __VLS_1: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_1) => any;
-};
-declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    label: string;
-    value: number;
-    max: number;
-    min: number;
-    high: number;
-    low: number;
-    showValue: boolean;
-    getValueLabel: (value: number, min: number, max: number) => string;
-    formatOptions: Intl.NumberFormatOptions;
-    locale: string;
-    optimum: 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/meter/Meter.vue.js

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

package/dist/meter/Meter.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +0,0 @@
-const b=require("../utils/id.cjs"),r=require("./context.cjs"),x=require("./MeterAnatomy.vue.cjs");let a=require("vue");var h=["aria-valuemin","aria-valuemax","aria-valuenow","aria-valuetext","aria-labelledby","data-value","data-min","data-max","data-range"],g=(0,a.defineComponent)({__name:"Meter",props:{value:{default:0},min:{default:0},max:{default:100},low:{default:void 0},high:{default:void 0},optimum:{default:void 0},getValueLabel:{type:Function,default:void 0},formatOptions:{default:void 0},locale:{default:void 0},label:{default:void 0},showValue:{type:Boolean,default:!1}},setup(n){const e=n;function f(u,d,s){return e.getValueLabel!==void 0?e.getValueLabel(u,d,s):e.formatOptions!==void 0||e.locale!==void 0?new Intl.NumberFormat(e.locale,e.formatOptions).format(u):`${Math.round(r.getMeterPercent(u,d,s))}%`}const l=(0,a.computed)(()=>e.min),t=(0,a.computed)(()=>Math.max(e.max,e.min)),o=(0,a.computed)(()=>Math.min(Math.max(e.value,l.value),t.value)),v=(0,a.computed)(()=>r.getMeterRange(o.value,l.value,t.value,e.low,e.high,e.optimum)),i=(0,a.computed)(()=>f(o.value,l.value,t.value)),p=(0,a.computed)(()=>r.announcesValueText(e.getValueLabel,e.formatOptions,e.locale,l.value,t.value)?i.value:void 0),m=b.nextId("meter-label"),c=(0,a.ref)(!1);return(0,a.provide)(r.METER_CONTEXT,{value:o,min:l,max:t,range:v,labelId:m,setHasLabel:u=>{c.value=u},valueLabel:i}),(u,d)=>((0,a.openBlock)(),(0,a.createElementBlock)("div",{class:"skdx-meter","data-part":"root","data-skdx-component":"meter",role:"meter","aria-valuemin":l.value,"aria-valuemax":t.value,"aria-valuenow":o.value,"aria-valuetext":p.value,"aria-labelledby":c.value?(0,a.unref)(m):void 0,"data-value":o.value,"data-min":l.value,"data-max":t.value,"data-range":v.value},[(0,a.renderSlot)(u.$slots,"default",{},()=>[(0,a.createVNode)(x.default,{label:n.label,"show-value":n.showValue},null,8,["label","show-value"])])],8,h))}});exports.default=g;

package/dist/meter/Meter.vue_vue_type_script_setup_true_lang.js

@@ -1 +0,0 @@
-import{nextId as a}from"../utils/id.js";import{METER_CONTEXT as e,announcesValueText as l,getMeterPercent as t,getMeterRange as u}from"./context.js";import o from"./MeterAnatomy.vue.js";import{computed as r,createElementBlock as v,createVNode as d,defineComponent as i,openBlock as m,provide as n,ref as s,renderSlot as f,unref as p}from"vue";var b=["aria-valuemin","aria-valuemax","aria-valuenow","aria-valuetext","aria-labelledby","data-value","data-min","data-max","data-range"],x=/* @__PURE__ */i({__name:"Meter",props:{value:{default:0},min:{default:0},max:{default:100},low:{default:void 0},high:{default:void 0},optimum:{default:void 0},getValueLabel:{type:Function,default:void 0},formatOptions:{default:void 0},locale:{default:void 0},label:{default:void 0},showValue:{type:Boolean,default:!1}},setup(i){const x=i,c=r(()=>x.min),g=r(()=>Math.max(x.max,x.min)),h=r(()=>Math.min(Math.max(x.value,c.value),g.value)),w=r(()=>u(h.value,c.value,g.value,x.low,x.high,x.optimum)),M=r(()=>{return a=h.value,e=c.value,l=g.value,void 0!==x.getValueLabel?x.getValueLabel(a,e,l):void 0!==x.formatOptions||void 0!==x.locale?new Intl.NumberFormat(x.locale,x.formatOptions).format(a):`${Math.round(t(a,e,l))}%`;var a,e,l}),V=r(()=>l(x.getValueLabel,x.formatOptions,x.locale,c.value,g.value)?M.value:void 0),L=a("meter-label"),y=s(!1);return n(e,{value:h,min:c,max:g,range:w,labelId:L,setHasLabel:a=>{y.value=a},valueLabel:M}),(a,e)=>(m(),v("div",{class:"skdx-meter","data-part":"root","data-skdx-component":"meter",role:"meter","aria-valuemin":c.value,"aria-valuemax":g.value,"aria-valuenow":h.value,"aria-valuetext":V.value,"aria-labelledby":y.value?p(L):void 0,"data-value":h.value,"data-min":c.value,"data-max":g.value,"data-range":w.value},[f(a.$slots,"default",{},()=>[d(o,{label:i.label,"show-value":i.showValue},null,8,["label","show-value"])])],8,b))}});export{x as default};

package/dist/meter/MeterAnatomy.vue.cjs

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

package/dist/meter/MeterAnatomy.vue.d.cts

@@ -1,14 +0,0 @@
-/**
- * Anatomy: Label (if `label` set), Indicator, Value (if `showValue` set). Keep
- * in sync with React's `MeterAnatomy.tsx`.
- * @internal
- */
-type __VLS_Props = {
-    label?: string;
-    showValue?: boolean;
-};
-declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    label: string;
-    showValue: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-export default _default;

package/dist/meter/MeterAnatomy.vue.d.ts

@@ -1,14 +0,0 @@
-/**
- * Anatomy: Label (if `label` set), Indicator, Value (if `showValue` set). Keep
- * in sync with React's `MeterAnatomy.tsx`.
- * @internal
- */
-type __VLS_Props = {
-    label?: string;
-    showValue?: boolean;
-};
-declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    label: string;
-    showValue: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-export default _default;

package/dist/meter/MeterAnatomy.vue.js

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

package/dist/meter/MeterAnatomy.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +0,0 @@
-const r=require("./MeterIndicator.vue.cjs"),a=require("./MeterLabel.vue.cjs"),l=require("./MeterValue.vue.cjs");let e=require("vue");var u=(0,e.defineComponent)({__name:"MeterAnatomy",props:{label:{default:void 0},showValue:{type:Boolean,default:!1}},setup(t){return(o,n)=>((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,null,[t.label?((0,e.openBlock)(),(0,e.createBlock)(a.default,{key:0},{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(t.label),1)]),_:1})):(0,e.createCommentVNode)("",!0),(0,e.createVNode)(r.default),t.showValue?((0,e.openBlock)(),(0,e.createBlock)(l.default,{key:1})):(0,e.createCommentVNode)("",!0)],64))}});exports.default=u;

package/dist/meter/MeterAnatomy.vue_vue_type_script_setup_true_lang.js

@@ -1 +0,0 @@
-import e from"./MeterIndicator.vue.js";import a from"./MeterLabel.vue.js";import t from"./MeterValue.vue.js";import{Fragment as o,createBlock as r,createCommentVNode as l,createElementBlock as s,createTextVNode as m,createVNode as n,defineComponent as u,openBlock as p,toDisplayString as d,withCtx as i}from"vue";var c=/* @__PURE__ */u({__name:"MeterAnatomy",props:{label:{default:void 0},showValue:{type:Boolean,default:!1}},setup:u=>(c,f)=>(p(),s(o,null,[u.label?(p(),r(a,{key:0},{default:i(()=>[m(d(u.label),1)]),_:1})):l("",!0),n(e),u.showValue?(p(),r(t,{key:1})):l("",!0)],64))});export{c as default};

package/dist/meter/MeterIndicator.vue.cjs

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