@skdx/vue 0.28.0 → 0.29.0

package/dist/table/context.d.cts

@@ -1,52 +1,35 @@
 import type { InjectionKey, Ref, VNode } from 'vue';
-/**
- * Column sort direction. Mirrored across all frameworks for consistent
- * `getSortLabel` implementations.
- */
+/** Column sort direction, either ascending or descending. */
 export type SortDirection = 'asc' | 'desc';
-/**
- * One column's sort: column and direction. No `null` or third state — unsorted
- * columns drop from `sortList` entirely, so `toggleSort` cycles without dead
- * entries. `columnKey` is shared with resize operations.
- */
+/** One column's sort entry: its `columnKey` and direction, dropped from `sortList` when unsorted. */
 export interface TableSortState {
     columnKey: string;
     direction: SortDirection;
 }
-/**
- * Table's sort state: sorted columns (most significant first), `[]` if none.
- * Always an array; `multiSort` controls max entries, not the type.
- */
+/** Table's sort state: sorted columns, most significant first, empty when unsorted. */
 export type TableSort = TableSortState[];
-/**
- * Selection mode: `'single'` (one row), `'multiple'` (any number with range
- * extension), or `'none'` (default, makes select methods no-ops so inert parts
- * render without conditional logic).
- *
- * Public, not `@internal`: React exports the same type so consumers can type
- * `selectionMode` variables across frameworks.
- */
+/** Selection mode: `'single'`, `'multiple'` (with range extension), or `'none'` (default). */
 export type TableSelectionMode = 'single' | 'multiple' | 'none';
-/**
- * Select-all scope: `'page'` (visible rows) or `'all'` (entire dataset).
- * No default; identical until paginated or virtualized.
- */
+/** Select-all scope: `'page'` (visible rows) or `'all'` (entire dataset). */
 export type TableSelectAllScope = 'page' | 'all';
 /** Per-column pixel widths, keyed by a header cell's `columnKey`. */
 export type TableColumnWidths = Record<string, number>;
-/**
- * One column definition for `SkdxTable`. `key` is typed against the row
- * shape for automatic type checking.
- */
-export interface TableColumnDef<TRow> {
-    /** Column identifier (header `columnKey` and default row property). */
-    key: Extract<keyof TRow, string>;
+/** One column definition for `SkdxTable`, with `key` typed against the row shape. */
+export interface TableColumnDef<TRow extends object = object> {
+    /** Column identifier (header `columnKey` and default row property); any string for a computed column. */
+    key: Extract<keyof TRow, string> | (string & {});
     /** Column header content, a string or a VNode. @default the key */
     header?: string | VNode;
-    /** Whether column sorts (if root `sortable` is set). @default true */
+    /** Renders this column's cell, overriding the root `renderCell`. @default the row's key value */
+    cell?: (row: TRow) => unknown;
+    /** Whether this column sorts, overriding the root `sortable`. @default the root `sortable` */
     sortable?: boolean;
-    /** Whether column resizes (if root `resizable` is set). @default true */
+    /** Whether this column resizes, overriding the root `resizable`. @default the root `resizable` */
     resizable?: boolean;
+    /** Smallest width in pixels a resize drag may reach for this column. @default 40 */
+    minWidth?: number;
+    /** Largest width in pixels a resize drag may reach for this column. @default 1000 */
+    maxWidth?: number;
 }
 /**
  * Injection key a Table provides so its parts can read/drive shared sort/selection state.
@@ -62,26 +45,21 @@ export interface TableContext {
     multiSort: boolean;
     selected: Readonly<Ref<Set<string>>>;
     selectionMode: TableSelectionMode;
-    /**
-     * Cycle column through asc → desc → unsorted. `columnLabel` is for
-     * live-region announcements.
-     */
+    /** Cycles a column through asc → desc → unsorted; `columnLabel` names it for live-region announcements. */
     toggleSort(columnKey: string, columnLabel?: string): void;
-    /**
-     * Toggle row selection. In `'single'`, new row replaces current.
-     * `extend` (Shift-click) selects through last toggled row in `'multiple'`.
-     */
+    /** Toggles row selection; `'single'` replaces the current row, `extend` (Shift-click) selects a range in `'multiple'`. */
     toggleRow(id: string, extend?: boolean): void;
     isRowSelected(id: string): boolean;
-    /**
-     * Toggle all given ids: select if any unselected, deselect if all selected.
-     * Caller supplies list; under pagination/virtualization must be complete.
-     */
+    /** Toggles all given ids: selects if any are unselected, deselects if all are selected. */
     toggleAll(allIds: string[]): void;
     /** Whether all given ids are selected (false on empty list). */
     isAllSelected(allIds: string[]): boolean;
     /** Whether some but not all given ids are selected (tri-state indeterminate). */
     isSomeSelected(allIds: string[]): boolean;
+    /** Header cells currently mounted, the width a full-row cell has to span. */
+    headerCellCount: Readonly<Ref<number>>;
+    /** @internal Counts a mounted header cell into `headerCellCount`; the returned callback removes it. */
+    registerHeaderCell(): () => void;
     /** Row ids whose detail row is expanded. */
     expandedRows: Readonly<Ref<Set<string>>>;
     toggleRowExpanded(rowId: string): void;
@@ -89,10 +67,7 @@ export interface TableContext {
     /** Per-column widths in pixels; absent columns use browser defaults. */
     columnWidths: Readonly<Ref<TableColumnWidths>>;
     setColumnWidth(columnKey: string, width: number): void;
-    /**
-     * End resize gesture and emit `column-widths-commit` with settled widths.
-     * Called on pointer-up / cancel, Escape revert, or Arrow / Home / End key-up.
-     */
+    /** Ends the resize gesture and emits `column-widths-commit` with the settled widths. */
     commitColumnWidths(): void;
 }
 /**
@@ -102,14 +77,11 @@ export interface TableContext {
  */
 export declare const TABLE_CONTEXT: InjectionKey<TableContext>;
 /**
- * Column defaults an `SkdxTableHeaderCell` provides to nested sort / resize
- * parts (avoiding repetition). All fields optional; parts work standalone.
+ * Column defaults an `SkdxTableHeaderCell` provides to nested sort/resize parts; all fields optional.
  * @internal
  */
 export interface TableHeaderCellContext {
-    /**
-     * Column identifier (resolved from `columnKey`).
-     */
+    /** Column identifier (resolved from `columnKey`). */
     readonly columnKey: string | undefined;
     /** Whether this column sorts — `sortable`. */
     readonly sortable: boolean | undefined;
@@ -119,24 +91,18 @@ export interface TableHeaderCellContext {
     readonly resizeStep: number | undefined;
 }
 /**
- * Injection key for nested sort / resize parts to inherit column key / bounds.
- * Falls back to `undefined` so parts work standalone with their own props.
+ * Injection key for nested sort/resize parts to inherit column key and bounds, or `undefined` standalone.
  * @internal
  */
 export declare const TABLE_HEADER_CELL_CONTEXT: InjectionKey<TableHeaderCellContext>;
-/**
- * DOM id for a detail row and its trigger's `aria-controls`.
- * Derived from table id to avoid collisions when tables share row ids.
- */
+/** DOM id for a detail row and its trigger's `aria-controls`, derived from the table id. */
 export declare function tableDetailRowId(tableId: string, rowId: string): string;
 /**
- * Default sort-change announcement text. Exported here because
- * `withDefaults(defineProps())` is hoisted and cannot reference local bindings.
+ * Default sort-change announcement text.
  * @internal
  */
 export declare function defaultGetSortLabel(column: string, direction: SortDirection | null): string;
-/**
- * Default accessible name for select-all checkbox: count and scope,
- * never bare "Select all" (scope difference is critical to users).
- */
+/** Default accessible name for the select-all checkbox, including the count and scope. */
 export declare function defaultSelectAllLabel(scope: TableSelectAllScope, count: number): string;
+/** Reads the column's default cell value off a row. */
+export declare function cellValue(row: object, key: string): unknown;

package/dist/table/context.d.ts

@@ -1,52 +1,35 @@
 import type { InjectionKey, Ref, VNode } from 'vue';
-/**
- * Column sort direction. Mirrored across all frameworks for consistent
- * `getSortLabel` implementations.
- */
+/** Column sort direction, either ascending or descending. */
 export type SortDirection = 'asc' | 'desc';
-/**
- * One column's sort: column and direction. No `null` or third state — unsorted
- * columns drop from `sortList` entirely, so `toggleSort` cycles without dead
- * entries. `columnKey` is shared with resize operations.
- */
+/** One column's sort entry: its `columnKey` and direction, dropped from `sortList` when unsorted. */
 export interface TableSortState {
     columnKey: string;
     direction: SortDirection;
 }
-/**
- * Table's sort state: sorted columns (most significant first), `[]` if none.
- * Always an array; `multiSort` controls max entries, not the type.
- */
+/** Table's sort state: sorted columns, most significant first, empty when unsorted. */
 export type TableSort = TableSortState[];
-/**
- * Selection mode: `'single'` (one row), `'multiple'` (any number with range
- * extension), or `'none'` (default, makes select methods no-ops so inert parts
- * render without conditional logic).
- *
- * Public, not `@internal`: React exports the same type so consumers can type
- * `selectionMode` variables across frameworks.
- */
+/** Selection mode: `'single'`, `'multiple'` (with range extension), or `'none'` (default). */
 export type TableSelectionMode = 'single' | 'multiple' | 'none';
-/**
- * Select-all scope: `'page'` (visible rows) or `'all'` (entire dataset).
- * No default; identical until paginated or virtualized.
- */
+/** Select-all scope: `'page'` (visible rows) or `'all'` (entire dataset). */
 export type TableSelectAllScope = 'page' | 'all';
 /** Per-column pixel widths, keyed by a header cell's `columnKey`. */
 export type TableColumnWidths = Record<string, number>;
-/**
- * One column definition for `SkdxTable`. `key` is typed against the row
- * shape for automatic type checking.
- */
-export interface TableColumnDef<TRow> {
-    /** Column identifier (header `columnKey` and default row property). */
-    key: Extract<keyof TRow, string>;
+/** One column definition for `SkdxTable`, with `key` typed against the row shape. */
+export interface TableColumnDef<TRow extends object = object> {
+    /** Column identifier (header `columnKey` and default row property); any string for a computed column. */
+    key: Extract<keyof TRow, string> | (string & {});
     /** Column header content, a string or a VNode. @default the key */
     header?: string | VNode;
-    /** Whether column sorts (if root `sortable` is set). @default true */
+    /** Renders this column's cell, overriding the root `renderCell`. @default the row's key value */
+    cell?: (row: TRow) => unknown;
+    /** Whether this column sorts, overriding the root `sortable`. @default the root `sortable` */
     sortable?: boolean;
-    /** Whether column resizes (if root `resizable` is set). @default true */
+    /** Whether this column resizes, overriding the root `resizable`. @default the root `resizable` */
     resizable?: boolean;
+    /** Smallest width in pixels a resize drag may reach for this column. @default 40 */
+    minWidth?: number;
+    /** Largest width in pixels a resize drag may reach for this column. @default 1000 */
+    maxWidth?: number;
 }
 /**
  * Injection key a Table provides so its parts can read/drive shared sort/selection state.
@@ -62,26 +45,21 @@ export interface TableContext {
     multiSort: boolean;
     selected: Readonly<Ref<Set<string>>>;
     selectionMode: TableSelectionMode;
-    /**
-     * Cycle column through asc → desc → unsorted. `columnLabel` is for
-     * live-region announcements.
-     */
+    /** Cycles a column through asc → desc → unsorted; `columnLabel` names it for live-region announcements. */
     toggleSort(columnKey: string, columnLabel?: string): void;
-    /**
-     * Toggle row selection. In `'single'`, new row replaces current.
-     * `extend` (Shift-click) selects through last toggled row in `'multiple'`.
-     */
+    /** Toggles row selection; `'single'` replaces the current row, `extend` (Shift-click) selects a range in `'multiple'`. */
     toggleRow(id: string, extend?: boolean): void;
     isRowSelected(id: string): boolean;
-    /**
-     * Toggle all given ids: select if any unselected, deselect if all selected.
-     * Caller supplies list; under pagination/virtualization must be complete.
-     */
+    /** Toggles all given ids: selects if any are unselected, deselects if all are selected. */
     toggleAll(allIds: string[]): void;
     /** Whether all given ids are selected (false on empty list). */
     isAllSelected(allIds: string[]): boolean;
     /** Whether some but not all given ids are selected (tri-state indeterminate). */
     isSomeSelected(allIds: string[]): boolean;
+    /** Header cells currently mounted, the width a full-row cell has to span. */
+    headerCellCount: Readonly<Ref<number>>;
+    /** @internal Counts a mounted header cell into `headerCellCount`; the returned callback removes it. */
+    registerHeaderCell(): () => void;
     /** Row ids whose detail row is expanded. */
     expandedRows: Readonly<Ref<Set<string>>>;
     toggleRowExpanded(rowId: string): void;
@@ -89,10 +67,7 @@ export interface TableContext {
     /** Per-column widths in pixels; absent columns use browser defaults. */
     columnWidths: Readonly<Ref<TableColumnWidths>>;
     setColumnWidth(columnKey: string, width: number): void;
-    /**
-     * End resize gesture and emit `column-widths-commit` with settled widths.
-     * Called on pointer-up / cancel, Escape revert, or Arrow / Home / End key-up.
-     */
+    /** Ends the resize gesture and emits `column-widths-commit` with the settled widths. */
     commitColumnWidths(): void;
 }
 /**
@@ -102,14 +77,11 @@ export interface TableContext {
  */
 export declare const TABLE_CONTEXT: InjectionKey<TableContext>;
 /**
- * Column defaults an `SkdxTableHeaderCell` provides to nested sort / resize
- * parts (avoiding repetition). All fields optional; parts work standalone.
+ * Column defaults an `SkdxTableHeaderCell` provides to nested sort/resize parts; all fields optional.
  * @internal
  */
 export interface TableHeaderCellContext {
-    /**
-     * Column identifier (resolved from `columnKey`).
-     */
+    /** Column identifier (resolved from `columnKey`). */
     readonly columnKey: string | undefined;
     /** Whether this column sorts — `sortable`. */
     readonly sortable: boolean | undefined;
@@ -119,24 +91,18 @@ export interface TableHeaderCellContext {
     readonly resizeStep: number | undefined;
 }
 /**
- * Injection key for nested sort / resize parts to inherit column key / bounds.
- * Falls back to `undefined` so parts work standalone with their own props.
+ * Injection key for nested sort/resize parts to inherit column key and bounds, or `undefined` standalone.
  * @internal
  */
 export declare const TABLE_HEADER_CELL_CONTEXT: InjectionKey<TableHeaderCellContext>;
-/**
- * DOM id for a detail row and its trigger's `aria-controls`.
- * Derived from table id to avoid collisions when tables share row ids.
- */
+/** DOM id for a detail row and its trigger's `aria-controls`, derived from the table id. */
 export declare function tableDetailRowId(tableId: string, rowId: string): string;
 /**
- * Default sort-change announcement text. Exported here because
- * `withDefaults(defineProps())` is hoisted and cannot reference local bindings.
+ * Default sort-change announcement text.
  * @internal
  */
 export declare function defaultGetSortLabel(column: string, direction: SortDirection | null): string;
-/**
- * Default accessible name for select-all checkbox: count and scope,
- * never bare "Select all" (scope difference is critical to users).
- */
+/** Default accessible name for the select-all checkbox, including the count and scope. */
 export declare function defaultSelectAllLabel(scope: TableSelectAllScope, count: number): string;
+/** Reads the column's default cell value off a row. */
+export declare function cellValue(row: object, key: string): unknown;

package/dist/table/context.js

@@ -1 +1 @@
-var e=/* @__PURE__ */Symbol("skdx-table-context"),t=/* @__PURE__ */Symbol("skdx-table-header-cell-context");function l(e,t){return`${e}-detail-${t}`}function a(e,t){return null===t?`${e} not sorted`:`${e} sorted ${"asc"===t?"ascending":"descending"}`}function n(e,t){const l=`${t} ${1===t?"row":"rows"}`;return"page"===e?`Select all ${l} on this page`:`Select all ${l}`}export{e as TABLE_CONTEXT,t as TABLE_HEADER_CELL_CONTEXT,a as defaultGetSortLabel,n as defaultSelectAllLabel,l as tableDetailRowId};
+var e=/* @__PURE__ */Symbol("skdx-table-context"),t=/* @__PURE__ */Symbol("skdx-table-header-cell-context");function l(e,t){return`${e}-detail-${t}`}function a(e,t){return null===t?`${e} not sorted`:`${e} sorted ${"asc"===t?"ascending":"descending"}`}function n(e,t){const l=`${t} ${1===t?"row":"rows"}`;return"page"===e?`Select all ${l} on this page`:`Select all ${l}`}function o(e,t){return e[t]}export{e as TABLE_CONTEXT,t as TABLE_HEADER_CELL_CONTEXT,o as cellValue,a as defaultGetSortLabel,n as defaultSelectAllLabel,l as tableDetailRowId};

package/dist/table/primitives.d.cts

@@ -1,6 +1,5 @@
 /**
- * Advanced primitives for custom `SkdxTable` layouts. Recipe built from these.
- * Row/Cell also in main barrel.
+ * Advanced primitives for custom `SkdxTable` layouts, built from the same parts as the default recipe.
  *
  * @example
  * ```vue

package/dist/table/primitives.d.ts

@@ -1,6 +1,5 @@
 /**
- * Advanced primitives for custom `SkdxTable` layouts. Recipe built from these.
- * Row/Cell also in main barrel.
+ * Advanced primitives for custom `SkdxTable` layouts, built from the same parts as the default recipe.
  *
  * @example
  * ```vue

package/dist/tabs/Tabs.vue.d.cts

@@ -1,8 +1,7 @@
 import { type TabsActivationMode, type TabsOrientation, type TabsValueChangeDetail } from './context.cjs';
 import type { TabsItem } from './types.cjs';
 /**
- * Tabs root: owns selected value, provides to parts. Controlled or
- * uncontrolled. Derives anatomy from `items` or renders slot.
+ * Tabs root that owns the selected value and provides it to parts, controlled or uncontrolled.
  *
  * ```vue
  * <SkdxTabs
@@ -33,16 +32,11 @@ type __VLS_Props = {
      */
     orientation?: TabsOrientation;
     /**
-     * `'automatic'` selects a tab as soon as arrow-key navigation focuses
-     * it; `'manual'` only selects on Enter/Space. Panels aren't rendered
-     * while inactive unless they set `force-mount`, so an author with
-     * expensive panels needs `"manual"` or `force-mount`, or an arrow-key
-     * browse mounts and unmounts a subtree per keystroke.
+     * `'automatic'` selects a tab as soon as arrow-key navigation focuses it; `'manual'` only selects on Enter/Space.
      */
     activationMode?: TabsActivationMode;
     /**
-     * Disables every trigger in the tabbed interface. OR-ed with each
-     * trigger's own `disabled`, never overridden.
+     * Disables every trigger in the tabbed interface, OR-ed with each trigger's own `disabled`.
      */
     disabled?: boolean;
     /**
@@ -50,11 +44,9 @@ type __VLS_Props = {
      * paired panel. Ignored once the default slot supplies its own parts.
      * @default undefined — nothing is derived; compose the list, triggers and panels in the default slot.
      */
-    items?: readonly TabsItem[];
+    items?: readonly TabsItem[] | undefined;
     /**
-     * Whether arrow-key navigation wraps from the last trigger back to the
-     * first, and vice versa. Only reaches the derived list — a default slot
-     * composing its own `SkdxTabsList` sets `loop` there.
+     * Whether arrow-key navigation wraps from the last trigger back to the first; only reaches the derived list.
      * @default true — arrow keys wrap.
      */
     loop?: boolean;
@@ -72,13 +64,12 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}
     "update:value": (value: string) => any;
     "value-change": (detail: TabsValueChangeDetail) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onUpdate:value"?: ((value: string) => any) | undefined;
-    "onValue-change"?: ((detail: TabsValueChangeDetail) => any) | undefined;
+    "onUpdate:value"?: (value: string) => any;
+    "onValue-change"?: (detail: TabsValueChangeDetail) => any;
 }>, {
     disabled: boolean;
-    loop: boolean;
-    items: readonly TabsItem[];
     orientation: TabsOrientation;
+    loop: boolean;
     activationMode: TabsActivationMode;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;

package/dist/tabs/Tabs.vue.d.ts

@@ -1,8 +1,7 @@
 import { type TabsActivationMode, type TabsOrientation, type TabsValueChangeDetail } from './context.js';
 import type { TabsItem } from './types.js';
 /**
- * Tabs root: owns selected value, provides to parts. Controlled or
- * uncontrolled. Derives anatomy from `items` or renders slot.
+ * Tabs root that owns the selected value and provides it to parts, controlled or uncontrolled.
  *
  * ```vue
  * <SkdxTabs
@@ -33,16 +32,11 @@ type __VLS_Props = {
      */
     orientation?: TabsOrientation;
     /**
-     * `'automatic'` selects a tab as soon as arrow-key navigation focuses
-     * it; `'manual'` only selects on Enter/Space. Panels aren't rendered
-     * while inactive unless they set `force-mount`, so an author with
-     * expensive panels needs `"manual"` or `force-mount`, or an arrow-key
-     * browse mounts and unmounts a subtree per keystroke.
+     * `'automatic'` selects a tab as soon as arrow-key navigation focuses it; `'manual'` only selects on Enter/Space.
      */
     activationMode?: TabsActivationMode;
     /**
-     * Disables every trigger in the tabbed interface. OR-ed with each
-     * trigger's own `disabled`, never overridden.
+     * Disables every trigger in the tabbed interface, OR-ed with each trigger's own `disabled`.
      */
     disabled?: boolean;
     /**
@@ -50,11 +44,9 @@ type __VLS_Props = {
      * paired panel. Ignored once the default slot supplies its own parts.
      * @default undefined — nothing is derived; compose the list, triggers and panels in the default slot.
      */
-    items?: readonly TabsItem[];
+    items?: readonly TabsItem[] | undefined;
     /**
-     * Whether arrow-key navigation wraps from the last trigger back to the
-     * first, and vice versa. Only reaches the derived list — a default slot
-     * composing its own `SkdxTabsList` sets `loop` there.
+     * Whether arrow-key navigation wraps from the last trigger back to the first; only reaches the derived list.
      * @default true — arrow keys wrap.
      */
     loop?: boolean;
@@ -72,13 +64,12 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}
     "update:value": (value: string) => any;
     "value-change": (detail: TabsValueChangeDetail) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onUpdate:value"?: ((value: string) => any) | undefined;
-    "onValue-change"?: ((detail: TabsValueChangeDetail) => any) | undefined;
+    "onUpdate:value"?: (value: string) => any;
+    "onValue-change"?: (detail: TabsValueChangeDetail) => any;
 }>, {
     disabled: boolean;
-    loop: boolean;
-    items: readonly TabsItem[];
     orientation: TabsOrientation;
+    loop: boolean;
     activationMode: TabsActivationMode;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;

package/dist/tabs/Tabs.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const v=require("./context.cjs"),C=require("./TabsAnatomy.vue.cjs");let a=require("vue");var h=["data-orientation","data-disabled"],q=(0,a.defineComponent)({__name:"Tabs",props:{value:{},defaultValue:{},orientation:{default:"horizontal"},activationMode:{default:"automatic"},disabled:{type:Boolean,default:!1},items:{default:void 0},loop:{type:Boolean,default:!0}},emits:["update:value","value-change"],setup(o,{emit:f}){const l=o,r=f,d=(0,a.useAttrs)(),b=(0,a.computed)(()=>d["aria-label"]),p=(0,a.computed)(()=>d["aria-labelledby"]),m=v.nextTabsBaseId(),s=(0,a.ref)(l.defaultValue),c=(0,a.computed)(()=>l.value!==void 0?l.value:s.value);function g(e,t){const i=c.value;i!==e&&(l.value===void 0&&(s.value=e),r("update:value",e),r("value-change",{value:e,previousValue:i??null,reason:t}))}const u=[];function y(){return u.find(e=>!e.disabled)?.value??null}function V(e,t){u.push({value:e,disabled:t})}function T(e){const t=u.findIndex(i=>i.value===e);t!==-1&&u.splice(t,1)}const n=(0,a.ref)([]);function k(e){n.value.includes(e)||(n.value=[...n.value,e])}function B(e){n.value=n.value.filter(t=>t!==e)}return(0,a.provide)(v.TABS_CONTEXT,{baseId:m,orientation:()=>l.orientation,activationMode:()=>l.activationMode,selectedValue:()=>c.value,firstEnabledValue:y,disabled:()=>l.disabled,arrowNavigating:{current:!1},isContentMounted:e=>n.value.includes(e),registerContent:k,unregisterContent:B,setValue:g,registerTrigger:V,unregisterTrigger:T}),(e,t)=>((0,a.openBlock)(),(0,a.createElementBlock)("div",{class:"skdx-tabs","data-part":"root","data-skdx-component":"tabs","data-orientation":o.orientation,"data-disabled":o.disabled?"":void 0},[(0,a.renderSlot)(e.$slots,"default",{},()=>[o.items?((0,a.openBlock)(),(0,a.createBlock)(C.default,{key:0,items:o.items,loop:o.loop,"aria-label":b.value,"aria-labelledby":p.value},(0,a.createSlots)({_:2},[e.$slots.panel?{name:"panel",fn:(0,a.withCtx)(i=>[(0,a.renderSlot)(e.$slots,"panel",(0,a.normalizeProps)((0,a.guardReactiveProps)(i)))]),key:"0"}:void 0]),1032,["items","loop","aria-label","aria-labelledby"])):(0,a.createCommentVNode)("",!0)])],8,h))}});exports.default=q;
+const c=require("./context.cjs"),k=require("./TabsAnatomy.vue.cjs");let e=require("vue");var B=["data-orientation","data-disabled"],C=(0,e.defineComponent)({__name:"Tabs",props:{value:{},defaultValue:{},orientation:{default:"horizontal"},activationMode:{default:"automatic"},disabled:{type:Boolean,default:!1},items:{},loop:{type:Boolean,default:!0}},emits:["update:value","value-change"],setup(l,{emit:v}){const t=l,i=v,r=(0,e.useAttrs)(),b=(0,e.computed)(()=>r["aria-label"]),f=(0,e.computed)(()=>r["aria-labelledby"]),p=c.nextTabsBaseId(),d=(0,e.ref)(t.defaultValue),s=(0,e.computed)(()=>t.value!==void 0?t.value:d.value);function m(a,n){const u=s.value;u!==a&&(t.value===void 0&&(d.value=a),i("update:value",a),i("value-change",{value:a,previousValue:u??null,reason:n}))}const y=(0,e.ref)(null),o=(0,e.ref)([]);function V(a){o.value.includes(a)||(o.value=[...o.value,a])}function g(a){o.value=o.value.filter(n=>n!==a)}return(0,e.provide)(c.TABS_CONTEXT,{baseId:p,orientation:()=>t.orientation,activationMode:()=>t.activationMode,selectedValue:()=>s.value,tabStopValue:y,disabled:()=>t.disabled,arrowNavigating:{current:!1},isContentMounted:a=>o.value.includes(a),registerContent:V,unregisterContent:g,setValue:m}),(a,n)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",{class:"skdx-tabs","data-part":"root","data-skdx-component":"tabs","data-orientation":l.orientation,"data-disabled":l.disabled?"":void 0},[(0,e.renderSlot)(a.$slots,"default",{},()=>[l.items?((0,e.openBlock)(),(0,e.createBlock)(k.default,{key:0,items:l.items,loop:l.loop,"aria-label":b.value,"aria-labelledby":f.value},(0,e.createSlots)({_:2},[a.$slots.panel?{name:"panel",fn:(0,e.withCtx)(u=>[(0,e.renderSlot)(a.$slots,"panel",(0,e.normalizeProps)((0,e.guardReactiveProps)(u)))]),key:"0"}:void 0]),1032,["items","loop","aria-label","aria-labelledby"])):(0,e.createCommentVNode)("",!0)])],8,B))}});exports.default=C;

package/dist/tabs/Tabs.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{TABS_CONTEXT as e,nextTabsBaseId as a}from"./context.js";import t from"./TabsAnatomy.vue.js";import{computed as l,createBlock as o,createCommentVNode as i,createElementBlock as n,createSlots as s,defineComponent as u,guardReactiveProps as d,normalizeProps as r,openBlock as v,provide as c,ref as p,renderSlot as f,useAttrs as b,withCtx as m}from"vue";var g=["data-orientation","data-disabled"],y=/* @__PURE__ */u({__name:"Tabs",props:{value:{},defaultValue:{},orientation:{default:"horizontal"},activationMode:{default:"automatic"},disabled:{type:Boolean,default:!1},items:{default:void 0},loop:{type:Boolean,default:!0}},emits:["update:value","value-change"],setup(u,{emit:y}){const T=u,k=y,x=b(),B=l(()=>x["aria-label"]),C=l(()=>x["aria-labelledby"]),V=a(),h=p(T.defaultValue),M=l(()=>void 0!==T.value?T.value:h.value),_=[],A=p([]);return c(e,{baseId:V,orientation:()=>T.orientation,activationMode:()=>T.activationMode,selectedValue:()=>M.value,firstEnabledValue:function(){return _.find(e=>!e.disabled)?.value??null},disabled:()=>T.disabled,arrowNavigating:{current:!1},isContentMounted:e=>A.value.includes(e),registerContent:function(e){A.value.includes(e)||(A.value=[...A.value,e])},unregisterContent:function(e){A.value=A.value.filter(a=>a!==e)},setValue:function(e,a){const t=M.value;t!==e&&(void 0===T.value&&(h.value=e),k("update:value",e),k("value-change",{value:e,previousValue:t??null,reason:a}))},registerTrigger:function(e,a){_.push({value:e,disabled:a})},unregisterTrigger:function(e){const a=_.findIndex(a=>a.value===e);-1!==a&&_.splice(a,1)}}),(e,a)=>(v(),n("div",{class:"skdx-tabs","data-part":"root","data-skdx-component":"tabs","data-orientation":u.orientation,"data-disabled":u.disabled?"":void 0},[f(e.$slots,"default",{},()=>[u.items?(v(),o(t,{key:0,items:u.items,loop:u.loop,"aria-label":B.value,"aria-labelledby":C.value},s({_:2},[e.$slots.panel?{name:"panel",fn:m(a=>[f(e.$slots,"panel",r(d(a)))]),key:"0"}:void 0]),1032,["items","loop","aria-label","aria-labelledby"])):i("",!0)])],8,g))}});export{y as default};
+import{TABS_CONTEXT as a,nextTabsBaseId as e}from"./context.js";import t from"./TabsAnatomy.vue.js";import{computed as l,createBlock as o,createCommentVNode as s,createElementBlock as i,createSlots as n,defineComponent as u,guardReactiveProps as d,normalizeProps as r,openBlock as v,provide as p,ref as c,renderSlot as m,useAttrs as b,withCtx as f}from"vue";var y=["data-orientation","data-disabled"],g=/* @__PURE__ */u({__name:"Tabs",props:{value:{},defaultValue:{},orientation:{default:"horizontal"},activationMode:{default:"automatic"},disabled:{type:Boolean,default:!1},items:{},loop:{type:Boolean,default:!0}},emits:["update:value","value-change"],setup(u,{emit:g}){const k=u,B=g,C=b(),V=l(()=>C["aria-label"]),x=l(()=>C["aria-labelledby"]),T=e(),h=c(k.defaultValue),M=l(()=>void 0!==k.value?k.value:h.value),S=c(null),_=c([]);return p(a,{baseId:T,orientation:()=>k.orientation,activationMode:()=>k.activationMode,selectedValue:()=>M.value,tabStopValue:S,disabled:()=>k.disabled,arrowNavigating:{current:!1},isContentMounted:a=>_.value.includes(a),registerContent:function(a){_.value.includes(a)||(_.value=[..._.value,a])},unregisterContent:function(a){_.value=_.value.filter(e=>e!==a)},setValue:function(a,e){const t=M.value;t!==a&&(void 0===k.value&&(h.value=a),B("update:value",a),B("value-change",{value:a,previousValue:t??null,reason:e}))}}),(a,e)=>(v(),i("div",{class:"skdx-tabs","data-part":"root","data-skdx-component":"tabs","data-orientation":u.orientation,"data-disabled":u.disabled?"":void 0},[m(a.$slots,"default",{},()=>[u.items?(v(),o(t,{key:0,items:u.items,loop:u.loop,"aria-label":V.value,"aria-labelledby":x.value},n({_:2},[a.$slots.panel?{name:"panel",fn:f(e=>[m(a.$slots,"panel",r(d(e)))]),key:"0"}:void 0]),1032,["items","loop","aria-label","aria-labelledby"])):s("",!0)])],8,y))}});export{g as default};

package/dist/tabs/TabsAnatomy.vue.d.cts

@@ -1,15 +1,13 @@
 import type { TabsItem } from './types.cjs';
 /**
- * The anatomy a `SkdxTabs` draws: trigger list and one panel per entry in `items`.
- * Triggers and panels come from the same array so `aria-controls` always points at an existing panel.
- * Not exported from the package — must stay in step with React `TabsAnatomy.tsx`.
+ * The anatomy a `SkdxTabs` draws: a trigger list and one panel per entry in `items`.
  * @internal
  */
 type __VLS_Props = {
     items: readonly TabsItem[];
-    loop?: boolean;
-    ariaLabel?: string;
-    ariaLabelledby?: string;
+    loop?: boolean | undefined;
+    ariaLabel?: string | undefined;
+    ariaLabelledby?: string | undefined;
 };
 type __VLS_Slots = {
     panel?(props: {
@@ -18,9 +16,9 @@ type __VLS_Slots = {
     }): unknown;
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    ariaLabel: string;
-    loop: boolean;
-    ariaLabelledby: string;
+    ariaLabel: string | undefined;
+    loop: boolean | undefined;
+    ariaLabelledby: string | undefined;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/tabs/TabsAnatomy.vue.d.ts

@@ -1,15 +1,13 @@
 import type { TabsItem } from './types.js';
 /**
- * The anatomy a `SkdxTabs` draws: trigger list and one panel per entry in `items`.
- * Triggers and panels come from the same array so `aria-controls` always points at an existing panel.
- * Not exported from the package — must stay in step with React `TabsAnatomy.tsx`.
+ * The anatomy a `SkdxTabs` draws: a trigger list and one panel per entry in `items`.
  * @internal
  */
 type __VLS_Props = {
     items: readonly TabsItem[];
-    loop?: boolean;
-    ariaLabel?: string;
-    ariaLabelledby?: string;
+    loop?: boolean | undefined;
+    ariaLabel?: string | undefined;
+    ariaLabelledby?: string | undefined;
 };
 type __VLS_Slots = {
     panel?(props: {
@@ -18,9 +16,9 @@ type __VLS_Slots = {
     }): unknown;
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    ariaLabel: string;
-    loop: boolean;
-    ariaLabelledby: string;
+    ariaLabel: string | undefined;
+    loop: boolean | undefined;
+    ariaLabelledby: string | undefined;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/tabs/TabsContent.vue.d.cts

@@ -1,18 +1,12 @@
 /**
- * Panel shown when its `value` matches the selected value. Renders
- * `role="tabpanel"`, hidden while inactive unless `forceMount` is set, and
- * focusable (`tabindex="0"` by default) so keyboard users can tab into it.
+ * Panel shown when its `value` matches the selected value, rendering `role="tabpanel"` hidden while inactive unless `forceMount` is set.
  */
 type __VLS_Props = {
     /** Unique identifier matched against the `SkdxTabsTrigger` that reveals this panel. */
     value: string;
     /** Keep this panel mounted (hidden via the `hidden` attribute) even while inactive, instead of unmounting it. */
     forceMount?: boolean;
-    /**
-     * Whether the panel itself is a tab stop. APG asks for `0` only when the
-     * panel contains no focusable elements; pass `-1` for a panel whose own
-     * content is focusable, or it gets an extra contentless stop in front of it.
-     */
+    /** Whether the panel itself is a tab stop; pass `-1` when its own content is already focusable. */
     tabIndex?: 0 | -1;
 };
 declare var __VLS_1: {};
@@ -20,8 +14,8 @@ 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<{}>, {
-    forceMount: boolean;
     tabIndex: 0 | -1;
+    forceMount: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/tabs/TabsContent.vue.d.ts

@@ -1,18 +1,12 @@
 /**
- * Panel shown when its `value` matches the selected value. Renders
- * `role="tabpanel"`, hidden while inactive unless `forceMount` is set, and
- * focusable (`tabindex="0"` by default) so keyboard users can tab into it.
+ * Panel shown when its `value` matches the selected value, rendering `role="tabpanel"` hidden while inactive unless `forceMount` is set.
  */
 type __VLS_Props = {
     /** Unique identifier matched against the `SkdxTabsTrigger` that reveals this panel. */
     value: string;
     /** Keep this panel mounted (hidden via the `hidden` attribute) even while inactive, instead of unmounting it. */
     forceMount?: boolean;
-    /**
-     * Whether the panel itself is a tab stop. APG asks for `0` only when the
-     * panel contains no focusable elements; pass `-1` for a panel whose own
-     * content is focusable, or it gets an extra contentless stop in front of it.
-     */
+    /** Whether the panel itself is a tab stop; pass `-1` when its own content is already focusable. */
     tabIndex?: 0 | -1;
 };
 declare var __VLS_1: {};
@@ -20,8 +14,8 @@ 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<{}>, {
-    forceMount: boolean;
     tabIndex: 0 | -1;
+    forceMount: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;