@skdx/vue 0.27.0 → 0.29.0

package/dist/steps/StepsItem.vue.d.ts

@@ -1,37 +0,0 @@
-/**
- * A single `<li>` step. Carries `data-status`
- * (`completed` | `current` | `incomplete` | `disabled`), `aria-current="step"`
- * while it is the current step, and a visually-hidden status element so the
- * status reaches assistive tech as text rather than only as colour or
- * position.
- */
-type __VLS_Props = {
-    /** Unique identifier matched against the root's `value` and a `SkdxStepsTrigger`'s `value`. */
-    value: string;
-    /**
-     * Whether this step has been completed. Drives `data-status` and, in linear
-     * mode, which steps a trigger may activate.
-     */
-    completed?: boolean;
-    /**
-     * Whether this step can be activated at all. A disabled step's trigger
-     * leaves the tab order and refuses activation, but the step does not move
-     * the linear frontier.
-     */
-    disabled?: 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<{}>, {
-    disabled: boolean;
-    completed: boolean;
-}, {}, {}, {}, 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/steps/StepsItem.vue.js

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

package/dist/steps/StepsItem.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +0,0 @@
-const r=require("../utils/VisuallyHidden.vue.cjs"),l=require("./context.cjs");let e=require("vue");var n=["data-status","data-orientation","data-disabled","data-value","aria-current"],i=(0,e.defineComponent)({__name:"StepsItem",props:{value:{},completed:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},setup(u){const t=u,a=(0,e.inject)(l.STEPS_CONTEXT);if(!a)throw new Error("SkdxStepsItem must be used within SkdxSteps");a.registerItem({value:t.value,completed:()=>t.completed,disabled:()=>t.disabled}),(0,e.onUnmounted)(()=>a.unregisterItem(t.value));const d=(0,e.computed)(()=>l.stepStatus({completed:t.completed,disabled:t.disabled},a.currentValue()===t.value));return(s,o)=>((0,e.openBlock)(),(0,e.createElementBlock)("li",{class:"skdx-steps__item","data-part":"item","data-status":d.value,"data-orientation":(0,e.unref)(a).orientation(),"data-disabled":u.disabled?"":null,"data-value":u.value,"aria-current":d.value==="current"?"step":void 0},[(0,e.renderSlot)(s.$slots,"default"),(0,e.createVNode)(r.default,{"data-status-text":d.value},{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)((0,e.unref)(a).statusLabel(d.value)),1)]),_:1},8,["data-status-text"])],8,n))}});exports.default=i;

package/dist/steps/StepsItem.vue_vue_type_script_setup_true_lang.js

@@ -1 +0,0 @@
-import e from"../utils/VisuallyHidden.vue.js";import{STEPS_CONTEXT as t,stepStatus as a}from"./context.js";import{computed as s,createElementBlock as d,createTextVNode as l,createVNode as o,defineComponent as u,inject as r,onUnmounted as i,openBlock as n,renderSlot as p,toDisplayString as m,unref as c,withCtx as v}from"vue";var f=["data-status","data-orientation","data-disabled","data-value","aria-current"],b=/* @__PURE__ */u({__name:"StepsItem",props:{value:{},completed:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},setup(u){const b=u,S=r(t);if(!S)throw new Error("SkdxStepsItem must be used within SkdxSteps");S.registerItem({value:b.value,completed:()=>b.completed,disabled:()=>b.disabled}),i(()=>S.unregisterItem(b.value));const x=s(()=>a({completed:b.completed,disabled:b.disabled},S.currentValue()===b.value));return(t,a)=>(n(),d("li",{class:"skdx-steps__item","data-part":"item","data-status":x.value,"data-orientation":c(S).orientation(),"data-disabled":u.disabled?"":null,"data-value":u.value,"aria-current":"current"===x.value?"step":void 0},[p(t.$slots,"default"),o(e,{"data-status-text":x.value},{default:v(()=>[l(m(c(S).statusLabel(x.value)),1)]),_:1},8,["data-status-text"])],8,f))}});export{b as default};

package/dist/steps/StepsTrigger.vue.cjs

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

package/dist/steps/StepsTrigger.vue.d.cts

@@ -1,25 +0,0 @@
-/**
- * The optional interactive control that makes a step navigable. Renders a
- * plain `<button>` — an ordinary tab stop, not part of a roving-focus
- * composite, because a step list is a set of independent controls.
- *
- * A step the navigation mode blocks stays focusable and readable but reports
- * `aria-disabled="true"` and refuses activation; a step whose `SkdxStepsItem`
- * is `disabled` is natively `disabled` and leaves the tab order entirely.
- */
-type __VLS_Props = {
-    /** The owning `SkdxStepsItem`'s `value` — the step this trigger activates. */
-    value: 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/steps/StepsTrigger.vue.d.ts

@@ -1,25 +0,0 @@
-/**
- * The optional interactive control that makes a step navigable. Renders a
- * plain `<button>` — an ordinary tab stop, not part of a roving-focus
- * composite, because a step list is a set of independent controls.
- *
- * A step the navigation mode blocks stays focusable and readable but reports
- * `aria-disabled="true"` and refuses activation; a step whose `SkdxStepsItem`
- * is `disabled` is natively `disabled` and leaves the tab order entirely.
- */
-type __VLS_Props = {
-    /** The owning `SkdxStepsItem`'s `value` — the step this trigger activates. */
-    value: 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/steps/StepsTrigger.vue.js

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

package/dist/steps/StepsTrigger.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +0,0 @@
-const r=require("./context.cjs");let e=require("vue");var c=["data-status","data-orientation","data-disabled","data-value","disabled","aria-disabled"],v=(0,e.defineComponent)({__name:"StepsTrigger",props:{value:{}},setup(l){const a=l,t=(0,e.inject)(r.STEPS_CONTEXT);if(!t)throw new Error("SkdxStepsTrigger must be used within SkdxSteps");const d=(0,e.computed)(()=>t.itemState(a.value)),u=(0,e.computed)(()=>d.value?.disabled??!1),i=(0,e.computed)(()=>r.stepStatus({completed:d.value?.completed??!1,disabled:u.value},t.currentValue()===a.value)),s=(0,e.computed)(()=>!u.value&&!t.canActivate(a.value)),n=()=>{s.value||t.activate(a.value)};return(o,p)=>((0,e.openBlock)(),(0,e.createElementBlock)("button",{class:"skdx-steps__trigger","data-part":"trigger",type:"button","data-status":i.value,"data-orientation":(0,e.unref)(t).orientation(),"data-disabled":u.value?"":null,"data-value":l.value,disabled:u.value,"aria-disabled":s.value?"true":void 0,onClick:n},[(0,e.renderSlot)(o.$slots,"default")],8,c))}});exports.default=v;

package/dist/steps/StepsTrigger.vue_vue_type_script_setup_true_lang.js

@@ -1 +0,0 @@
-import{STEPS_CONTEXT as a,stepStatus as e}from"./context.js";import{computed as t,createElementBlock as s,defineComponent as l,inject as d,openBlock as u,renderSlot as r,unref as i}from"vue";var o=["data-status","data-orientation","data-disabled","data-value","disabled","aria-disabled"],n=/* @__PURE__ */l({__name:"StepsTrigger",props:{value:{}},setup(l){const n=l,v=d(a);if(!v)throw new Error("SkdxStepsTrigger must be used within SkdxSteps");const p=t(()=>v.itemState(n.value)),c=t(()=>p.value?.disabled??!1),m=t(()=>e({completed:p.value?.completed??!1,disabled:c.value},v.currentValue()===n.value)),b=t(()=>!c.value&&!v.canActivate(n.value)),S=()=>{b.value||v.activate(n.value)};return(a,e)=>(u(),s("button",{class:"skdx-steps__trigger","data-part":"trigger",type:"button","data-status":m.value,"data-orientation":i(v).orientation(),"data-disabled":c.value?"":null,"data-value":l.value,disabled:c.value,"aria-disabled":b.value?"true":void 0,onClick:S},[r(a.$slots,"default")],8,o))}});export{n as default};

package/dist/steps/context.cjs

@@ -1 +0,0 @@
-function a(t,e){return e?"current":t.completed?"completed":t.disabled?"disabled":"incomplete"}function d(t){return t.map(e=>({value:e.value,completed:e.completed(),disabled:e.disabled()}))}function i(t,e,l,u){const r=t.find(n=>n.value===e);return!r||r.disabled?!1:u==="non-linear"||r.completed||r.value===l?!0:t.find(n=>!n.completed)?.value===e}var c=Symbol("SkdxSteps");exports.STEPS_CONTEXT=c;exports.canActivateStep=i;exports.resolveItems=d;exports.stepStatus=a;

package/dist/steps/context.d.cts

@@ -1,62 +0,0 @@
-import type { InjectionKey } from 'vue';
-/** The four mutually exclusive statuses a single step can be in. */
-export type StepStatus = 'completed' | 'current' | 'incomplete' | 'disabled';
-/** Layout axis of a Steps list: side-by-side (`'horizontal'`) or stacked (`'vertical'`). */
-export type StepsOrientation = 'horizontal' | 'vertical';
-/**
- * How far a `SkdxStepsTrigger` may jump. `'linear'` allows completed steps, the
- * current step, and the first not-yet-completed step (the frontier);
- * `'non-linear'` allows any step that is not itself disabled.
- */
-export type StepsNavigationMode = 'linear' | 'non-linear';
-/** A step's completion/disabled state at one moment in time. */
-export interface StepsItemState {
-    value: string;
-    completed: boolean;
-    disabled: boolean;
-}
-/**
- * @internal A registered step. `completed`/`disabled` are getters rather than
- * snapshots so the registry stays live — a wizard flips `completed` as the
- * user progresses, and the linear frontier has to move with it.
- */
-export interface StepsRegisteredItem {
-    readonly value: string;
-    readonly completed: () => boolean;
-    readonly disabled: () => boolean;
-}
-/**
- * @internal The one place a step's four-way status is derived, so every part
- * agrees. Precedence is `current` → `completed` → `disabled` → `incomplete`:
- * a completed-but-disabled step still announces "Completed", because being
- * unreachable is already conveyed by the trigger's disabled state.
- */
-export declare function stepStatus(item: Omit<StepsItemState, 'value'>, current: boolean): StepStatus;
-/** @internal Resolves the live registry into plain state for {@link canActivateStep}. */
-export declare function resolveItems(items: readonly StepsRegisteredItem[]): StepsItemState[];
-/**
- * @internal The whole of linear-mode enforcement. A step is reachable when it
- * is already completed, is the current step, or is the *frontier* — the first
- * step that is not yet completed. A disabled step never activates, but it is
- * not a wall either: it does not shift the frontier past itself.
- */
-export declare function canActivateStep(items: readonly StepsItemState[], value: string, currentValue: string | undefined, navigationMode: StepsNavigationMode): boolean;
-/**
- * @internal Injection key an `SkdxSteps` provides so its item/trigger children
- * can read shared state. State is exposed as plain getter functions rather
- * than refs so this file stays a thin contract.
- */
-export interface StepsContext {
-    readonly currentValue: () => string | undefined;
-    readonly orientation: () => StepsOrientation;
-    readonly navigationMode: () => StepsNavigationMode;
-    readonly statusLabel: (status: StepStatus) => string;
-    /** The registered step's live state, or `undefined` before it has registered. */
-    itemState(value: string): StepsItemState | undefined;
-    canActivate(value: string): boolean;
-    activate(value: string): void;
-    registerItem(item: StepsRegisteredItem): void;
-    unregisterItem(value: string): void;
-}
-/** @internal Injection key under which `SkdxSteps` provides its {@link StepsContext} to its parts. */
-export declare const STEPS_CONTEXT: InjectionKey<StepsContext>;

package/dist/steps/context.d.ts

@@ -1,62 +0,0 @@
-import type { InjectionKey } from 'vue';
-/** The four mutually exclusive statuses a single step can be in. */
-export type StepStatus = 'completed' | 'current' | 'incomplete' | 'disabled';
-/** Layout axis of a Steps list: side-by-side (`'horizontal'`) or stacked (`'vertical'`). */
-export type StepsOrientation = 'horizontal' | 'vertical';
-/**
- * How far a `SkdxStepsTrigger` may jump. `'linear'` allows completed steps, the
- * current step, and the first not-yet-completed step (the frontier);
- * `'non-linear'` allows any step that is not itself disabled.
- */
-export type StepsNavigationMode = 'linear' | 'non-linear';
-/** A step's completion/disabled state at one moment in time. */
-export interface StepsItemState {
-    value: string;
-    completed: boolean;
-    disabled: boolean;
-}
-/**
- * @internal A registered step. `completed`/`disabled` are getters rather than
- * snapshots so the registry stays live — a wizard flips `completed` as the
- * user progresses, and the linear frontier has to move with it.
- */
-export interface StepsRegisteredItem {
-    readonly value: string;
-    readonly completed: () => boolean;
-    readonly disabled: () => boolean;
-}
-/**
- * @internal The one place a step's four-way status is derived, so every part
- * agrees. Precedence is `current` → `completed` → `disabled` → `incomplete`:
- * a completed-but-disabled step still announces "Completed", because being
- * unreachable is already conveyed by the trigger's disabled state.
- */
-export declare function stepStatus(item: Omit<StepsItemState, 'value'>, current: boolean): StepStatus;
-/** @internal Resolves the live registry into plain state for {@link canActivateStep}. */
-export declare function resolveItems(items: readonly StepsRegisteredItem[]): StepsItemState[];
-/**
- * @internal The whole of linear-mode enforcement. A step is reachable when it
- * is already completed, is the current step, or is the *frontier* — the first
- * step that is not yet completed. A disabled step never activates, but it is
- * not a wall either: it does not shift the frontier past itself.
- */
-export declare function canActivateStep(items: readonly StepsItemState[], value: string, currentValue: string | undefined, navigationMode: StepsNavigationMode): boolean;
-/**
- * @internal Injection key an `SkdxSteps` provides so its item/trigger children
- * can read shared state. State is exposed as plain getter functions rather
- * than refs so this file stays a thin contract.
- */
-export interface StepsContext {
-    readonly currentValue: () => string | undefined;
-    readonly orientation: () => StepsOrientation;
-    readonly navigationMode: () => StepsNavigationMode;
-    readonly statusLabel: (status: StepStatus) => string;
-    /** The registered step's live state, or `undefined` before it has registered. */
-    itemState(value: string): StepsItemState | undefined;
-    canActivate(value: string): boolean;
-    activate(value: string): void;
-    registerItem(item: StepsRegisteredItem): void;
-    unregisterItem(value: string): void;
-}
-/** @internal Injection key under which `SkdxSteps` provides its {@link StepsContext} to its parts. */
-export declare const STEPS_CONTEXT: InjectionKey<StepsContext>;

package/dist/steps/context.js

@@ -1 +0,0 @@
-function e(e,t){return t?"current":e.completed?"completed":e.disabled?"disabled":"incomplete"}function t(e){return e.map(e=>({value:e.value,completed:e.completed(),disabled:e.disabled()}))}function a(e,t,a,l){const d=e.find(e=>e.value===t);return!(!d||d.disabled||"non-linear"!==l&&!d.completed&&d.value!==a&&e.find(e=>!e.completed)?.value!==t)}var l=/* @__PURE__ */Symbol("SkdxSteps");export{l as STEPS_CONTEXT,a as canActivateStep,t as resolveItems,e as stepStatus};

package/dist/steps/index.cjs

@@ -1 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Steps.vue.cjs"),r=require("./StepsItem.vue.cjs"),t=require("./StepsTrigger.vue.cjs");exports.SkdxSteps=e.default;exports.SkdxStepsItem=r.default;exports.SkdxStepsTrigger=t.default;

package/dist/steps/index.d.cts

@@ -1,4 +0,0 @@
-export { default as SkdxSteps } from './Steps.vue.cjs';
-export { default as SkdxStepsItem } from './StepsItem.vue.cjs';
-export { default as SkdxStepsTrigger } from './StepsTrigger.vue.cjs';
-export type { StepStatus, StepsOrientation, StepsNavigationMode, StepsItemState } from './context.cjs';

package/dist/steps/index.d.ts

@@ -1,4 +0,0 @@
-export { default as SkdxSteps } from './Steps.vue.js';
-export { default as SkdxStepsItem } from './StepsItem.vue.js';
-export { default as SkdxStepsTrigger } from './StepsTrigger.vue.js';
-export type { StepStatus, StepsOrientation, StepsNavigationMode, StepsItemState } from './context.js';

package/dist/steps/index.js

@@ -1 +0,0 @@
-import e from"./Steps.vue.js";import s from"./StepsItem.vue.js";import t from"./StepsTrigger.vue.js";export{e as SkdxSteps,s as SkdxStepsItem,t as SkdxStepsTrigger};

package/dist/tag/Tag.vue.cjs

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

package/dist/tag/Tag.vue.d.cts

@@ -1,46 +0,0 @@
-/**
- * The Vue implementation of the shared Tag contract (see `@skdx/shared`'s
- * `tagContract`). One removable entry inside a `<SkdxTagGroup>`: renders a
- * `<span role="listitem">` that takes part in the group's roving tabindex and
- * emits `delete` on `Delete` or `Backspace`, after moving focus to a
- * neighbouring tag so the removal never drops focus to `<body>`.
- *
- * Give it a `<SkdxTagDelete>` child for a pointer affordance; the button
- * borrows `value` for its accessible name, so it announces "Remove react"
- * rather than joining a row of identical "Remove" buttons.
- *
- * Must be used inside `<SkdxTagGroup>` — the group owns the focus behaviour
- * that makes a tag worth being a component at all. For a purely decorative
- * label with no keyboard behaviour, use `<SkdxBadge>`.
- *
- * Unlike React and Svelte, where a missing `onDelete`/`ondelete` marks a tag
- * static, this emits `delete` unconditionally: a Vue component cannot cheaply
- * tell whether a parent is listening.
- */
-type __VLS_Props = {
-    /** This tag's position in the rendered list; the group compares it against its own active index to place the single Tab stop. */
-    index: number;
-    /** This tag's text, used to name the delete button (`Remove react`). */
-    value?: string;
-    /** Disables this tag alone: it can't be removed and arrow-key navigation skips it. */
-    disabled?: 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, {
-    delete: () => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onDelete?: (() => any) | undefined;
-}>, {
-    disabled: boolean;
-    value: string;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
-export default _default;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/tag/Tag.vue.d.ts

@@ -1,46 +0,0 @@
-/**
- * The Vue implementation of the shared Tag contract (see `@skdx/shared`'s
- * `tagContract`). One removable entry inside a `<SkdxTagGroup>`: renders a
- * `<span role="listitem">` that takes part in the group's roving tabindex and
- * emits `delete` on `Delete` or `Backspace`, after moving focus to a
- * neighbouring tag so the removal never drops focus to `<body>`.
- *
- * Give it a `<SkdxTagDelete>` child for a pointer affordance; the button
- * borrows `value` for its accessible name, so it announces "Remove react"
- * rather than joining a row of identical "Remove" buttons.
- *
- * Must be used inside `<SkdxTagGroup>` — the group owns the focus behaviour
- * that makes a tag worth being a component at all. For a purely decorative
- * label with no keyboard behaviour, use `<SkdxBadge>`.
- *
- * Unlike React and Svelte, where a missing `onDelete`/`ondelete` marks a tag
- * static, this emits `delete` unconditionally: a Vue component cannot cheaply
- * tell whether a parent is listening.
- */
-type __VLS_Props = {
-    /** This tag's position in the rendered list; the group compares it against its own active index to place the single Tab stop. */
-    index: number;
-    /** This tag's text, used to name the delete button (`Remove react`). */
-    value?: string;
-    /** Disables this tag alone: it can't be removed and arrow-key navigation skips it. */
-    disabled?: 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, {
-    delete: () => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onDelete?: (() => any) | undefined;
-}>, {
-    disabled: boolean;
-    value: string;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
-export default _default;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/tag/Tag.vue.js

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

package/dist/tag/Tag.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +0,0 @@
-const l=require("../tag-group/context.cjs"),_=require("./context.cjs");let e=require("vue");var m=["data-disabled","tabindex"],b=(0,e.defineComponent)({__name:"Tag",props:{index:{},value:{default:""},disabled:{type:Boolean,default:!1}},emits:["delete"],setup(c,{emit:p}){const t=c,v=p,o=(0,e.inject)(l.TAG_GROUP_CONTEXT);if(!o)throw new Error("<SkdxTag> must be used inside <SkdxTagGroup>.");const n=o,r=(0,e.ref)(null),d=(0,e.computed)(()=>t.disabled||n.disabled.value),f=(0,e.computed)(()=>n.tabStopIndex.value===t.index?0:-1);let u;(0,e.onMounted)(()=>{u=n.register()}),(0,e.onUnmounted)(()=>u?.());function s(){d.value||(n.setActiveIndex(l.focusTagNeighbor(r.value,t.index)),v("delete"))}function x(a){a.key!=="Delete"&&a.key!=="Backspace"||(a.preventDefault(),s())}return(0,e.provide)(_.TAG_CONTEXT,{value:(0,e.computed)(()=>t.value),disabled:d,remove:s}),(a,i)=>((0,e.openBlock)(),(0,e.createElementBlock)("span",{class:"skdx-tag","data-part":"root","data-skdx-component":"tag",ref_key:"element",ref:r,role:"listitem","data-skdx-tag":"","data-disabled":d.value?"":void 0,tabindex:f.value,onFocusin:i[0]||(i[0]=g=>(0,e.unref)(n).setActiveIndex(t.index)),onKeydown:x},[(0,e.renderSlot)(a.$slots,"default")],40,m))}});exports.default=b;

package/dist/tag/Tag.vue_vue_type_script_setup_true_lang.js

@@ -1 +0,0 @@
-import{TAG_GROUP_CONTEXT as e,focusTagNeighbor as a}from"../tag-group/context.js";import{TAG_CONTEXT as t}from"./context.js";import{computed as d,createElementBlock as o,defineComponent as s,inject as n,onMounted as l,onUnmounted as i,openBlock as r,provide as u,ref as p,renderSlot as c,unref as m}from"vue";var f=["data-disabled","tabindex"],v=/* @__PURE__ */s({__name:"Tag",props:{index:{},value:{default:""},disabled:{type:Boolean,default:!1}},emits:["delete"],setup(s,{emit:v}){const x=s,b=v,g=n(e);if(!g)throw new Error("<SkdxTag> must be used inside <SkdxTagGroup>.");const k=g,T=p(null),_=d(()=>x.disabled||k.disabled.value),y=d(()=>k.tabStopIndex.value===x.index?0:-1);let A;function B(){_.value||(k.setActiveIndex(a(T.value,x.index)),b("delete"))}function E(e){"Delete"!==e.key&&"Backspace"!==e.key||(e.preventDefault(),B())}return l(()=>{A=k.register()}),i(()=>A?.()),u(t,{value:d(()=>x.value),disabled:_,remove:B}),(e,a)=>(r(),o("span",{class:"skdx-tag","data-part":"root","data-skdx-component":"tag",ref_key:"element",ref:T,role:"listitem","data-skdx-tag":"","data-disabled":_.value?"":void 0,tabindex:y.value,onFocusin:a[0]||(a[0]=e=>m(k).setActiveIndex(x.index)),onKeydown:E},[c(e.$slots,"default")],40,f))}});export{v as default};

package/dist/tag/TagDelete.vue.cjs

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

package/dist/tag/TagDelete.vue.d.cts

@@ -1,23 +0,0 @@
-/**
- * Removes its parent `<SkdxTag>` on click. Renders a `<button type="button">`
- * named `Remove <value>` from the tag's own text, so a group of them reads as
- * "Remove react", "Remove typescript" rather than a row of identical "Remove"
- * buttons.
- *
- * It is deliberately **not** a Tab stop: the group has one, and the keyboard
- * path to removal is `Delete`/`Backspace` on the tag itself. Must be used
- * inside `<SkdxTag>`.
- */
-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/tag/TagDelete.vue.d.ts

@@ -1,23 +0,0 @@
-/**
- * Removes its parent `<SkdxTag>` on click. Renders a `<button type="button">`
- * named `Remove <value>` from the tag's own text, so a group of them reads as
- * "Remove react", "Remove typescript" rather than a row of identical "Remove"
- * buttons.
- *
- * It is deliberately **not** a Tab stop: the group has one, and the keyboard
- * path to removal is `Delete`/`Backspace` on the tag itself. Must be used
- * inside `<SkdxTag>`.
- */
-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/tag/TagDelete.vue.js

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

package/dist/tag/TagDelete.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +0,0 @@
-const n=require("./context.cjs");let e=require("vue");var u=["aria-label","disabled","data-disabled"],o=(0,e.defineComponent)({__name:"TagDelete",setup(s){const a=(0,e.inject)(n.TAG_CONTEXT);if(!a)throw new Error("<SkdxTagDelete> must be used inside <SkdxTag>.");const t=a,d=(0,e.computed)(()=>`Remove ${t.value.value}`.trim());return(r,l)=>((0,e.openBlock)(),(0,e.createElementBlock)("button",{class:"skdx-tag__delete","data-part":"delete",type:"button","aria-label":d.value,disabled:(0,e.unref)(t).disabled.value,"data-disabled":(0,e.unref)(t).disabled.value?"":void 0,tabindex:-1,onClick:l[0]||(l[0]=i=>(0,e.unref)(t).remove())},[(0,e.renderSlot)(r.$slots,"default")],8,u))}});exports.default=o;

package/dist/tag/TagDelete.vue_vue_type_script_setup_true_lang.js

@@ -1 +0,0 @@
-import{TAG_CONTEXT as e}from"./context.js";import{computed as a,createElementBlock as t,defineComponent as d,inject as l,openBlock as s,renderSlot as o,unref as r}from"vue";var i=["aria-label","disabled","data-disabled"],n=/* @__PURE__ */d({__name:"TagDelete",setup(d){const n=l(e);if(!n)throw new Error("<SkdxTagDelete> must be used inside <SkdxTag>.");const u=n,b=a(()=>`Remove ${u.value.value}`.trim());return(e,a)=>(s(),t("button",{class:"skdx-tag__delete","data-part":"delete",type:"button","aria-label":b.value,disabled:r(u).disabled.value,"data-disabled":r(u).disabled.value?"":void 0,tabindex:-1,onClick:a[0]||(a[0]=e=>r(u).remove())},[o(e.$slots,"default")],8,i))}});export{n as default};

package/dist/tag/context.cjs

@@ -1 +0,0 @@
-var T=Symbol("skdx-tag-context");exports.TAG_CONTEXT=T;

package/dist/tag/context.d.cts

@@ -1,12 +0,0 @@
-import type { ComputedRef, InjectionKey } from 'vue';
-/** @internal Shape a tag provides so its `SkdxTagDelete` part can name itself and trigger the removal. */
-export interface TagContext {
-    /** The tag's own text, used to name the delete button as `Remove <value>`. */
-    value: ComputedRef<string>;
-    /** Whether this tag (or the whole group) is disabled. */
-    disabled: ComputedRef<boolean>;
-    /** Moves focus to a neighbouring tag and then emits `delete`; a no-op while disabled. */
-    remove: () => void;
-}
-/** @internal Injection key a tag provides so its delete part shares the tag's text, disabled flag and removal. */
-export declare const TAG_CONTEXT: InjectionKey<TagContext>;

package/dist/tag/context.d.ts

@@ -1,12 +0,0 @@
-import type { ComputedRef, InjectionKey } from 'vue';
-/** @internal Shape a tag provides so its `SkdxTagDelete` part can name itself and trigger the removal. */
-export interface TagContext {
-    /** The tag's own text, used to name the delete button as `Remove <value>`. */
-    value: ComputedRef<string>;
-    /** Whether this tag (or the whole group) is disabled. */
-    disabled: ComputedRef<boolean>;
-    /** Moves focus to a neighbouring tag and then emits `delete`; a no-op while disabled. */
-    remove: () => void;
-}
-/** @internal Injection key a tag provides so its delete part shares the tag's text, disabled flag and removal. */
-export declare const TAG_CONTEXT: InjectionKey<TagContext>;

package/dist/tag/context.js

@@ -1 +0,0 @@
-var t=/* @__PURE__ */Symbol("skdx-tag-context");export{t as TAG_CONTEXT};

package/dist/tag/index.cjs

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

package/dist/tag/index.d.cts

@@ -1,2 +0,0 @@
-export { default as SkdxTag } from './Tag.vue.cjs';
-export { default as SkdxTagDelete } from './TagDelete.vue.cjs';

package/dist/tag/index.d.ts

@@ -1,2 +0,0 @@
-export { default as SkdxTag } from './Tag.vue.js';
-export { default as SkdxTagDelete } from './TagDelete.vue.js';

package/dist/tag/index.js

@@ -1 +0,0 @@
-import e from"./Tag.vue.js";import a from"./TagDelete.vue.js";export{e as SkdxTag,a as SkdxTagDelete};

package/dist/tooltip/Tooltip.vue.cjs

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

package/dist/tooltip/Tooltip.vue.d.cts

@@ -1,65 +0,0 @@
-/**
- * The Vue implementation of the shared Tooltip contract (see
- * `@skdx/shared`'s `tooltipContract`). Root of a single hover/focus
- * tooltip: owns open state (with hover-in delay and instant-close) and
- * hands it down to `SkdxTooltipTrigger` / `SkdxTooltipPortal` /
- * `SkdxTooltipContent` / `SkdxTooltipArrow` via context. Wraps children in
- * the shared popper positioning root. Renders no DOM element itself.
- *
- * Opens on pointer-enter (after `delayDuration`) or focus, closes on
- * pointer-leave, blur, click, or Escape. Escape is listened for on the
- * document while open, so a tooltip opened by hover is dismissable even when
- * keyboard focus is elsewhere (WCAG 2.2 SC 1.4.13). With
- * `:disable-hoverable-content="false"` the pointer may instead travel from the
- * trigger into the bubble and keep it open. Nest under a single
- * `SkdxTooltipProvider` to share hover-delay timing across multiple
- * tooltips.
- *
- * Emits `open-change` the instant the state flips and `open-change-complete`
- * once the change has finished on screen — after `SkdxTooltipContent`'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 tooltip is open, for controlled usage. Pair with `v-model:open`. */
-    open?: boolean;
-    /** Whether the tooltip is initially open, for uncontrolled usage. */
-    defaultOpen?: boolean;
-    /** Delay before this tooltip opens on hover (ms). Overrides the ancestor `SkdxTooltipProvider`'s delay when set. */
-    delayDuration?: number;
-    /**
-     * Whether `SkdxTooltipContent` ignores the pointer, so moving off the
-     * trigger closes this tooltip even if the pointer lands on the bubble.
-     * Overrides the ancestor `SkdxTooltipProvider`'s setting, which itself
-     * defaults to `true` — unlike Radix, because tooltips here are
-     * pointer-transparent today and flipping that silently would be a
-     * breaking change.
-     */
-    disableHoverableContent?: 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;
-}>, {
-    open: boolean;
-    defaultOpen: boolean;
-    delayDuration: number;
-    disableHoverableContent: boolean;
-}, {}, {}, {}, 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;
-    };
-};