@skdx/vue 0.26.0

package/dist/switch/Switch.vue.d.cts

@@ -0,0 +1,65 @@
+/**
+ * The Vue implementation of the shared Switch contract (see `@skdx/shared`'s
+ * `switchContract`). Renders a native `<button role="switch">`: behavior and
+ * accessibility only, no visual style — style it with `class`/`:class` on
+ * `<SkdxSwitch>` as you would any element.
+ *
+ * Supports `v-model:checked` via the `update:checked` emit, and also emits
+ * `checked-change` (matching the event name used by every other framework
+ * package) for consumers that prefer an explicit listener over `v-model`.
+ * When `name` is set, also renders a visually-hidden native
+ * `<input type="checkbox">` so the value participates in real form
+ * submission — this makes the template structurally multi-root (the
+ * conditional input leaves a comment placeholder even when absent), so
+ * automatic single-root attrs fallthrough never applies here; `inheritAttrs`
+ * is disabled and `$attrs` is forwarded to the button explicitly instead.
+ */
+type __VLS_Props = {
+    /** Checked state, for controlled usage via `v-model:checked`. */
+    checked?: boolean;
+    /** Initial checked state, for uncontrolled usage. */
+    defaultChecked?: boolean;
+    /** Disables the switch and excludes the hidden form input from submission. */
+    disabled?: boolean;
+    /** Marks the underlying hidden input as required for native form validation. */
+    required?: boolean;
+    /** Marks the switch as invalid, exposed as aria-invalid/data-invalid. */
+    invalid?: boolean;
+    /**
+     * Name for native form participation via a hidden checkbox input.
+     * @default undefined
+     */
+    name?: string;
+    /** Value submitted with the hidden input when checked. */
+    value?: string;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
+    /** Focuses the underlying native switch button. */
+    focus: () => void | undefined;
+    /** The underlying native button element. */
+    el: import("vue").Ref<HTMLButtonElement | null, HTMLButtonElement | null>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:checked": (checked: boolean) => any;
+    "checked-change": (checked: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:checked"?: ((checked: boolean) => any) | undefined;
+    "onChecked-change"?: ((checked: boolean) => any) | undefined;
+}>, {
+    disabled: boolean;
+    checked: boolean;
+    defaultChecked: boolean;
+    required: boolean;
+    value: string;
+    invalid: 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/switch/Switch.vue.d.ts

@@ -0,0 +1,65 @@
+/**
+ * The Vue implementation of the shared Switch contract (see `@skdx/shared`'s
+ * `switchContract`). Renders a native `<button role="switch">`: behavior and
+ * accessibility only, no visual style — style it with `class`/`:class` on
+ * `<SkdxSwitch>` as you would any element.
+ *
+ * Supports `v-model:checked` via the `update:checked` emit, and also emits
+ * `checked-change` (matching the event name used by every other framework
+ * package) for consumers that prefer an explicit listener over `v-model`.
+ * When `name` is set, also renders a visually-hidden native
+ * `<input type="checkbox">` so the value participates in real form
+ * submission — this makes the template structurally multi-root (the
+ * conditional input leaves a comment placeholder even when absent), so
+ * automatic single-root attrs fallthrough never applies here; `inheritAttrs`
+ * is disabled and `$attrs` is forwarded to the button explicitly instead.
+ */
+type __VLS_Props = {
+    /** Checked state, for controlled usage via `v-model:checked`. */
+    checked?: boolean;
+    /** Initial checked state, for uncontrolled usage. */
+    defaultChecked?: boolean;
+    /** Disables the switch and excludes the hidden form input from submission. */
+    disabled?: boolean;
+    /** Marks the underlying hidden input as required for native form validation. */
+    required?: boolean;
+    /** Marks the switch as invalid, exposed as aria-invalid/data-invalid. */
+    invalid?: boolean;
+    /**
+     * Name for native form participation via a hidden checkbox input.
+     * @default undefined
+     */
+    name?: string;
+    /** Value submitted with the hidden input when checked. */
+    value?: string;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
+    /** Focuses the underlying native switch button. */
+    focus: () => void | undefined;
+    /** The underlying native button element. */
+    el: import("vue").Ref<HTMLButtonElement | null, HTMLButtonElement | null>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:checked": (checked: boolean) => any;
+    "checked-change": (checked: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:checked"?: ((checked: boolean) => any) | undefined;
+    "onChecked-change"?: ((checked: boolean) => any) | undefined;
+}>, {
+    disabled: boolean;
+    checked: boolean;
+    defaultChecked: boolean;
+    required: boolean;
+    value: string;
+    invalid: 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/switch/Switch.vue.js

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

package/dist/switch/Switch.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const h=require("./context.cjs");let e=require("vue");var v=["aria-checked","aria-required","aria-invalid","data-state","data-disabled","data-invalid","disabled"],f=["name","value","checked","required","disabled"],k=(0,e.defineComponent)({inheritAttrs:!1,__name:"Switch",props:{checked:{type:Boolean,default:void 0},defaultChecked:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},required:{type:Boolean,default:!1},invalid:{type:Boolean,default:!1},name:{},value:{default:"on"}},emits:["update:checked","checked-change"],setup(a,{expose:o,emit:r}){const i=a,c=r,n=(0,e.ref)(i.defaultChecked),u=(0,e.computed)(()=>i.checked!==void 0),d=(0,e.computed)(()=>u.value?i.checked:n.value);function s(){const t=!d.value;u.value||(n.value=t),c("update:checked",t),c("checked-change",t)}const l=(0,e.ref)(null);return(0,e.provide)(h.SWITCH_CONTEXT,{checked:d,disabled:(0,e.computed)(()=>i.disabled)}),o({focus:()=>l.value?.focus(),el:l}),(t,m)=>((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,null,[(0,e.createElementVNode)("button",(0,e.mergeProps)({class:"skdx-switch","data-part":"root","data-skdx-component":"switch",ref_key:"switchRef",ref:l,type:"button",role:"switch","aria-checked":d.value,"aria-required":a.required||void 0,"aria-invalid":a.invalid?!0:void 0,"data-state":d.value?"checked":"unchecked","data-disabled":a.disabled?"":void 0,"data-invalid":a.invalid?"":void 0,disabled:a.disabled,onClick:s},t.$attrs),[(0,e.renderSlot)(t.$slots,"default")],16,v),a.name?((0,e.openBlock)(),(0,e.createElementBlock)("input",{key:0,type:"checkbox","aria-hidden":"true",tabindex:"-1",name:a.name,value:a.value,checked:d.value,required:a.required,disabled:a.disabled,style:{position:"absolute","pointer-events":"none",opacity:"0",margin:"0",width:"1px",height:"1px"}},null,8,f)):(0,e.createCommentVNode)("",!0)],64))}});exports.default=k;

package/dist/switch/Switch.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{SWITCH_CONTEXT as e}from"./context.js";import{Fragment as a,computed as d,createCommentVNode as t,createElementBlock as i,createElementVNode as l,defineComponent as o,mergeProps as c,openBlock as n,provide as s,ref as r,renderSlot as u}from"vue";var v=["aria-checked","aria-required","aria-invalid","data-state","data-disabled","data-invalid","disabled"],h=["name","value","checked","required","disabled"],p=/* @__PURE__ */o({inheritAttrs:!1,__name:"Switch",props:{checked:{type:Boolean,default:void 0},defaultChecked:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},required:{type:Boolean,default:!1},invalid:{type:Boolean,default:!1},name:{},value:{default:"on"}},emits:["update:checked","checked-change"],setup(o,{expose:p,emit:k}){const m=o,f=k,b=r(m.defaultChecked),y=d(()=>void 0!==m.checked),x=d(()=>y.value?m.checked:b.value);function q(){const e=!x.value;y.value||(b.value=e),f("update:checked",e),f("checked-change",e)}const B=r(null);return s(e,{checked:x,disabled:d(()=>m.disabled)}),p({focus:()=>B.value?.focus(),el:B}),(e,d)=>(n(),i(a,null,[l("button",c({class:"skdx-switch","data-part":"root","data-skdx-component":"switch",ref_key:"switchRef",ref:B,type:"button",role:"switch","aria-checked":x.value,"aria-required":o.required||void 0,"aria-invalid":!!o.invalid||void 0,"data-state":x.value?"checked":"unchecked","data-disabled":o.disabled?"":void 0,"data-invalid":o.invalid?"":void 0,disabled:o.disabled,onClick:q},e.$attrs),[u(e.$slots,"default")],16,v),o.name?(n(),i("input",{key:0,type:"checkbox","aria-hidden":"true",tabindex:"-1",name:o.name,value:o.value,checked:x.value,required:o.required,disabled:o.disabled,style:{position:"absolute","pointer-events":"none",opacity:"0",margin:"0",width:"1px",height:"1px"}},null,8,h)):t("",!0)],64))}});export{p as default};

package/dist/switch/SwitchThumb.vue.cjs

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

package/dist/switch/SwitchThumb.vue.d.cts

@@ -0,0 +1,19 @@
+/**
+ * The sliding handle inside a `<SkdxSwitch>`, positioned by CSS off its own
+ * `data-state`. Renders `<span data-state data-disabled>` mirroring the parent
+ * switch's state.
+ *
+ * Not optional decoration: the switch's track is the root and the travel of
+ * this handle is the entire affordance that distinguishes a switch from a
+ * checkbox. Without it the skin paints a pill with nothing inside.
+ *
+ * @example
+ * ```vue
+ * <SkdxSwitch :default-checked="true">
+ *   <SkdxSwitchThumb />
+ * </SkdxSwitch>
+ * ```
+ */
+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/switch/SwitchThumb.vue.d.ts

@@ -0,0 +1,19 @@
+/**
+ * The sliding handle inside a `<SkdxSwitch>`, positioned by CSS off its own
+ * `data-state`. Renders `<span data-state data-disabled>` mirroring the parent
+ * switch's state.
+ *
+ * Not optional decoration: the switch's track is the root and the travel of
+ * this handle is the entire affordance that distinguishes a switch from a
+ * checkbox. Without it the skin paints a pill with nothing inside.
+ *
+ * @example
+ * ```vue
+ * <SkdxSwitch :default-checked="true">
+ *   <SkdxSwitchThumb />
+ * </SkdxSwitch>
+ * ```
+ */
+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/switch/SwitchThumb.vue.js

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

package/dist/switch/SwitchThumb.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const a=require("./context.cjs");let e=require("vue");var u=["data-state","data-disabled"],c=(0,e.defineComponent)({__name:"SwitchThumb",setup(d){const t=(0,e.inject)(a.SWITCH_CONTEXT);if(!t)throw new Error("<SkdxSwitchThumb> must be used inside <SkdxSwitch>.");return(r,n)=>((0,e.openBlock)(),(0,e.createElementBlock)("span",{class:"skdx-switch__thumb","data-part":"thumb","data-state":(0,e.unref)(t).checked.value?"checked":"unchecked","data-disabled":(0,e.unref)(t).disabled.value?"":void 0},null,8,u))}});exports.default=c;

package/dist/switch/SwitchThumb.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{SWITCH_CONTEXT as e}from"./context.js";import{createElementBlock as a,defineComponent as t,inject as s,openBlock as d,unref as c}from"vue";var n=["data-state","data-disabled"],i=/* @__PURE__ */t({__name:"SwitchThumb",setup(t){const i=s(e);if(!i)throw new Error("<SkdxSwitchThumb> must be used inside <SkdxSwitch>.");return(e,t)=>(d(),a("span",{class:"skdx-switch__thumb","data-part":"thumb","data-state":c(i).checked.value?"checked":"unchecked","data-disabled":c(i).disabled.value?"":void 0},null,8,n))}});export{i as default};

package/dist/switch/context.cjs

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

package/dist/switch/context.d.cts

@@ -0,0 +1,8 @@
+import type { ComputedRef, InjectionKey } from 'vue';
+/** @internal What a Switch provides so its thumb can mirror its state. */
+export interface SwitchContext {
+    checked: ComputedRef<boolean>;
+    disabled: ComputedRef<boolean>;
+}
+/** @internal Injection key a Switch provides so `<SkdxSwitchThumb>` can read checked/disabled. */
+export declare const SWITCH_CONTEXT: InjectionKey<SwitchContext>;

package/dist/switch/context.d.ts

@@ -0,0 +1,8 @@
+import type { ComputedRef, InjectionKey } from 'vue';
+/** @internal What a Switch provides so its thumb can mirror its state. */
+export interface SwitchContext {
+    checked: ComputedRef<boolean>;
+    disabled: ComputedRef<boolean>;
+}
+/** @internal Injection key a Switch provides so `<SkdxSwitchThumb>` can read checked/disabled. */
+export declare const SWITCH_CONTEXT: InjectionKey<SwitchContext>;

package/dist/switch/context.js

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

package/dist/switch/index.cjs

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

package/dist/switch/index.d.cts

@@ -0,0 +1,2 @@
+export { default as SkdxSwitch } from './Switch.vue.cjs';
+export { default as SkdxSwitchThumb } from './SwitchThumb.vue.cjs';

package/dist/switch/index.d.ts

@@ -0,0 +1,2 @@
+export { default as SkdxSwitch } from './Switch.vue.js';
+export { default as SkdxSwitchThumb } from './SwitchThumb.vue.js';

package/dist/switch/index.js

@@ -0,0 +1 @@
+import t from"./Switch.vue.js";import h from"./SwitchThumb.vue.js";export{t as SkdxSwitch,h as SkdxSwitchThumb};

package/dist/table/Table.vue.cjs

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

package/dist/table/Table.vue.d.cts

@@ -0,0 +1,98 @@
+import { type SortDirection, type TableColumnWidths, type TableSelectionMode, type TableSort } from './context.cjs';
+/**
+ * The Vue implementation of the shared Table contract (see `@skdx/shared`'s
+ * `tableContract`). Renders a plain `<table>`: owns only sort and
+ * row-selection state, no pagination/filtering/data-model — consumers map
+ * over their own row data to render `SkdxTableRow`/`SkdxTableCell`s.
+ *
+ * Sort and selection each work controlled (`v-model:sort`/`v-model:selected`)
+ * or uncontrolled independently of one another, as do expanded detail rows
+ * (`v-model:expanded-row-ids`) and column widths (`v-model:column-widths`).
+ *
+ * `multiSort` lets several columns be sorted at once, at which point `sort`
+ * becomes an array ordered most-significant-first. **The table never reorders
+ * your rows** — it publishes sort state and you sort the data.
+ */
+type __VLS_Props = {
+    /**
+     * Current sort state, for controlled usage. Pair with `v-model:sort` or
+     * `@sort-change`. A bare object (or `null`) for single sort, an array —
+     * most significant column first — when `multiSort` is on.
+     */
+    sort?: TableSort;
+    /** Initial sort state, for uncontrolled usage. */
+    defaultSort?: TableSort;
+    /**
+     * Lets several columns be sorted at once: activating a second column
+     * appends it to the sort instead of replacing the first, and `sort` becomes
+     * an array ordered most-significant-first. Off, exactly one column can
+     * carry `aria-sort="ascending" | "descending"` at a time.
+     */
+    multiSort?: boolean;
+    /** Selected row ids, for controlled usage. Pair with `v-model:selected` or `@selected-change`. */
+    selected?: Set<string> | string[];
+    /** Initially selected row ids, for uncontrolled usage. */
+    defaultSelected?: Set<string> | string[];
+    /**
+     * Whether rows can be selected at all, and if so, whether one or many at
+     * once. `'none'` disables row-click and checkbox selection entirely.
+     */
+    selectionMode?: TableSelectionMode;
+    /**
+     * Formats the message announced (through the shared live announcer) when a
+     * sortable header is activated — a changed `aria-sort` is not itself
+     * re-announced by screen readers. `column` is the header cell's own text.
+     * Return an empty string to announce nothing.
+     */
+    getSortLabel?: (column: string, direction: SortDirection | null) => string;
+    /** Row ids whose detail row is open, for controlled usage. Pair with `v-model:expanded-row-ids`. */
+    expandedRowIds?: string[];
+    /** Initially expanded detail rows, for uncontrolled usage. */
+    defaultExpandedRowIds?: string[];
+    /** Per-column pixel widths keyed by `columnKey`, for controlled usage. Pair with `v-model:column-widths`. */
+    columnWidths?: TableColumnWidths;
+    /** Initial per-column pixel widths, for uncontrolled usage. Columns left out size themselves until resized. */
+    defaultColumnWidths?: TableColumnWidths;
+};
+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, {
+    "update:sort": (sort: TableSort) => any;
+    "sort-change": (sort: TableSort) => any;
+    "update:selected": (selected: string[]) => any;
+    "selected-change": (selected: string[]) => any;
+    "update:expandedRowIds": (rowIds: string[]) => any;
+    "expanded-row-ids-change": (rowIds: string[]) => any;
+    "update:columnWidths": (widths: TableColumnWidths) => any;
+    "column-widths-change": (widths: TableColumnWidths) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:sort"?: ((sort: TableSort) => any) | undefined;
+    "onSort-change"?: ((sort: TableSort) => any) | undefined;
+    "onUpdate:selected"?: ((selected: string[]) => any) | undefined;
+    "onSelected-change"?: ((selected: string[]) => any) | undefined;
+    "onUpdate:expandedRowIds"?: ((rowIds: string[]) => any) | undefined;
+    "onExpanded-row-ids-change"?: ((rowIds: string[]) => any) | undefined;
+    "onUpdate:columnWidths"?: ((widths: TableColumnWidths) => any) | undefined;
+    "onColumn-widths-change"?: ((widths: TableColumnWidths) => any) | undefined;
+}>, {
+    sort: TableSort;
+    selected: Set<string> | string[];
+    defaultSort: TableSort;
+    multiSort: boolean;
+    defaultSelected: Set<string> | string[];
+    selectionMode: TableSelectionMode;
+    getSortLabel: (column: string, direction: SortDirection | null) => string;
+    expandedRowIds: string[];
+    defaultExpandedRowIds: string[];
+    columnWidths: TableColumnWidths;
+    defaultColumnWidths: TableColumnWidths;
+}, {}, {}, {}, 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/table/Table.vue.d.ts

@@ -0,0 +1,98 @@
+import { type SortDirection, type TableColumnWidths, type TableSelectionMode, type TableSort } from './context.js';
+/**
+ * The Vue implementation of the shared Table contract (see `@skdx/shared`'s
+ * `tableContract`). Renders a plain `<table>`: owns only sort and
+ * row-selection state, no pagination/filtering/data-model — consumers map
+ * over their own row data to render `SkdxTableRow`/`SkdxTableCell`s.
+ *
+ * Sort and selection each work controlled (`v-model:sort`/`v-model:selected`)
+ * or uncontrolled independently of one another, as do expanded detail rows
+ * (`v-model:expanded-row-ids`) and column widths (`v-model:column-widths`).
+ *
+ * `multiSort` lets several columns be sorted at once, at which point `sort`
+ * becomes an array ordered most-significant-first. **The table never reorders
+ * your rows** — it publishes sort state and you sort the data.
+ */
+type __VLS_Props = {
+    /**
+     * Current sort state, for controlled usage. Pair with `v-model:sort` or
+     * `@sort-change`. A bare object (or `null`) for single sort, an array —
+     * most significant column first — when `multiSort` is on.
+     */
+    sort?: TableSort;
+    /** Initial sort state, for uncontrolled usage. */
+    defaultSort?: TableSort;
+    /**
+     * Lets several columns be sorted at once: activating a second column
+     * appends it to the sort instead of replacing the first, and `sort` becomes
+     * an array ordered most-significant-first. Off, exactly one column can
+     * carry `aria-sort="ascending" | "descending"` at a time.
+     */
+    multiSort?: boolean;
+    /** Selected row ids, for controlled usage. Pair with `v-model:selected` or `@selected-change`. */
+    selected?: Set<string> | string[];
+    /** Initially selected row ids, for uncontrolled usage. */
+    defaultSelected?: Set<string> | string[];
+    /**
+     * Whether rows can be selected at all, and if so, whether one or many at
+     * once. `'none'` disables row-click and checkbox selection entirely.
+     */
+    selectionMode?: TableSelectionMode;
+    /**
+     * Formats the message announced (through the shared live announcer) when a
+     * sortable header is activated — a changed `aria-sort` is not itself
+     * re-announced by screen readers. `column` is the header cell's own text.
+     * Return an empty string to announce nothing.
+     */
+    getSortLabel?: (column: string, direction: SortDirection | null) => string;
+    /** Row ids whose detail row is open, for controlled usage. Pair with `v-model:expanded-row-ids`. */
+    expandedRowIds?: string[];
+    /** Initially expanded detail rows, for uncontrolled usage. */
+    defaultExpandedRowIds?: string[];
+    /** Per-column pixel widths keyed by `columnKey`, for controlled usage. Pair with `v-model:column-widths`. */
+    columnWidths?: TableColumnWidths;
+    /** Initial per-column pixel widths, for uncontrolled usage. Columns left out size themselves until resized. */
+    defaultColumnWidths?: TableColumnWidths;
+};
+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, {
+    "update:sort": (sort: TableSort) => any;
+    "sort-change": (sort: TableSort) => any;
+    "update:selected": (selected: string[]) => any;
+    "selected-change": (selected: string[]) => any;
+    "update:expandedRowIds": (rowIds: string[]) => any;
+    "expanded-row-ids-change": (rowIds: string[]) => any;
+    "update:columnWidths": (widths: TableColumnWidths) => any;
+    "column-widths-change": (widths: TableColumnWidths) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:sort"?: ((sort: TableSort) => any) | undefined;
+    "onSort-change"?: ((sort: TableSort) => any) | undefined;
+    "onUpdate:selected"?: ((selected: string[]) => any) | undefined;
+    "onSelected-change"?: ((selected: string[]) => any) | undefined;
+    "onUpdate:expandedRowIds"?: ((rowIds: string[]) => any) | undefined;
+    "onExpanded-row-ids-change"?: ((rowIds: string[]) => any) | undefined;
+    "onUpdate:columnWidths"?: ((widths: TableColumnWidths) => any) | undefined;
+    "onColumn-widths-change"?: ((widths: TableColumnWidths) => any) | undefined;
+}>, {
+    sort: TableSort;
+    selected: Set<string> | string[];
+    defaultSort: TableSort;
+    multiSort: boolean;
+    defaultSelected: Set<string> | string[];
+    selectionMode: TableSelectionMode;
+    getSortLabel: (column: string, direction: SortDirection | null) => string;
+    expandedRowIds: string[];
+    defaultExpandedRowIds: string[];
+    columnWidths: TableColumnWidths;
+    defaultColumnWidths: TableColumnWidths;
+}, {}, {}, {}, 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/table/Table.vue.js

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

package/dist/table/Table.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const $=require("../utils/id.cjs"),j=require("../utils/liveAnnouncer.cjs"),W=require("./context.cjs");let l=require("vue");var D=(0,l.defineComponent)({__name:"Table",props:{sort:{default:void 0},defaultSort:{default:null},multiSort:{type:Boolean,default:!1},selected:{default:void 0},defaultSelected:{default:void 0},selectionMode:{default:"none"},getSortLabel:{type:Function,default:W.defaultGetSortLabel},expandedRowIds:{default:void 0},defaultExpandedRowIds:{default:()=>[]},columnWidths:{default:void 0},defaultColumnWidths:{default:()=>({})}},emits:["update:sort","sort-change","update:selected","selected-change","update:expandedRowIds","expanded-row-ids-change","update:columnWidths","column-widths-change"],setup(M,{emit:q}){function A(e){return e?Array.isArray(e)?e:[e]:[]}function E(e,t,o){const d=e.find(r=>r.columnKey===t),u=d===void 0?"asc":d.direction==="asc"?"desc":null;return o?u===null?e.filter(r=>r.columnKey!==t):d===void 0?[...e,{columnKey:t,direction:u}]:e.map(r=>r.columnKey===t?{columnKey:t,direction:u}:r):u===null?[]:[{columnKey:t,direction:u}]}function m(e){return e===void 0?new Set:e instanceof Set?e:new Set(e)}const n=M,s=q,L=$.nextId("table"),h=(0,l.ref)(null),w=(0,l.ref)(n.defaultSort??null),C=(0,l.computed)(()=>n.sort!==void 0?n.sort:w.value),v=(0,l.computed)(()=>A(C.value)),I=(0,l.computed)(()=>v.value[0]??null),g=(0,l.ref)(m(n.defaultSelected??[])),a=(0,l.computed)(()=>n.selected!==void 0?m(n.selected):g.value);function k(e){n.sort===void 0&&(w.value=e),s("update:sort",e),s("sort-change",e)}function c(e){n.selected===void 0&&(g.value=e);const t=[...e];s("update:selected",t),s("selected-change",t)}function y(e,t=e){const o=E(v.value,e,n.multiSort);k(n.multiSort?o:o[0]??null);const d=o.find(u=>u.columnKey===e)?.direction??null;j.announce(n.getSortLabel(t,d))}function T(){const e=h.value?.querySelectorAll(":scope > tbody > tr[data-row-id]");return e?[...e].map(t=>t.dataset.rowId):[]}let i=null;function B(e,t=!1){if(n.selectionMode==="none")return;const o=a.value;if(t&&n.selectionMode==="multiple"&&i!==null&&i!==e){const u=T(),r=u.indexOf(i),S=u.indexOf(e);if(r!==-1&&S!==-1){const X=u.slice(Math.min(r,S),Math.max(r,S)+1);c(new Set([...o,...X]));return}}if(i=e,n.selectionMode==="single"){c(o.has(e)&&o.size===1?new Set:new Set([e]));return}const d=new Set(o);d.has(e)?d.delete(e):d.add(e),c(d)}function O(e){return a.value.has(e)}function x(e){return e.length>0&&e.every(t=>a.value.has(t))}function z(e){return e.some(t=>a.value.has(t))&&!x(e)}function F(e){if(n.selectionMode==="none")return;const t=a.value;if(e.length>0&&e.every(o=>t.has(o))){const o=new Set(t);for(const d of e)o.delete(d);c(o);return}c(new Set([...t,...e]))}const R=(0,l.ref)(n.defaultExpandedRowIds),f=(0,l.computed)(()=>n.expandedRowIds??R.value),_=(0,l.computed)(()=>new Set(f.value));function G(e){const t=f.value.includes(e)?f.value.filter(o=>o!==e):[...f.value,e];n.expandedRowIds===void 0&&(R.value=t),s("update:expandedRowIds",t),s("expanded-row-ids-change",t)}function N(e){return _.value.has(e)}const b=(0,l.ref)({...n.defaultColumnWidths}),p=(0,l.computed)(()=>n.columnWidths??b.value);function V(e,t){if(p.value[e]===t)return;const o={...p.value,[e]:t};n.columnWidths===void 0&&(b.value=o),s("update:columnWidths",o),s("column-widths-change",o)}return(0,l.provide)(W.TABLE_CONTEXT,{tableId:L,sort:I,sortList:v,get multiSort(){return n.multiSort},selected:a,get selectionMode(){return n.selectionMode},toggleSort:y,toggleRow:B,isRowSelected:O,toggleAll:F,isAllSelected:x,isSomeSelected:z,expandedRows:_,toggleRowExpanded:G,isRowExpanded:N,columnWidths:p,setColumnWidth:V}),(e,t)=>((0,l.openBlock)(),(0,l.createElementBlock)("table",{class:"skdx-table","data-part":"root","data-skdx-component":"table",ref_key:"tableRef",ref:h},[(0,l.renderSlot)(e.$slots,"default")],512))}});exports.default=D;

package/dist/table/Table.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{nextId as e}from"../utils/id.js";import{announce as t}from"../utils/liveAnnouncer.js";import{TABLE_CONTEXT as n,defaultGetSortLabel as o}from"./context.js";import{computed as l,createElementBlock as d,defineComponent as a,openBlock as u,provide as s,ref as i,renderSlot as r}from"vue";var c=/* @__PURE__ */a({__name:"Table",props:{sort:{default:void 0},defaultSort:{default:null},multiSort:{type:Boolean,default:!1},selected:{default:void 0},defaultSelected:{default:void 0},selectionMode:{default:"none"},getSortLabel:{type:Function,default:o},expandedRowIds:{default:void 0},defaultExpandedRowIds:{default:()=>[]},columnWidths:{default:void 0},defaultColumnWidths:{default:()=>({})}},emits:["update:sort","sort-change","update:selected","selected-change","update:expandedRowIds","expanded-row-ids-change","update:columnWidths","column-widths-change"],setup(o,{emit:a}){function c(e){return void 0===e?/* @__PURE__ */new Set:e instanceof Set?e:new Set(e)}const f=o,v=a,m=e("table"),p=i(null),h=i(f.defaultSort??null),S=l(()=>void 0!==f.sort?f.sort:h.value),w=l(()=>{return(e=S.value)?Array.isArray(e)?e:[e]:[];var e}),g=l(()=>w.value[0]??null),x=i(c(f.defaultSelected??[])),y=l(()=>void 0!==f.selected?c(f.selected):x.value);function R(e){void 0===f.selected&&(x.value=e);const t=[...e];v("update:selected",t),v("selected-change",t)}let b=null;function I(e){return e.length>0&&e.every(e=>y.value.has(e))}const M=i(f.defaultExpandedRowIds),W=l(()=>f.expandedRowIds??M.value),A=l(()=>new Set(W.value)),E=i({...f.defaultColumnWidths}),K=l(()=>f.columnWidths??E.value);return s(n,{tableId:m,sort:g,sortList:w,get multiSort(){return f.multiSort},selected:y,get selectionMode(){return f.selectionMode},toggleSort:function(e,n=e){const o=function(e,t,n){const o=e.find(e=>e.columnKey===t),l=void 0===o?"asc":"asc"===o.direction?"desc":null;return n?null===l?e.filter(e=>e.columnKey!==t):void 0===o?[...e,{columnKey:t,direction:l}]:e.map(e=>e.columnKey===t?{columnKey:t,direction:l}:e):null===l?[]:[{columnKey:t,direction:l}]}(w.value,e,f.multiSort);!function(e){void 0===f.sort&&(h.value=e),v("update:sort",e),v("sort-change",e)}(f.multiSort?o:o[0]??null);const l=o.find(t=>t.columnKey===e)?.direction??null;t(f.getSortLabel(n,l))},toggleRow:function(e,t=!1){if("none"===f.selectionMode)return;const n=y.value;if(t&&"multiple"===f.selectionMode&&null!==b&&b!==e){const t=function(){const e=p.value?.querySelectorAll(":scope > tbody > tr[data-row-id]");return e?[...e].map(e=>e.dataset.rowId):[]}(),o=t.indexOf(b),l=t.indexOf(e);if(-1!==o&&-1!==l){const e=t.slice(Math.min(o,l),Math.max(o,l)+1);return void R(/* @__PURE__ */new Set([...n,...e]))}}if(b=e,"single"===f.selectionMode)return void R(n.has(e)&&1===n.size?/* @__PURE__ */new Set:/* @__PURE__ */new Set([e]));const o=new Set(n);o.has(e)?o.delete(e):o.add(e),R(o)},isRowSelected:function(e){return y.value.has(e)},toggleAll:function(e){if("none"===f.selectionMode)return;const t=y.value;if(e.length>0&&e.every(e=>t.has(e))){const n=new Set(t);for(const t of e)n.delete(t);return void R(n)}R(/* @__PURE__ */new Set([...t,...e]))},isAllSelected:I,isSomeSelected:function(e){return e.some(e=>y.value.has(e))&&!I(e)},expandedRows:A,toggleRowExpanded:function(e){const t=W.value.includes(e)?W.value.filter(t=>t!==e):[...W.value,e];void 0===f.expandedRowIds&&(M.value=t),v("update:expandedRowIds",t),v("expanded-row-ids-change",t)},isRowExpanded:function(e){return A.value.has(e)},columnWidths:K,setColumnWidth:function(e,t){if(K.value[e]===t)return;const n={...K.value,[e]:t};void 0===f.columnWidths&&(E.value=n),v("update:columnWidths",n),v("column-widths-change",n)}}),(e,t)=>(u(),d("table",{class:"skdx-table","data-part":"root","data-skdx-component":"table",ref_key:"tableRef",ref:p},[r(e.$slots,"default")],512))}});export{c as default};

package/dist/table/TableBody.vue.cjs

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

package/dist/table/TableBody.vue.d.cts

@@ -0,0 +1,14 @@
+/** `<tbody>` section, holding the data `SkdxTableRow`s. */
+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/table/TableBody.vue.d.ts

@@ -0,0 +1,14 @@
+/** `<tbody>` section, holding the data `SkdxTableRow`s. */
+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/table/TableBody.vue.js

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

package/dist/table/TableBody.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+let e=require("vue");var _={class:"skdx-table__body","data-part":"body"},a=(0,e.defineComponent)({__name:"TableBody",setup(r){return(t,l)=>((0,e.openBlock)(),(0,e.createElementBlock)("tbody",_,[(0,e.renderSlot)(t.$slots,"default")]))}});exports.default=a;

package/dist/table/TableBody.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{createElementBlock as e,defineComponent as a,openBlock as o,renderSlot as t}from"vue";var s={class:"skdx-table__body","data-part":"body"},d=/* @__PURE__ */a({__name:"TableBody",setup:a=>(a,d)=>(o(),e("tbody",s,[t(a.$slots,"default")]))});export{d as default};

package/dist/table/TableCaption.vue.cjs

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

package/dist/table/TableCaption.vue.d.cts

@@ -0,0 +1,14 @@
+/** The table's `<caption>`, describing its contents for sighted and screen-reader users alike. */
+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/table/TableCaption.vue.d.ts

@@ -0,0 +1,14 @@
+/** The table's `<caption>`, describing its contents for sighted and screen-reader users alike. */
+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/table/TableCaption.vue.js

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

package/dist/table/TableCaption.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+let e=require("vue");var a={class:"skdx-table__caption","data-part":"caption"},_=(0,e.defineComponent)({__name:"TableCaption",setup(n){return(t,r)=>((0,e.openBlock)(),(0,e.createElementBlock)("caption",a,[(0,e.renderSlot)(t.$slots,"default")]))}});exports.default=_;

package/dist/table/TableCaption.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{createElementBlock as a,defineComponent as e,openBlock as t,renderSlot as o}from"vue";var n={class:"skdx-table__caption","data-part":"caption"},s=/* @__PURE__ */e({__name:"TableCaption",setup:e=>(e,s)=>(t(),a("caption",n,[o(e.$slots,"default")]))});export{s as default};

package/dist/table/TableCell.vue.cjs

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

package/dist/table/TableCell.vue.d.cts

@@ -0,0 +1,14 @@
+/** A single body cell (`<td>`) rendered inside a table row. */
+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/table/TableCell.vue.d.ts

@@ -0,0 +1,14 @@
+/** A single body cell (`<td>`) rendered inside a table row. */
+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/table/TableCell.vue.js

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

package/dist/table/TableCell.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+let e=require("vue");var t={class:"skdx-table__cell","data-part":"cell"},_=(0,e.defineComponent)({__name:"TableCell",setup(a){return(l,r)=>((0,e.openBlock)(),(0,e.createElementBlock)("td",t,[(0,e.renderSlot)(l.$slots,"default")]))}});exports.default=_;

package/dist/table/TableCell.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{createElementBlock as e,defineComponent as a,openBlock as l,renderSlot as t}from"vue";var s={class:"skdx-table__cell","data-part":"cell"},o=/* @__PURE__ */a({__name:"TableCell",setup:a=>(a,o)=>(l(),e("td",s,[t(a.$slots,"default")]))});export{o as default};

package/dist/table/TableColumnHeaderSortTrigger.vue.cjs

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