@soybeanjs/headless 0.13.8 → 0.15.0-beta.1

package/dist/components/table/shared.d.ts

@@ -0,0 +1,39 @@
+import { Path, PathValue } from "../../types/path.js";
+import { TableBaseData, TableColumn, TableColumnFilterOption, TableColumnWidthState, TableDataColumn, TableFilterState, TableFilterValue, TableGroupColumn, TableHeaderCell, TableRowValue, TableSortOrder, TableSortState, TableTreeNode } from "./types.js";
+import { CSSProperties } from "vue";
+
+//#region src/components/table/shared.d.ts
+/**
+ * Get a human-readable row label for built-in table a11y text.
+ *
+ * Falls back to common display fields (`name`, `title`, `label`) before using the row key.
+ */
+declare function getTableRowLabel<T extends TableBaseData, R extends string | number>(row: T, rowKey: (row: T) => R): string;
+declare function getTableTreeRows<T extends TableBaseData, R extends string | number>(nodes: TableTreeNode<T, R>[]): T[];
+declare function getTableRowValueByDataIndex<T extends TableBaseData, K extends Path<TableRowValue<T>>>(row: T, dataIndex: K): PathValue<TableRowValue<T>, K>;
+declare function getTableColumnKey<T extends TableBaseData>(column: TableColumn<T>): string;
+declare function isTableGroupColumn<T extends TableBaseData>(column: TableColumn<T>): column is TableGroupColumn<T>;
+declare function isTableDataColumn<T extends TableBaseData>(column: TableColumn<T>): column is TableDataColumn<T>;
+declare function filterTableColumns<T extends TableBaseData>(columns: TableColumn<T>[]): TableColumn<T>[];
+declare function getTableLeafColumns<T extends TableBaseData>(columns: TableColumn<T>[]): TableColumn<T>[];
+declare function getTableHeaderRows<T extends TableBaseData>(columns: TableColumn<T>[]): TableHeaderCell<T>[][];
+declare function getTableColumnByKey<T extends TableBaseData>(columns: TableColumn<T>[], key: string): TableColumn<T> | undefined;
+declare function getTableColumnFilterValue(state: TableFilterState, key: string): string;
+declare function getTableColumnFilterValues(state: TableFilterState, key: string): string[];
+declare function getTableColumnFilterStateValue(state: TableFilterState, key: string): TableFilterValue | undefined;
+declare function isTableColumnFiltered(state: TableFilterState, key: string): boolean;
+declare function toggleTableSortState(current: TableSortState | undefined, key: string): TableSortState | undefined;
+declare function getNextTableFilterState(state: TableFilterState, key: string, value: TableFilterValue | undefined): TableFilterState;
+declare function getNextTableFilterKeywordState(state: TableFilterState, key: string, keyword: string): TableFilterState;
+declare function getNextTableFilterValuesState(state: TableFilterState, key: string, values: string[]): TableFilterState;
+declare function toggleTableFilterOption(state: TableFilterState, key: string, value: string): TableFilterState;
+declare function isTableFilterOptionSelected(state: TableFilterState, key: string, value: string): boolean;
+declare function sortTableData<T extends TableBaseData>(data: T[], column: TableDataColumn<T>, sortState: TableSortState | undefined): T[];
+declare function getTableFilterPlaceholder<T extends TableBaseData>(column: TableDataColumn<T>): string | undefined;
+declare function getTableColumnFilterOptions<T extends TableBaseData>(rows: T[], column: TableDataColumn<T>): TableColumnFilterOption[];
+declare function matchesTableColumnFilter<T extends TableBaseData>(row: T, column: TableDataColumn<T>, filterValue: TableFilterValue | undefined): boolean;
+declare function getTableAriaSort(order?: TableSortOrder): "none" | "ascending" | "descending";
+declare function parseTableColumnWidth(width?: string): number | undefined;
+declare function getTableColumnWidthValue<T extends TableBaseData>(column: TableColumn<T>, columnWidths?: TableColumnWidthState): string | undefined;
+//#endregion
+export { filterTableColumns, getNextTableFilterKeywordState, getNextTableFilterState, getNextTableFilterValuesState, getTableAriaSort, getTableColumnByKey, getTableColumnFilterOptions, getTableColumnFilterStateValue, getTableColumnFilterValue, getTableColumnFilterValues, getTableColumnKey, getTableColumnWidthValue, getTableFilterPlaceholder, getTableHeaderRows, getTableLeafColumns, getTableRowLabel, getTableRowValueByDataIndex, getTableTreeRows, isTableColumnFiltered, isTableDataColumn, isTableFilterOptionSelected, isTableGroupColumn, matchesTableColumnFilter, parseTableColumnWidth, sortTableData, toggleTableFilterOption, toggleTableSortState };

package/dist/components/table/shared.js

@@ -0,0 +1 @@
+const e=new WeakMap;let t=0;function n(e,t){let n=e.name??e.title??e.label;return typeof n==`string`&&n.trim().length>0?n:String(t(e))}function r(e,t){return t?t(e)??[]:Array.isArray(e.children)?e.children:[]}function i(e,t,n,a=1,o){return e.map(e=>{let s=t(e),c=i(r(e,n),t,n,a+1,s);return{key:s,row:e,level:a,parentKey:o,children:c,hasChildren:c.length>0}})}function a(e,t){let n=new Set(t),r=[];function i(e){e.forEach(e=>{r.push({key:e.key,row:e.row,level:e.level,parentKey:e.parentKey,hasChildren:e.hasChildren}),e.hasChildren&&n.has(e.key)&&i(e.children)})}return i(e),r}function o(e,t){return e.reduce((e,n)=>{let r=o(n.children,t);return!t(n.row)&&r.length===0||e.push({...n,children:r,hasChildren:r.length>0}),e},[])}function s(e,t,n){return[...e].sort((e,r)=>{let i=typeof t.sorter==`function`?t.sorter(e.row,r.row):J(d(e.row,t.dataIndex),d(r.row,t.dataIndex));return n?.order===`desc`?i*-1:i}).map(e=>({...e,children:s(e.children,t,n)}))}function c(e,t=!1){return e.flatMap(e=>[...t||e.hasChildren?[e.key]:[],...c(e.children,t)])}function l(e){return e.some(e=>e.hasChildren||l(e.children))}function u(e){return e.flatMap(e=>[e.row,...u(e.children)])}function d(e,t){let n=t.split(`.`),r=e;for(let e of n){if(r==null)return;r=r[e]}return r}function f(n){if(n.key)return n.key;if(n.dataIndex)return n.dataIndex;if(n.type)return`__${n.type}`;let r=e.get(n);if(r)return r;t+=1;let i=`__group-${t}`;return e.set(n,i),i}function p(e){return Array.isArray(e.children)&&e.children.length>0}function m(e){return typeof e.dataIndex==`string`}function h(e){return!p(e)&&!!e.resizable}function g(e){return m(e)&&!!e.sorter}function _(e){return m(e)&&!!e.filter}function v(e){return e.reduce((e,t)=>{if(t.hidden)return e;if(!p(t))return e.push(t),e;let n=v(t.children);return n.length>0&&e.push({...t,children:n}),e},[])}function y(e){return e.flatMap(e=>p(e)?y(e.children):[e])}function b(e){let t=[];return x(e,t,S(e),0),t}function x(e,t,n,r){t[r]??(t[r]=[]),e.forEach(e=>{let i=f(e);if(p(e)){t[r].push({key:i,column:e,colSpan:y(e.children).length,rowSpan:1}),x(e.children,t,n,r+1);return}t[r].push({key:i,column:e,colSpan:1,rowSpan:n-r})})}function S(e){return e.reduce((e,t)=>p(t)?Math.max(e,S(t.children)+1):e,1)}function C(e,t){for(let n of e){if(f(n)===t)return n;if(p(n)){let e=C(n.children,t);if(e)return e}}}function w(e,t){return e?{height:typeof t==`number`?`${t}px`:t}:{}}function ee(e,t,n){return n.defaultExpandAll?c(i(e,t,n.getChildren),n.includeLeaves??!1):n.defaultExpanded??[]}function te(e,t,n,r){let i=o(e,e=>Object.entries(t).every(([t,r])=>{let i=n.get(t);return!i||!m(i)||!i.filter?!0:X(e,i,r)}));if(!r)return i;let a=n.get(r.key);return!a||!m(a)||!a.sorter?i:s(i,a,r)}function ne(e,t,n,r){return!e||!t?n:[...new Set([...n,...c(r)])]}function re(e){let t=e.find(m);return t?f(t):void 0}function ie(e,t){if(e>0)return e;if(typeof t==`number`)return t;let n=Number.parseFloat(t??``);return Number.isFinite(n)?n:0}function ae(e,t,n){return typeof e==`function`?e(t,n):e??40}function oe(e,t){let n=0,r=e.length-1,i=e.length-1;for(;n<=r;){let a=Math.floor((n+r)/2);e[a].end>t?(i=a,r=a-1):n=a+1}return i}function se(e,t){let n=0;return e.map((e,r)=>{let i=ae(t,r,e.row),a={index:r,start:n,end:n+i};return n+=i,a})}function ce(e){if(!e.isVirtual)return{startIndex:0,endIndex:e.rowCount-1};if(e.measurements.length===0)return{startIndex:0,endIndex:-1};let t=oe(e.measurements,e.scrollTop),n=t;for(;n<e.measurements.length&&e.measurements[n].start<e.scrollTop+e.viewportHeight;)n+=1;return t=Math.max(0,t-e.overscan),n=Math.min(e.measurements.length-1,n+e.overscan),{startIndex:t,endIndex:n}}function le(e,t,n){return!e||t.startIndex<0?0:n[t.startIndex]?.start??0}function T(e,t,n){if(!e||t.endIndex<0)return 0;let r=n.at(-1)?.end??0,i=n[t.endIndex]?.end??0;return Math.max(r-i,0)}function E(e,t,n){return t?n.endIndex<n.startIndex?[]:e.slice(n.startIndex,n.endIndex+1).map((e,t)=>({index:n.startIndex+t,item:e})):e.map((e,t)=>({index:t,item:e}))}function D(e,t){return e.includes(t)?e.filter(e=>e!==t):[...e,t]}function O(e,t){return e.includes(t)}function k(e,t){if(!Array.isArray(e)||t.length===0)return!1;let n=new Set(e),r=t.filter(e=>n.has(e)).length;return r===0?!1:r===t.length?!0:`indeterminate`}function A(e,t,n){return m(e)&&t&&f(e)===n}function j(e,t,n,r){return A(e,t,n)&&!r}function M(e,t,n){if(e)return{paddingInlineStart:`${Math.max(t-1,0)*n}px`}}function N(e,t){return t.hasExpandColumn&&t.hasExpandedRowSlot&&!e.hasChildren&&O(t.expandedKeys,e.key)}function P(e,t){let n={},r={},i=0,a=0;return e.forEach(e=>{if(e.fixed!==`start`)return;let r=f(e);n[r]=i,i+=t(e)}),[...e].reverse().forEach(e=>{if(e.fixed!==`end`)return;let n=f(e);r[n]=a,a+=t(e)}),{startOffsets:n,endOffsets:r}}function F(e,t){let n=f(e);if(e.fixed===`start`)return{side:`start`,offset:t.startOffsets[n]??0};if(e.fixed===`end`)return{side:`end`,offset:t.endOffsets[n]??0}}function I(e,t){if(!p(e))return F(e,t);let n=y([e]),r=[...new Set(n.map(e=>e.fixed).filter(e=>!!e))];if(r.length!==1)return;let i=r[0]===`start`?n[0]:n.at(-1);if(i)return F(i,t)}function L(e){return{width:e.width,minWidth:e.minWidth,textAlign:e.textAlign,position:e.fixedState?`sticky`:void 0,insetInlineStart:e.fixedState?.side===`start`?`${e.fixedState.offset}px`:void 0,insetInlineEnd:e.fixedState?.side===`end`?`${e.fixedState.offset}px`:void 0,zIndex:e.fixedState?e.zIndex:void 0}}function R(e){return{height:`${e}px`,padding:0,border:0}}function z(e,t,n){return{...e,[t]:`${Math.round(n)}px`}}function B(e){return Q(e)??80}function V(e,t,n,r=160){let i=f(e),a=Q($(e,t)),o=n[i];return(o>0?o:void 0)??a??r}function H(e,t){return e.reduce((e,n)=>{let r=f(n),i=Q($(n,t.columnWidths)),a=t.headCellElements[r]?.getBoundingClientRect().width;return e[r]=(a&&a>0?a:void 0)??i??V(n,t.columnWidths,t.measuredColumnWidths),e},{})}function U(e,t){if(!g(e))return;let n=f(e);return t?.key===n?t.order:void 0}function W(e){return e.title??f(e)}function ue(e,t){return t===`asc`?`Sort by ${e}, currently ascending`:t===`desc`?`Sort by ${e}, currently descending`:`Sort by ${e}`}function de(e){return`Resize ${e} column`}function fe(e,t){return t?`Collapse row ${e}`:`Expand row ${e}`}function pe(e){return`Select row ${e}`}function me(e,t,n,r,i=`ltr`){let a=n-t,o=i===`rtl`?-a:a;return Math.max(r,e+o)}function he(e,t,n,r=`ltr`,i=16){let a=(r===`rtl`?t===`increase`?`decrease`:`increase`:t)===`increase`?i:-i;return Math.max(n,e+a)}function ge(e,t){return Z(e[t]).keyword??``}function G(e,t){return Z(e[t]).values}function _e(e,t){return e[t]}function ve(e,t){let n=Z(e[t]);return n.keyword.length>0||n.values.length>0}function ye(e,t){if(!e||e.key!==t)return{key:t,order:`asc`};if(e.order===`asc`)return{key:t,order:`desc`}}function K(e,t,n){let r={...e},i=Z(n);return i.keyword.length===0&&i.values.length===0?(delete r[t],r):(r[t]=Te(i),r)}function be(e,t,n){return K(e,t,{...Z(e[t]),keyword:n})}function q(e,t,n){return K(e,t,{...Z(e[t]),values:n})}function xe(e,t,n){let r=G(e,t);return q(e,t,r.includes(n)?r.filter(e=>e!==n):[...r,n])}function Se(e,t,n){return G(e,t).includes(n)}function J(e,t){return e==null&&t==null?0:e==null?1:t==null?-1:typeof e==`number`&&typeof t==`number`?e-t:String(e).localeCompare(String(t),void 0,{numeric:!0,sensitivity:`base`})}function Ce(e,t,n){return n?[...e].sort((e,r)=>{let i=typeof t.sorter==`function`?t.sorter(e,r):J(d(e,t.dataIndex),d(r,t.dataIndex));return n.order===`desc`?i*-1:i}):e}function we(e){if(typeof e.filter==`object`)return e.filter.placeholder}function Y(e,t){if(typeof t.filter==`object`&&t.filter.options)return typeof t.filter.options==`function`?t.filter.options({rows:e,column:t}):t.filter.options;let n=new Set;return e.reduce((e,r)=>{let i=String(d(r,t.dataIndex)??``);return!i||n.has(i)?e:(n.add(i),e.push({label:i,value:i}),e)},[])}function X(e,t,n){let r=d(e,t.dataIndex),i=Z(n);if(typeof t.filter==`object`&&t.filter.match)return t.filter.match({filterValue:i,keyword:i.keyword,values:i.values,row:e,value:r,column:t});let a=String(r??``),o=i.keyword.length===0||a.toLowerCase().includes(i.keyword.toLowerCase()),s=i.values.length===0||i.values.includes(a);return o&&s}function Z(e){return typeof e==`string`?{keyword:e,values:[]}:{keyword:e?.keyword??``,values:Array.isArray(e?.values)?[...new Set(e.values.filter(Boolean))]:[]}}function Te(e){return e.values.length===0?e.keyword:{keyword:e.keyword||void 0,values:e.values}}function Ee(e){return e===`asc`?`ascending`:e===`desc`?`descending`:`none`}function Q(e){if(!e)return;let t=e.trim();if(!t)return;if(t.endsWith(`px`)){let e=Number.parseFloat(t.slice(0,-2));return Number.isFinite(e)?e:void 0}let n=Number.parseFloat(t);return Number.isFinite(n)?n:void 0}function $(e,t){let n=f(e);return t?.[n]??e.width}function De(e){return e.align?e.align:e.type?`center`:`start`}export{i as buildTableTree,v as filterTableColumns,a as flattenTableTree,ee as getDefaultTableExpandedKeys,z as getNextTableColumnWidths,D as getNextTableExpandedKeys,be as getNextTableFilterKeywordState,K as getNextTableFilterState,q as getNextTableFilterValuesState,he as getNextTableKeyboardResizeWidth,me as getNextTablePointerResizeWidth,te as getProcessedTableTree,De as getTableAlign,Ee as getTableAriaSort,L as getTableCellStyle,C as getTableColumnByKey,Y as getTableColumnFilterOptions,_e as getTableColumnFilterStateValue,ge as getTableColumnFilterValue,G as getTableColumnFilterValues,f as getTableColumnKey,W as getTableColumnLabel,B as getTableColumnResizeMinWidth,U as getTableColumnSortOrder,$ as getTableColumnWidthValue,we as getTableFilterPlaceholder,P as getTableFixedColumnOffsets,I as getTableHeaderFixedState,b as getTableHeaderRows,k as getTableHeaderSelectionState,y as getTableLeafColumns,F as getTableLeafFixedState,V as getTableMeasuredColumnWidth,H as getTableMeasuredColumnWidths,de as getTableResizeHandleLabel,ie as getTableResolvedHeight,w as getTableRootStyle,fe as getTableRowExpandLabel,n as getTableRowLabel,d as getTableRowValueByDataIndex,pe as getTableSelectRowLabel,ue as getTableSortButtonLabel,R as getTableSpacerCellStyle,M as getTableTreeCellStyle,re as getTableTreeColumnKey,u as getTableTreeRows,se as getTableVirtualMeasurements,T as getTableVirtualPaddingEnd,le as getTableVirtualPaddingStart,ce as getTableVirtualRange,ne as getTableVisibleExpandedKeys,E as getTableVisibleRows,l as hasTableTreeChildren,ve as isTableColumnFiltered,h as isTableColumnResizable,m as isTableDataColumn,Se as isTableFilterOptionSelected,_ as isTableFilterableColumn,p as isTableGroupColumn,O as isTableRowExpanded,g as isTableSortableColumn,A as isTableTreeColumn,X as matchesTableColumnFilter,Q as parseTableColumnWidth,N as shouldRenderTableExpandedRow,j as shouldShowTableInlineTreeToggle,Ce as sortTableData,xe as toggleTableFilterOption,ye as toggleTableSortState};

package/dist/components/table/table-body.vue.d.ts

@@ -1,12 +1,12 @@
 import { TableBodyProps } from "./types.js";
-import * as vue from "vue";
+import * as _$vue from "vue";
 
 //#region src/components/table/table-body.vue.d.ts
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_base: vue.DefineComponent<TableBodyProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<TableBodyProps> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: _$vue.DefineComponent<TableBodyProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<TableBodyProps> & Readonly<{}>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {

package/dist/components/table/table-cell.vue.d.ts

@@ -1,12 +1,12 @@
 import { TableCellProps } from "./types.js";
-import * as vue from "vue";
+import * as _$vue from "vue";
 
 //#region src/components/table/table-cell.vue.d.ts
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_base: vue.DefineComponent<TableCellProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<TableCellProps> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: _$vue.DefineComponent<TableCellProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<TableCellProps> & Readonly<{}>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {

package/dist/components/table/table-compact-cell.js

@@ -0,0 +1 @@
+import{transformPropsToContext as e}from"../../shared/vue.js";import"../../shared/index.js";import{useTableUi as t}from"./context.js";import n from"./table-cell.js";import{useTableCompactCell as r}from"./hooks.js";import{Fragment as i,createBlock as a,createCommentVNode as o,createElementBlock as s,createElementVNode as c,createTextVNode as l,defineComponent as u,guardReactiveProps as d,mergeProps as f,normalizeClass as p,normalizeProps as m,normalizeStyle as h,openBlock as g,renderSlot as _,toDisplayString as v,unref as y,withCtx as b}from"vue";const x=u({name:`TableCompactCell`,__name:`table-compact-cell`,props:{column:{},row:{},index:{}},setup(u){let x=u,S=t(),{bindProps:C,dataColumn:w,dataCellSlotProps:T,isTreeColumn:E,showInlineTreeToggle:D,treeCellStyle:O,treeToggleSlotProps:k,indexSlotProps:A,selectionSlotProps:j,expandSlotProps:M}=r(e(x));return(e,t)=>(g(),a(n,m(d(y(C))),{default:b(()=>[y(w)&&y(T)?_(e.$slots,y(w).dataIndex,m(f({key:0},y(T))),()=>[y(E)?(g(),s(`div`,{key:0,class:p(y(S).treeCell),style:h(y(O))},[y(D)&&u.row.hasChildren?_(e.$slots,`tree-toggle`,m(f({key:0},y(k)))):y(D)?(g(),s(`span`,{key:1,class:p(y(S).treeTogglePlaceholder),"aria-hidden":`true`},null,2)):o(`v-if`,!0),c(`span`,null,v(y(T).value),1)],6)):(g(),s(i,{key:1},[l(v(y(T).value),1)],64))]):u.column.type===`index`?_(e.$slots,`index`,m(f({key:1},y(A))),()=>[l(v(y(A).index+1),1)]):u.column.type===`selection`?_(e.$slots,`selection`,m(f({key:2},y(j)))):u.column.type===`expand`?_(e.$slots,`expand`,m(f({key:3},y(M)))):o(`v-if`,!0)]),_:3},16))}});export{x as default};

package/dist/components/table/table-compact-head.js

@@ -0,0 +1 @@
+import{transformPropsToContext as e}from"../../shared/vue.js";import"../../shared/index.js";import t from"./table-head.js";import{useTableCompactHead as n}from"./hooks.js";import{Fragment as r,createBlock as i,createCommentVNode as a,createElementBlock as o,createElementVNode as s,createTextVNode as c,defineComponent as l,guardReactiveProps as u,mergeProps as d,normalizeProps as f,openBlock as p,renderSlot as m,toDisplayString as h,unref as g,withCtx as _}from"vue";const v=l({name:`TableCompactHead`,__name:`table-compact-head`,props:{column:{},colSpan:{},rowSpan:{}},setup(l){let{bindProps:v,setElementRef:y,headerSlotProps:b,headerSelectionSlotProps:x,headerFilterSlotProps:S,sortSlotProps:C,resizeSlotProps:w,columnSlotName:T,sortable:E,filterable:D,resizable:O}=n(e(l));return(e,n)=>(p(),i(t,d({ref:g(y)},g(v)),{default:_(()=>[m(e.$slots,`header`,f(u(g(b))),()=>[m(e.$slots,`header-${g(T)}`,f(u(g(b))),()=>[l.column.type===`index`?(p(),o(r,{key:0},[c(h(l.column.title??`#`),1)],64)):l.column.type===`selection`?m(e.$slots,`header-selection`,f(d({key:1},g(x)))):l.column.type===`expand`?(p(),o(r,{key:2},[c(h(l.column.title),1)],64)):(p(),o(r,{key:3},[s(`span`,null,h(l.column.title),1),g(E)?m(e.$slots,`header-sort`,f(d({key:0},g(C)))):a(`v-if`,!0),g(D)?m(e.$slots,`header-filter`,f(d({key:1},g(S)))):a(`v-if`,!0),g(O)?m(e.$slots,`header-resize`,f(d({key:2},g(w)))):a(`v-if`,!0)],64))])])]),_:3},16))}});export{v as default};

package/dist/components/table/table-compact-row.js

@@ -0,0 +1 @@
+import{transformPropsToContext as e}from"../../shared/vue.js";import"../../shared/index.js";import t from"./table-row.js";import n from"./table-cell.js";import{getTableColumnKey as r}from"./shared.js";import{useTableCompactExpandedRow as i}from"./hooks.js";import a from"./table-compact-cell.js";import{Fragment as o,computed as s,createBlock as c,createCommentVNode as l,createElementBlock as u,createSlots as d,createVNode as f,defineComponent as p,guardReactiveProps as m,mergeProps as h,normalizeProps as g,openBlock as _,renderList as v,renderSlot as y,unref as b,useSlots as x,withCtx as S}from"vue";const C=p({name:`TableCompactRow`,inheritAttrs:!1,__name:`table-compact-row`,props:{row:{},index:{},leafColumns:{}},setup(p){let C=p,w=x(),{visible:T,expandedRowSlotProps:E,rowProps:D,cellProps:O}=i(e(C,[`row`,`index`])),k=s(()=>Object.keys(w));return(e,i)=>(_(),u(o,null,[f(t,h(b(D),{"data-row":``,"data-level":p.row.level}),{default:S(()=>[(_(!0),u(o,null,v(p.leafColumns,t=>(_(),c(a,{key:b(r)(t),column:t,row:p.row,index:p.index},d({_:2},[v(k.value,t=>({name:t,fn:S(n=>[y(e.$slots,t,h({ref_for:!0},n))])}))]),1032,[`column`,`row`,`index`]))),128))]),_:3},16,[`data-level`]),b(T)?(_(),c(t,h({key:0},b(D),{"data-expanded-row":``,"data-level":p.row.level}),{default:S(()=>[f(n,h(b(O),{colspan:p.leafColumns.length}),{default:S(()=>[y(e.$slots,`expanded-row`,g(m(b(E))))]),_:3},16,[`colspan`])]),_:3},16,[`data-level`])):l(`v-if`,!0)],64))}});export{C as default};

package/dist/components/table/table-compact.js

@@ -0,0 +1 @@
+import{transformPropsToContext as e}from"../../shared/vue.js";import"../../shared/index.js";import{useDirection as t}from"../config-provider/context.js";import{provideTableCompactContext as n}from"./context.js";import ee from"./table-root.js";import r from"./table-content.js";import i from"./table-header.js";import a from"./table-body.js";import o from"./table-footer.js";import s from"./table-row.js";import{useTableCompactData as c,useTableCompactResize as l,useTableCompactState as u,useTableCompactVirtual as d}from"./hooks.js";import f from"./table-compact-row.js";import p from"./table-compact-head.js";import te from"./table-virtual-spacer-row.js";import{Fragment as m,computed as h,createBlock as g,createCommentVNode as _,createElementBlock as v,createSlots as y,createVNode as b,defineComponent as x,guardReactiveProps as S,mergeProps as C,normalizeProps as w,normalizeStyle as T,openBlock as E,renderList as D,renderSlot as O,unref as k,useSlots as A,withCtx as j}from"vue";const M=x({name:`TableCompact`,__name:`table-compact`,props:{columns:{},data:{},rowKey:{},defaultSortState:{},sortState:{default:void 0},defaultFilterState:{},filterState:{default:void 0},defaultColumnWidths:{},columnWidths:{default:void 0},getChildren:{},indent:{default:16},virtual:{type:Boolean},height:{},estimateSize:{},virtualizerOptions:{},defaultExpanded:{},expanded:{default:void 0},defaultExpandAll:{type:Boolean},contentProps:{},headerProps:{},bodyProps:{},footerProps:{},headProps:{},rowProps:{},cellProps:{},dir:{},defaultSelected:{},selected:{default:void 0},multiple:{default:!0}},emits:[`update:sortState`,`update:filterState`,`update:columnWidths`,`update:expanded`,`update:selected`],setup(x,{emit:M}){let N=x,P=M,F=A(),I=h(()=>Object.keys(F)),L=h(()=>!!F[`expanded-row`]),R=N,z=t(()=>N.dir),{expanded:B,sortState:V,filterState:H,columnWidths:U,selected:W,multiple:G,onSelectedChange:K,setSelected:q,resetSelected:J,isValueSelected:Y}=u({props:R,emit:P,hasExpandedRowSlot:L}),{leafColumns:X,headerRows:Z,sourceRows:Q,hasTreeRows:ne,visibleExpandedKeys:re,visibleRowKeys:ie,treeColumnKey:ae,hasExpandColumn:oe,isHeaderSelectionDisabled:se,headerSelection:ce,displayRows:le}=c({props:R,expanded:B,sortState:V,filterState:H,selected:W,hasExpandedRowSlot:L}),{setTableContentRef:ue,headCellElements:de,measuredColumnWidths:fe,syncMeasuredColumnWidths:pe,resizingColumnKey:$,fixedColumnStates:me}=l({leafColumns:X,columnWidths:U}),{isVirtual:he,setTableRootRef:ge,tableRootStyle:_e,virtualPaddingStart:ve,virtualPaddingEnd:ye,visibleRows:be}=d({...e(R,[`height`,`virtual`,`virtualizerOptions`,`estimateSize`]),displayRows:le,syncMeasuredColumnWidths:pe});return n({...e(N,[`indent`,`headProps`,`cellProps`,`rowProps`]),dir:z,rowKey:N.rowKey,expanded:B,sortState:V,filterState:H,columnWidths:U,selected:W,multiple:G,onSelectedChange:K,setSelected:q,resetSelected:J,isValueSelected:Y,leafColumns:X,sourceRows:Q,hasTreeRows:ne,treeColumnKey:ae,hasExpandColumn:oe,hasExpandedRowSlot:L,visibleExpandedKeys:re,visibleRowKeys:ie,isHeaderSelectionDisabled:se,headerSelection:ce,fixedColumnStates:me,resizingColumnKey:$,measuredColumnWidths:fe,headCellElements:de}),(e,t)=>(E(),g(ee,{ref:k(ge),dir:k(z),style:T(k(_e))},{default:j(()=>[b(r,C({ref:k(ue)},x.contentProps),{default:j(()=>[b(i,w(S(x.headerProps)),{default:j(()=>[(E(!0),v(m,null,D(k(Z),(t,n)=>(E(),g(s,C({key:n},{ref_for:!0},x.rowProps),{default:j(()=>[(E(!0),v(m,null,D(t,t=>(E(),g(p,{key:t.key,column:t.column,"col-span":t.colSpan,"row-span":t.rowSpan},y({_:2},[D(I.value,t=>({name:t,fn:j(n=>[O(e.$slots,t,C({ref_for:!0},n))])}))]),1032,[`column`,`col-span`,`row-span`]))),128))]),_:2},1040))),128))]),_:3},16),b(a,w(S(x.bodyProps)),{default:j(()=>[b(te,{"is-virtual":k(he),colspan:Math.max(k(X).length,1),"padding-start":k(ve),"padding-end":k(ye)},{default:j(()=>[(E(!0),v(m,null,D(k(be),({item:t,index:n})=>(E(),g(f,{key:t.key,row:t,index:n,"leaf-columns":k(X)},y({_:2},[D(I.value,t=>({name:t,fn:j(n=>[O(e.$slots,t,C({ref_for:!0},n))])}))]),1032,[`row`,`index`,`leaf-columns`]))),128))]),_:3},8,[`is-virtual`,`colspan`,`padding-start`,`padding-end`])]),_:3},16),e.$slots.footer?(E(),g(o,w(C({key:0},x.footerProps)),{default:j(()=>[O(e.$slots,`footer`,{columnSize:k(X).length})]),_:3},16)):_(`v-if`,!0)]),_:3},16),O(e.$slots,`bottom`)]),_:3},8,[`dir`,`style`]))}});export{M as default};

package/dist/components/table/table-compact.vue.d.ts

@@ -0,0 +1,25 @@
+import { TableBaseData, TableColumnWidthState, TableCompactProps, TableCompactSlots, TableFilterState, TableSortState } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/table/table-compact.vue.d.ts
+declare const __VLS_export: <T extends TableBaseData = TableBaseData, R extends string | number = string | number, M extends boolean = boolean>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+  props: _$vue.PublicProps & __VLS_PrettifyLocal<TableCompactProps<T, R, M> & {
+    "onUpdate:expanded"?: ((expanded: R[]) => any) | undefined;
+    "onUpdate:sortState"?: ((state: TableSortState | undefined) => any) | undefined;
+    "onUpdate:filterState"?: ((state: TableFilterState) => any) | undefined;
+    "onUpdate:columnWidths"?: ((state: TableColumnWidthState) => any) | undefined;
+    "onUpdate:selected"?: ((selected: M extends true ? R[] : R | undefined) => any) | undefined;
+  }> & (typeof globalThis extends {
+    __VLS_PROPS_FALLBACK: infer P;
+  } ? P : {});
+  expose: (exposed: {}) => void;
+  attrs: any;
+  slots: TableCompactSlots<T>;
+  emit: ((evt: "update:expanded", expanded: R[]) => void) & ((evt: "update:sortState", state: TableSortState | undefined) => void) & ((evt: "update:filterState", state: TableFilterState) => void) & ((evt: "update:columnWidths", state: TableColumnWidthState) => void) & ((evt: "update:selected", selected: M extends true ? R[] : R | undefined) => void);
+}>) => _$vue.VNode & {
+  __ctx?: Awaited<typeof __VLS_setup>;
+};
+declare const _default: typeof __VLS_export;
+type __VLS_PrettifyLocal<T> = (T extends any ? { [K in keyof T]: T[K] } : { [K in keyof T as K]: T[K] }) & {};
+//#endregion
+export { _default };

package/dist/components/table/table-content.js

@@ -1 +1 @@
-import{useTableUi as e}from"./context.js";import{createElementBlock as t,defineComponent as n,normalizeClass as r,openBlock as i,renderSlot as a,unref as o}from"vue";const s=n({name:`TableContent`,__name:`table-content`,setup(n){let s=e(`content`);return(e,n)=>(i(),t(`table`,{class:r(o(s))},[a(e.$slots,`default`)],2))}});export{s as default};
+import{useTableUi as e}from"./context.js";import{createElementBlock as t,defineComponent as n,normalizeClass as r,openBlock as i,renderSlot as a,unref as o}from"vue";const s=n({name:`TableContent`,__name:`table-content`,setup(n){let s=e(`content`);return(e,n)=>(i(),t(`table`,{class:r(o(s)),role:`table`},[a(e.$slots,`default`)],2))}});export{s as default};

package/dist/components/table/table-content.vue.d.ts

@@ -1,12 +1,12 @@
 import { TableContentProps } from "./types.js";
-import * as vue from "vue";
+import * as _$vue from "vue";
 
 //#region src/components/table/table-content.vue.d.ts
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_base: vue.DefineComponent<TableContentProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<TableContentProps> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: _$vue.DefineComponent<TableContentProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<TableContentProps> & Readonly<{}>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {

package/dist/components/table/table-footer.vue.d.ts

@@ -1,12 +1,12 @@
 import { TableFooterProps } from "./types.js";
-import * as vue from "vue";
+import * as _$vue from "vue";
 
 //#region src/components/table/table-footer.vue.d.ts
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_base: vue.DefineComponent<TableFooterProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<TableFooterProps> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: _$vue.DefineComponent<TableFooterProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<TableFooterProps> & Readonly<{}>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {

package/dist/components/table/table-head.vue.d.ts

@@ -1,12 +1,12 @@
 import { TableHeadProps } from "./types.js";
-import * as vue from "vue";
+import * as _$vue from "vue";
 
 //#region src/components/table/table-head.vue.d.ts
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_base: vue.DefineComponent<TableHeadProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<TableHeadProps> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: _$vue.DefineComponent<TableHeadProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<TableHeadProps> & Readonly<{}>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {

package/dist/components/table/table-header.vue.d.ts

@@ -1,12 +1,12 @@
 import { TableHeaderProps } from "./types.js";
-import * as vue from "vue";
+import * as _$vue from "vue";
 
 //#region src/components/table/table-header.vue.d.ts
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_base: vue.DefineComponent<TableHeaderProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<TableHeaderProps> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: _$vue.DefineComponent<TableHeaderProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<TableHeaderProps> & Readonly<{}>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {

package/dist/components/table/table-root.js

@@ -1 +1 @@
-import{useTableUi as e}from"./context.js";import{createElementBlock as t,defineComponent as n,normalizeClass as r,openBlock as i,renderSlot as a,unref as o}from"vue";const s=n({name:`TableRoot`,__name:`table-root`,setup(n){let s=e(`root`);return(e,n)=>(i(),t(`div`,{class:r(o(s))},[a(e.$slots,`default`)],2))}});export{s as default};
+import{useTableUi as e}from"./context.js";import{createElementBlock as t,defineComponent as n,normalizeClass as r,openBlock as i,renderSlot as a,unref as o}from"vue";const s=[`dir`],c=n({name:`TableRoot`,__name:`table-root`,props:{dir:{}},setup(n){let c=e(`root`);return(e,l)=>(i(),t(`div`,{class:r(o(c)),dir:n.dir},[a(e.$slots,`default`)],10,s))}});export{c as default};

package/dist/components/table/table-root.vue.d.ts

@@ -1,12 +1,12 @@
 import { TableRootProps } from "./types.js";
-import * as vue from "vue";
+import * as _$vue from "vue";
 
 //#region src/components/table/table-root.vue.d.ts
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_base: vue.DefineComponent<TableRootProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<TableRootProps> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: _$vue.DefineComponent<TableRootProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<TableRootProps> & Readonly<{}>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {

package/dist/components/table/table-row.vue.d.ts

@@ -1,12 +1,12 @@
 import { TableRowProps } from "./types.js";
-import * as vue from "vue";
+import * as _$vue from "vue";
 
 //#region src/components/table/table-row.vue.d.ts
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_base: vue.DefineComponent<TableRowProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<TableRowProps> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: _$vue.DefineComponent<TableRowProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<TableRowProps> & Readonly<{}>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {

package/dist/components/table/table-virtual-spacer-row.js

@@ -0,0 +1 @@
+import e from"./table-row.js";import{getTableSpacerCellStyle as t}from"./shared.js";import{Fragment as n,computed as r,createBlock as i,createCommentVNode as a,createElementBlock as o,createElementVNode as s,defineComponent as c,normalizeStyle as l,openBlock as u,renderSlot as d,withCtx as f}from"vue";const p=[`colspan`],m=[`colspan`],h=c({name:`TableVirtualSpacerRow`,inheritAttrs:!1,__name:`table-virtual-spacer-row`,props:{isVirtual:{type:Boolean},colspan:{},paddingStart:{},paddingEnd:{}},setup(c){let h=c,g=r(()=>t(h.paddingStart)),_=r(()=>t(h.paddingEnd));return(t,r)=>(u(),o(n,null,[c.isVirtual&&c.paddingStart>0?(u(),i(e,{key:0,"aria-hidden":`true`},{default:f(()=>[s(`td`,{colspan:c.colspan,style:l(g.value)},null,12,p)]),_:1})):a(`v-if`,!0),d(t.$slots,`default`),c.isVirtual&&c.paddingEnd>0?(u(),i(e,{key:1,"aria-hidden":`true`},{default:f(()=>[s(`td`,{colspan:c.colspan,style:l(_.value)},null,12,m)]),_:1})):a(`v-if`,!0)],64))}});export{h as default};

package/dist/components/table/types.d.ts

@@ -1,8 +1,13 @@
-import { UiClass } from "../../types/common.js";
-import { HTMLAttributes, TableHTMLAttributes, TdHTMLAttributes, ThHTMLAttributes } from "vue";
+import { CheckedState, Direction, UiClass } from "../../types/common.js";
+import { Path, PathValue } from "../../types/path.js";
+import { PropsToContext } from "../../types/vue.js";
+import { VirtualizerOptions } from "../virtualizer/types.js";
+import { ComputedRef, HTMLAttributes, ShallowRef, TableHTMLAttributes, TdHTMLAttributes, ThHTMLAttributes } from "vue";
 
 //#region src/components/table/types.d.ts
-interface TableRootProps extends /** @vue-ignore */HTMLAttributes {}
+interface TableRootProps extends /** @vue-ignore */HTMLAttributes {
+  dir?: Direction;
+}
 interface TableContentProps extends /** @vue-ignore */TableHTMLAttributes {}
 interface TableHeaderProps extends /** @vue-ignore */HTMLAttributes {}
 interface TableBodyProps extends /** @vue-ignore */HTMLAttributes {}
@@ -10,7 +15,312 @@ interface TableFooterProps extends /** @vue-ignore */HTMLAttributes {}
 interface TableRowProps extends /** @vue-ignore */HTMLAttributes {}
 interface TableHeadProps extends /** @vue-ignore */ThHTMLAttributes {}
 interface TableCellProps extends /** @vue-ignore */TdHTMLAttributes {}
-type TableUiSlot = 'root' | 'content' | 'header' | 'body' | 'footer' | 'row' | 'head' | 'cell';
+type TableUiSlot = 'root' | 'content' | 'header' | 'body' | 'footer' | 'row' | 'head' | 'cell' | 'fixed' | 'sortTrigger' | 'filterInput' | 'resizeHandle' | 'treeCell' | 'treeToggle' | 'treeTogglePlaceholder';
 type TableUi = UiClass<TableUiSlot>;
+type TableBaseData = Record<string, any>;
+type TableRowValue<T extends TableBaseData = TableBaseData> = Omit<T, 'children'>;
+type TableAlign = 'start' | 'center' | 'end';
+type TableColumnType = 'index' | 'selection' | 'expand';
+type TableSortOrder = 'asc' | 'desc';
+type TableUnifiedKey = string | number;
+interface TableSortState {
+  key: string;
+  order: TableSortOrder;
+}
+interface TableColumnFilterValue {
+  keyword?: string;
+  values?: string[];
+}
+type TableFilterValue = string | TableColumnFilterValue;
+type TableFilterState = Record<string, TableFilterValue>;
+type TableColumnWidthState = Record<string, string>;
+type TableRowChildrenResolver<T extends TableBaseData = TableBaseData> = (row: T) => T[] | undefined;
+interface TableVirtualMeasurement {
+  index: number;
+  start: number;
+  end: number;
+}
+interface TableVirtualRange {
+  startIndex: number;
+  endIndex: number;
+}
+interface TableTreeNode<T extends TableBaseData = TableBaseData, R extends TableUnifiedKey = TableUnifiedKey> {
+  key: R;
+  row: T;
+  level: number;
+  parentKey?: R;
+  children: TableTreeNode<T, R>[];
+  hasChildren: boolean;
+}
+interface TableTreeRow<T extends TableBaseData = TableBaseData, R extends TableUnifiedKey = TableUnifiedKey> {
+  key: R;
+  row: T;
+  level: number;
+  parentKey?: R;
+  hasChildren: boolean;
+}
+interface TableVisibleRow<T extends TableBaseData = TableBaseData, R extends TableUnifiedKey = TableUnifiedKey> {
+  index: number;
+  item: TableTreeRow<T, R>;
+}
+interface TableColumnFilter<T extends TableBaseData = TableBaseData> {
+  placeholder?: string;
+  options?: TableColumnFilterOption[] | ((params: {
+    rows: T[];
+    column: TableDataColumn<T>;
+  }) => TableColumnFilterOption[]);
+  match?: (params: {
+    filterValue: TableColumnFilterValue;
+    keyword: string;
+    values: string[];
+    row: T;
+    value: unknown;
+    column: TableDataColumn<T>;
+  }) => boolean;
+}
+interface TableColumnFilterOption {
+  label: string;
+  value: string;
+  disabled?: boolean;
+}
+interface TableColumnBase {
+  key?: string;
+  title?: string;
+  type?: TableColumnType;
+  align?: TableAlign;
+  width?: string;
+  minWidth?: string;
+  hidden?: boolean;
+  fixed?: 'start' | 'end';
+  resizable?: boolean;
+}
+interface TableTypeColumn extends TableColumnBase {
+  type: TableColumnType;
+  dataIndex?: never;
+  children?: never;
+  sorter?: never;
+  filter?: never;
+}
+interface TableDataColumn<T extends TableBaseData = TableBaseData> extends TableColumnBase {
+  dataIndex: Path<TableRowValue<T>>;
+  type?: never;
+  children?: never;
+  sorter?: boolean | ((a: T, b: T) => number);
+  filter?: boolean | TableColumnFilter<T>;
+}
+interface TableGroupColumn<T extends TableBaseData = TableBaseData> extends TableColumnBase {
+  children: TableColumn<T>[];
+  type?: never;
+  dataIndex?: never;
+  sorter?: never;
+  filter?: never;
+}
+type TableColumn<T extends TableBaseData = TableBaseData> = TableTypeColumn | TableDataColumn<T> | TableGroupColumn<T>;
+interface TableHeaderCell<T extends TableBaseData = TableBaseData> {
+  key: string;
+  column: TableColumn<T>;
+  colSpan: number;
+  rowSpan: number;
+}
+interface TableFixedState {
+  side: 'start' | 'end';
+  offset: number;
+}
+interface TableFixedColumnOffsets {
+  startOffsets: Record<string, number>;
+  endOffsets: Record<string, number>;
+}
+interface TableSelectionProps<R extends TableUnifiedKey = TableUnifiedKey, M extends boolean = false> {
+  defaultSelected?: M extends true ? R[] : R;
+  selected?: M extends true ? R[] : R;
+  multiple?: M;
+}
+interface TableCompactCellProps {
+  column: TableColumn;
+  row: TableTreeRow;
+  index: number;
+}
+interface TableCompactExpandedRowProps {
+  row: TableTreeRow;
+  index: number;
+  colspan: number;
+}
+interface TableCompactHeadProps extends Omit<TableHeaderCell, 'key'> {}
+interface TableCompactRowProps {
+  row: TableTreeRow;
+  index: number;
+  leafColumns: TableColumn[];
+}
+type TableCompactCellSlots<T extends TableBaseData> = { [K in Path<TableRowValue<T>>]?: (props: TableDataCellSlotProps<T, K>) => any } & {
+  index?: (props: TableIndexSlotProps<T>) => any;
+  selection?: (props: TableSelectionSlotProps<T>) => any;
+  expand?: (props: TableExpandSlotProps<T>) => any;
+  'tree-toggle'?: (props: TableTreeToggleSlotProps<T>) => any;
+};
+interface TableHeaderSlotProps<T extends TableBaseData = TableBaseData> {
+  column: TableColumn<T>;
+  colSpan: number;
+  rowSpan: number;
+  sortable: boolean;
+  filterable: boolean;
+  filtered: boolean;
+  resizable: boolean;
+  sortOrder?: TableSortOrder;
+  multiple?: boolean;
+  checked?: CheckedState;
+  disabled?: boolean;
+  updateChecked?: (value: CheckedState | null) => void;
+  toggleSort: () => void;
+  filterValue: string;
+  filterValues: string[];
+  filterState?: TableFilterValue;
+  filterOptions: TableColumnFilterOption[];
+  setFilterValue: (value: string) => void;
+  setFilterValues: (values: string[]) => void;
+  setFilterState: (value: TableFilterValue | undefined) => void;
+  toggleFilterOption: (value: string) => void;
+  isFilterOptionSelected: (value: string) => boolean;
+  clearFilter: () => void;
+}
+interface TableHeaderSelectionSlotProps<T extends TableBaseData = TableBaseData> {
+  column: TableColumn<T>;
+  multiple: boolean;
+  checked: CheckedState;
+  disabled: boolean;
+  updateChecked: (value: CheckedState | null) => void;
+}
+interface TableHeaderFilterSlotProps<T extends TableBaseData = TableBaseData> extends Pick<TableHeaderSlotProps<T>, 'column' | 'filterValue' | 'filterValues' | 'filterState' | 'filtered' | 'filterOptions' | 'setFilterValue' | 'setFilterValues' | 'setFilterState' | 'toggleFilterOption' | 'isFilterOptionSelected' | 'clearFilter'> {}
+interface TableHeaderSortSlotProps<T extends TableBaseData = TableBaseData> {
+  ariaLabel: string;
+  column: TableColumn<T>;
+  sortOrder?: TableSortOrder;
+  toggleSort: () => void;
+}
+interface TableHeaderResizeSlotProps<T extends TableBaseData = TableBaseData> {
+  column: TableColumn<T>;
+  resizing: boolean;
+  ariaLabel: string;
+  onPointerdown: (event: PointerEvent) => void;
+  onKeydown: (event: KeyboardEvent) => void;
+}
+interface TableIndexSlotProps<T extends TableBaseData = TableBaseData> {
+  index: number;
+  column: TableColumn<T>;
+  row: T;
+  level: number;
+  hasChildren: boolean;
+}
+interface TableCellSlotProps<T extends TableBaseData = TableBaseData> {
+  index: number;
+  column: TableColumn<T>;
+  row: T;
+  level: number;
+  hasChildren: boolean;
+  expanded: boolean;
+  toggleExpand: () => void;
+}
+interface TableSelectionSlotProps<T extends TableBaseData = TableBaseData> extends TableCellSlotProps<T> {
+  multiple: boolean;
+  checked: boolean;
+  ariaLabel: string;
+  toggleSelect: () => void;
+}
+interface TableExpandSlotProps<T extends TableBaseData = TableBaseData> extends TableCellSlotProps<T> {
+  ariaLabel: string;
+}
+type TableTreeToggleSlotProps<T extends TableBaseData = TableBaseData> = TableExpandSlotProps<T>;
+interface TableExpandedRowSlotProps<T extends TableBaseData = TableBaseData> {
+  index: number;
+  row: T;
+  level: number;
+  hasChildren: boolean;
+}
+interface TableDataCellSlotProps<T extends TableBaseData = TableBaseData, K extends Path<TableRowValue<T>> = Path<TableRowValue<T>>> extends TableCellSlotProps<T> {
+  value: PathValue<TableRowValue<T>, K>;
+}
+interface TableCompactProps<T extends TableBaseData = TableBaseData, R extends TableUnifiedKey = TableUnifiedKey, M extends boolean = false> extends TableRootProps, TableSelectionProps<R, M> {
+  columns: TableColumn<T>[];
+  data: T[];
+  rowKey: (row: T) => R;
+  defaultSortState?: TableSortState;
+  sortState?: TableSortState;
+  defaultFilterState?: TableFilterState;
+  filterState?: TableFilterState;
+  defaultColumnWidths?: TableColumnWidthState;
+  columnWidths?: TableColumnWidthState;
+  getChildren?: TableRowChildrenResolver<T>;
+  indent?: number;
+  virtual?: boolean;
+  height?: number | string;
+  estimateSize?: number | ((index: number, row: T) => number);
+  virtualizerOptions?: VirtualizerOptions;
+  defaultExpanded?: R[];
+  expanded?: R[];
+  defaultExpandAll?: boolean;
+  contentProps?: TableContentProps;
+  headerProps?: TableHeaderProps;
+  bodyProps?: TableBodyProps;
+  footerProps?: TableFooterProps;
+  headProps?: TableHeadProps;
+  rowProps?: TableRowProps;
+  cellProps?: TableCellProps;
+}
+type TableCompactEmits<R extends TableUnifiedKey = TableUnifiedKey, M extends boolean = false> = {
+  'update:sortState': [state: TableSortState | undefined];
+  'update:filterState': [state: TableFilterState];
+  'update:columnWidths': [state: TableColumnWidthState];
+  'update:expanded': [expanded: R[]];
+  'update:selected': [selected: M extends true ? R[] : R | undefined];
+};
+type TableCompactSlots<T extends TableBaseData> = { [K in `header-${Path<TableRowValue<T>>}`]?: (props: TableHeaderSlotProps<T>) => any } & { [K in Path<TableRowValue<T>>]?: (props: TableDataCellSlotProps<T, K>) => any } & {
+  bottom?: () => any;
+  header?: (props: TableHeaderSlotProps<T>) => any;
+  'header-index'?: (props: {
+    column: TableColumn<T>;
+  }) => any;
+  'header-selection'?: (props: TableHeaderSelectionSlotProps<T>) => any;
+  'header-expand'?: (props: {
+    column: TableColumn<T>;
+  }) => any;
+  'header-filter'?: (props: TableHeaderFilterSlotProps<T>) => any;
+  'header-sort'?: (props: TableHeaderSortSlotProps<T>) => any;
+  'header-resize'?: (props: TableHeaderResizeSlotProps<T>) => any;
+  index?: (props: TableIndexSlotProps<T>) => any;
+  selection?: (props: TableSelectionSlotProps<T>) => any;
+  expand?: (props: TableExpandSlotProps<T>) => any;
+  'expanded-row'?: (props: TableExpandedRowSlotProps<T>) => any;
+  'tree-toggle'?: (props: TableTreeToggleSlotProps<T>) => any;
+  footer?: (props: {
+    columnSize: number;
+  }) => any;
+};
+interface TableCompactContext extends PropsToContext<TableCompactProps, 'indent' | 'headProps' | 'rowProps' | 'cellProps'> {
+  dir: ComputedRef<Direction>;
+  rowKey: (row: TableBaseData) => TableUnifiedKey;
+  expanded: ShallowRef<TableUnifiedKey[]>;
+  sortState: ShallowRef<TableSortState | undefined>;
+  filterState: ShallowRef<TableFilterState>;
+  columnWidths: ShallowRef<TableColumnWidthState>;
+  selected: ShallowRef<TableUnifiedKey[] | TableUnifiedKey | undefined>;
+  onSelectedChange: (value: TableUnifiedKey) => void;
+  setSelected: (value: TableUnifiedKey[] | TableUnifiedKey | undefined) => void;
+  resetSelected: () => void;
+  isValueSelected: (value: TableUnifiedKey) => boolean;
+  multiple: ComputedRef<boolean>;
+  leafColumns: ComputedRef<TableColumn[]>;
+  sourceRows: ComputedRef<TableBaseData[]>;
+  hasTreeRows: ComputedRef<boolean>;
+  treeColumnKey: ComputedRef<string | undefined>;
+  hasExpandColumn: ComputedRef<boolean>;
+  hasExpandedRowSlot: ComputedRef<boolean>;
+  visibleExpandedKeys: ComputedRef<TableUnifiedKey[]>;
+  visibleRowKeys: ComputedRef<TableUnifiedKey[]>;
+  isHeaderSelectionDisabled: ComputedRef<boolean>;
+  headerSelection: ComputedRef<CheckedState>;
+  fixedColumnStates: ComputedRef<TableFixedColumnOffsets>;
+  resizingColumnKey: ShallowRef<string | null>;
+  measuredColumnWidths: ShallowRef<Record<string, number>>;
+  headCellElements: Record<string, HTMLElement | null>;
+}
 //#endregion
-export { TableBodyProps, TableCellProps, TableContentProps, TableFooterProps, TableHeadProps, TableHeaderProps, TableRootProps, TableRowProps, TableUi, TableUiSlot };
+export { TableAlign, TableBaseData, TableBodyProps, TableCellProps, TableCellSlotProps, TableColumn, TableColumnBase, TableColumnFilter, TableColumnFilterOption, TableColumnFilterValue, TableColumnType, TableColumnWidthState, TableCompactCellProps, TableCompactCellSlots, TableCompactContext, TableCompactEmits, TableCompactExpandedRowProps, TableCompactHeadProps, TableCompactProps, TableCompactRowProps, TableCompactSlots, TableContentProps, TableDataCellSlotProps, TableDataColumn, TableExpandSlotProps, TableExpandedRowSlotProps, TableFilterState, TableFilterValue, TableFixedColumnOffsets, TableFixedState, TableFooterProps, TableGroupColumn, TableHeadProps, TableHeaderCell, TableHeaderFilterSlotProps, TableHeaderProps, TableHeaderResizeSlotProps, TableHeaderSelectionSlotProps, TableHeaderSlotProps, TableHeaderSortSlotProps, TableIndexSlotProps, TableRootProps, TableRowChildrenResolver, TableRowProps, TableRowValue, TableSelectionProps, TableSelectionSlotProps, TableSortOrder, TableSortState, TableTreeNode, TableTreeRow, TableTreeToggleSlotProps, TableTypeColumn, TableUi, TableUiSlot, TableUnifiedKey, TableVirtualMeasurement, TableVirtualRange, TableVisibleRow };

package/dist/components/tabs/context.d.ts

@@ -1,9 +1,9 @@
 import { ClassValue, UiClass } from "../../types/common.js";
 import { TabsUiSlot } from "./types.js";
-import * as vue from "vue";
+import * as _$vue from "vue";
 import { MaybeRefOrGetter } from "vue";
 
 //#region src/components/tabs/context.d.ts
-declare const provideTabsUi: (ui: vue.ComputedRef<Partial<UiClass<TabsUiSlot>>>) => vue.ComputedRef<Partial<UiClass<TabsUiSlot>>>, useTabsUi: <S extends TabsUiSlot | undefined = undefined>(slot?: S | undefined) => S extends TabsUiSlot ? vue.ComputedRef<ClassValue> : vue.ComputedRef<Partial<UiClass<TabsUiSlot>>>;
+declare const provideTabsUi: (ui: _$vue.ComputedRef<Partial<UiClass<TabsUiSlot>>>) => _$vue.ComputedRef<Partial<UiClass<TabsUiSlot>>>, useTabsUi: <S extends TabsUiSlot | undefined = undefined>(slot?: S | undefined) => S extends TabsUiSlot ? _$vue.ComputedRef<ClassValue> : _$vue.ComputedRef<Partial<UiClass<TabsUiSlot>>>;
 //#endregion
 export { provideTabsUi };

package/dist/components/tabs/tabs-content.vue.d.ts

@@ -1,5 +1,5 @@
 import { TabsContentProps } from "./types.js";
-import * as vue from "vue";
+import * as _$vue from "vue";
 
 //#region src/components/tabs/tabs-content.vue.d.ts
 declare var __VLS_1: {
@@ -8,7 +8,7 @@ declare var __VLS_1: {
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_base: vue.DefineComponent<TabsContentProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<TabsContentProps> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: _$vue.DefineComponent<TabsContentProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<TabsContentProps> & Readonly<{}>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {