@veracity/vui 3.0.0-beta.8 → 3.0.0

package/dist/table/table.js

@@ -1,11 +1,32 @@
-import{compareBy as e}from"../utils/array.js";import{cs as t}from"../utils/styles.js";import{useStyleConfig as n}from"../core/theme.js";import{css as r,styled as i}from"../core/styled.js";import{vui as a}from"../core/vui.js";import{TableProvider as o}from"./context.js";import s from"./tableSortIcon.js";import c from"./td.js";import l from"./tr.js";import u from"./tbody.js";import d from"./tfoot.js";import f from"./th.js";import p from"./thead.js";import m from"./useTable.js";import{useMemo as h}from"react";import{Fragment as g,jsx as _,jsxs as v}from"react/jsx-runtime";const y=i.tableBox`
+import { compareBy } from "../utils/array.js";
+import { cs } from "../utils/styles.js";
+import { useStyleConfig } from "../core/theme.js";
+import { css, styled } from "../core/styled.js";
+import { vui } from "../core/vui.js";
+import { TableProvider } from "./context.js";
+import tableSortIcon_default from "./tableSortIcon.js";
+import td_default from "./td.js";
+import tr_default from "./tr.js";
+import tbody_default from "./tbody.js";
+import tfoot_default from "./tfoot.js";
+import th_default from "./th.js";
+import thead_default from "./thead.js";
+import useTable from "./useTable.js";
+import { useMemo } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/table/table.tsx
+/**
+* Displays a Table with support for columns, rows and sort.
+*/
+const TableBase = styled.tableBox`
   border-collapse: separate;
   border-spacing: 0px;
   display: table;
   position: relative;
   width: 100%;
 
-  ${e=>e.stickyColumn&&r`
+  ${(p) => p.stickyColumn && css`
       thead tr:last-of-type th:first-of-type,
       td:first-of-type {
         left: 0;
@@ -31,5 +52,52 @@ import{compareBy as e}from"../utils/array.js";import{cs as t}from"../utils/style
         background-color: white;
       }
     `}
-`,b=a((r,i)=>{let{children:a,className:s,columns:c,defaultSort:l,onSortChange:d,rows:f,size:b,sort:x,stickyColumn:S,stickyHeader:C,variant:w,...T}=r,E=n(`Table`,r),D=m({defaultSort:l,onSortChange:d,sort:x}),{isControlled:O,sort:k}=D,A=h(()=>O?f:f?.slice().sort(e(k.key,k.order)),[f,k,O]);return _(o,{value:{...D,columns:c,rows:A,size:b,stickyColumn:S,stickyHeader:C,variant:w},children:_(y,{className:t(`vui-table`,s),ref:i,stickyColumn:S,...E.container,...T,children:a??v(g,{children:[_(p,{}),_(u,{})]})})})});b.SortIcon=s,b.Tbody=u,b.Td=c,b.Tfoot=d,b.Th=f,b.Thead=p,b.Tr=l,b.displayName=`Table`;export{b as Table,y as TableBase};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+`;
+/** Displays a Table with support for columns, rows and sort. */
+const Table = vui((props, ref) => {
+	const { children, className, columns, defaultSort, onSortChange, rows, size, sort: sortProp, stickyColumn, stickyHeader, variant,...rest } = props;
+	const styles = useStyleConfig("Table", props);
+	const tableProps = useTable({
+		defaultSort,
+		onSortChange,
+		sort: sortProp
+	});
+	const { isControlled, sort } = tableProps;
+	const sortedRows = useMemo(() => !isControlled ? rows?.slice().sort(compareBy(sort.key, sort.order)) : rows, [
+		rows,
+		sort,
+		isControlled
+	]);
+	return /* @__PURE__ */ jsx(TableProvider, {
+		value: {
+			...tableProps,
+			columns,
+			rows: sortedRows,
+			size,
+			stickyColumn,
+			stickyHeader,
+			variant
+		},
+		children: /* @__PURE__ */ jsx(TableBase, {
+			className: cs("vui-table", className),
+			ref,
+			stickyColumn,
+			...styles.container,
+			...rest,
+			children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(thead_default, {}), /* @__PURE__ */ jsx(tbody_default, {})] })
+		})
+	});
+});
+Table.SortIcon = tableSortIcon_default;
+Table.Tbody = tbody_default;
+Table.Td = td_default;
+Table.Tfoot = tfoot_default;
+Table.Th = th_default;
+Table.Thead = thead_default;
+Table.Tr = tr_default;
+Table.displayName = "Table";
+
+//#endregion
+export { Table, TableBase };
+globalThis.__vuiVersion__ = "3.0.0"
 //# sourceMappingURL=table.js.map

package/dist/table/table.js.map

@@ -1 +1 @@
-{"version":3,"file":"table.js","names":["Thead","Tbody","TableSortIcon","Td","Tfoot","Th","Tr"],"sources":["../../src/table/table.tsx"],"sourcesContent":["import { useMemo } from 'react'\n\nimport type { VuiComponent } from '../core'\nimport { css, styled, useStyleConfig, vui } from '../core'\nimport { compareBy, cs } from '../utils'\nimport { TableProvider } from './context'\nimport type { TableProps } from './table.types'\nimport TableSortIcon from './tableSortIcon'\nimport Tbody from './tbody'\nimport Td from './td'\nimport Tfoot from './tfoot'\nimport Th from './th'\nimport Thead from './thead'\nimport Tr from './tr'\nimport useTable from './useTable'\n\n/**\n * Displays a Table with support for columns, rows and sort.\n */\nexport const TableBase = styled.tableBox<TableProps>`\n  border-collapse: separate;\n  border-spacing: 0px;\n  display: table;\n  position: relative;\n  width: 100%;\n\n  ${p =>\n    p.stickyColumn &&\n    css`\n      thead tr:last-of-type th:first-of-type,\n      td:first-of-type {\n        left: 0;\n        position: sticky;\n        z-index: 2;\n\n        ::after {\n          bottom: -1px;\n          box-shadow: inset 10px 0 8px -8px #00000026;\n          content: '';\n          pointer-events: none;\n          position: absolute;\n          right: 0;\n          top: 0;\n          transform: translate(100%);\n          transition: box-shadow 0.3s;\n          width: 10px;\n        }\n      }\n\n      thead tr:last-of-type th:first-of-type:not([data-active='true']):not([data-disabled='true']),\n      td:first-of-type {\n        background-color: white;\n      }\n    `}\n`\n\n/** Displays a Table with support for columns, rows and sort. */\nexport const Table = vui<'table', TableProps>((props, ref) => {\n  const {\n    children,\n    className,\n    columns,\n    defaultSort,\n    onSortChange,\n    rows,\n    size,\n    sort: sortProp,\n    stickyColumn,\n    stickyHeader,\n    variant,\n    ...rest\n  } = props\n  const styles = useStyleConfig('Table', props)\n  const tableProps = useTable({ defaultSort, onSortChange, sort: sortProp })\n  const { isControlled, sort } = tableProps\n\n  // Rows are sorted internally only in uncontrolled mode, that is when 'sort' prop is not provided.\n  const sortedRows = useMemo(\n    () => (!isControlled ? rows?.slice().sort(compareBy(sort.key, sort.order)) : rows),\n    [rows, sort, isControlled],\n  )\n\n  const context = { ...tableProps, columns, rows: sortedRows, size, stickyColumn, stickyHeader, variant }\n\n  return (\n    <TableProvider value={context}>\n      <TableBase\n        className={cs('vui-table', className)}\n        ref={ref}\n        stickyColumn={stickyColumn}\n        {...styles.container}\n        {...rest}\n      >\n        {children ?? (\n          <>\n            <Thead />\n            <Tbody />\n          </>\n        )}\n      </TableBase>\n    </TableProvider>\n  )\n}) as VuiComponent<'table', TableProps> & {\n  SortIcon: typeof TableSortIcon\n  Tbody: typeof Tbody\n  Td: typeof Td\n  Tfoot: typeof Tfoot\n  Th: typeof Th\n  Thead: typeof Thead\n  Tr: typeof Tr\n}\n\nTable.SortIcon = TableSortIcon\nTable.Tbody = Tbody\nTable.Td = Td\nTable.Tfoot = Tfoot\nTable.Th = Th\nTable.Thead = Thead\nTable.Tr = Tr\n\nTable.displayName = 'Table'\n\nexport default Table\n"],"mappings":"gkBAmBA,MAAa,EAAY,EAAO,QAAoB;;;;;;;IAOhD,GACA,EAAE,cACF,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;MAyBD;EAIO,EAAQ,GAA0B,EAAO,IAAQ,CAC5D,GAAM,CACJ,WACA,YACA,UACA,cACA,eACA,OACA,OACA,KAAM,EACN,eACA,eACA,UACA,GAAG,GACD,EACE,EAAS,EAAe,QAAS,EAAM,CACvC,EAAa,EAAS,CAAE,cAAa,eAAc,KAAM,EAAU,CAAC,CACpE,CAAE,eAAc,QAAS,EAGzB,EAAa,MACT,EAAqE,EAAtD,GAAM,OAAO,CAAC,KAAK,EAAU,EAAK,IAAK,EAAK,MAAM,CAAC,CAC1E,CAAC,EAAM,EAAM,EAAa,CAC3B,CAID,OACE,EAAC,EAAA,CAAc,MAHD,CAAE,GAAG,EAAY,UAAS,KAAM,EAAY,OAAM,eAAc,eAAc,UAAS,UAInG,EAAC,EAAA,CACC,UAAW,EAAG,YAAa,EAAU,CAChC,MACS,eACd,GAAI,EAAO,UACX,GAAI,WAEH,GACC,EAAA,EAAA,CAAA,SAAA,CACE,EAACA,EAAAA,EAAAA,CAAQ,CACT,EAACC,EAAAA,EAAAA,CAAQ,CAAA,CAAA,CACR,EAEK,EACE,EAElB,CAUF,EAAM,SAAWC,EACjB,EAAM,MAAQD,EACd,EAAM,GAAKE,EACX,EAAM,MAAQC,EACd,EAAM,GAAKC,EACX,EAAM,MAAQL,EACd,EAAM,GAAKM,EAEX,EAAM,YAAc"}
+{"version":3,"file":"table.js","names":["Thead","Tbody","TableSortIcon","Td","Tfoot","Th","Tr"],"sources":["../../src/table/table.tsx"],"sourcesContent":["import { useMemo } from 'react'\n\nimport type { VuiComponent } from '../core'\nimport { css, styled, useStyleConfig, vui } from '../core'\nimport { compareBy, cs } from '../utils'\nimport { TableProvider } from './context'\nimport type { TableProps } from './table.types'\nimport TableSortIcon from './tableSortIcon'\nimport Tbody from './tbody'\nimport Td from './td'\nimport Tfoot from './tfoot'\nimport Th from './th'\nimport Thead from './thead'\nimport Tr from './tr'\nimport useTable from './useTable'\n\n/**\n * Displays a Table with support for columns, rows and sort.\n */\nexport const TableBase = styled.tableBox<TableProps>`\n  border-collapse: separate;\n  border-spacing: 0px;\n  display: table;\n  position: relative;\n  width: 100%;\n\n  ${p =>\n    p.stickyColumn &&\n    css`\n      thead tr:last-of-type th:first-of-type,\n      td:first-of-type {\n        left: 0;\n        position: sticky;\n        z-index: 2;\n\n        ::after {\n          bottom: -1px;\n          box-shadow: inset 10px 0 8px -8px #00000026;\n          content: '';\n          pointer-events: none;\n          position: absolute;\n          right: 0;\n          top: 0;\n          transform: translate(100%);\n          transition: box-shadow 0.3s;\n          width: 10px;\n        }\n      }\n\n      thead tr:last-of-type th:first-of-type:not([data-active='true']):not([data-disabled='true']),\n      td:first-of-type {\n        background-color: white;\n      }\n    `}\n`\n\n/** Displays a Table with support for columns, rows and sort. */\nexport const Table = vui<'table', TableProps>((props, ref) => {\n  const {\n    children,\n    className,\n    columns,\n    defaultSort,\n    onSortChange,\n    rows,\n    size,\n    sort: sortProp,\n    stickyColumn,\n    stickyHeader,\n    variant,\n    ...rest\n  } = props\n  const styles = useStyleConfig('Table', props)\n  const tableProps = useTable({ defaultSort, onSortChange, sort: sortProp })\n  const { isControlled, sort } = tableProps\n\n  // Rows are sorted internally only in uncontrolled mode, that is when 'sort' prop is not provided.\n  const sortedRows = useMemo(\n    () => (!isControlled ? rows?.slice().sort(compareBy(sort.key, sort.order)) : rows),\n    [rows, sort, isControlled],\n  )\n\n  const context = { ...tableProps, columns, rows: sortedRows, size, stickyColumn, stickyHeader, variant }\n\n  return (\n    <TableProvider value={context}>\n      <TableBase\n        className={cs('vui-table', className)}\n        ref={ref}\n        stickyColumn={stickyColumn}\n        {...styles.container}\n        {...rest}\n      >\n        {children ?? (\n          <>\n            <Thead />\n            <Tbody />\n          </>\n        )}\n      </TableBase>\n    </TableProvider>\n  )\n}) as VuiComponent<'table', TableProps> & {\n  SortIcon: typeof TableSortIcon\n  Tbody: typeof Tbody\n  Td: typeof Td\n  Tfoot: typeof Tfoot\n  Th: typeof Th\n  Thead: typeof Thead\n  Tr: typeof Tr\n}\n\nTable.SortIcon = TableSortIcon\nTable.Tbody = Tbody\nTable.Td = Td\nTable.Tfoot = Tfoot\nTable.Th = Th\nTable.Thead = Thead\nTable.Tr = Tr\n\nTable.displayName = 'Table'\n\nexport default Table\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAmBA,MAAa,YAAY,OAAO,QAAoB;;;;;;;KAOhD,MACA,EAAE,gBACF,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;MAyBD;;;AAIN,MAAa,QAAQ,KAA0B,OAAO,QAAQ;CAC5D,MAAM,EACJ,UACA,WACA,SACA,aACA,cACA,MACA,MACA,MAAM,UACN,cACA,cACA,QACA,GAAG,SACD;CACJ,MAAM,SAAS,eAAe,SAAS,MAAM;CAC7C,MAAM,aAAa,SAAS;EAAE;EAAa;EAAc,MAAM;EAAU,CAAC;CAC1E,MAAM,EAAE,cAAc,SAAS;CAG/B,MAAM,aAAa,cACV,CAAC,eAAe,MAAM,OAAO,CAAC,KAAK,UAAU,KAAK,KAAK,KAAK,MAAM,CAAC,GAAG,MAC7E;EAAC;EAAM;EAAM;EAAa,CAC3B;AAID,QACE,oBAAC;EAAc,OAHD;GAAE,GAAG;GAAY;GAAS,MAAM;GAAY;GAAM;GAAc;GAAc;GAAS;YAInG,oBAAC;GACC,WAAW,GAAG,aAAa,UAAU;GAChC;GACS;GACd,GAAI,OAAO;GACX,GAAI;aAEH,YACC,8CACE,oBAACA,kBAAQ,EACT,oBAACC,kBAAQ,IACR;IAEK;GACE;EAElB;AAUF,MAAM,WAAWC;AACjB,MAAM,QAAQD;AACd,MAAM,KAAKE;AACX,MAAM,QAAQC;AACd,MAAM,KAAKC;AACX,MAAM,QAAQL;AACd,MAAM,KAAKM;AAEX,MAAM,cAAc"}

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

@@ -1,7 +1,10 @@
 import { Sort } from "../utils/types.js";
+import "../utils/index.js";
 import { ThemingProps } from "../theme/types.js";
 import { SystemProps } from "../system/system.js";
+import "../system/index.js";
 import { IconProps } from "../icon/icon.types.js";
+import "../icon/index.js";
 import { UseTableProps } from "./useTable.types.js";
 import { UseTableReturnType } from "./useTable.js";
 import { ReactNode } from "react";

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

@@ -1 +1 @@
-{"version":3,"file":"table.types.d.ts","names":[],"sources":["../../src/table/table.types.ts"],"sourcesContent":[],"mappings":";;;;;;;;;KASY,0BAA0B;;EAA1B,KAAA,CAAA,CAEH,CAFG;EAAW,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA,OAAA,CAAA,GAAA,CAAA,OAAA,CAAA,OAAA,CAAA,EAAA,CAAA,IAAA,CAAA,CAAA,CAAA;YAAe,CAAA,CAAA,CAAA,OAAA;;EAE5B,KAAA,CAAA,CAAA,CAAA,MAAA;EAWE,IAAA,CAAA,CAAA,CAAA,MAAA,CAAA,CAAA,CAAY,MAAA;EAAA,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,CAAA,CAAA,MAAA;;AAAG,IAAA,CAAf,YAAA,CAAA,CAAA,CAAe,IAAA,CAAK,UAAL,CAAA,CAAA,CAAA,OAAA,CAAA,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA,CAAA,CAAA,CAAA,CAAA,YAAA,CAAA,CAAA,CAAA,CAAA,CAAA,YAAA,CAAA,CAAA,CAAA,CAAA,CAAA,OAAA,CAAA,CAAA,CAAA,CAAA,CACzB,kBADyB;AACzB,IAAA,CAEU,UAAA,CAAA,CAAA,CAAa,WAFvB,CAAA,CAAA,CAGA,aAHA,CAAA,CAAA,CAIA,YAJA,CAAA,CAAA,KAAA,CAAA,CAAA,CAAA,CAAA,CAAA;EAAkB,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA,SAAA,CAAA,UAAA,CAAA,GAAA,CAAA,OAAA,CAAA,CAAA,CAAA;EAER,OAAA,CAAA,CAAA,CAIE,WAJQ,CAAA,CAAA,CAAA,CAAA,CAAA,QAAA,CAIiB,WAJjB,CAAA,CAAA;EAAA,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA,SAAA,CAAA,UAAA,CAAA,GAAA,CAAA,IAAA,CAAA,GAAA,CAAA,KAAA,CAAA,KAAA,CAAA,CAAA,CAAA;MAAG,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA;;cAEvB,CAAA,CAAA,CAAA,OAAA;;cAEqC,CAAA,CAAA,CAAA,OAAA;CAAW;AAStC,IAAA,CAAA,UAAA,CAAA,CAAA,CAAa,WAAA;AAEb,IAAA,CAAA,OAAA,CAAA,CAAA,CAAU,WAAA,CAAA,CAAA,CAAA;EAIV,KAAA,CAAA,CAAA,CAAA,MAAU;AAEtB,CAAA;AAAmB,IAAA,CAFP,UAAA,CAAA,CAAA,CAAa,WAEN;AAAG,IAAA,CAAV,OAAA,CAAA,CAAA,CAAU,WAAA,CAAA,CAAA,CACpB,OADoB,CACZ,WADY,CAAA,CAAA,CAAA,CAAA;;UACpB,CAAA,CAAA,CAAA,OAAA;EAAO,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA,WAAA,CAAA,OAAA,CAAA,CAAA,CAAA;EAOG,aAAU,CAAA,CAAA,CAAA,OAAA;AAEtB,CAAA;AAAmB,IAAA,CAFP,UAAA,CAAA,CAAA,CAAa,WAEN,CAAA,CAAA,CAAA,CAAA,CAAA;AAAG,IAAA,CAAV,OAAA,CAAA,CAAA,CAAU,WAAA,CAAA,CAAA,CAAA;;EAIF,UAAA,CAAA,CAAA,CAAA,OAAA;EAKR,UAAA,CAAA,CAAA,CAAA,OAAA;EAAkB,MAAA,CAAA,CAAA,CALnB,SAKmB;aAAQ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,IAAA;YAAL,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,IAAA;;AAEnB,IAAA,CAFF,kBAAA,CAAA,CAAA,CAAqB,IAEnB,CAFwB,SAExB,CAAA,CAAA,CAAA,KAAA,CAAA,CAAA,CAAA,CAAA,CAAA;;UAAJ"}
+{"version":3,"file":"table.types.d.ts","names":[],"sources":["../../src/table/table.types.ts"],"sourcesContent":[],"mappings":";;;;;;;;;;;;KASY,0BAA0B;;SAE7B;;;EAFG,CAAA,CAAA,CAAA,CAAA,QAAA,CAAA,KAAA,CAAA,IAAA,CAAA,MAAA,CAAA,GAAA,CAAA,OAAA,CAAA,CAAA,CAAA;EAaA,KAAA,CAAA,CAAA,CAAA,MAAA;EAAoB,IAAA,CAAA,CAAA,CAAA,MAAA,CAAA,CAAA,CAAA,MAAA;EAAL,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,CAAA,CAAA,MAAA;CACzB;AAAkB,IAAA,CADR,YAAA,CAAA,CAAA,CAAe,IACP,CADY,UACZ,CAAA,CAAA,CAAA,OAAA,CAAA,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA,CAAA,CAAA,CAAA,CAAA,YAAA,CAAA,CAAA,CAAA,CAAA,CAAA,YAAA,CAAA,CAAA,CAAA,CAAA,CAAA,OAAA,CAAA,CAAA,CAAA,CAAA,CAAlB,kBAAkB;AAER,IAAA,CAAA,UAAA,CAAA,CAAA,CAAa,WAAH,CAAA,CAAA,CACpB,aADoB,CAAA,CAAA,CAEpB,YAFoB,CAAA,CAAA,KAAA,CAAA,CAAA,CAAA,CAAA,CAAA;EAAG,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA,SAAA,CAAA,UAAA,CAAA,GAAA,CAAA,OAAA,CAAA,CAAA,CAAA;EACvB,OAAA,CAAA,CAAA,CAGY,WAHZ,CAAA,CAAA,CAAA,CAAA,CAAA,QAAA,CAGqC,WAHrC,CAAA,CAAA;EACA,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA,SAAA,CAAA,UAAA,CAAA,GAAA,CAAA,IAAA,CAAA,GAAA,CAAA,KAAA,CAAA,KAAA,CAAA,CAAA,CAAA;EAEY,IAAA,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA;EAAyB,CAAA,CAAA,CAAA,CAAA,KAAA,CAAA,MAAA,CAAA,IAAA,CAAA,EAAA,CAAA,MAAA,CAAA,IAAA,CAAA,SAAA,CAAA,YAAA,CAAA,CAAA,CAAA;EAAW,YAAA,CAAA,CAAA,CAAA,OAAA;EAStC,CAAA,CAAA,CAAA,CAAA,KAAA,CAAA,IAAA,CAAA,IAAA,CAAA,EAAA,CAAA,MAAA,CAAA,IAAA,CAAA,SAAA,CAAA,UAAA,CAAA,CAAA,CAAA;EAEA,YAAO,CAAA,CAAA,CAAA,OAAA;AAInB,CAAA;AAEY,IAAA,CARA,UAAA,CAAA,CAAA,CAAa,WAQN;AAAG,IAAA,CANV,OAAA,CAAA,CAAA,CAAU,WAMA,CAAA,CAAA,CAAA;EACZ,KAAA,CAAA,CAAA,CAAA,MAAA;CAAR;AAAO,IAAA,CAHG,UAAA,CAAA,CAAA,CAAa,WAGhB;AAOG,IAAA,CARA,OAAA,CAAA,CAAA,CAAU,WAQG,CAAA,CAAA,CAPvB,OAOkC,CAP1B,WAO0B,CAAA,CAAA,CAAA,CAAA;EAExB,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA,QAAA,CAAA,OAAA,CAAA,CAAA,CAAA;EASA,QAAA,CAAA,CAAA,CAAA,OAAA;EAA0B,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA,WAAA,CAAA,OAAA,CAAA,CAAA,CAAA;EAAL,aAAA,CAAA,CAAA,CAAA,OAAA;CAEvB;AAAI,IAAA,CAbF,UAAA,CAAA,CAAA,CAAa,WAaX,CAAA,CAAA,CAAA,CAAA,CAAA;KAXF,OAAA,CAAA,CAAA,CAAU;;;;WAIX;;;;KAKC,kBAAA,CAAA,CAAA,CAAqB,KAAK;;UAE5B"}

package/dist/table/tableSortIcon.d.ts

@@ -1,5 +1,6 @@
 import { VuiComponent } from "../core/vui.js";
 import { TableSortIconProps } from "./table.types.js";
+import "../index.js";
 
 //#region src/table/tableSortIcon.d.ts
 /** Displays a sort icon with given direction based on sort order. */

package/dist/table/tableSortIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tableSortIcon.d.ts","names":[],"sources":["../../src/table/tableSortIcon.tsx"],"sourcesContent":[],"mappings":";;;;;cAOa,eAAa,oBAAA"}
+{"version":3,"file":"tableSortIcon.d.ts","names":[],"sources":["../../src/table/tableSortIcon.tsx"],"sourcesContent":[],"mappings":";;;;;;cAOa,eAAa,oBAAA"}

package/dist/table/tableSortIcon.js

@@ -1,2 +1,41 @@
-import{cs as e}from"../utils/styles.js";import{vui as t}from"../core/vui.js";import n from"../box/box.js";import{Icon as r}from"../icon/icon.js";import{jsx as i,jsxs as a}from"react/jsx-runtime";const o=t((t,o)=>{let{className:s,order:c}=t,l=`seaBlue.main`,u=`sandstone.85`,d=[{color:c===`asc`?l:u},{color:c===`desc`?l:u}];return a(n,{ref:o,column:!0,alignItems:`center`,justifyItems:`center`,ml:`8px`,children:[i(r,{className:e(`vui-tableSortIcon--top`,s),name:`uiCaretUp`,color:d[0].color,size:`xs`,mb:`-4px`}),i(r,{className:e(`vui-tableSortIcon--bottom`,s),name:`uiCaretDown`,color:d[1].color,size:`xs`,mt:`-4px`})]})});o.displayName=`TableSortIcon`;var s=o;export{o as TableSortIcon,s as default};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+import { cs } from "../utils/styles.js";
+import { vui } from "../core/vui.js";
+import box_default from "../box/box.js";
+import { Icon } from "../icon/icon.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/table/tableSortIcon.tsx
+/** Displays a sort icon with given direction based on sort order. */
+const TableSortIcon = vui((props, ref) => {
+	const { className, order } = props;
+	const activeColor = "seaBlue.main";
+	const inactiveColor = "sandstone.85";
+	const icons = [{ color: order === "asc" ? activeColor : inactiveColor }, { color: order === "desc" ? activeColor : inactiveColor }];
+	return /* @__PURE__ */ jsxs(box_default, {
+		ref,
+		column: true,
+		alignItems: "center",
+		justifyItems: "center",
+		ml: "8px",
+		children: [/* @__PURE__ */ jsx(Icon, {
+			className: cs("vui-tableSortIcon--top", className),
+			name: "uiCaretUp",
+			color: icons[0].color,
+			size: "xs",
+			mb: "-4px"
+		}), /* @__PURE__ */ jsx(Icon, {
+			className: cs("vui-tableSortIcon--bottom", className),
+			name: "uiCaretDown",
+			color: icons[1].color,
+			size: "xs",
+			mt: "-4px"
+		})]
+	});
+});
+TableSortIcon.displayName = "TableSortIcon";
+var tableSortIcon_default = TableSortIcon;
+
+//#endregion
+export { TableSortIcon, tableSortIcon_default as default };
+globalThis.__vuiVersion__ = "3.0.0"
 //# sourceMappingURL=tableSortIcon.js.map

package/dist/table/tableSortIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"tableSortIcon.js","names":["Box"],"sources":["../../src/table/tableSortIcon.tsx"],"sourcesContent":["import Box from '../box'\nimport { vui } from '../core'\nimport { Icon } from '../icon'\nimport { cs } from '../utils'\nimport type { TableSortIconProps } from './table.types'\n\n/** Displays a sort icon with given direction based on sort order. */\nexport const TableSortIcon = vui<'svg', TableSortIconProps>((props, ref) => {\n  const { className, order } = props\n  const activeColor = 'seaBlue.main'\n  const inactiveColor = 'sandstone.85'\n\n  const icons = [\n    {\n      color: order === 'asc' ? activeColor : inactiveColor,\n    },\n    {\n      color: order === 'desc' ? activeColor : inactiveColor,\n    },\n  ]\n\n  return (\n    <Box ref={ref} column alignItems=\"center\" justifyItems=\"center\" ml=\"8px\">\n      <Icon\n        className={cs('vui-tableSortIcon--top', className)}\n        name={'uiCaretUp'}\n        color={icons[0].color}\n        size=\"xs\"\n        mb=\"-4px\"\n      />\n      <Icon\n        className={cs('vui-tableSortIcon--bottom', className)}\n        name={'uiCaretDown'}\n        color={icons[1].color}\n        size=\"xs\"\n        mt=\"-4px\"\n      />\n    </Box>\n  )\n})\n\nTableSortIcon.displayName = 'TableSortIcon'\n\nexport default TableSortIcon\n"],"mappings":"mMAOA,MAAa,EAAgB,GAAgC,EAAO,IAAQ,CAC1E,GAAM,CAAE,YAAW,SAAU,EACvB,EAAc,eACd,EAAgB,eAEhB,EAAQ,CACZ,CACE,MAAO,IAAU,MAAQ,EAAc,EACxC,CACD,CACE,MAAO,IAAU,OAAS,EAAc,EACzC,CACF,CAED,OACE,EAACA,EAAAA,CAAS,MAAK,OAAA,GAAO,WAAW,SAAS,aAAa,SAAS,GAAG,gBACjE,EAAC,EAAA,CACC,UAAW,EAAG,yBAA0B,EAAU,CAClD,KAAM,YACN,MAAO,EAAM,GAAG,MAChB,KAAK,KACL,GAAG,QACH,CACF,EAAC,EAAA,CACC,UAAW,EAAG,4BAA6B,EAAU,CACrD,KAAM,cACN,MAAO,EAAM,GAAG,MAChB,KAAK,KACL,GAAG,QACH,CAAA,EACE,EAER,CAEF,EAAc,YAAc,gBAE5B,IAAA,EAAe"}
+{"version":3,"file":"tableSortIcon.js","names":["Box"],"sources":["../../src/table/tableSortIcon.tsx"],"sourcesContent":["import Box from '../box'\nimport { vui } from '../core'\nimport { Icon } from '../icon'\nimport { cs } from '../utils'\nimport type { TableSortIconProps } from './table.types'\n\n/** Displays a sort icon with given direction based on sort order. */\nexport const TableSortIcon = vui<'svg', TableSortIconProps>((props, ref) => {\n  const { className, order } = props\n  const activeColor = 'seaBlue.main'\n  const inactiveColor = 'sandstone.85'\n\n  const icons = [\n    {\n      color: order === 'asc' ? activeColor : inactiveColor,\n    },\n    {\n      color: order === 'desc' ? activeColor : inactiveColor,\n    },\n  ]\n\n  return (\n    <Box ref={ref} column alignItems=\"center\" justifyItems=\"center\" ml=\"8px\">\n      <Icon\n        className={cs('vui-tableSortIcon--top', className)}\n        name={'uiCaretUp'}\n        color={icons[0].color}\n        size=\"xs\"\n        mb=\"-4px\"\n      />\n      <Icon\n        className={cs('vui-tableSortIcon--bottom', className)}\n        name={'uiCaretDown'}\n        color={icons[1].color}\n        size=\"xs\"\n        mt=\"-4px\"\n      />\n    </Box>\n  )\n})\n\nTableSortIcon.displayName = 'TableSortIcon'\n\nexport default TableSortIcon\n"],"mappings":";;;;;;;;AAOA,MAAa,gBAAgB,KAAgC,OAAO,QAAQ;CAC1E,MAAM,EAAE,WAAW,UAAU;CAC7B,MAAM,cAAc;CACpB,MAAM,gBAAgB;CAEtB,MAAM,QAAQ,CACZ,EACE,OAAO,UAAU,QAAQ,cAAc,eACxC,EACD,EACE,OAAO,UAAU,SAAS,cAAc,eACzC,CACF;AAED,QACE,qBAACA;EAAS;EAAK;EAAO,YAAW;EAAS,cAAa;EAAS,IAAG;aACjE,oBAAC;GACC,WAAW,GAAG,0BAA0B,UAAU;GAClD,MAAM;GACN,OAAO,MAAM,GAAG;GAChB,MAAK;GACL,IAAG;IACH,EACF,oBAAC;GACC,WAAW,GAAG,6BAA6B,UAAU;GACrD,MAAM;GACN,OAAO,MAAM,GAAG;GAChB,MAAK;GACL,IAAG;IACH;GACE;EAER;AAEF,cAAc,cAAc;AAE5B,4BAAe"}

package/dist/table/tbody.d.ts

@@ -1,9 +1,10 @@
 import { SystemProps } from "../system/system.js";
 import { VuiComponent } from "../core/vui.js";
-import * as styled_components410 from "styled-components";
+import "../index.js";
+import * as styled_components427 from "styled-components";
 
 //#region src/table/tbody.d.ts
-declare const TbodyBase: styled_components410.StyledComponent<"tbody", styled_components410.DefaultTheme, SystemProps, never>;
+declare const TbodyBase: styled_components427.StyledComponent<"tbody", styled_components427.DefaultTheme, SystemProps, never>;
 /** Displays Table body with built-in support for rows. */
 declare const Tbody: VuiComponent<"tbody", SystemProps>;
 //#endregion

package/dist/table/tbody.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tbody.d.ts","names":[],"sources":["../../src/table/tbody.tsx"],"sourcesContent":[],"mappings":";;;;;cAOa,WAAS,oBAAA,CAAA,yBAsBrB,oBAAA,CAtBqB,YAAA,CAAA,CAAA,WAAA,CAAA;;cAyBT,OAAK,sBAiBhB,WAAA"}
+{"version":3,"file":"tbody.d.ts","names":[],"sources":["../../src/table/tbody.tsx"],"sourcesContent":[],"mappings":";;;;;;cAOa,WAAS,oBAAA,CAAA,yBAsBrB,oBAAA,CAtBqB,YAAA,CAAA,CAAA,WAAA,CAAA;;cAyBT,OAAK,sBAiBhB,WAAA"}

package/dist/table/tbody.js

@@ -1,4 +1,14 @@
-import{cs as e}from"../utils/styles.js";import{useStyleConfig as t}from"../core/theme.js";import{styled as n}from"../core/styled.js";import{vui as r}from"../core/vui.js";import{useTableContext as i}from"./context.js";import a from"./td.js";import o from"./tr.js";import{jsx as s}from"react/jsx-runtime";const c=n.tbodyBox`
+import { cs } from "../utils/styles.js";
+import { useStyleConfig } from "../core/theme.js";
+import { styled } from "../core/styled.js";
+import { vui } from "../core/vui.js";
+import { useTableContext } from "./context.js";
+import td_default from "./td.js";
+import tr_default from "./tr.js";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/table/tbody.tsx
+const TbodyBase = styled.tbodyBox`
   tr {
     :hover td {
       background-color: skyBlue.hover;
@@ -20,5 +30,24 @@ import{cs as e}from"../utils/styles.js";import{useStyleConfig as t}from"../core/
       background-color: transparent;
     }
   }
-`,l=r((n,r)=>{let{children:l,className:u,...d}=n,{columns:f,rows:p}=i()??{},m=t(`Table`,i());return s(c,{className:e(`vui-tbody`,u),ref:r,...m.tbody,...d,children:l??p?.map((e,t)=>s(o,{children:f?.map(t=>s(a,{children:e[t.field]},t.field))},t))})});l.displayName=`Tbody`;var u=l;export{l as Tbody,c as TbodyBase,u as default};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+`;
+/** Displays Table body with built-in support for rows. */
+const Tbody = vui((props, ref) => {
+	const { children, className,...rest } = props;
+	const { columns, rows } = useTableContext() ?? {};
+	const styles = useStyleConfig("Table", useTableContext());
+	return /* @__PURE__ */ jsx(TbodyBase, {
+		className: cs("vui-tbody", className),
+		ref,
+		...styles.tbody,
+		...rest,
+		children: children ?? rows?.map((row, index) => /* @__PURE__ */ jsx(tr_default, { children: columns?.map((column) => /* @__PURE__ */ jsx(td_default, { children: row[column.field] }, column.field)) }, index))
+	});
+});
+Tbody.displayName = "Tbody";
+var tbody_default = Tbody;
+
+//#endregion
+export { Tbody, TbodyBase, tbody_default as default };
+globalThis.__vuiVersion__ = "3.0.0"
 //# sourceMappingURL=tbody.js.map

package/dist/table/tbody.js.map

@@ -1 +1 @@
-{"version":3,"file":"tbody.js","names":["Tr","Td"],"sources":["../../src/table/tbody.tsx"],"sourcesContent":["import { styled, useStyleConfig, vui } from '../core'\nimport { cs } from '../utils'\nimport { useTableContext } from './context'\nimport type { TbodyProps } from './table.types'\nimport Td from './td'\nimport Tr from './tr'\n\nexport const TbodyBase = styled.tbodyBox`\n  tr {\n    :hover td {\n      background-color: skyBlue.hover;\n    }\n\n    &[data-selected='true']:hover td {\n      background-color: skyBlue.hover;\n    }\n\n    &[data-selected='true'] td {\n      border-bottom-color: sandstone.main;\n    }\n\n    &[data-variant='striped'][data-selected='false']:nth-of-type(odd):not(:hover) td {\n      background-color: sandstone.95;\n    }\n\n    &[data-variant='basic']:hover td {\n      background-color: transparent;\n    }\n  }\n`\n\n/** Displays Table body with built-in support for rows. */\nexport const Tbody = vui<'tbody', TbodyProps>((props, ref) => {\n  const { children, className, ...rest } = props\n  const { columns, rows } = useTableContext() ?? {}\n  const styles = useStyleConfig('Table', useTableContext())\n\n  return (\n    <TbodyBase className={cs('vui-tbody', className)} ref={ref} {...styles.tbody} {...rest}>\n      {children ??\n        rows?.map((row, index) => (\n          <Tr key={index}>\n            {columns?.map(column => (\n              <Td key={column.field}>{row[column.field]}</Td>\n            ))}\n          </Tr>\n        ))}\n    </TbodyBase>\n  )\n})\n\nTbody.displayName = 'Tbody'\n\nexport default Tbody\n"],"mappings":"+SAOA,MAAa,EAAY,EAAO,QAAQ;;;;;;;;;;;;;;;;;;;;;;EAyB3B,EAAQ,GAA0B,EAAO,IAAQ,CAC5D,GAAM,CAAE,WAAU,YAAW,GAAG,GAAS,EACnC,CAAE,UAAS,QAAS,GAAiB,EAAI,EAAE,CAC3C,EAAS,EAAe,QAAS,GAAiB,CAAC,CAEzD,OACE,EAAC,EAAA,CAAU,UAAW,EAAG,YAAa,EAAU,CAAO,MAAK,GAAI,EAAO,MAAO,GAAI,WAC/E,GACC,GAAM,KAAK,EAAK,IACd,EAACA,EAAAA,CAAAA,SACE,GAAS,IAAI,GACZ,EAACC,EAAAA,CAAAA,SAAuB,EAAI,EAAO,OAAA,CAA1B,EAAO,MAA+B,CAC/C,CAAA,CAHK,EAIJ,CACL,EACM,EAEd,CAEF,EAAM,YAAc,QAEpB,IAAA,EAAe"}
+{"version":3,"file":"tbody.js","names":["Tr","Td"],"sources":["../../src/table/tbody.tsx"],"sourcesContent":["import { styled, useStyleConfig, vui } from '../core'\nimport { cs } from '../utils'\nimport { useTableContext } from './context'\nimport type { TbodyProps } from './table.types'\nimport Td from './td'\nimport Tr from './tr'\n\nexport const TbodyBase = styled.tbodyBox`\n  tr {\n    :hover td {\n      background-color: skyBlue.hover;\n    }\n\n    &[data-selected='true']:hover td {\n      background-color: skyBlue.hover;\n    }\n\n    &[data-selected='true'] td {\n      border-bottom-color: sandstone.main;\n    }\n\n    &[data-variant='striped'][data-selected='false']:nth-of-type(odd):not(:hover) td {\n      background-color: sandstone.95;\n    }\n\n    &[data-variant='basic']:hover td {\n      background-color: transparent;\n    }\n  }\n`\n\n/** Displays Table body with built-in support for rows. */\nexport const Tbody = vui<'tbody', TbodyProps>((props, ref) => {\n  const { children, className, ...rest } = props\n  const { columns, rows } = useTableContext() ?? {}\n  const styles = useStyleConfig('Table', useTableContext())\n\n  return (\n    <TbodyBase className={cs('vui-tbody', className)} ref={ref} {...styles.tbody} {...rest}>\n      {children ??\n        rows?.map((row, index) => (\n          <Tr key={index}>\n            {columns?.map(column => (\n              <Td key={column.field}>{row[column.field]}</Td>\n            ))}\n          </Tr>\n        ))}\n    </TbodyBase>\n  )\n})\n\nTbody.displayName = 'Tbody'\n\nexport default Tbody\n"],"mappings":";;;;;;;;;;AAOA,MAAa,YAAY,OAAO,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;AAyBxC,MAAa,QAAQ,KAA0B,OAAO,QAAQ;CAC5D,MAAM,EAAE,UAAU,UAAW,GAAG,SAAS;CACzC,MAAM,EAAE,SAAS,SAAS,iBAAiB,IAAI,EAAE;CACjD,MAAM,SAAS,eAAe,SAAS,iBAAiB,CAAC;AAEzD,QACE,oBAAC;EAAU,WAAW,GAAG,aAAa,UAAU;EAAO;EAAK,GAAI,OAAO;EAAO,GAAI;YAC/E,YACC,MAAM,KAAK,KAAK,UACd,oBAACA,wBACE,SAAS,KAAI,WACZ,oBAACC,wBAAuB,IAAI,OAAO,UAA1B,OAAO,MAA+B,CAC/C,IAHK,MAIJ,CACL;GACM;EAEd;AAEF,MAAM,cAAc;AAEpB,oBAAe"}

package/dist/table/td.d.ts

@@ -1,10 +1,11 @@
 import { SystemProps } from "../system/system.js";
 import { VuiComponent } from "../core/vui.js";
 import { TdProps } from "./table.types.js";
-import * as styled_components412 from "styled-components";
+import "../index.js";
+import * as styled_components431 from "styled-components";
 
 //#region src/table/td.d.ts
-declare const TdBase: styled_components412.StyledComponent<"td", styled_components412.DefaultTheme, SystemProps, never>;
+declare const TdBase: styled_components431.StyledComponent<"td", styled_components431.DefaultTheme, SystemProps, never>;
 /** Displays a cell inside Table row. */
 declare const Td: VuiComponent<"td", TdProps>;
 //#endregion

package/dist/table/td.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"td.d.ts","names":[],"sources":["../../src/table/td.tsx"],"sourcesContent":[],"mappings":";;;;;;cAMa,QAAM,oBAAA,CAAA,sBAElB,oBAAA,CAFkB,YAAA,CAAA,CAAA,WAAA,CAAA;;cAKN,IAAE,mBAAA"}
+{"version":3,"file":"td.d.ts","names":[],"sources":["../../src/table/td.tsx"],"sourcesContent":[],"mappings":";;;;;;;cAMa,QAAM,oBAAA,CAAA,sBAElB,oBAAA,CAFkB,YAAA,CAAA,CAAA,WAAA,CAAA;;cAKN,IAAE,mBAAA"}

package/dist/table/td.js

@@ -1,4 +1,35 @@
-import{cs as e}from"../utils/styles.js";import{useStyleConfig as t}from"../core/theme.js";import{styled as n}from"../core/styled.js";import{vui as r}from"../core/vui.js";import i from"../t/t.js";import{useTableContext as a}from"./context.js";import{jsx as o,jsxs as s}from"react/jsx-runtime";const c=n.tdBox`
+import { cs } from "../utils/styles.js";
+import { useStyleConfig } from "../core/theme.js";
+import { styled } from "../core/styled.js";
+import { vui } from "../core/vui.js";
+import t_default from "../t/t.js";
+import { useTableContext } from "./context.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/table/td.tsx
+const TdBase = styled.tdBox`
   transition-duration: fast;
-`,l=r((n,r)=>{let{className:l,level:u=0,children:d,...f}=n,p=t(`Table`,a());return s(c,{className:e(`vui-td`,l),px:2,ref:r,...p.td,...f,children:[!!u&&o(i,{mr:1,children:Array.from({length:u}).map((e,t)=>o(i,{children:`—`},t))}),d]})});l.displayName=`Td`;var u=l;export{l as Td,c as TdBase,u as default};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+`;
+/** Displays a cell inside Table row. */
+const Td = vui((props, ref) => {
+	const { className, level = 0, children,...rest } = props;
+	const styles = useStyleConfig("Table", useTableContext());
+	return /* @__PURE__ */ jsxs(TdBase, {
+		className: cs("vui-td", className),
+		px: 2,
+		ref,
+		...styles.td,
+		...rest,
+		children: [!!level && /* @__PURE__ */ jsx(t_default, {
+			mr: 1,
+			children: Array.from({ length: level }).map((_i, key) => /* @__PURE__ */ jsx(t_default, { children: "—" }, key))
+		}), children]
+	});
+});
+Td.displayName = "Td";
+var td_default = Td;
+
+//#endregion
+export { Td, TdBase, td_default as default };
+globalThis.__vuiVersion__ = "3.0.0"
 //# sourceMappingURL=td.js.map

package/dist/table/td.js.map

@@ -1 +1 @@
-{"version":3,"file":"td.js","names":["T"],"sources":["../../src/table/td.tsx"],"sourcesContent":["import { styled, useStyleConfig, vui } from '../core'\nimport T from '../t'\nimport { cs } from '../utils'\nimport { useTableContext } from './context'\nimport type { TdProps } from './table.types'\n\nexport const TdBase = styled.tdBox`\n  transition-duration: fast;\n`\n\n/** Displays a cell inside Table row. */\nexport const Td = vui<'td', TdProps>((props, ref) => {\n  const { className, level = 0, children, ...rest } = props\n  const styles = useStyleConfig('Table', useTableContext())\n\n  return (\n    <TdBase className={cs('vui-td', className)} px={2} ref={ref} {...styles.td} {...rest}>\n      {!!level && (\n        <T mr={1}>\n          {Array.from({ length: level }).map((_i, key) => (\n            <T key={key}>&mdash;</T>\n          ))}\n        </T>\n      )}\n      {children}\n    </TdBase>\n  )\n})\n\nTd.displayName = 'Td'\n\nexport default Td\n"],"mappings":"oSAMA,MAAa,EAAS,EAAO,KAAK;;EAKrB,EAAK,GAAoB,EAAO,IAAQ,CACnD,GAAM,CAAE,YAAW,QAAQ,EAAG,WAAU,GAAG,GAAS,EAC9C,EAAS,EAAe,QAAS,GAAiB,CAAC,CAEzD,OACE,EAAC,EAAA,CAAO,UAAW,EAAG,SAAU,EAAU,CAAE,GAAI,EAAQ,MAAK,GAAI,EAAO,GAAI,GAAI,YAC7E,CAAC,CAAC,GACD,EAACA,EAAAA,CAAE,GAAI,WACJ,MAAM,KAAK,CAAE,OAAQ,EAAO,CAAC,CAAC,KAAK,EAAI,IACtC,EAACA,EAAAA,CAAAA,SAAY,IAAA,CAAL,EAAgB,CACxB,EACA,CAEL,EAAA,EACM,EAEX,CAEF,EAAG,YAAc,KAEjB,IAAA,EAAe"}
+{"version":3,"file":"td.js","names":["T"],"sources":["../../src/table/td.tsx"],"sourcesContent":["import { styled, useStyleConfig, vui } from '../core'\nimport T from '../t'\nimport { cs } from '../utils'\nimport { useTableContext } from './context'\nimport type { TdProps } from './table.types'\n\nexport const TdBase = styled.tdBox`\n  transition-duration: fast;\n`\n\n/** Displays a cell inside Table row. */\nexport const Td = vui<'td', TdProps>((props, ref) => {\n  const { className, level = 0, children, ...rest } = props\n  const styles = useStyleConfig('Table', useTableContext())\n\n  return (\n    <TdBase className={cs('vui-td', className)} px={2} ref={ref} {...styles.td} {...rest}>\n      {!!level && (\n        <T mr={1}>\n          {Array.from({ length: level }).map((_i, key) => (\n            <T key={key}>&mdash;</T>\n          ))}\n        </T>\n      )}\n      {children}\n    </TdBase>\n  )\n})\n\nTd.displayName = 'Td'\n\nexport default Td\n"],"mappings":";;;;;;;;;AAMA,MAAa,SAAS,OAAO,KAAK;;;;AAKlC,MAAa,KAAK,KAAoB,OAAO,QAAQ;CACnD,MAAM,EAAE,WAAW,QAAQ,GAAG,SAAU,GAAG,SAAS;CACpD,MAAM,SAAS,eAAe,SAAS,iBAAiB,CAAC;AAEzD,QACE,qBAAC;EAAO,WAAW,GAAG,UAAU,UAAU;EAAE,IAAI;EAAQ;EAAK,GAAI,OAAO;EAAI,GAAI;aAC7E,CAAC,CAAC,SACD,oBAACA;GAAE,IAAI;aACJ,MAAM,KAAK,EAAE,QAAQ,OAAO,CAAC,CAAC,KAAK,IAAI,QACtC,oBAACA,uBAAY,OAAL,IAAgB,CACxB;IACA,EAEL;GACM;EAEX;AAEF,GAAG,cAAc;AAEjB,iBAAe"}

package/dist/table/tfoot.d.ts

@@ -1,9 +1,10 @@
 import { SystemProps } from "../system/system.js";
 import { VuiComponent } from "../core/vui.js";
-import * as styled_components414 from "styled-components";
+import "../index.js";
+import * as styled_components429 from "styled-components";
 
 //#region src/table/tfoot.d.ts
-declare const TfootBase: styled_components414.StyledComponent<"tfoot", styled_components414.DefaultTheme, SystemProps, never>;
+declare const TfootBase: styled_components429.StyledComponent<"tfoot", styled_components429.DefaultTheme, SystemProps, never>;
 /** Displays Table footer. */
 declare const Tfoot: VuiComponent<"tfoot", SystemProps>;
 //#endregion

package/dist/table/tfoot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tfoot.d.ts","names":[],"sources":["../../src/table/tfoot.tsx"],"sourcesContent":[],"mappings":";;;;;cAKa,WAAS,oBAAA,CAAA,yBAAoB,oBAAA,CAApB,YAAA,CAAA,CAAA,WAAA,CAAA;;cAGT,OAAK,sBAKhB,WAAA"}
+{"version":3,"file":"tfoot.d.ts","names":[],"sources":["../../src/table/tfoot.tsx"],"sourcesContent":[],"mappings":";;;;;;cAKa,WAAS,oBAAA,CAAA,yBAAoB,oBAAA,CAApB,YAAA,CAAA,CAAA,WAAA,CAAA;;cAGT,OAAK,sBAKhB,WAAA"}

package/dist/table/tfoot.js

@@ -1,2 +1,27 @@
-import{cs as e}from"../utils/styles.js";import{useStyleConfig as t}from"../core/theme.js";import{styled as n}from"../core/styled.js";import{vui as r}from"../core/vui.js";import{useTableContext as i}from"./context.js";import{jsx as a}from"react/jsx-runtime";const o=n.tfootBox``,s=r((n,r)=>{let{className:s,...c}=n,l=t(`Table`,i());return a(o,{className:e(`vui-tfoot`,s),ref:r,...l.tfoot,...c})});s.displayName=`Tfoot`;var c=s;export{s as Tfoot,o as TfootBase,c as default};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+import { cs } from "../utils/styles.js";
+import { useStyleConfig } from "../core/theme.js";
+import { styled } from "../core/styled.js";
+import { vui } from "../core/vui.js";
+import { useTableContext } from "./context.js";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/table/tfoot.tsx
+const TfootBase = styled.tfootBox``;
+/** Displays Table footer. */
+const Tfoot = vui((props, ref) => {
+	const { className,...rest } = props;
+	const styles = useStyleConfig("Table", useTableContext());
+	return /* @__PURE__ */ jsx(TfootBase, {
+		className: cs("vui-tfoot", className),
+		ref,
+		...styles.tfoot,
+		...rest
+	});
+});
+Tfoot.displayName = "Tfoot";
+var tfoot_default = Tfoot;
+
+//#endregion
+export { Tfoot, TfootBase, tfoot_default as default };
+globalThis.__vuiVersion__ = "3.0.0"
 //# sourceMappingURL=tfoot.js.map

package/dist/table/tfoot.js.map

@@ -1 +1 @@
-{"version":3,"file":"tfoot.js","names":[],"sources":["../../src/table/tfoot.tsx"],"sourcesContent":["import { styled, useStyleConfig, vui } from '../core'\nimport { cs } from '../utils'\nimport { useTableContext } from './context'\nimport type { TfootProps } from './table.types'\n\nexport const TfootBase = styled.tfootBox``\n\n/** Displays Table footer. */\nexport const Tfoot = vui<'tfoot', TfootProps>((props, ref) => {\n  const { className, ...rest } = props\n  const styles = useStyleConfig('Table', useTableContext())\n\n  return <TfootBase className={cs('vui-tfoot', className)} ref={ref} {...styles.tfoot} {...rest} />\n})\n\nTfoot.displayName = 'Tfoot'\n\nexport default Tfoot\n"],"mappings":"iQAKA,MAAa,EAAY,EAAO,QAAQ,GAG3B,EAAQ,GAA0B,EAAO,IAAQ,CAC5D,GAAM,CAAE,YAAW,GAAG,GAAS,EACzB,EAAS,EAAe,QAAS,GAAiB,CAAC,CAEzD,OAAO,EAAC,EAAA,CAAU,UAAW,EAAG,YAAa,EAAU,CAAO,MAAK,GAAI,EAAO,MAAO,GAAI,GAAQ,EACjG,CAEF,EAAM,YAAc,QAEpB,IAAA,EAAe"}
+{"version":3,"file":"tfoot.js","names":[],"sources":["../../src/table/tfoot.tsx"],"sourcesContent":["import { styled, useStyleConfig, vui } from '../core'\nimport { cs } from '../utils'\nimport { useTableContext } from './context'\nimport type { TfootProps } from './table.types'\n\nexport const TfootBase = styled.tfootBox``\n\n/** Displays Table footer. */\nexport const Tfoot = vui<'tfoot', TfootProps>((props, ref) => {\n  const { className, ...rest } = props\n  const styles = useStyleConfig('Table', useTableContext())\n\n  return <TfootBase className={cs('vui-tfoot', className)} ref={ref} {...styles.tfoot} {...rest} />\n})\n\nTfoot.displayName = 'Tfoot'\n\nexport default Tfoot\n"],"mappings":";;;;;;;;AAKA,MAAa,YAAY,OAAO,QAAQ;;AAGxC,MAAa,QAAQ,KAA0B,OAAO,QAAQ;CAC5D,MAAM,EAAE,UAAW,GAAG,SAAS;CAC/B,MAAM,SAAS,eAAe,SAAS,iBAAiB,CAAC;AAEzD,QAAO,oBAAC;EAAU,WAAW,GAAG,aAAa,UAAU;EAAO;EAAK,GAAI,OAAO;EAAO,GAAI;GAAQ;EACjG;AAEF,MAAM,cAAc;AAEpB,oBAAe"}

package/dist/table/th.d.ts

@@ -1,10 +1,11 @@
 import { SystemProps } from "../system/system.js";
 import { VuiComponent } from "../core/vui.js";
 import { ThProps } from "./table.types.js";
-import * as styled_components416 from "styled-components";
+import "../index.js";
+import * as styled_components433 from "styled-components";
 
 //#region src/table/th.d.ts
-declare const ThBase: styled_components416.StyledComponent<"th", styled_components416.DefaultTheme, SystemProps, never>;
+declare const ThBase: styled_components433.StyledComponent<"th", styled_components433.DefaultTheme, SystemProps, never>;
 /** Displays Table heading with support for sort. */
 declare const Th: VuiComponent<"th", ThProps>;
 //#endregion

package/dist/table/th.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"th.d.ts","names":[],"sources":["../../src/table/th.tsx"],"sourcesContent":[],"mappings":";;;;;;cAQa,QAAM,oBAAA,CAAA,sBAIlB,oBAAA,CAJkB,YAAA,CAAA,CAAA,WAAA,CAAA;;cAON,IAAE,mBAAA"}
+{"version":3,"file":"th.d.ts","names":[],"sources":["../../src/table/th.tsx"],"sourcesContent":[],"mappings":";;;;;;;cAQa,QAAM,oBAAA,CAAA,sBAIlB,oBAAA,CAJkB,YAAA,CAAA,CAAA,WAAA,CAAA;;cAON,IAAE,mBAAA"}

package/dist/table/th.js

@@ -1,6 +1,73 @@
-import{useCallbackRef as e}from"../utils/react.js";import{cs as t}from"../utils/styles.js";import{useStyleConfig as n}from"../core/theme.js";import{styled as r}from"../core/styled.js";import{vui as i}from"../core/vui.js";import a from"../box/box.js";import{useTableContext as o}from"./context.js";import s from"./tableSortIcon.js";import{jsx as c,jsxs as l}from"react/jsx-runtime";const u=r.thBox`
+import { useCallbackRef } from "../utils/react.js";
+import { cs } from "../utils/styles.js";
+import { useStyleConfig } from "../core/theme.js";
+import { styled } from "../core/styled.js";
+import { vui } from "../core/vui.js";
+import box_default from "../box/box.js";
+import { useTableContext } from "./context.js";
+import tableSortIcon_default from "./tableSortIcon.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/table/th.tsx
+const ThBase = styled.thBox`
   font-weight: demi;
   text-align: left;
   transition-duration: fast;
-`,d=i((r,i)=>{let{children:d,className:f,disabled:p,field:m,isInteractive:h,isSortable:g,onClick:_,title:v,...y}=r,b=o(),x=n(`Table`,b),{onSortChange:S,sort:C}=b||{},w=e(e=>{_?.(e),g&&m&&S&&S(m)}),T=_||g?w:void 0,E=!p&&C?.key===m,D=E?C.order:void 0,O=h??T!==void 0,k=E?{bg:`skyBlue.active`}:{},A=p?{bg:`disabled.bg`,color:`disabled.color`,cursor:`not-allowed`}:{},j=g?`skyBlue.hover`:void 0,M=!p&&O?{cursor:`pointer`,onClick:T,tabIndex:0,userSelect:`none`}:{};return c(u,{className:t(`vui-th`,f),"data-active":E,"data-disabled":p,hoverBg:j,px:2,ref:i,...x.th,...k,...A,...M,...y,children:d??l(a,{centerV:!0,display:`inline-flex`,children:[v,g&&c(s,{ml:1,my:.5,order:D})]})})});d.displayName=`Th`;var f=d;export{d as Th,u as ThBase,f as default};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+`;
+/** Displays Table heading with support for sort. */
+const Th = vui((props, ref) => {
+	const { children, className, disabled, field, isInteractive: isInteractiveProp, isSortable, onClick: onClickProp, title,...rest } = props;
+	const tableContext = useTableContext();
+	const styles = useStyleConfig("Table", tableContext);
+	const { onSortChange, sort } = tableContext || {};
+	const handleClick = useCallbackRef((e) => {
+		onClickProp?.(e);
+		if (isSortable && field && onSortChange) onSortChange(field);
+	});
+	const onClick = onClickProp || isSortable ? handleClick : void 0;
+	const isActive = !disabled && sort?.key === field;
+	const sortOrder = isActive ? sort.order : void 0;
+	const isInteractive = isInteractiveProp ?? onClick !== void 0;
+	const activeProps = isActive ? { bg: "skyBlue.active" } : {};
+	const disabledProps = disabled ? {
+		bg: "disabled.bg",
+		color: "disabled.color",
+		cursor: "not-allowed"
+	} : {};
+	const hoverBg = isSortable ? "skyBlue.hover" : void 0;
+	const interactiveProps = !disabled && isInteractive ? {
+		cursor: "pointer",
+		onClick,
+		tabIndex: 0,
+		userSelect: "none"
+	} : {};
+	return /* @__PURE__ */ jsx(ThBase, {
+		className: cs("vui-th", className),
+		"data-active": isActive,
+		"data-disabled": disabled,
+		hoverBg,
+		px: 2,
+		ref,
+		...styles.th,
+		...activeProps,
+		...disabledProps,
+		...interactiveProps,
+		...rest,
+		children: children ?? /* @__PURE__ */ jsxs(box_default, {
+			centerV: true,
+			display: "inline-flex",
+			children: [title, isSortable && /* @__PURE__ */ jsx(tableSortIcon_default, {
+				ml: 1,
+				my: .5,
+				order: sortOrder
+			})]
+		})
+	});
+});
+Th.displayName = "Th";
+var th_default = Th;
+
+//#endregion
+export { Th, ThBase, th_default as default };
+globalThis.__vuiVersion__ = "3.0.0"
 //# sourceMappingURL=th.js.map

package/dist/table/th.js.map

@@ -1 +1 @@
-{"version":3,"file":"th.js","names":["Box","TableSortIcon"],"sources":["../../src/table/th.tsx"],"sourcesContent":["import Box from '../box'\nimport { styled, useStyleConfig, vui } from '../core'\nimport type { MouseEvent } from '../utils'\nimport { cs, useCallbackRef } from '../utils'\nimport { useTableContext } from './context'\nimport type { ThProps } from './table.types'\nimport TableSortIcon from './tableSortIcon'\n\nexport const ThBase = styled.thBox`\n  font-weight: demi;\n  text-align: left;\n  transition-duration: fast;\n`\n\n/** Displays Table heading with support for sort. */\nexport const Th = vui<'th', ThProps>((props, ref) => {\n  const {\n    children,\n    className,\n    disabled,\n    field,\n    isInteractive: isInteractiveProp,\n    isSortable,\n    onClick: onClickProp,\n    title,\n    ...rest\n  } = props\n\n  // Always call hooks unconditionally\n  const tableContext = useTableContext()\n  const styles = useStyleConfig('Table', tableContext)\n\n  // Extract values after hook calls\n  const { onSortChange, sort } = tableContext || {}\n\n  const handleClick = useCallbackRef((e: MouseEvent<HTMLTableCellElement>) => {\n    onClickProp?.(e)\n    if (isSortable && field && onSortChange) {\n      onSortChange(field)\n    }\n  })\n\n  const onClick = onClickProp || isSortable ? handleClick : undefined\n\n  const isActive = !disabled && sort?.key === field\n  const sortOrder = isActive ? sort.order : undefined\n  const isInteractive = isInteractiveProp ?? onClick !== undefined\n\n  const activeProps = isActive ? { bg: 'skyBlue.active' } : {}\n  const disabledProps = disabled ? { bg: 'disabled.bg', color: 'disabled.color', cursor: 'not-allowed' } : {}\n  const hoverBg = isSortable ? 'skyBlue.hover' : undefined\n\n  const interactiveProps =\n    !disabled && isInteractive\n      ? {\n          cursor: 'pointer',\n          onClick,\n          tabIndex: 0,\n          userSelect: 'none',\n        }\n      : {}\n\n  return (\n    <ThBase\n      className={cs('vui-th', className)}\n      data-active={isActive}\n      data-disabled={disabled}\n      hoverBg={hoverBg}\n      px={2}\n      ref={ref}\n      {...styles.th}\n      {...activeProps}\n      {...disabledProps}\n      {...interactiveProps}\n      {...rest}\n    >\n      {children ?? (\n        <Box centerV display=\"inline-flex\">\n          {title}\n          {isSortable && <TableSortIcon ml={1} my={0.5} order={sortOrder} />}\n        </Box>\n      )}\n    </ThBase>\n  )\n})\n\nTh.displayName = 'Th'\n\nexport default Th\n"],"mappings":"6XAQA,MAAa,EAAS,EAAO,KAAK;;;;EAOrB,EAAK,GAAoB,EAAO,IAAQ,CACnD,GAAM,CACJ,WACA,YACA,WACA,QACA,cAAe,EACf,aACA,QAAS,EACT,QACA,GAAG,GACD,EAGE,EAAe,GAAiB,CAChC,EAAS,EAAe,QAAS,EAAa,CAG9C,CAAE,eAAc,QAAS,GAAgB,EAAE,CAE3C,EAAc,EAAgB,GAAwC,CAC1E,IAAc,EAAE,CACZ,GAAc,GAAS,GACzB,EAAa,EAAM,EAErB,CAEI,EAAU,GAAe,EAAa,EAAc,IAAA,GAEpD,EAAW,CAAC,GAAY,GAAM,MAAQ,EACtC,EAAY,EAAW,EAAK,MAAQ,IAAA,GACpC,EAAgB,GAAqB,IAAY,IAAA,GAEjD,EAAc,EAAW,CAAE,GAAI,iBAAkB,CAAG,EAAE,CACtD,EAAgB,EAAW,CAAE,GAAI,cAAe,MAAO,iBAAkB,OAAQ,cAAe,CAAG,EAAE,CACrG,EAAU,EAAa,gBAAkB,IAAA,GAEzC,EACJ,CAAC,GAAY,EACT,CACE,OAAQ,UACR,UACA,SAAU,EACV,WAAY,OACb,CACD,EAAE,CAER,OACE,EAAC,EAAA,CACC,UAAW,EAAG,SAAU,EAAU,CAClC,cAAa,EACb,gBAAe,EACN,UACT,GAAI,EACC,MACL,GAAI,EAAO,GACX,GAAI,EACJ,GAAI,EACJ,GAAI,EACJ,GAAI,WAEH,GACC,EAACA,EAAAA,CAAI,QAAA,GAAQ,QAAQ,wBAClB,EACA,GAAc,EAACC,EAAAA,CAAc,GAAI,EAAG,GAAI,GAAK,MAAO,GAAa,CAAA,EAC9D,EAED,EAEX,CAEF,EAAG,YAAc,KAEjB,IAAA,EAAe"}
+{"version":3,"file":"th.js","names":["Box","TableSortIcon"],"sources":["../../src/table/th.tsx"],"sourcesContent":["import Box from '../box'\nimport { styled, useStyleConfig, vui } from '../core'\nimport type { MouseEvent } from '../utils'\nimport { cs, useCallbackRef } from '../utils'\nimport { useTableContext } from './context'\nimport type { ThProps } from './table.types'\nimport TableSortIcon from './tableSortIcon'\n\nexport const ThBase = styled.thBox`\n  font-weight: demi;\n  text-align: left;\n  transition-duration: fast;\n`\n\n/** Displays Table heading with support for sort. */\nexport const Th = vui<'th', ThProps>((props, ref) => {\n  const {\n    children,\n    className,\n    disabled,\n    field,\n    isInteractive: isInteractiveProp,\n    isSortable,\n    onClick: onClickProp,\n    title,\n    ...rest\n  } = props\n\n  // Always call hooks unconditionally\n  const tableContext = useTableContext()\n  const styles = useStyleConfig('Table', tableContext)\n\n  // Extract values after hook calls\n  const { onSortChange, sort } = tableContext || {}\n\n  const handleClick = useCallbackRef((e: MouseEvent<HTMLTableCellElement>) => {\n    onClickProp?.(e)\n    if (isSortable && field && onSortChange) {\n      onSortChange(field)\n    }\n  })\n\n  const onClick = onClickProp || isSortable ? handleClick : undefined\n\n  const isActive = !disabled && sort?.key === field\n  const sortOrder = isActive ? sort.order : undefined\n  const isInteractive = isInteractiveProp ?? onClick !== undefined\n\n  const activeProps = isActive ? { bg: 'skyBlue.active' } : {}\n  const disabledProps = disabled ? { bg: 'disabled.bg', color: 'disabled.color', cursor: 'not-allowed' } : {}\n  const hoverBg = isSortable ? 'skyBlue.hover' : undefined\n\n  const interactiveProps =\n    !disabled && isInteractive\n      ? {\n          cursor: 'pointer',\n          onClick,\n          tabIndex: 0,\n          userSelect: 'none',\n        }\n      : {}\n\n  return (\n    <ThBase\n      className={cs('vui-th', className)}\n      data-active={isActive}\n      data-disabled={disabled}\n      hoverBg={hoverBg}\n      px={2}\n      ref={ref}\n      {...styles.th}\n      {...activeProps}\n      {...disabledProps}\n      {...interactiveProps}\n      {...rest}\n    >\n      {children ?? (\n        <Box centerV display=\"inline-flex\">\n          {title}\n          {isSortable && <TableSortIcon ml={1} my={0.5} order={sortOrder} />}\n        </Box>\n      )}\n    </ThBase>\n  )\n})\n\nTh.displayName = 'Th'\n\nexport default Th\n"],"mappings":";;;;;;;;;;;AAQA,MAAa,SAAS,OAAO,KAAK;;;;;;AAOlC,MAAa,KAAK,KAAoB,OAAO,QAAQ;CACnD,MAAM,EACJ,UACA,WACA,UACA,OACA,eAAe,mBACf,YACA,SAAS,aACT,MACA,GAAG,SACD;CAGJ,MAAM,eAAe,iBAAiB;CACtC,MAAM,SAAS,eAAe,SAAS,aAAa;CAGpD,MAAM,EAAE,cAAc,SAAS,gBAAgB,EAAE;CAEjD,MAAM,cAAc,gBAAgB,MAAwC;AAC1E,gBAAc,EAAE;AAChB,MAAI,cAAc,SAAS,aACzB,cAAa,MAAM;GAErB;CAEF,MAAM,UAAU,eAAe,aAAa,cAAc;CAE1D,MAAM,WAAW,CAAC,YAAY,MAAM,QAAQ;CAC5C,MAAM,YAAY,WAAW,KAAK,QAAQ;CAC1C,MAAM,gBAAgB,qBAAqB,YAAY;CAEvD,MAAM,cAAc,WAAW,EAAE,IAAI,kBAAkB,GAAG,EAAE;CAC5D,MAAM,gBAAgB,WAAW;EAAE,IAAI;EAAe,OAAO;EAAkB,QAAQ;EAAe,GAAG,EAAE;CAC3G,MAAM,UAAU,aAAa,kBAAkB;CAE/C,MAAM,mBACJ,CAAC,YAAY,gBACT;EACE,QAAQ;EACR;EACA,UAAU;EACV,YAAY;EACb,GACD,EAAE;AAER,QACE,oBAAC;EACC,WAAW,GAAG,UAAU,UAAU;EAClC,eAAa;EACb,iBAAe;EACN;EACT,IAAI;EACC;EACL,GAAI,OAAO;EACX,GAAI;EACJ,GAAI;EACJ,GAAI;EACJ,GAAI;YAEH,YACC,qBAACA;GAAI;GAAQ,SAAQ;cAClB,OACA,cAAc,oBAACC;IAAc,IAAI;IAAG,IAAI;IAAK,OAAO;KAAa;IAC9D;GAED;EAEX;AAEF,GAAG,cAAc;AAEjB,iBAAe"}

package/dist/table/thead.d.ts

@@ -1,5 +1,6 @@
 import { VuiComponent } from "../core/vui.js";
 import { TheadProps } from "./table.types.js";
+import "../index.js";
 
 //#region src/table/thead.d.ts
 /** Displays Table head with support for columns and sticky. */

package/dist/table/thead.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"thead.d.ts","names":[],"sources":["../../src/table/thead.tsx"],"sourcesContent":[],"mappings":";;;;;cAea,OAAK,sBAAA"}
+{"version":3,"file":"thead.d.ts","names":[],"sources":["../../src/table/thead.tsx"],"sourcesContent":[],"mappings":";;;;;;cAea,OAAK,sBAAA"}

package/dist/table/thead.js

@@ -1,7 +1,46 @@
-import{cs as e}from"../utils/styles.js";import{useStyleConfig as t}from"../core/theme.js";import{styled as n}from"../core/styled.js";import{vui as r}from"../core/vui.js";import{useTableContext as i}from"./context.js";import a from"./tr.js";import o from"./th.js";import{jsx as s}from"react/jsx-runtime";const c=n.theadBox`
+import { cs } from "../utils/styles.js";
+import { useStyleConfig } from "../core/theme.js";
+import { styled } from "../core/styled.js";
+import { vui } from "../core/vui.js";
+import { useTableContext } from "./context.js";
+import tr_default from "./tr.js";
+import th_default from "./th.js";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/table/thead.tsx
+const TheadBase = styled.theadBox`
   tr th,
   tr td {
     border-bottom: 1px solid sandstone.main;
   }
-`,l=r((n,r)=>{let{children:l,className:u,...d}=n,{columns:f,stickyHeader:p}=i()??{},m=t(`Table`,i()),h=p?{bg:`white`,position:`sticky`,top:0,zIndex:3}:{};return s(c,{className:e(`vui-thead`,u),ref:r,...h,...m.thead,...d,children:l??s(a,{children:f?.map(e=>s(o,{role:`columnheader`,...e},e.field))})})});l.displayName=`Thead`;var u=l;export{l as Thead,u as default};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+`;
+/** Displays Table head with support for columns and sticky. */
+const Thead = vui((props, ref) => {
+	const { children, className,...rest } = props;
+	const { columns, stickyHeader } = useTableContext() ?? {};
+	const styles = useStyleConfig("Table", useTableContext());
+	const stickyProps = stickyHeader ? {
+		bg: "white",
+		position: "sticky",
+		top: 0,
+		zIndex: 3
+	} : {};
+	return /* @__PURE__ */ jsx(TheadBase, {
+		className: cs("vui-thead", className),
+		ref,
+		...stickyProps,
+		...styles.thead,
+		...rest,
+		children: children ?? /* @__PURE__ */ jsx(tr_default, { children: columns?.map((column) => /* @__PURE__ */ jsx(th_default, {
+			role: "columnheader",
+			...column
+		}, column.field)) })
+	});
+});
+Thead.displayName = "Thead";
+var thead_default = Thead;
+
+//#endregion
+export { Thead, thead_default as default };
+globalThis.__vuiVersion__ = "3.0.0"
 //# sourceMappingURL=thead.js.map