@skdx/vue 0.26.0

package/dist/checkbox-group/CheckboxGroupSelectAll.vue.d.cts

@@ -0,0 +1,29 @@
+/**
+ * The tri-state "select all" parent of an `SkdxCheckboxGroup`: checked when
+ * every enabled item is checked, `aria-checked="mixed"` when only some are,
+ * unchecked when none are. Clicking it checks every enabled item, or clears
+ * them when they are already all checked.
+ *
+ * It lives *inside* the group — it reads the same item registry the items
+ * feed, and inside the group is also where a screen reader announces it as
+ * part of the set. It carries no `value` and no `name`, so it renders no
+ * hidden input and is never submitted.
+ */
+type __VLS_Props = {
+    /** Disables the parent alone; the group-level `disabled` also disables it. */
+    disabled?: boolean;
+};
+declare var __VLS_9: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_9) => 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;
+}, {}, {}, {}, 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/checkbox-group/CheckboxGroupSelectAll.vue.d.ts

@@ -0,0 +1,29 @@
+/**
+ * The tri-state "select all" parent of an `SkdxCheckboxGroup`: checked when
+ * every enabled item is checked, `aria-checked="mixed"` when only some are,
+ * unchecked when none are. Clicking it checks every enabled item, or clears
+ * them when they are already all checked.
+ *
+ * It lives *inside* the group — it reads the same item registry the items
+ * feed, and inside the group is also where a screen reader announces it as
+ * part of the set. It carries no `value` and no `name`, so it renders no
+ * hidden input and is never submitted.
+ */
+type __VLS_Props = {
+    /** Disables the parent alone; the group-level `disabled` also disables it. */
+    disabled?: boolean;
+};
+declare var __VLS_9: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_9) => 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;
+}, {}, {}, {}, 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/checkbox-group/CheckboxGroupSelectAll.vue.js

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

package/dist/checkbox-group/CheckboxGroupSelectAll.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const d=require("../checkbox/Checkbox.vue.cjs"),a=require("./context.cjs");let e=require("vue");var s=(0,e.defineComponent)({__name:"CheckboxGroupSelectAll",props:{disabled:{type:Boolean,default:!1}},setup(r){const o=r,l=(0,e.inject)(a.CHECKBOX_GROUP_CONTEXT);if(!l)throw new Error("SkdxCheckboxGroupSelectAll must be used within an SkdxCheckboxGroup");const u=(0,e.computed)(()=>l.disabled.value||o.disabled);return(c,t)=>((0,e.openBlock)(),(0,e.createBlock)(d.default,{class:"skdx-checkbox-group__select-all","data-part":"select-all",checked:(0,e.unref)(l).selectAllChecked.value,disabled:u.value,onCheckedChange:t[0]||(t[0]=n=>(0,e.unref)(l).toggleAll())},{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(c.$slots,"default")]),_:3},8,["checked","disabled"]))}});exports.default=s;

package/dist/checkbox-group/CheckboxGroupSelectAll.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import e from"../checkbox/Checkbox.vue.js";import{CHECKBOX_GROUP_CONTEXT as l}from"./context.js";import{computed as o,createBlock as a,defineComponent as t,inject as s,openBlock as c,renderSlot as d,unref as r,withCtx as u}from"vue";var n=/* @__PURE__ */t({__name:"CheckboxGroupSelectAll",props:{disabled:{type:Boolean,default:!1}},setup(t){const n=t,p=s(l);if(!p)throw new Error("SkdxCheckboxGroupSelectAll must be used within an SkdxCheckboxGroup");const k=o(()=>p.disabled.value||n.disabled);return(l,o)=>(c(),a(e,{class:"skdx-checkbox-group__select-all","data-part":"select-all",checked:r(p).selectAllChecked.value,disabled:k.value,onCheckedChange:o[0]||(o[0]=e=>r(p).toggleAll())},{default:u(()=>[d(l.$slots,"default")]),_:3},8,["checked","disabled"]))}});export{n as default};

package/dist/checkbox-group/context.cjs

@@ -0,0 +1 @@
+var r=Symbol("skdx-checkbox-group-context");function n(e,c){return e.length>0&&e.every(t=>c.includes(t))?!0:e.some(t=>c.includes(t))?"indeterminate":!1}exports.CHECKBOX_GROUP_CONTEXT=r;exports.getSelectAllChecked=n;

package/dist/checkbox-group/context.d.cts

@@ -0,0 +1,34 @@
+import type { ComputedRef, InjectionKey } from 'vue';
+/** A checkbox's tri-state value: checked, unchecked, or indeterminate (partially checked). */
+export type CheckedState = boolean | 'indeterminate';
+/** @internal One registered CheckboxGroupItem, as the group root sees it. */
+export interface CheckboxGroupItemEntry {
+    value: string;
+    disabled: boolean;
+}
+/** @internal Shape a CheckboxGroup provides so its items and select-all parent share state. */
+export interface CheckboxGroupContext {
+    name: ComputedRef<string | undefined>;
+    value: ComputedRef<string[]>;
+    disabled: ComputedRef<boolean>;
+    /** Group-level `required`, carried by each item as `aria-required`. */
+    required: ComputedRef<boolean>;
+    /** Tri-state of the select-all parent, derived from the enabled items. */
+    selectAllChecked: ComputedRef<CheckedState>;
+    /** Adds or removes one item's value. */
+    toggleItem: (value: string, checked: boolean) => void;
+    /** Checks every enabled item, or clears them all when they already are. */
+    toggleAll: () => void;
+    registerItem: (entry: CheckboxGroupItemEntry) => void;
+    unregisterItem: (entry: CheckboxGroupItemEntry) => void;
+}
+/** @internal Injection key a CheckboxGroup provides so its parts share the value, name and select-all state. */
+export declare const CHECKBOX_GROUP_CONTEXT: InjectionKey<CheckboxGroupContext>;
+/**
+ * The select-all parent's tri-state, derived from the *enabled* items only:
+ * a disabled item can neither be checked nor cleared by the parent, so
+ * counting it would leave the parent permanently indeterminate. An empty
+ * group reads as unchecked rather than "all of nothing is checked".
+ * @internal
+ */
+export declare function getSelectAllChecked(enabledValues: string[], value: string[]): CheckedState;

package/dist/checkbox-group/context.d.ts

@@ -0,0 +1,34 @@
+import type { ComputedRef, InjectionKey } from 'vue';
+/** A checkbox's tri-state value: checked, unchecked, or indeterminate (partially checked). */
+export type CheckedState = boolean | 'indeterminate';
+/** @internal One registered CheckboxGroupItem, as the group root sees it. */
+export interface CheckboxGroupItemEntry {
+    value: string;
+    disabled: boolean;
+}
+/** @internal Shape a CheckboxGroup provides so its items and select-all parent share state. */
+export interface CheckboxGroupContext {
+    name: ComputedRef<string | undefined>;
+    value: ComputedRef<string[]>;
+    disabled: ComputedRef<boolean>;
+    /** Group-level `required`, carried by each item as `aria-required`. */
+    required: ComputedRef<boolean>;
+    /** Tri-state of the select-all parent, derived from the enabled items. */
+    selectAllChecked: ComputedRef<CheckedState>;
+    /** Adds or removes one item's value. */
+    toggleItem: (value: string, checked: boolean) => void;
+    /** Checks every enabled item, or clears them all when they already are. */
+    toggleAll: () => void;
+    registerItem: (entry: CheckboxGroupItemEntry) => void;
+    unregisterItem: (entry: CheckboxGroupItemEntry) => void;
+}
+/** @internal Injection key a CheckboxGroup provides so its parts share the value, name and select-all state. */
+export declare const CHECKBOX_GROUP_CONTEXT: InjectionKey<CheckboxGroupContext>;
+/**
+ * The select-all parent's tri-state, derived from the *enabled* items only:
+ * a disabled item can neither be checked nor cleared by the parent, so
+ * counting it would leave the parent permanently indeterminate. An empty
+ * group reads as unchecked rather than "all of nothing is checked".
+ * @internal
+ */
+export declare function getSelectAllChecked(enabledValues: string[], value: string[]): CheckedState;

package/dist/checkbox-group/context.js

@@ -0,0 +1 @@
+var e=/* @__PURE__ */Symbol("skdx-checkbox-group-context");function t(e,t){return!!(e.length>0&&e.every(e=>t.includes(e)))||!!e.some(e=>t.includes(e))&&"indeterminate"}export{e as CHECKBOX_GROUP_CONTEXT,t as getSelectAllChecked};

package/dist/checkbox-group/index.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./CheckboxGroup.vue.cjs"),r=require("./CheckboxGroupItem.vue.cjs"),o=require("./CheckboxGroupSelectAll.vue.cjs");exports.SkdxCheckboxGroup=e.default;exports.SkdxCheckboxGroupItem=r.default;exports.SkdxCheckboxGroupSelectAll=o.default;

package/dist/checkbox-group/index.d.cts

@@ -0,0 +1,3 @@
+export { default as SkdxCheckboxGroup } from './CheckboxGroup.vue.cjs';
+export { default as SkdxCheckboxGroupItem } from './CheckboxGroupItem.vue.cjs';
+export { default as SkdxCheckboxGroupSelectAll } from './CheckboxGroupSelectAll.vue.cjs';

package/dist/checkbox-group/index.d.ts

@@ -0,0 +1,3 @@
+export { default as SkdxCheckboxGroup } from './CheckboxGroup.vue.js';
+export { default as SkdxCheckboxGroupItem } from './CheckboxGroupItem.vue.js';
+export { default as SkdxCheckboxGroupSelectAll } from './CheckboxGroupSelectAll.vue.js';

package/dist/checkbox-group/index.js

@@ -0,0 +1 @@
+import o from"./CheckboxGroup.vue.js";import e from"./CheckboxGroupItem.vue.js";import r from"./CheckboxGroupSelectAll.vue.js";export{o as SkdxCheckboxGroup,e as SkdxCheckboxGroupItem,r as SkdxCheckboxGroupSelectAll};

package/dist/clipboard/Clipboard.vue.cjs

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

package/dist/clipboard/Clipboard.vue.d.cts

@@ -0,0 +1,80 @@
+/**
+ * The Vue implementation of the shared Clipboard contract (see
+ * `@skdx/shared`'s `clipboardContract`). Root of a copy-to-clipboard widget:
+ * owns the text to copy and the transient `copied` state, and hands both to
+ * `SkdxClipboardTrigger`, `SkdxClipboardIndicator` and `SkdxClipboardInput`
+ * through provide/inject. Renders a `<div>` with
+ * `data-state="copied" | "idle"` and `data-disabled`.
+ *
+ * **The confirmation is the component.** Writing to the clipboard is two lines
+ * of platform API; what needs owning is the `copied` flag that has to expire,
+ * the announcement a swapped checkmark does not make (it is invisible to a
+ * screen-reader user, who otherwise has no way to know the button did
+ * anything), and the failure path. The state falls back to `idle` after
+ * `timeout` ms; a second copy restarts that timer rather than inheriting the
+ * remainder of the first one, and unmounting cancels it.
+ *
+ * Copying goes through `navigator.clipboard.writeText` where available and
+ * through a hidden-textarea + `execCommand` fallback where it is not — or
+ * where it *rejects*, which is the normal outcome in a non-secure context — so
+ * a page on plain HTTP still copies. Every branch of that detection runs
+ * inside the click handler, never at setup scope, so the component
+ * server-renders on a runtime with no `document` at all.
+ *
+ * @example
+ * ```vue
+ * <SkdxClipboard value="npm i @skdx/vue">
+ *   <SkdxClipboardInput aria-label="Install command" />
+ *   <SkdxClipboardTrigger aria-label="Copy install command">
+ *     <SkdxClipboardIndicator match="idle">Copy</SkdxClipboardIndicator>
+ *     <SkdxClipboardIndicator>Copied!</SkdxClipboardIndicator>
+ *   </SkdxClipboardTrigger>
+ * </SkdxClipboard>
+ * ```
+ */
+type __VLS_Props = {
+    /** The text written to the system clipboard when a `SkdxClipboardTrigger` is activated. */
+    value: string;
+    /**
+     * How long the `copied` state lasts, in milliseconds, before it falls back
+     * to `idle`. Pass `null` to keep `copied` until the next copy — for a flow
+     * where the confirmation should persist until the user does something else.
+     * @default 2000 — long enough to read the confirmation, short enough that a second copy still feels like it did something.
+     */
+    timeout?: number | null;
+    /**
+     * Disables every trigger and blocks copying entirely.
+     * @default false — the control copies on activation.
+     */
+    disabled?: boolean;
+    /**
+     * The polite live-region message announced after a successful copy — the
+     * only feedback a screen-reader user gets, since swapping an
+     * `SkdxClipboardIndicator` changes nothing an assistive technology reads.
+     * Pass `''` to announce nothing.
+     * @default 'Copied to clipboard'
+     */
+    copiedLabel?: 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, {
+    copy: (value: string) => any;
+    "copy-error": (error: unknown) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onCopy?: ((value: string) => any) | undefined;
+    "onCopy-error"?: ((error: unknown) => any) | undefined;
+}>, {
+    disabled: boolean;
+    timeout: number | null;
+    copiedLabel: 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/clipboard/Clipboard.vue.d.ts

@@ -0,0 +1,80 @@
+/**
+ * The Vue implementation of the shared Clipboard contract (see
+ * `@skdx/shared`'s `clipboardContract`). Root of a copy-to-clipboard widget:
+ * owns the text to copy and the transient `copied` state, and hands both to
+ * `SkdxClipboardTrigger`, `SkdxClipboardIndicator` and `SkdxClipboardInput`
+ * through provide/inject. Renders a `<div>` with
+ * `data-state="copied" | "idle"` and `data-disabled`.
+ *
+ * **The confirmation is the component.** Writing to the clipboard is two lines
+ * of platform API; what needs owning is the `copied` flag that has to expire,
+ * the announcement a swapped checkmark does not make (it is invisible to a
+ * screen-reader user, who otherwise has no way to know the button did
+ * anything), and the failure path. The state falls back to `idle` after
+ * `timeout` ms; a second copy restarts that timer rather than inheriting the
+ * remainder of the first one, and unmounting cancels it.
+ *
+ * Copying goes through `navigator.clipboard.writeText` where available and
+ * through a hidden-textarea + `execCommand` fallback where it is not — or
+ * where it *rejects*, which is the normal outcome in a non-secure context — so
+ * a page on plain HTTP still copies. Every branch of that detection runs
+ * inside the click handler, never at setup scope, so the component
+ * server-renders on a runtime with no `document` at all.
+ *
+ * @example
+ * ```vue
+ * <SkdxClipboard value="npm i @skdx/vue">
+ *   <SkdxClipboardInput aria-label="Install command" />
+ *   <SkdxClipboardTrigger aria-label="Copy install command">
+ *     <SkdxClipboardIndicator match="idle">Copy</SkdxClipboardIndicator>
+ *     <SkdxClipboardIndicator>Copied!</SkdxClipboardIndicator>
+ *   </SkdxClipboardTrigger>
+ * </SkdxClipboard>
+ * ```
+ */
+type __VLS_Props = {
+    /** The text written to the system clipboard when a `SkdxClipboardTrigger` is activated. */
+    value: string;
+    /**
+     * How long the `copied` state lasts, in milliseconds, before it falls back
+     * to `idle`. Pass `null` to keep `copied` until the next copy — for a flow
+     * where the confirmation should persist until the user does something else.
+     * @default 2000 — long enough to read the confirmation, short enough that a second copy still feels like it did something.
+     */
+    timeout?: number | null;
+    /**
+     * Disables every trigger and blocks copying entirely.
+     * @default false — the control copies on activation.
+     */
+    disabled?: boolean;
+    /**
+     * The polite live-region message announced after a successful copy — the
+     * only feedback a screen-reader user gets, since swapping an
+     * `SkdxClipboardIndicator` changes nothing an assistive technology reads.
+     * Pass `''` to announce nothing.
+     * @default 'Copied to clipboard'
+     */
+    copiedLabel?: 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, {
+    copy: (value: string) => any;
+    "copy-error": (error: unknown) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onCopy?: ((value: string) => any) | undefined;
+    "onCopy-error"?: ((error: unknown) => any) | undefined;
+}>, {
+    disabled: boolean;
+    timeout: number | null;
+    copiedLabel: 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/clipboard/Clipboard.vue.js

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

package/dist/clipboard/Clipboard.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const m=require("../utils/liveAnnouncer.cjs"),f=require("./context.cjs");let e=require("vue");var v=["data-state","data-disabled"],b=(0,e.defineComponent)({__name:"Clipboard",props:{value:{},timeout:{default:2e3},disabled:{type:Boolean,default:!1},copiedLabel:{default:"Copied to clipboard"}},emits:["copy","copy-error"],setup(c,{emit:l}){const o=c,n=l,d=(0,e.ref)(!1);let r;(0,e.onUnmounted)(()=>clearTimeout(r));function u(t){const i=document.activeElement,a=document.createElement("textarea");a.value=t,a.setAttribute("readonly",""),a.style.cssText="position:fixed;top:0;left:-9999px;opacity:0;",document.body.appendChild(a);try{if(a.select(),typeof document.execCommand!="function"||!document.execCommand("copy"))throw new Error('[skandadx] `document.execCommand("copy")` is unavailable or was rejected.')}finally{a.remove(),i?.focus()}}async function p(t){if(navigator.clipboard?.writeText)try{await navigator.clipboard.writeText(t);return}catch{}u(t)}function s(){if(o.disabled)return;const t=o.value;p(t).then(()=>{d.value=!0,o.copiedLabel&&m.announce(o.copiedLabel),n("copy",t),clearTimeout(r),o.timeout!==null&&(r=setTimeout(()=>{d.value=!1},o.timeout))},i=>n("copy-error",i))}return(0,e.provide)(f.CLIPBOARD_CONTEXT,{value:(0,e.computed)(()=>o.value),copied:(0,e.computed)(()=>d.value),disabled:(0,e.computed)(()=>o.disabled),copy:s}),(t,i)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",{class:"skdx-clipboard","data-part":"root","data-skdx-component":"clipboard","data-state":d.value?"copied":"idle","data-disabled":c.disabled?"":void 0},[(0,e.renderSlot)(t.$slots,"default")],8,v))}});exports.default=b;

package/dist/clipboard/Clipboard.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{announce as e}from"../utils/liveAnnouncer.js";import{CLIPBOARD_CONTEXT as t}from"./context.js";import{computed as a,createElementBlock as o,defineComponent as d,onUnmounted as i,openBlock as n,provide as l,ref as c,renderSlot as r}from"vue";var s=["data-state","data-disabled"],u=/* @__PURE__ */d({__name:"Clipboard",props:{value:{},timeout:{default:2e3},disabled:{type:Boolean,default:!1},copiedLabel:{default:"Copied to clipboard"}},emits:["copy","copy-error"],setup(d,{emit:u}){const p=d,m=u,f=c(!1);let v;return i(()=>clearTimeout(v)),l(t,{value:a(()=>p.value),copied:a(()=>f.value),disabled:a(()=>p.disabled),copy:function(){if(p.disabled)return;const t=p.value;(async function(e){if(navigator.clipboard?.writeText)try{return void await navigator.clipboard.writeText(e)}catch{}!function(e){const t=document.activeElement,a=document.createElement("textarea");a.value=e,a.setAttribute("readonly",""),a.style.cssText="position:fixed;top:0;left:-9999px;opacity:0;",document.body.appendChild(a);try{if(a.select(),"function"!=typeof document.execCommand||!document.execCommand("copy"))throw new Error('[skandadx] `document.execCommand("copy")` is unavailable or was rejected.')}finally{a.remove(),t?.focus()}}(e)})(t).then(()=>{f.value=!0,p.copiedLabel&&e(p.copiedLabel),m("copy",t),clearTimeout(v),null!==p.timeout&&(v=setTimeout(()=>{f.value=!1},p.timeout))},e=>m("copy-error",e))}}),(e,t)=>(n(),o("div",{class:"skdx-clipboard","data-part":"root","data-skdx-component":"clipboard","data-state":f.value?"copied":"idle","data-disabled":d.disabled?"":void 0},[r(e.$slots,"default")],8,s))}});export{u as default};

package/dist/clipboard/ClipboardIndicator.vue.cjs

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

package/dist/clipboard/ClipboardIndicator.vue.d.cts

@@ -0,0 +1,43 @@
+import { type ClipboardState } from './context.cjs';
+/**
+ * Renders its content only while the `SkdxClipboard` root is in the state named
+ * by `match` — `'copied'` by default, `'idle'` for the icon it replaces. The
+ * two swap without the consumer branching on anything.
+ *
+ * It renders a plain `<span>` and stays out of the accessibility tree's way:
+ * the announcement of a successful copy comes from the root's live-region
+ * message, not from this node appearing. If the indicator is an icon with no
+ * text, mark it `aria-hidden` and name the trigger instead — an unlabelled
+ * swap is silence to a screen-reader user, and a spoken "copied" on top of the
+ * announcement reads as a stutter.
+ *
+ * Must be used inside `<SkdxClipboard>`.
+ *
+ * @example
+ * ```vue
+ * <SkdxClipboardIndicator match="idle">Copy</SkdxClipboardIndicator>
+ * <SkdxClipboardIndicator>Copied!</SkdxClipboardIndicator>
+ * ```
+ */
+type __VLS_Props = {
+    /**
+     * Which state this indicator renders in — `'copied'` for the checkmark,
+     * `'idle'` for the copy icon it replaces.
+     * @default 'copied' — the confirmation, which is the one that needs mounting logic.
+     */
+    match?: ClipboardState;
+};
+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<{}>, {
+    match: ClipboardState;
+}, {}, {}, {}, 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/clipboard/ClipboardIndicator.vue.d.ts

@@ -0,0 +1,43 @@
+import { type ClipboardState } from './context.js';
+/**
+ * Renders its content only while the `SkdxClipboard` root is in the state named
+ * by `match` — `'copied'` by default, `'idle'` for the icon it replaces. The
+ * two swap without the consumer branching on anything.
+ *
+ * It renders a plain `<span>` and stays out of the accessibility tree's way:
+ * the announcement of a successful copy comes from the root's live-region
+ * message, not from this node appearing. If the indicator is an icon with no
+ * text, mark it `aria-hidden` and name the trigger instead — an unlabelled
+ * swap is silence to a screen-reader user, and a spoken "copied" on top of the
+ * announcement reads as a stutter.
+ *
+ * Must be used inside `<SkdxClipboard>`.
+ *
+ * @example
+ * ```vue
+ * <SkdxClipboardIndicator match="idle">Copy</SkdxClipboardIndicator>
+ * <SkdxClipboardIndicator>Copied!</SkdxClipboardIndicator>
+ * ```
+ */
+type __VLS_Props = {
+    /**
+     * Which state this indicator renders in — `'copied'` for the checkmark,
+     * `'idle'` for the copy icon it replaces.
+     * @default 'copied' — the confirmation, which is the one that needs mounting logic.
+     */
+    match?: ClipboardState;
+};
+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<{}>, {
+    match: ClipboardState;
+}, {}, {}, {}, 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/clipboard/ClipboardIndicator.vue.js

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

package/dist/clipboard/ClipboardIndicator.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const n=require("./context.cjs");let e=require("vue");var i=["data-state"],s=(0,e.defineComponent)({__name:"ClipboardIndicator",props:{match:{default:"copied"}},setup(r){const o=r,t=(0,e.inject)(n.CLIPBOARD_CONTEXT);if(!t)throw new Error("<SkdxClipboardIndicator> must be used inside <SkdxClipboard>.");const a=(0,e.computed)(()=>t.copied.value?"copied":"idle"),d=(0,e.computed)(()=>a.value===o.match);return(c,u)=>d.value?((0,e.openBlock)(),(0,e.createElementBlock)("span",{key:0,class:"skdx-clipboard__indicator","data-part":"indicator","data-state":a.value},[(0,e.renderSlot)(c.$slots,"default")],8,i)):(0,e.createCommentVNode)("",!0)}});exports.default=s;

package/dist/clipboard/ClipboardIndicator.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{CLIPBOARD_CONTEXT as a}from"./context.js";import{computed as e,createCommentVNode as t,createElementBlock as o,defineComponent as d,inject as r,openBlock as s,renderSlot as i}from"vue";var c=["data-state"],n=/* @__PURE__ */d({__name:"ClipboardIndicator",props:{match:{default:"copied"}},setup(d){const n=d,l=r(a);if(!l)throw new Error("<SkdxClipboardIndicator> must be used inside <SkdxClipboard>.");const p=e(()=>l.copied.value?"copied":"idle"),m=e(()=>p.value===n.match);return(a,e)=>m.value?(s(),o("span",{key:0,class:"skdx-clipboard__indicator","data-part":"indicator","data-state":p.value},[i(a.$slots,"default")],8,c)):t("",!0)}});export{n as default};

package/dist/clipboard/ClipboardInput.vue.cjs

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

package/dist/clipboard/ClipboardInput.vue.d.cts

@@ -0,0 +1,26 @@
+/**
+ * Optional read-only `<input>` showing the `SkdxClipboard` root's `value` — the
+ * "here is exactly what you are about to copy" field next to the button.
+ * Renders `readonly` (not `disabled`, which would take it out of the tab order
+ * and grey the text out) with `data-state="copied" | "idle"` and
+ * `data-disabled`, and selects its whole contents on focus so the manual
+ * Ctrl+C path is one keystroke rather than a drag.
+ *
+ * `value` is bound after `$attrs`, so a consumer cannot point the field at
+ * something other than what the button copies: the root owns the text, and a
+ * field disagreeing with the trigger is a bug with a UI. Give it an
+ * `aria-label` — a bare read-only field announces only its contents.
+ *
+ * Must be used inside `<SkdxClipboard>`.
+ *
+ * @example
+ * ```vue
+ * <SkdxClipboard value="npm i @skdx/vue">
+ *   <SkdxClipboardInput aria-label="Install command" />
+ *   <SkdxClipboardTrigger>Copy</SkdxClipboardTrigger>
+ * </SkdxClipboard>
+ * ```
+ */
+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/clipboard/ClipboardInput.vue.d.ts

@@ -0,0 +1,26 @@
+/**
+ * Optional read-only `<input>` showing the `SkdxClipboard` root's `value` — the
+ * "here is exactly what you are about to copy" field next to the button.
+ * Renders `readonly` (not `disabled`, which would take it out of the tab order
+ * and grey the text out) with `data-state="copied" | "idle"` and
+ * `data-disabled`, and selects its whole contents on focus so the manual
+ * Ctrl+C path is one keystroke rather than a drag.
+ *
+ * `value` is bound after `$attrs`, so a consumer cannot point the field at
+ * something other than what the button copies: the root owns the text, and a
+ * field disagreeing with the trigger is a bug with a UI. Give it an
+ * `aria-label` — a bare read-only field announces only its contents.
+ *
+ * Must be used inside `<SkdxClipboard>`.
+ *
+ * @example
+ * ```vue
+ * <SkdxClipboard value="npm i @skdx/vue">
+ *   <SkdxClipboardInput aria-label="Install command" />
+ *   <SkdxClipboardTrigger>Copy</SkdxClipboardTrigger>
+ * </SkdxClipboard>
+ * ```
+ */
+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/clipboard/ClipboardInput.vue.js

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

package/dist/clipboard/ClipboardInput.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const d=require("./context.cjs");let e=require("vue");var u=["data-state","data-disabled","aria-disabled","value"],i=(0,e.defineComponent)({inheritAttrs:!1,__name:"ClipboardInput",setup(n){const t=(0,e.inject)(d.CLIPBOARD_CONTEXT);if(!t)throw new Error("<SkdxClipboardInput> must be used inside <SkdxClipboard>.");function r(a){a.currentTarget.select()}return(a,l)=>((0,e.openBlock)(),(0,e.createElementBlock)("input",(0,e.mergeProps)({class:"skdx-clipboard__input","data-part":"input",type:"text","data-state":(0,e.unref)(t).copied.value?"copied":"idle","data-disabled":(0,e.unref)(t).disabled.value?"":void 0,"aria-disabled":(0,e.unref)(t).disabled.value||void 0},a.$attrs,{value:(0,e.unref)(t).value.value,readonly:"",onFocus:r}),null,16,u))}});exports.default=i;

package/dist/clipboard/ClipboardInput.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{CLIPBOARD_CONTEXT as a}from"./context.js";import{createElementBlock as e,defineComponent as t,inject as d,mergeProps as i,openBlock as r,unref as s}from"vue";var l=["data-state","data-disabled","aria-disabled","value"],o=/* @__PURE__ */t({inheritAttrs:!1,__name:"ClipboardInput",setup(t){const o=d(a);if(!o)throw new Error("<SkdxClipboardInput> must be used inside <SkdxClipboard>.");function n(a){a.currentTarget.select()}return(a,t)=>(r(),e("input",i({class:"skdx-clipboard__input","data-part":"input",type:"text","data-state":s(o).copied.value?"copied":"idle","data-disabled":s(o).disabled.value?"":void 0,"aria-disabled":s(o).disabled.value||void 0},a.$attrs,{value:s(o).value.value,readonly:"",onFocus:n}),null,16,l))}});export{o as default};

package/dist/clipboard/ClipboardTrigger.vue.cjs

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

package/dist/clipboard/ClipboardTrigger.vue.d.cts

@@ -0,0 +1,47 @@
+/**
+ * The button that copies the `SkdxClipboard` root's `value`. Renders a real
+ * `<button type="button">` — so Enter and Space activate it for free, with no
+ * key handling of our own — carrying `data-state="copied" | "idle"` and
+ * `data-disabled`, and `disabled` when either it or the root is.
+ *
+ * It has no built-in label: give it text, or an icon plus `aria-label`. Keep
+ * that label stable across the copy ("Copy install command"), and let
+ * `SkdxClipboardIndicator` swap the *visual* — renaming the button under the
+ * user's pointer moves the target they were about to click again, and
+ * re-announces the whole control on focus.
+ *
+ * Focus never moves: the state change happens under the user rather than
+ * around them.
+ *
+ * Must be used inside `<SkdxClipboard>`.
+ *
+ * @example
+ * ```vue
+ * <SkdxClipboardTrigger aria-label="Copy install command">
+ *   <SkdxClipboardIndicator match="idle"><CopyIcon /></SkdxClipboardIndicator>
+ *   <SkdxClipboardIndicator><CheckIcon /></SkdxClipboardIndicator>
+ * </SkdxClipboardTrigger>
+ * ```
+ */
+type __VLS_Props = {
+    /**
+     * Disables just this trigger. A disabled root disables every trigger
+     * regardless of this prop.
+     * @default false — the trigger follows the root's `disabled`.
+     */
+    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;
+}, {}, {}, {}, 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/clipboard/ClipboardTrigger.vue.d.ts

@@ -0,0 +1,47 @@
+/**
+ * The button that copies the `SkdxClipboard` root's `value`. Renders a real
+ * `<button type="button">` — so Enter and Space activate it for free, with no
+ * key handling of our own — carrying `data-state="copied" | "idle"` and
+ * `data-disabled`, and `disabled` when either it or the root is.
+ *
+ * It has no built-in label: give it text, or an icon plus `aria-label`. Keep
+ * that label stable across the copy ("Copy install command"), and let
+ * `SkdxClipboardIndicator` swap the *visual* — renaming the button under the
+ * user's pointer moves the target they were about to click again, and
+ * re-announces the whole control on focus.
+ *
+ * Focus never moves: the state change happens under the user rather than
+ * around them.
+ *
+ * Must be used inside `<SkdxClipboard>`.
+ *
+ * @example
+ * ```vue
+ * <SkdxClipboardTrigger aria-label="Copy install command">
+ *   <SkdxClipboardIndicator match="idle"><CopyIcon /></SkdxClipboardIndicator>
+ *   <SkdxClipboardIndicator><CheckIcon /></SkdxClipboardIndicator>
+ * </SkdxClipboardTrigger>
+ * ```
+ */
+type __VLS_Props = {
+    /**
+     * Disables just this trigger. A disabled root disables every trigger
+     * regardless of this prop.
+     * @default false — the trigger follows the root's `disabled`.
+     */
+    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;
+}, {}, {}, {}, 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/clipboard/ClipboardTrigger.vue.js

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

package/dist/clipboard/ClipboardTrigger.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const o=require("./context.cjs");let e=require("vue");var s=["data-state","data-disabled","disabled"],n=(0,e.defineComponent)({__name:"ClipboardTrigger",props:{disabled:{type:Boolean,default:!1}},setup(r){const i=r,t=(0,e.inject)(o.CLIPBOARD_CONTEXT);if(!t)throw new Error("<SkdxClipboardTrigger> must be used inside <SkdxClipboard>.");const d=(0,e.computed)(()=>t.disabled.value||i.disabled);return(l,a)=>((0,e.openBlock)(),(0,e.createElementBlock)("button",{class:"skdx-clipboard__trigger","data-part":"trigger",type:"button","data-state":(0,e.unref)(t).copied.value?"copied":"idle","data-disabled":d.value?"":void 0,disabled:d.value,onClick:a[0]||(a[0]=u=>(0,e.unref)(t).copy())},[(0,e.renderSlot)(l.$slots,"default")],8,s))}});exports.default=n;