@skdx/vue 0.27.0 → 0.29.0

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

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

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

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

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

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

@@ -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/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,20 +0,0 @@
-/**
- * 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

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

@@ -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 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

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

@@ -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,20 +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>;
-    /** 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

@@ -1,20 +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>;
-    /** 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

@@ -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 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

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

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

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

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,48 +0,0 @@
-/**
- * The Vue implementation of the shared Meter contract (see `@skdx/shared`'s
- * `meterContract`). A meter is a *static scalar within a known range* — disk
- * usage, a score, a fuel gauge — not a task advancing toward completion, which
- * is `<SkdxProgress>`. Clamps `value` into `[min, max]`, renders `role="meter"`
- * with the matching `aria-value*` attributes, derives the optional
- * `data-range` band from `low`/`high`/`optimum`, and `provide()`s the range to
- * `<SkdxMeterIndicator>` via context.
- *
- * A meter announces a bare number unless you name it — always pass
- * `aria-label` or `aria-labelledby`.
- */
-type __VLS_Props = {
-    /** Current value, clamped into [min, max]. A meter has no indeterminate state. */
-    value?: number;
-    /** Lower bound of the range the value is measured against. */
-    min?: number;
-    /** Upper bound of the range. Raised to min if a lower value is passed. */
-    max?: number;
-    /** Upper edge of the low band. With high and optimum this defines the data-range bands. */
-    low?: number;
-    /** Lower edge of the high band. */
-    high?: number;
-    /** The ideal value; decides which end of the range is good. */
-    optimum?: number;
-    /** Formats aria-valuetext. Defaults to a rounded percentage of the position within [min, max]. */
-    getValueLabel?: (value: number, min: number, max: number) => string;
-};
-declare var __VLS_1: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_1) => any;
-};
-declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    value: number;
-    max: number;
-    getValueLabel: (value: number, min: number, max: number) => string;
-    optimum: number;
-    min: number;
-    low: number;
-    high: 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,48 +0,0 @@
-/**
- * The Vue implementation of the shared Meter contract (see `@skdx/shared`'s
- * `meterContract`). A meter is a *static scalar within a known range* — disk
- * usage, a score, a fuel gauge — not a task advancing toward completion, which
- * is `<SkdxProgress>`. Clamps `value` into `[min, max]`, renders `role="meter"`
- * with the matching `aria-value*` attributes, derives the optional
- * `data-range` band from `low`/`high`/`optimum`, and `provide()`s the range to
- * `<SkdxMeterIndicator>` via context.
- *
- * A meter announces a bare number unless you name it — always pass
- * `aria-label` or `aria-labelledby`.
- */
-type __VLS_Props = {
-    /** Current value, clamped into [min, max]. A meter has no indeterminate state. */
-    value?: number;
-    /** Lower bound of the range the value is measured against. */
-    min?: number;
-    /** Upper bound of the range. Raised to min if a lower value is passed. */
-    max?: number;
-    /** Upper edge of the low band. With high and optimum this defines the data-range bands. */
-    low?: number;
-    /** Lower edge of the high band. */
-    high?: number;
-    /** The ideal value; decides which end of the range is good. */
-    optimum?: number;
-    /** Formats aria-valuetext. Defaults to a rounded percentage of the position within [min, max]. */
-    getValueLabel?: (value: number, min: number, max: number) => string;
-};
-declare var __VLS_1: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_1) => any;
-};
-declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    value: number;
-    max: number;
-    getValueLabel: (value: number, min: number, max: number) => string;
-    optimum: number;
-    min: number;
-    low: number;
-    high: 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 o=require("./context.cjs");let a=require("vue");var m=["aria-valuemin","aria-valuemax","aria-valuenow","aria-valuetext","data-value","data-min","data-max","data-range"],i=(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:(r,e,t)=>`${Math.round(o.getMeterPercent(r,e,t))}%`}},setup(r){const e=r,t=(0,a.computed)(()=>e.min),u=(0,a.computed)(()=>Math.max(e.max,e.min)),l=(0,a.computed)(()=>Math.min(Math.max(e.value,t.value),u.value)),v=(0,a.computed)(()=>o.getMeterRange(l.value,t.value,u.value,e.low,e.high,e.optimum)),n=(0,a.computed)(()=>e.getValueLabel(l.value,t.value,u.value));return(0,a.provide)(o.METER_CONTEXT,{value:l,min:t,max:u,range:v}),(d,c)=>((0,a.openBlock)(),(0,a.createElementBlock)("div",{class:"skdx-meter","data-part":"root","data-skdx-component":"meter",role:"meter","aria-valuemin":t.value,"aria-valuemax":u.value,"aria-valuenow":l.value,"aria-valuetext":n.value,"data-value":l.value,"data-min":t.value,"data-max":u.value,"data-range":v.value},[(0,a.renderSlot)(d.$slots,"default")],8,m))}});exports.default=i;

package/dist/meter/Meter.vue_vue_type_script_setup_true_lang.js

@@ -1 +0,0 @@
-import{METER_CONTEXT as a,getMeterPercent as e,getMeterRange as t}from"./context.js";import{computed as l,createElementBlock as u,defineComponent as v,openBlock as r,provide as m,renderSlot as o}from"vue";var n=["aria-valuemin","aria-valuemax","aria-valuenow","aria-valuetext","data-value","data-min","data-max","data-range"],d=/* @__PURE__ */v({__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:(a,t,l)=>`${Math.round(e(a,t,l))}%`}},setup(e){const v=e,d=l(()=>v.min),i=l(()=>Math.max(v.max,v.min)),s=l(()=>Math.min(Math.max(v.value,d.value),i.value)),p=l(()=>t(s.value,d.value,i.value,v.low,v.high,v.optimum)),x=l(()=>v.getValueLabel(s.value,d.value,i.value));return m(a,{value:s,min:d,max:i,range:p}),(a,e)=>(r(),u("div",{class:"skdx-meter","data-part":"root","data-skdx-component":"meter",role:"meter","aria-valuemin":d.value,"aria-valuemax":i.value,"aria-valuenow":s.value,"aria-valuetext":x.value,"data-value":s.value,"data-min":d.value,"data-max":i.value,"data-range":p.value},[o(a.$slots,"default")],8,n))}});export{d 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;

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

@@ -1,9 +0,0 @@
-/**
- * The visual fill of a `<SkdxMeter>`. Mirrors the root's `data-value` /
- * `data-min` / `data-max` / `data-range` and sets a `--skdx-meter` CSS custom
- * property (a percentage) so width/transform can be driven purely from CSS.
- * Must be used inside `<SkdxMeter>`.
- */
-type __VLS_Props = {};
-declare const _default: 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>;
-export default _default;

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

@@ -1,9 +0,0 @@
-/**
- * The visual fill of a `<SkdxMeter>`. Mirrors the root's `data-value` /
- * `data-min` / `data-max` / `data-range` and sets a `--skdx-meter` CSS custom
- * property (a percentage) so width/transform can be driven purely from CSS.
- * Must be used inside `<SkdxMeter>`.
- */
-type __VLS_Props = {};
-declare const _default: 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>;
-export default _default;

package/dist/meter/MeterIndicator.vue.js

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

package/dist/meter/MeterIndicator.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +0,0 @@
-const r=require("./context.cjs");let e=require("vue");var u=["data-value","data-min","data-max","data-range"],d=(0,e.defineComponent)({__name:"MeterIndicator",setup(l){const a=(0,e.inject)(r.METER_CONTEXT);if(!a)throw new Error("<SkdxMeterIndicator> must be used inside <SkdxMeter>.");const t=a,n=(0,e.computed)(()=>`${r.getMeterPercent(t.value.value,t.min.value,t.max.value)}%`);return(c,i)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",{class:"skdx-meter__indicator","data-part":"indicator","data-value":(0,e.unref)(t).value.value,"data-min":(0,e.unref)(t).min.value,"data-max":(0,e.unref)(t).max.value,"data-range":(0,e.unref)(t).range.value,style:(0,e.normalizeStyle)({"--skdx-meter":n.value})},null,12,u))}});exports.default=d;

package/dist/meter/MeterIndicator.vue_vue_type_script_setup_true_lang.js

@@ -1 +0,0 @@
-import{METER_CONTEXT as a,getMeterPercent as e}from"./context.js";import{computed as t,createElementBlock as r,defineComponent as n,inject as d,normalizeStyle as l,openBlock as s,unref as o}from"vue";var u=["data-value","data-min","data-max","data-range"],m=/* @__PURE__ */n({__name:"MeterIndicator",setup(n){const m=d(a);if(!m)throw new Error("<SkdxMeterIndicator> must be used inside <SkdxMeter>.");const i=m,v=t(()=>`${e(i.value.value,i.min.value,i.max.value)}%`);return(a,e)=>(s(),r("div",{class:"skdx-meter__indicator","data-part":"indicator","data-value":o(i).value.value,"data-min":o(i).min.value,"data-max":o(i).max.value,"data-range":o(i).range.value,style:l({"--skdx-meter":v.value})},null,12,u))}});export{m as default};

package/dist/meter/context.cjs

@@ -1 +0,0 @@
-var p=Symbol("skdx-meter-context");function s(t,e,r){return r===e?0:(t-e)/(r-e)*100}function E(t,e,r,M,u,i){if(M==null&&u==null&&i==null)return;const n=Math.min(Math.max(M??e,e),r),o=Math.min(Math.max(u??r,n),r),c=Math.min(Math.max(i??(e+r)/2,e),r);return c<n?t<=n?"optimum":t<=o?"suboptimal":"poor":c>o?t>=o?"optimum":t>=n?"suboptimal":"poor":t>=n&&t<=o?"optimum":"suboptimal"}exports.METER_CONTEXT=p;exports.getMeterPercent=s;exports.getMeterRange=E;

package/dist/meter/context.d.cts

@@ -1,24 +0,0 @@
-import type { ComputedRef, InjectionKey } from 'vue';
-/** Which band of the range the current value falls in, once low/high/optimum are supplied. */
-export type MeterRange = 'optimum' | 'suboptimal' | 'poor';
-/** @internal Shape a Meter provides so its Indicator part can mirror the range. */
-export interface MeterContext {
-    value: ComputedRef<number>;
-    min: ComputedRef<number>;
-    max: ComputedRef<number>;
-    range: ComputedRef<MeterRange | undefined>;
-}
-/** @internal Injection key a Meter provides so its indicator mirrors the current value, range and band. */
-export declare const METER_CONTEXT: InjectionKey<MeterContext>;
-/**
- * @internal Position of value within [min, max] as a percentage. 0 when the
- * range is empty (max === min), so a degenerate range yields 0% not NaN%.
- */
-export declare function getMeterPercent(value: number, min: number, max: number): number;
-/**
- * @internal The band value falls in, following the HTML <meter> element's
- * region rules. Returns undefined when no threshold was supplied — a meter
- * with no thresholds has no good or bad end, so it emits no data-range at all
- * rather than pretending everything is optimal.
- */
-export declare function getMeterRange(value: number, min: number, max: number, low?: number, high?: number, optimum?: number): MeterRange | undefined;

package/dist/meter/context.d.ts

@@ -1,24 +0,0 @@
-import type { ComputedRef, InjectionKey } from 'vue';
-/** Which band of the range the current value falls in, once low/high/optimum are supplied. */
-export type MeterRange = 'optimum' | 'suboptimal' | 'poor';
-/** @internal Shape a Meter provides so its Indicator part can mirror the range. */
-export interface MeterContext {
-    value: ComputedRef<number>;
-    min: ComputedRef<number>;
-    max: ComputedRef<number>;
-    range: ComputedRef<MeterRange | undefined>;
-}
-/** @internal Injection key a Meter provides so its indicator mirrors the current value, range and band. */
-export declare const METER_CONTEXT: InjectionKey<MeterContext>;
-/**
- * @internal Position of value within [min, max] as a percentage. 0 when the
- * range is empty (max === min), so a degenerate range yields 0% not NaN%.
- */
-export declare function getMeterPercent(value: number, min: number, max: number): number;
-/**
- * @internal The band value falls in, following the HTML <meter> element's
- * region rules. Returns undefined when no threshold was supplied — a meter
- * with no thresholds has no good or bad end, so it emits no data-range at all
- * rather than pretending everything is optimal.
- */
-export declare function getMeterRange(value: number, min: number, max: number, low?: number, high?: number, optimum?: number): MeterRange | undefined;

package/dist/meter/context.js

@@ -1 +0,0 @@
-var t=/* @__PURE__ */Symbol("skdx-meter-context");function a(t,a,m){return m===a?0:(t-a)/(m-a)*100}function m(t,a,m,n,e,o){if(null==n&&null==e&&null==o)return;const r=Math.min(Math.max(n??a,a),m),u=Math.min(Math.max(e??m,r),m),i=Math.min(Math.max(o??(a+m)/2,a),m);return i<r?t<=r?"optimum":t<=u?"suboptimal":"poor":i>u?t>=u?"optimum":t>=r?"suboptimal":"poor":t>=r&&t<=u?"optimum":"suboptimal"}export{t as METER_CONTEXT,a as getMeterPercent,m as getMeterRange};

package/dist/meter/index.cjs

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

package/dist/meter/index.d.cts

@@ -1,3 +0,0 @@
-export { default as SkdxMeter } from './Meter.vue.cjs';
-export { default as SkdxMeterIndicator } from './MeterIndicator.vue.cjs';
-export type { MeterRange } from './context.cjs';

package/dist/meter/index.d.ts

@@ -1,3 +0,0 @@
-export { default as SkdxMeter } from './Meter.vue.js';
-export { default as SkdxMeterIndicator } from './MeterIndicator.vue.js';
-export type { MeterRange } from './context.js';

package/dist/meter/index.js

@@ -1 +0,0 @@
-import e from"./Meter.vue.js";import r from"./MeterIndicator.vue.js";export{e as SkdxMeter,r as SkdxMeterIndicator};

package/dist/multi-select/MultiSelect.vue.cjs

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

package/dist/multi-select/MultiSelect.vue.d.cts

@@ -1,156 +0,0 @@
-import { type MultiSelectFilter } from './context.cjs';
-/**
- * The Vue implementation of the shared MultiSelect contract (see
- * `@skdx/shared`'s `multiSelectContract`). A text field with a listbox of
- * options where every chosen value shows up as a removable tag. Owns the
- * `string[]` selection, the draft text and the popup's open state, and hands
- * them to every other `SkdxMultiSelect*` part via provide/inject. Renders no DOM
- * of its own — the "field" box that visually contains the tags and the input is
- * yours to lay out.
- *
- * The popup **stays open across selections** (`closeOnSelect` defaults to
- * `false`): picking five things should cost five clicks, not five clicks and
- * five reopenings. Backspace on an empty input removes the last tag, which is
- * the gesture every tag field has trained users to expect.
- *
- * The tag half is not reimplemented here: `SkdxMultiSelectTagList`/
- * `SkdxMultiSelectTag`/`SkdxMultiSelectTagRemove` are thin bindings over the
- * existing `SkdxTagGroup`/`SkdxTag`/`SkdxTagDelete`, which already own the
- * single-tab-stop roving focus and the "move focus to the neighbour *before*
- * the removal lands" rule that makes clearing several tags in a row possible
- * from the keyboard.
- *
- * Emits `open-change` the instant the state flips and `open-change-complete`
- * once the change has finished on screen — after `SkdxMultiSelectContent`'s
- * enter or exit animation ends, or in the same task when it declares none.
- *
- * Works controlled (`v-model:value`, `v-model:input-value`, `v-model:open`) or
- * uncontrolled (`default-value`, `default-input-value`, `default-open`).
- */
-type __VLS_Props = {
-    /**
-     * Selected values in selection order, for controlled usage. Pair with
-     * `v-model:value` or `@value-change`.
-     * @default undefined — uncontrolled, tracks its own selection internally.
-     */
-    value?: string[];
-    /**
-     * Initially selected values, for uncontrolled usage.
-     * @default [] — nothing selected, so no tags are rendered.
-     */
-    defaultValue?: string[];
-    /**
-     * The draft text in the input, for controlled usage. Pair with
-     * `v-model:input-value` or `@input-value-change` — typically used to filter
-     * the option list, since filtering is the consumer's job unless `filter` is
-     * supplied.
-     * @default undefined — uncontrolled, tracks its own draft text internally.
-     */
-    inputValue?: string;
-    /**
-     * Initial draft text, for uncontrolled usage.
-     * @default '' — the field starts empty, so the option list starts unfiltered.
-     */
-    defaultInputValue?: string;
-    /**
-     * Whether the option popup is open, for controlled usage. Pair with
-     * `v-model:open` or `@open-change`.
-     * @default undefined — uncontrolled, tracks its own open state internally.
-     */
-    open?: boolean;
-    /**
-     * Initial open state, for uncontrolled usage.
-     * @default false — the popup waits for a keystroke or an arrow key.
-     */
-    defaultOpen?: boolean;
-    /**
-     * Largest number of values that can be selected. Once reached, unselected
-     * options become `aria-disabled` and stop responding rather than silently
-     * swallowing clicks; already-selected ones stay removable, so the way out of
-     * a full selection is always visible.
-     * @default undefined — no cap.
-     */
-    max?: number;
-    /**
-     * Close the popup after each selection.
-     * @default false — the whole ergonomic point of a multi-select: picking five things should cost five clicks, not five clicks and five reopenings.
-     */
-    closeOnSelect?: boolean;
-    /**
-     * Predicate deciding which `SkdxMultiSelectItem`s survive the current draft
-     * text. Rejected items render nothing at all, so they leave the option count
-     * and the highlight order exactly as if the consumer had removed them.
-     * @default undefined — nothing is filtered; the consumer renders only the matching items.
-     */
-    filter?: MultiSelectFilter;
-    /**
-     * Blocks all interaction: the input is natively `disabled`, tags cannot be
-     * removed, and the popup can never open.
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * Shows the selection but blocks any change to it — the input is natively
-     * `readonly` and still focusable (unlike `disabled`), tags are not
-     * removable, and no option can be toggled.
-     * @default false
-     */
-    readOnly?: boolean;
-    /**
-     * Marks the field as invalid, exposed as `aria-invalid`/`data-invalid` on
-     * `SkdxMultiSelectInput`.
-     * @default false
-     */
-    invalid?: boolean;
-    /**
-     * Formats the message announced (through the shared live announcer) after
-     * every selection change. Toggling an option changes `aria-selected` on a
-     * node the user is not focused on, so without this a screen-reader user gets
-     * no confirmation that anything happened. Return an empty string to announce
-     * nothing.
-     * @default defaultGetSelectionLabel — e.g. `"2 selected"`.
-     */
-    getSelectionLabel?: (count: number) => string;
-};
-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;
-    "update:value": (value: string[]) => any;
-    "value-change": (value: string[]) => any;
-    "open-change-complete": (open: boolean) => any;
-    "update:inputValue": (value: string) => any;
-    "input-value-change": (value: string) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onUpdate:open"?: ((open: boolean) => any) | undefined;
-    "onOpen-change"?: ((open: boolean) => any) | undefined;
-    "onUpdate:value"?: ((value: string[]) => any) | undefined;
-    "onValue-change"?: ((value: string[]) => any) | undefined;
-    "onOpen-change-complete"?: ((open: boolean) => any) | undefined;
-    "onUpdate:inputValue"?: ((value: string) => any) | undefined;
-    "onInput-value-change"?: ((value: string) => any) | undefined;
-}>, {
-    disabled: boolean;
-    filter: MultiSelectFilter;
-    open: boolean;
-    defaultOpen: boolean;
-    value: string[];
-    invalid: boolean;
-    defaultValue: string[];
-    max: number;
-    readOnly: boolean;
-    inputValue: string;
-    defaultInputValue: string;
-    closeOnSelect: boolean;
-    getSelectionLabel: (count: number) => string;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
-export default _default;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};