@lobehub/ui 6.0.0-beta.1 → 6.0.0-beta.10

package/es/Table/render/VirtualBody.mjs

@@ -0,0 +1,101 @@
+"use client";
+import { useTableView } from "./context.mjs";
+import { BodyRow } from "./Body.mjs";
+import { useVirtualModel } from "../engine/useTableEngine.mjs";
+import { useLayoutEffect } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/Table/render/VirtualBody.tsx
+const getRowSpan = (leaf, row) => {
+	if (!row) return 1;
+	return leaf.column.source.column.onCell?.(row.record, row.index)?.rowSpan ?? 1;
+};
+const collectSpanLines = (leaves, rows, start, end) => {
+	const spanning = leaves.filter((leaf) => leaf.column.source.column.onCell);
+	if (spanning.length === 0 || end < 0) return [];
+	let first = start;
+	let covered = spanning.filter((leaf) => getRowSpan(leaf, rows[start]) === 0);
+	for (let index = start; index >= 0 && covered.length > 0; index -= 1) {
+		covered = covered.filter((leaf) => getRowSpan(leaf, rows[index]) === 0);
+		first = index;
+	}
+	const lines = [];
+	for (let index = first; index <= end; index += 1) if (spanning.some((leaf) => getRowSpan(leaf, rows[index]) > 1)) lines.push(index);
+	return lines;
+};
+const VirtualBody = ({ emptyNode, holderRef, input, maxHeight, onScroll, rows, scrollRef, scrollX }) => {
+	const virtual = useVirtualModel(input, rows);
+	useLayoutEffect(() => {
+		scrollRef.current = virtual.scrollTo;
+	});
+	const { leafColumns, prefixCls, semanticClassNames, semanticStyles } = useTableView();
+	const width = scrollX === true ? "auto" : scrollX;
+	const offset = virtual.items[0]?.start ?? 0;
+	const spanLines = collectSpanLines(leafColumns, rows, virtual.items[0]?.index ?? 0, virtual.items.at(-1)?.index ?? -1);
+	return /* @__PURE__ */ jsx("div", {
+		style: semanticStyles.body.wrapper,
+		className: [`${prefixCls}-tbody-virtual`, semanticClassNames.body.wrapper].filter(Boolean).join(" "),
+		children: /* @__PURE__ */ jsx("div", {
+			className: `${prefixCls}-tbody-virtual-holder`,
+			ref: holderRef,
+			style: {
+				maxHeight,
+				overflow: "auto"
+			},
+			onScroll,
+			children: /* @__PURE__ */ jsxs("div", {
+				className: `${prefixCls}-tbody-virtual-holder-inner`,
+				style: {
+					height: virtual.totalSize,
+					minWidth: "100%",
+					position: "relative",
+					width
+				},
+				children: [rows.length === 0 ? /* @__PURE__ */ jsx("div", {
+					className: `${prefixCls}-placeholder`,
+					children: emptyNode
+				}) : /* @__PURE__ */ jsx("div", {
+					style: {
+						position: "relative",
+						top: offset
+					},
+					children: virtual.items.map((item) => {
+						const row = rows[item.index];
+						if (!row) return null;
+						return /* @__PURE__ */ jsx("div", {
+							"data-index": item.index,
+							ref: virtual.measureElement,
+							children: /* @__PURE__ */ jsx(BodyRow, {
+								depth: row.depth,
+								hasChildren: row.hasChildren,
+								index: row.index,
+								record: row.record,
+								renderIndex: row.renderIndex,
+								rowKey: row.key
+							})
+						}, item.key);
+					})
+				}), spanLines.map((index) => {
+					const row = rows[index];
+					const top = virtual.getRange(index)?.start ?? 0;
+					const getHeight = (rowSpan) => (virtual.getRange(Math.min(index + rowSpan - 1, rows.length - 1))?.end ?? top) - top;
+					return /* @__PURE__ */ jsx(BodyRow, {
+						depth: row.depth,
+						extra: {
+							getHeight,
+							top
+						},
+						hasChildren: row.hasChildren,
+						index: row.index,
+						record: row.record,
+						renderIndex: row.renderIndex,
+						rowKey: row.key
+					}, `extra-${row.key}`);
+				})]
+			})
+		})
+	});
+};
+//#endregion
+export { VirtualBody as default };
+
+//# sourceMappingURL=VirtualBody.mjs.map

package/es/Table/render/VirtualBody.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"VirtualBody.mjs","names":[],"sources":["../../../src/Table/render/VirtualBody.tsx"],"sourcesContent":["'use client';\n\nimport { type ReactNode, type Ref, type RefObject, type UIEvent, useLayoutEffect } from 'react';\n\nimport type { LeafColumnModel, RowModel, VirtualInput, VirtualScrollConfig } from '../engine/types';\nimport { useVirtualModel } from '../engine/useTableEngine';\nimport type { ColumnSource } from '../pipeline/normalizeColumns';\nimport type { TableColumnType } from '../type';\nimport { BodyRow } from './Body';\nimport { useTableView } from './context';\n\ninterface VirtualBodyProps<T> {\n  emptyNode: ReactNode;\n  holderRef: Ref<HTMLDivElement>;\n  input: VirtualInput;\n  maxHeight?: number | string;\n  onScroll: (event: UIEvent<HTMLDivElement>) => void;\n  rows: readonly RowModel<T>[];\n  scrollRef: RefObject<((config: VirtualScrollConfig) => void) | undefined>;\n  scrollX?: number | string | true;\n}\n\nconst getRowSpan = <T,>(leaf: LeafColumnModel<ColumnSource<T>>, row: RowModel<T> | undefined) => {\n  if (!row) return 1;\n  const column = leaf.column.source.column as TableColumnType<T>;\n  return column.onCell?.(row.record, row.index)?.rowSpan ?? 1;\n};\n\nconst collectSpanLines = <T,>(\n  leaves: readonly LeafColumnModel<ColumnSource<T>>[],\n  rows: readonly RowModel<T>[],\n  start: number,\n  end: number,\n) => {\n  const spanning = leaves.filter(\n    (leaf) => (leaf.column.source.column as TableColumnType<T>).onCell,\n  );\n  if (spanning.length === 0 || end < 0) return [];\n\n  let first = start;\n  let covered = spanning.filter((leaf) => getRowSpan(leaf, rows[start]) === 0);\n  for (let index = start; index >= 0 && covered.length > 0; index -= 1) {\n    covered = covered.filter((leaf) => getRowSpan(leaf, rows[index]) === 0);\n    first = index;\n  }\n\n  const lines: number[] = [];\n  for (let index = first; index <= end; index += 1) {\n    if (spanning.some((leaf) => getRowSpan(leaf, rows[index]) > 1)) lines.push(index);\n  }\n  return lines;\n};\n\nconst VirtualBody = <T,>({\n  emptyNode,\n  holderRef,\n  input,\n  maxHeight,\n  onScroll,\n  rows,\n  scrollRef,\n  scrollX,\n}: VirtualBodyProps<T>) => {\n  const virtual = useVirtualModel(input, rows);\n  useLayoutEffect(() => {\n    scrollRef.current = virtual.scrollTo;\n  });\n  const { leafColumns, prefixCls, semanticClassNames, semanticStyles } = useTableView<T>();\n  const width = scrollX === true ? 'auto' : scrollX;\n  const offset = virtual.items[0]?.start ?? 0;\n  const spanLines = collectSpanLines(\n    leafColumns,\n    rows,\n    virtual.items[0]?.index ?? 0,\n    virtual.items.at(-1)?.index ?? -1,\n  );\n\n  return (\n    <div\n      style={semanticStyles.body.wrapper}\n      className={[`${prefixCls}-tbody-virtual`, semanticClassNames.body.wrapper]\n        .filter(Boolean)\n        .join(' ')}\n    >\n      <div\n        className={`${prefixCls}-tbody-virtual-holder`}\n        ref={holderRef}\n        style={{ maxHeight, overflow: 'auto' }}\n        onScroll={onScroll}\n      >\n        <div\n          className={`${prefixCls}-tbody-virtual-holder-inner`}\n          style={{ height: virtual.totalSize, minWidth: '100%', position: 'relative', width }}\n        >\n          {rows.length === 0 ? (\n            <div className={`${prefixCls}-placeholder`}>{emptyNode}</div>\n          ) : (\n            // Not a transform: that opens a stacking context and FixedFrost's rail would\n            // cover the fixed cells inside it.\n            <div style={{ position: 'relative', top: offset }}>\n              {virtual.items.map((item) => {\n                const row = rows[item.index];\n                if (!row) return null;\n                return (\n                  <div data-index={item.index} key={item.key} ref={virtual.measureElement}>\n                    <BodyRow\n                      depth={row.depth}\n                      hasChildren={row.hasChildren}\n                      index={row.index}\n                      record={row.record}\n                      renderIndex={row.renderIndex}\n                      rowKey={row.key}\n                    />\n                  </div>\n                );\n              })}\n            </div>\n          )}\n          {spanLines.map((index) => {\n            const row = rows[index];\n            const top = virtual.getRange(index)?.start ?? 0;\n            const getHeight = (rowSpan: number) =>\n              (virtual.getRange(Math.min(index + rowSpan - 1, rows.length - 1))?.end ?? top) - top;\n            return (\n              <BodyRow\n                depth={row.depth}\n                extra={{ getHeight, top }}\n                hasChildren={row.hasChildren}\n                index={row.index}\n                key={`extra-${row.key}`}\n                record={row.record}\n                renderIndex={row.renderIndex}\n                rowKey={row.key}\n              />\n            );\n          })}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default VirtualBody;\n"],"mappings":";;;;;;;AAsBA,MAAM,cAAkB,MAAwC,QAAiC;CAC/F,IAAI,CAAC,KAAK,OAAO;CAEjB,OADe,KAAK,OAAO,OAAO,OACpB,SAAS,IAAI,QAAQ,IAAI,KAAK,CAAC,EAAE,WAAW;AAC5D;AAEA,MAAM,oBACJ,QACA,MACA,OACA,QACG;CACH,MAAM,WAAW,OAAO,QACrB,SAAU,KAAK,OAAO,OAAO,OAA8B,MAC9D;CACA,IAAI,SAAS,WAAW,KAAK,MAAM,GAAG,OAAO,CAAC;CAE9C,IAAI,QAAQ;CACZ,IAAI,UAAU,SAAS,QAAQ,SAAS,WAAW,MAAM,KAAK,MAAM,MAAM,CAAC;CAC3E,KAAK,IAAI,QAAQ,OAAO,SAAS,KAAK,QAAQ,SAAS,GAAG,SAAS,GAAG;EACpE,UAAU,QAAQ,QAAQ,SAAS,WAAW,MAAM,KAAK,MAAM,MAAM,CAAC;EACtE,QAAQ;CACV;CAEA,MAAM,QAAkB,CAAC;CACzB,KAAK,IAAI,QAAQ,OAAO,SAAS,KAAK,SAAS,GAC7C,IAAI,SAAS,MAAM,SAAS,WAAW,MAAM,KAAK,MAAM,IAAI,CAAC,GAAG,MAAM,KAAK,KAAK;CAElF,OAAO;AACT;AAEA,MAAM,eAAmB,EACvB,WACA,WACA,OACA,WACA,UACA,MACA,WACA,cACyB;CACzB,MAAM,UAAU,gBAAgB,OAAO,IAAI;CAC3C,sBAAsB;EACpB,UAAU,UAAU,QAAQ;CAC9B,CAAC;CACD,MAAM,EAAE,aAAa,WAAW,oBAAoB,mBAAmB,aAAgB;CACvF,MAAM,QAAQ,YAAY,OAAO,SAAS;CAC1C,MAAM,SAAS,QAAQ,MAAM,EAAE,EAAE,SAAS;CAC1C,MAAM,YAAY,iBAChB,aACA,MACA,QAAQ,MAAM,EAAE,EAAE,SAAS,GAC3B,QAAQ,MAAM,GAAG,EAAE,CAAC,EAAE,SAAS,EACjC;CAEA,OACE,oBAAC,OAAD;EACE,OAAO,eAAe,KAAK;EAC3B,WAAW,CAAC,GAAG,UAAU,iBAAiB,mBAAmB,KAAK,OAAO,CAAC,CACvE,OAAO,OAAO,CAAC,CACf,KAAK,GAAG;EAEX,UAAA,oBAAC,OAAD;GACE,WAAW,GAAG,UAAU;GACxB,KAAK;GACL,OAAO;IAAE;IAAW,UAAU;GAAO;GAC3B;GAEV,UAAA,qBAAC,OAAD;IACE,WAAW,GAAG,UAAU;IACxB,OAAO;KAAE,QAAQ,QAAQ;KAAW,UAAU;KAAQ,UAAU;KAAY;IAAM;IAFpF,UAAA,CAIG,KAAK,WAAW,IACf,oBAAC,OAAD;KAAK,WAAW,GAAG,UAAU;KAAgB,UAAA;IAAe,CAAA,IAI5D,oBAAC,OAAD;KAAK,OAAO;MAAE,UAAU;MAAY,KAAK;KAAO;KAC7C,UAAA,QAAQ,MAAM,KAAK,SAAS;MAC3B,MAAM,MAAM,KAAK,KAAK;MACtB,IAAI,CAAC,KAAK,OAAO;MACjB,OACE,oBAAC,OAAD;OAAK,cAAY,KAAK;OAAsB,KAAK,QAAQ;OACvD,UAAA,oBAAC,SAAD;QACE,OAAO,IAAI;QACX,aAAa,IAAI;QACjB,OAAO,IAAI;QACX,QAAQ,IAAI;QACZ,aAAa,IAAI;QACjB,QAAQ,IAAI;OACb,CAAA;MACE,GAT6B,KAAK,GASlC;KAET,CAAC;IACE,CAAA,GAEN,UAAU,KAAK,UAAU;KACxB,MAAM,MAAM,KAAK;KACjB,MAAM,MAAM,QAAQ,SAAS,KAAK,CAAC,EAAE,SAAS;KAC9C,MAAM,aAAa,aAChB,QAAQ,SAAS,KAAK,IAAI,QAAQ,UAAU,GAAG,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,OAAO,OAAO;KACnF,OACE,oBAAC,SAAD;MACE,OAAO,IAAI;MACX,OAAO;OAAE;OAAW;MAAI;MACxB,aAAa,IAAI;MACjB,OAAO,IAAI;MAEX,QAAQ,IAAI;MACZ,aAAa,IAAI;MACjB,QAAQ,IAAI;KACb,GAJM,SAAS,IAAI,KAInB;IAEL,CAAC,CACE;;EACF,CAAA;CACF,CAAA;AAET"}

package/es/Table/render/context.mjs

@@ -0,0 +1,15 @@
+"use client";
+import { createContext, use } from "react";
+//#region src/Table/render/context.ts
+const TableViewContext = createContext(null);
+const useTableView = () => use(TableViewContext);
+const SelectionContext = createContext(null);
+const useSelectionView = () => use(SelectionContext);
+const HeaderContext = createContext(null);
+const useHeaderView = () => use(HeaderContext);
+const MeasureRowContext = createContext(false);
+const VirtualCellContext = createContext({ inverse: false });
+//#endregion
+export { HeaderContext, MeasureRowContext, SelectionContext, TableViewContext, VirtualCellContext, useHeaderView, useSelectionView, useTableView };
+
+//# sourceMappingURL=context.mjs.map

package/es/Table/render/context.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.mjs","names":[],"sources":["../../../src/Table/render/context.ts"],"sourcesContent":["'use client';\n\nimport {\n  createContext,\n  type CSSProperties,\n  type HTMLAttributes,\n  type Key,\n  type ReactNode,\n  use,\n} from 'react';\n\nimport type { LeafColumnModel } from '../engine/types';\nimport type { ColumnSource } from '../pipeline/normalizeColumns';\nimport type { ExpandType } from '../pipeline/useExpandable';\nimport type { FilterKeys, FilterState } from '../pipeline/useFilter';\nimport type { MergedSelectionItem, SelectionActions } from '../pipeline/useSelection';\nimport type { SortState } from '../pipeline/useSorter';\nimport type { NormalizedSemantic } from '../semantic';\nimport type {\n  SortOrder,\n  TableColumn,\n  TableColumnTitleProps,\n  TableCustomizeComponent,\n  TableExpandIconProps,\n  TableLocale,\n  TableRowClassName,\n  TableRowSelection,\n  TableRowSelectionCheckboxProps,\n  TableSorterTooltipProps,\n} from '../type';\n\nexport interface TableComponentSet {\n  bodyCell?: TableCustomizeComponent;\n  bodyRow?: TableCustomizeComponent;\n  bodyWrapper?: TableCustomizeComponent;\n  headerCell?: TableCustomizeComponent;\n  headerRow?: TableCustomizeComponent;\n  headerTable?: TableCustomizeComponent;\n  headerWrapper?: TableCustomizeComponent;\n  table?: TableCustomizeComponent;\n}\n\nexport interface ExpandView<T> {\n  expandedRowClassName?: string | TableRowClassName<T>;\n  expandedRowRender?: (record: T, index: number, indent: number, expanded: boolean) => ReactNode;\n  expandIcon: (props: TableExpandIconProps<T>) => ReactNode;\n  expandRowByClick?: boolean;\n  forceRender?: boolean;\n  indentSize: number;\n  nestIconColumnIndex: number;\n  rowExpandable?: (record: T) => boolean;\n  toggle: (record: T, event?: unknown) => void;\n  type: ExpandType;\n}\n\nexport interface TableViewValue<T = any> {\n  components: TableComponentSet;\n  expand: ExpandView<T>;\n  fixColumn: boolean;\n  getRowKey: (record: T, index?: number) => Key;\n  horizonScroll: boolean;\n  leafColumns: LeafColumnModel<ColumnSource<T>>[];\n  onRow?: (record: T, index: number) => HTMLAttributes<HTMLTableRowElement>;\n  prefixCls: string;\n  rowClassName?: string | TableRowClassName<T>;\n  rowHoverable: boolean;\n  semanticClassNames: NormalizedSemantic<string>;\n  semanticStyles: NormalizedSemantic<CSSProperties>;\n  virtualWidths?: readonly number[];\n}\n\nexport const TableViewContext = createContext<TableViewValue | null>(null);\n\nexport const useTableView = <T>() => use(TableViewContext) as TableViewValue<T>;\n\nexport interface SelectionView<T = any> {\n  actions: SelectionActions;\n  checkboxPropsMap: ReadonlyMap<Key, TableRowSelectionCheckboxProps>;\n  expandType: ExpandType;\n  getRowKey: (record: T, index?: number) => Key;\n  getTitleCheckboxProps?: () => TableRowSelectionCheckboxProps;\n  hideSelectAll?: boolean;\n  locale: TableLocale;\n  renderCell?: TableRowSelection<T>['renderCell'];\n  selections: MergedSelectionItem[] | null;\n  title?: TableRowSelection<T>['columnTitle'];\n  type: 'checkbox' | 'radio';\n}\n\nexport const SelectionContext = createContext<SelectionView | null>(null);\n\nexport const useSelectionView = <T>() => use(SelectionContext) as SelectionView<T>;\n\nexport interface HeaderView<T = any> {\n  filterStates: readonly FilterState<T>[];\n  getPopupContainer?: (triggerNode: HTMLElement) => HTMLElement;\n  locale: TableLocale;\n  onHeaderRow?: (\n    columns: readonly TableColumn<T>[],\n    index?: number,\n  ) => HTMLAttributes<HTMLTableRowElement>;\n  showSorterTooltip: boolean | TableSorterTooltipProps;\n  sortDirections: SortOrder[];\n  sortStates: readonly SortState<T>[];\n  titleProps: TableColumnTitleProps<T>;\n  triggerFilter: (columnKey: string, filteredKeys: FilterKeys) => void;\n  triggerSort: (state: SortState<T>) => void;\n}\n\nexport const HeaderContext = createContext<HeaderView | null>(null);\n\nexport const useHeaderView = <T>() => use(HeaderContext) as HeaderView<T>;\n\nexport const MeasureRowContext = createContext(false);\n\nexport interface VirtualCellValue {\n  getHeight?: (rowSpan: number) => number;\n  inverse: boolean;\n}\n\nexport const VirtualCellContext = createContext<VirtualCellValue>({ inverse: false });\n"],"mappings":";;;AAuEA,MAAa,mBAAmB,cAAqC,IAAI;AAEzE,MAAa,qBAAwB,IAAI,gBAAgB;AAgBzD,MAAa,mBAAmB,cAAoC,IAAI;AAExE,MAAa,yBAA4B,IAAI,gBAAgB;AAkB7D,MAAa,gBAAgB,cAAiC,IAAI;AAElE,MAAa,sBAAyB,IAAI,aAAa;AAEvD,MAAa,oBAAoB,cAAc,KAAK;AAOpD,MAAa,qBAAqB,cAAgC,EAAE,SAAS,MAAM,CAAC"}

package/es/Table/render/filterUtils.mjs

@@ -0,0 +1,22 @@
+import { PREFIX_CLS } from "../constants.mjs";
+import { getAllKeys } from "../../Tree/utils.mjs";
+import * as stylex from "@stylexjs/stylex";
+//#region src/Table/render/filterUtils.ts
+const sx = (...list) => stylex.props(...list).className;
+const FILTER_CLS = `${PREFIX_CLS}-filter`;
+const sameKeys = (a, b) => (a ?? null) === (b ?? null) || Boolean(a) && Boolean(b) && a.length === b.length && a.every((key, i) => key === b[i]);
+const textMatches = (search, text) => (typeof text === "string" || typeof text === "number") && String(text).toLowerCase().includes(search);
+const findLineage = (nodes, key, ancestors = []) => {
+	for (const node of nodes) {
+		if (node.key === key) return {
+			ancestors,
+			subtree: getAllKeys([node])
+		};
+		const found = node.children && findLineage(node.children, key, [...ancestors, node.key]);
+		if (found) return found;
+	}
+};
+//#endregion
+export { FILTER_CLS, findLineage, sameKeys, sx, textMatches };
+
+//# sourceMappingURL=filterUtils.mjs.map

package/es/Table/render/filterUtils.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"filterUtils.mjs","names":[],"sources":["../../../src/Table/render/filterUtils.ts"],"sourcesContent":["import * as stylex from '@stylexjs/stylex';\nimport type { Key, ReactNode } from 'react';\n\nimport { getAllKeys, type TreeDataNode } from '@/Tree';\n\nimport { PREFIX_CLS } from '../constants';\n\nexport const sx = (...list: (stylex.StyleXStyles | false | null | undefined)[]) =>\n  stylex.props(...list).className;\n\nexport const FILTER_CLS = `${PREFIX_CLS}-filter`;\n\nexport const sameKeys = (\n  a: readonly Key[] | null | undefined,\n  b: readonly Key[] | null | undefined,\n) =>\n  (a ?? null) === (b ?? null) ||\n  (Boolean(a) && Boolean(b) && a!.length === b!.length && a!.every((key, i) => key === b![i]));\n\nexport const textMatches = (search: string, text: ReactNode) =>\n  (typeof text === 'string' || typeof text === 'number') &&\n  String(text).toLowerCase().includes(search);\n\nexport const findLineage = (\n  nodes: readonly TreeDataNode[],\n  key: string,\n  ancestors: string[] = [],\n): { ancestors: string[]; subtree: string[] } | undefined => {\n  for (const node of nodes) {\n    if (node.key === key) return { ancestors, subtree: getAllKeys([node]) };\n    const found = node.children && findLineage(node.children, key, [...ancestors, node.key]);\n    if (found) return found;\n  }\n};\n"],"mappings":";;;;AAIA,MAAa,MAAM,GAAG,SAA6D,OAAO,MAAM,GAAG,IAAI,CAAC,CAAC;AACzG,MAAa,aAAa,GAAG,WAAW;AACxC,MAAa,YAAY,GAAsC,OAA0C,KAAK,WAAW,KAAK,SAAS,QAAQ,CAAC,KAAK,QAAQ,CAAC,KAAK,EAAG,WAAW,EAAG,UAAU,EAAG,OAAO,KAAK,MAAM,QAAQ,EAAG,EAAE;AAChO,MAAa,eAAe,QAAgB,UAAqB,OAAO,SAAS,YAAY,OAAO,SAAS,aAAa,OAAO,IAAI,CAAC,CAAC,YAAY,CAAC,CAAC,SAAS,MAAM;AACpK,MAAa,eAAe,OAAgC,KAAa,YAAsB,CAAC,MAG/E;CACf,KAAK,MAAM,QAAQ,OAAO;EACxB,IAAI,KAAK,QAAQ,KAAK,OAAO;GAC3B;GACA,SAAS,WAAW,CAAC,IAAI,CAAC;EAC5B;EACA,MAAM,QAAQ,KAAK,YAAY,YAAY,KAAK,UAAU,KAAK,CAAC,GAAG,WAAW,KAAK,GAAG,CAAC;EACvF,IAAI,OAAO,OAAO;CACpB;AACF"}

package/es/Table/render/tableHelpers.mjs

@@ -0,0 +1,27 @@
+//#region src/Table/render/tableHelpers.ts
+const toTableRef = (element, scrollTo) => {
+	const extra = {
+		nativeElement: element,
+		scrollTo
+	};
+	return new Proxy(element, { get(target, prop) {
+		if (prop in extra) return extra[prop];
+		const value = Reflect.get(target, prop, target);
+		return typeof value === "function" ? value.bind(target) : value;
+	} });
+};
+const resolveSticky = (sticky) => {
+	const config = typeof sticky === "object" ? sticky : {};
+	const fallback = typeof window === "undefined" ? void 0 : window;
+	return {
+		container: config.getContainer?.() || fallback,
+		isSticky: Boolean(sticky),
+		offsetHeader: config.offsetHeader ?? 0,
+		offsetScroll: config.offsetScroll ?? 0,
+		offsetSummary: config.offsetSummary ?? 0
+	};
+};
+//#endregion
+export { resolveSticky, toTableRef };
+
+//# sourceMappingURL=tableHelpers.mjs.map

package/es/Table/render/tableHelpers.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tableHelpers.mjs","names":[],"sources":["../../../src/Table/render/tableHelpers.ts"],"sourcesContent":["import type { TableProps, TableRef, TableScrollToConfig } from '../type';\nimport type { StickyConfig } from './viewTypes';\n\nexport const toTableRef = (\n  element: HTMLDivElement,\n  scrollTo: (config: TableScrollToConfig) => void,\n): TableRef => {\n  const extra = { nativeElement: element, scrollTo };\n  return new Proxy(element, {\n    get(target, prop) {\n      if (prop in extra) return extra[prop as keyof typeof extra];\n      const value = Reflect.get(target, prop, target);\n      return typeof value === 'function' ? value.bind(target) : value;\n    },\n  }) as TableRef;\n};\n\nexport const resolveSticky = (sticky: TableProps<unknown>['sticky']): StickyConfig => {\n  const config = typeof sticky === 'object' ? sticky : {};\n  const fallback = typeof window === 'undefined' ? (undefined as any) : window;\n  return {\n    container: config.getContainer?.() || fallback,\n    isSticky: Boolean(sticky),\n    offsetHeader: config.offsetHeader ?? 0,\n    offsetScroll: config.offsetScroll ?? 0,\n    offsetSummary: config.offsetSummary ?? 0,\n  };\n};\n"],"mappings":";AAGA,MAAa,cACX,SACA,aACa;CACb,MAAM,QAAQ;EAAE,eAAe;EAAS;CAAS;CACjD,OAAO,IAAI,MAAM,SAAS,EACxB,IAAI,QAAQ,MAAM;EAChB,IAAI,QAAQ,OAAO,OAAO,MAAM;EAChC,MAAM,QAAQ,QAAQ,IAAI,QAAQ,MAAM,MAAM;EAC9C,OAAO,OAAO,UAAU,aAAa,MAAM,KAAK,MAAM,IAAI;CAC5D,EACF,CAAC;AACH;AAEA,MAAa,iBAAiB,WAAwD;CACpF,MAAM,SAAS,OAAO,WAAW,WAAW,SAAS,CAAC;CACtD,MAAM,WAAW,OAAO,WAAW,cAAe,KAAA,IAAoB;CACtE,OAAO;EACL,WAAW,OAAO,eAAe,KAAK;EACtC,UAAU,QAAQ,MAAM;EACxB,cAAc,OAAO,gBAAgB;EACrC,cAAc,OAAO,gBAAgB;EACrC,eAAe,OAAO,iBAAiB;CACzC;AACF"}

package/es/Table/render/useColGroups.mjs

@@ -0,0 +1,23 @@
+import { TableColGroup } from "../atoms/layout.mjs";
+import { jsx } from "react/jsx-runtime";
+//#region src/Table/render/useColGroups.tsx
+const useColGroups = ({ colWidths, headerScrollbar, leafColumns, rowCount, tableLayout, virtualWidths }) => {
+	const colGroupColumns = leafColumns.map((leaf, index) => ({
+		className: leaf.column.source.colClassName,
+		minWidth: tableLayout === "auto" ? leaf.column.source.column.minWidth : void 0,
+		width: virtualWidths ? virtualWidths[index] : leaf.column.width
+	}));
+	const bodyColGroup = /* @__PURE__ */ jsx(TableColGroup, { columns: colGroupColumns });
+	const allMeasured = rowCount > 0 && colWidths.length === leafColumns.length && colWidths.every((width) => width !== void 0) && !colWidths.every((width) => !width);
+	return {
+		bodyColGroup,
+		holderColGroup: allMeasured || headerScrollbar ? /* @__PURE__ */ jsx(TableColGroup, { columns: [...allMeasured ? colWidths.map((width, index) => ({
+			...colGroupColumns[index],
+			width
+		})) : colGroupColumns, ...headerScrollbar ? [{ width: headerScrollbar }] : []] }) : bodyColGroup
+	};
+};
+//#endregion
+export { useColGroups };
+
+//# sourceMappingURL=useColGroups.mjs.map

package/es/Table/render/useColGroups.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useColGroups.mjs","names":[],"sources":["../../../src/Table/render/useColGroups.tsx"],"sourcesContent":["import { TableColGroup, type TableColGroupColumn } from '../atoms';\nimport type { LeafColumnModel } from '../engine/types';\nimport type { ColumnSource } from '../pipeline/normalizeColumns';\n\ninterface ColGroupsOptions<T> {\n  colWidths: readonly number[];\n  headerScrollbar: number;\n  leafColumns: readonly LeafColumnModel<ColumnSource<T>>[];\n  rowCount: number;\n  tableLayout: 'auto' | 'fixed';\n  virtualWidths?: readonly number[];\n}\n\nexport const useColGroups = <T,>({\n  colWidths,\n  headerScrollbar,\n  leafColumns,\n  rowCount,\n  tableLayout,\n  virtualWidths,\n}: ColGroupsOptions<T>) => {\n  const colGroupColumns: TableColGroupColumn[] = leafColumns.map((leaf, index) => ({\n    className: leaf.column.source.colClassName,\n    minWidth:\n      tableLayout === 'auto'\n        ? (leaf.column.source.column as { minWidth?: number }).minWidth\n        : undefined,\n    width: virtualWidths ? virtualWidths[index] : leaf.column.width,\n  }));\n  const bodyColGroup = <TableColGroup columns={colGroupColumns} />;\n\n  const allMeasured =\n    rowCount > 0 &&\n    colWidths.length === leafColumns.length &&\n    colWidths.every((width) => width !== undefined) &&\n    !colWidths.every((width) => !width);\n  const holderColGroup =\n    allMeasured || headerScrollbar ? (\n      <TableColGroup\n        columns={[\n          ...(allMeasured\n            ? colWidths.map((width, index) => ({ ...colGroupColumns[index], width }))\n            : colGroupColumns),\n          ...(headerScrollbar ? [{ width: headerScrollbar }] : []),\n        ]}\n      />\n    ) : (\n      bodyColGroup\n    );\n\n  return { bodyColGroup, holderColGroup };\n};\n"],"mappings":";;;AAaA,MAAa,gBAAoB,EAC/B,WACA,iBACA,aACA,UACA,aACA,oBACyB;CACzB,MAAM,kBAAyC,YAAY,KAAK,MAAM,WAAW;EAC/E,WAAW,KAAK,OAAO,OAAO;EAC9B,UACE,gBAAgB,SACX,KAAK,OAAO,OAAO,OAAiC,WACrD,KAAA;EACN,OAAO,gBAAgB,cAAc,SAAS,KAAK,OAAO;CAC5D,EAAE;CACF,MAAM,eAAe,oBAAC,eAAD,EAAe,SAAS,gBAAkB,CAAA;CAE/D,MAAM,cACJ,WAAW,KACX,UAAU,WAAW,YAAY,UACjC,UAAU,OAAO,UAAU,UAAU,KAAA,CAAS,KAC9C,CAAC,UAAU,OAAO,UAAU,CAAC,KAAK;CAepC,OAAO;EAAE;EAAc,gBAbrB,eAAe,kBACb,oBAAC,eAAD,EACE,SAAS,CACP,GAAI,cACA,UAAU,KAAK,OAAO,WAAW;GAAE,GAAG,gBAAgB;GAAQ;EAAM,EAAE,IACtE,iBACJ,GAAI,kBAAkB,CAAC,EAAE,OAAO,gBAAgB,CAAC,IAAI,CAAC,CACxD,EACD,CAAA,IAED;CAGkC;AACxC"}

package/es/Table/render/useScrollSync.mjs

@@ -0,0 +1,104 @@
+import { useEventCallback } from "../../hooks/useEventCallback.mjs";
+import { useEffect, useLayoutEffect, useRef, useState } from "react";
+//#region src/Table/render/useScrollSync.ts
+const forceScroll = (scrollLeft, target) => {
+	if (target && target.scrollLeft !== scrollLeft) target.scrollLeft = scrollLeft;
+};
+const useScrollSync = ({ bodyRef, columnCount, fixHeader, horizonScroll, prefixCls, rows, sticky }) => {
+	const rootRef = useRef(null);
+	const headerRef = useRef(null);
+	const summaryRef = useRef(null);
+	const stickyRef = useRef(null);
+	const shadowRef = useRef({
+		end: false,
+		start: false
+	});
+	const lockRef = useRef({ target: null });
+	const [scrollbarSize, setScrollbarSize] = useState(0);
+	const [, forceRender] = useState(0);
+	const applyShadow = () => {
+		const root = rootRef.current;
+		if (!root) return;
+		root.classList.toggle(`${prefixCls}-fix-start-shadow-show`, horizonScroll && shadowRef.current.start);
+		root.classList.toggle(`${prefixCls}-fix-end-shadow-show`, horizonScroll && shadowRef.current.end);
+	};
+	const onInternalScroll = useEventCallback(({ currentTarget, scrollLeft }) => {
+		const target = currentTarget ?? bodyRef.current;
+		const left = typeof scrollLeft === "number" ? scrollLeft : target?.scrollLeft ?? 0;
+		const lock = lockRef.current;
+		if (!lock.target || lock.target === target) {
+			lock.target = target ?? null;
+			clearTimeout(lock.timer);
+			lock.timer = setTimeout(() => {
+				lock.target = null;
+			}, 100);
+			forceScroll(left, headerRef.current);
+			forceScroll(left, bodyRef.current);
+			forceScroll(left, summaryRef.current);
+			stickyRef.current?.setScrollLeft(left);
+		}
+		const measure = target ?? headerRef.current;
+		if (measure) {
+			const { clientWidth, scrollWidth } = measure;
+			const abs = Math.abs(left);
+			shadowRef.current = scrollWidth === clientWidth ? {
+				end: false,
+				start: false
+			} : {
+				end: abs < scrollWidth - clientWidth - 1,
+				start: abs > 0
+			};
+			applyShadow();
+		}
+	});
+	useLayoutEffect(() => {
+		applyShadow();
+	});
+	useLayoutEffect(() => {
+		const root = rootRef.current;
+		if (!root || typeof ResizeObserver === "undefined") return;
+		const update = () => {
+			root.style.setProperty("--lobe-table-component-width", `${root.offsetWidth}px`);
+			stickyRef.current?.checkVisible();
+			if (horizonScroll) onInternalScroll({ currentTarget: bodyRef.current });
+		};
+		update();
+		const observer = new ResizeObserver(update);
+		observer.observe(root);
+		return () => observer.disconnect();
+	}, [
+		horizonScroll,
+		bodyRef,
+		onInternalScroll
+	]);
+	useEffect(() => {
+		if (horizonScroll) onInternalScroll({ currentTarget: bodyRef.current });
+	}, [
+		horizonScroll,
+		rows,
+		columnCount,
+		bodyRef,
+		onInternalScroll
+	]);
+	useLayoutEffect(() => {
+		const body = bodyRef.current;
+		if (!fixHeader || !body) return;
+		const size = body.offsetWidth - body.clientWidth;
+		setScrollbarSize((previous) => previous === size ? previous : Math.max(0, size));
+	});
+	useEffect(() => {
+		if (sticky) forceRender((count) => count + 1);
+	}, [sticky]);
+	return {
+		headerRef,
+		onInternalScroll,
+		rootRef,
+		scrollbarSize,
+		stickyRef,
+		summaryRef
+	};
+};
+//#endregion
+export { useScrollSync };
+
+//# sourceMappingURL=useScrollSync.mjs.map

package/es/Table/render/useScrollSync.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScrollSync.mjs","names":[],"sources":["../../../src/Table/render/useScrollSync.ts"],"sourcesContent":["import { type RefObject, useEffect, useLayoutEffect, useRef, useState } from 'react';\n\nimport { useEventCallback } from '@/hooks/useEventCallback';\n\nimport type { StickyScrollBarApi } from './StickyScrollBar';\n\nconst forceScroll = (scrollLeft: number, target: HTMLElement | null | undefined) => {\n  if (target && target.scrollLeft !== scrollLeft) target.scrollLeft = scrollLeft;\n};\n\ninterface ScrollSyncOptions {\n  bodyRef: RefObject<HTMLDivElement | null>;\n  columnCount: number;\n  fixHeader: boolean;\n  horizonScroll: boolean;\n  prefixCls: string;\n  rows: unknown;\n  sticky: boolean;\n}\n\nexport const useScrollSync = ({\n  bodyRef,\n  columnCount,\n  fixHeader,\n  horizonScroll,\n  prefixCls,\n  rows,\n  sticky,\n}: ScrollSyncOptions) => {\n  const rootRef = useRef<HTMLDivElement | null>(null);\n  const headerRef = useRef<HTMLDivElement | null>(null);\n  const summaryRef = useRef<HTMLDivElement | null>(null);\n  const stickyRef = useRef<StickyScrollBarApi>(null);\n  const shadowRef = useRef({ end: false, start: false });\n  const lockRef = useRef<{ target: EventTarget | null; timer?: ReturnType<typeof setTimeout> }>({\n    target: null,\n  });\n  const [scrollbarSize, setScrollbarSize] = useState(0);\n  const [, forceRender] = useState(0);\n\n  const applyShadow = () => {\n    const root = rootRef.current;\n    if (!root) return;\n    root.classList.toggle(\n      `${prefixCls}-fix-start-shadow-show`,\n      horizonScroll && shadowRef.current.start,\n    );\n    root.classList.toggle(\n      `${prefixCls}-fix-end-shadow-show`,\n      horizonScroll && shadowRef.current.end,\n    );\n  };\n\n  const onInternalScroll = useEventCallback(\n    ({\n      currentTarget,\n      scrollLeft,\n    }: {\n      currentTarget?: HTMLElement | null;\n      scrollLeft?: number;\n    }) => {\n      const target = currentTarget ?? bodyRef.current;\n      const left = typeof scrollLeft === 'number' ? scrollLeft : (target?.scrollLeft ?? 0);\n      const lock = lockRef.current;\n      if (!lock.target || lock.target === target) {\n        lock.target = target ?? null;\n        clearTimeout(lock.timer);\n        lock.timer = setTimeout(() => {\n          lock.target = null;\n        }, 100);\n        forceScroll(left, headerRef.current);\n        forceScroll(left, bodyRef.current);\n        forceScroll(left, summaryRef.current);\n        stickyRef.current?.setScrollLeft(left);\n      }\n      const measure = target ?? headerRef.current;\n      if (measure) {\n        const { clientWidth, scrollWidth } = measure;\n        const abs = Math.abs(left);\n        shadowRef.current =\n          scrollWidth === clientWidth\n            ? { end: false, start: false }\n            : { end: abs < scrollWidth - clientWidth - 1, start: abs > 0 };\n        applyShadow();\n      }\n    },\n  );\n\n  useLayoutEffect(() => {\n    applyShadow();\n  });\n\n  useLayoutEffect(() => {\n    const root = rootRef.current;\n    if (!root || typeof ResizeObserver === 'undefined') return;\n    const update = () => {\n      root.style.setProperty('--lobe-table-component-width', `${root.offsetWidth}px`);\n      stickyRef.current?.checkVisible();\n      if (horizonScroll) onInternalScroll({ currentTarget: bodyRef.current });\n    };\n    update();\n    const observer = new ResizeObserver(update);\n    observer.observe(root);\n    return () => observer.disconnect();\n  }, [horizonScroll, bodyRef, onInternalScroll]);\n\n  useEffect(() => {\n    if (horizonScroll) onInternalScroll({ currentTarget: bodyRef.current });\n  }, [horizonScroll, rows, columnCount, bodyRef, onInternalScroll]);\n\n  useLayoutEffect(() => {\n    const body = bodyRef.current;\n    if (!fixHeader || !body) return;\n    const size = body.offsetWidth - body.clientWidth;\n    setScrollbarSize((previous) => (previous === size ? previous : Math.max(0, size)));\n  });\n\n  useEffect(() => {\n    if (sticky) forceRender((count) => count + 1);\n  }, [sticky]);\n\n  return { headerRef, onInternalScroll, rootRef, scrollbarSize, stickyRef, summaryRef };\n};\n"],"mappings":";;;AAMA,MAAM,eAAe,YAAoB,WAA2C;CAClF,IAAI,UAAU,OAAO,eAAe,YAAY,OAAO,aAAa;AACtE;AAYA,MAAa,iBAAiB,EAC5B,SACA,aACA,WACA,eACA,WACA,MACA,aACuB;CACvB,MAAM,UAAU,OAA8B,IAAI;CAClD,MAAM,YAAY,OAA8B,IAAI;CACpD,MAAM,aAAa,OAA8B,IAAI;CACrD,MAAM,YAAY,OAA2B,IAAI;CACjD,MAAM,YAAY,OAAO;EAAE,KAAK;EAAO,OAAO;CAAM,CAAC;CACrD,MAAM,UAAU,OAA8E,EAC5F,QAAQ,KACV,CAAC;CACD,MAAM,CAAC,eAAe,oBAAoB,SAAS,CAAC;CACpD,MAAM,GAAG,eAAe,SAAS,CAAC;CAElC,MAAM,oBAAoB;EACxB,MAAM,OAAO,QAAQ;EACrB,IAAI,CAAC,MAAM;EACX,KAAK,UAAU,OACb,GAAG,UAAU,yBACb,iBAAiB,UAAU,QAAQ,KACrC;EACA,KAAK,UAAU,OACb,GAAG,UAAU,uBACb,iBAAiB,UAAU,QAAQ,GACrC;CACF;CAEA,MAAM,mBAAmB,kBACtB,EACC,eACA,iBAII;EACJ,MAAM,SAAS,iBAAiB,QAAQ;EACxC,MAAM,OAAO,OAAO,eAAe,WAAW,aAAc,QAAQ,cAAc;EAClF,MAAM,OAAO,QAAQ;EACrB,IAAI,CAAC,KAAK,UAAU,KAAK,WAAW,QAAQ;GAC1C,KAAK,SAAS,UAAU;GACxB,aAAa,KAAK,KAAK;GACvB,KAAK,QAAQ,iBAAiB;IAC5B,KAAK,SAAS;GAChB,GAAG,GAAG;GACN,YAAY,MAAM,UAAU,OAAO;GACnC,YAAY,MAAM,QAAQ,OAAO;GACjC,YAAY,MAAM,WAAW,OAAO;GACpC,UAAU,SAAS,cAAc,IAAI;EACvC;EACA,MAAM,UAAU,UAAU,UAAU;EACpC,IAAI,SAAS;GACX,MAAM,EAAE,aAAa,gBAAgB;GACrC,MAAM,MAAM,KAAK,IAAI,IAAI;GACzB,UAAU,UACR,gBAAgB,cACZ;IAAE,KAAK;IAAO,OAAO;GAAM,IAC3B;IAAE,KAAK,MAAM,cAAc,cAAc;IAAG,OAAO,MAAM;GAAE;GACjE,YAAY;EACd;CACF,CACF;CAEA,sBAAsB;EACpB,YAAY;CACd,CAAC;CAED,sBAAsB;EACpB,MAAM,OAAO,QAAQ;EACrB,IAAI,CAAC,QAAQ,OAAO,mBAAmB,aAAa;EACpD,MAAM,eAAe;GACnB,KAAK,MAAM,YAAY,gCAAgC,GAAG,KAAK,YAAY,GAAG;GAC9E,UAAU,SAAS,aAAa;GAChC,IAAI,eAAe,iBAAiB,EAAE,eAAe,QAAQ,QAAQ,CAAC;EACxE;EACA,OAAO;EACP,MAAM,WAAW,IAAI,eAAe,MAAM;EAC1C,SAAS,QAAQ,IAAI;EACrB,aAAa,SAAS,WAAW;CACnC,GAAG;EAAC;EAAe;EAAS;CAAgB,CAAC;CAE7C,gBAAgB;EACd,IAAI,eAAe,iBAAiB,EAAE,eAAe,QAAQ,QAAQ,CAAC;CACxE,GAAG;EAAC;EAAe;EAAM;EAAa;EAAS;CAAgB,CAAC;CAEhE,sBAAsB;EACpB,MAAM,OAAO,QAAQ;EACrB,IAAI,CAAC,aAAa,CAAC,MAAM;EACzB,MAAM,OAAO,KAAK,cAAc,KAAK;EACrC,kBAAkB,aAAc,aAAa,OAAO,WAAW,KAAK,IAAI,GAAG,IAAI,CAAE;CACnF,CAAC;CAED,gBAAgB;EACd,IAAI,QAAQ,aAAa,UAAU,QAAQ,CAAC;CAC9C,GAAG,CAAC,MAAM,CAAC;CAEX,OAAO;EAAE;EAAW;EAAkB;EAAS;EAAe;EAAW;CAAW;AACtF"}

package/es/Table/render/useViewContexts.mjs

@@ -0,0 +1,134 @@
+import { useEventCallback } from "../../hooks/useEventCallback.mjs";
+import { PREFIX_CLS } from "../constants.mjs";
+import { DEFAULT_SORT_DIRECTIONS } from "../pipeline/useSorter.mjs";
+import { useMemo } from "react";
+//#region src/Table/render/useViewContexts.ts
+const DEFAULT_SORTER_TOOLTIP = { target: "full-header" };
+const useViewContexts = ({ controller, props, semanticClassNames, semanticStyles }) => {
+	const { components, expandable, getPopupContainer, onHeaderRow, onRow, rowClassName, rowHoverable = true, rowSelection, showSorterTooltip = DEFAULT_SORTER_TOOLTIP, sortDirections = DEFAULT_SORT_DIRECTIONS, virtual } = props;
+	const { model, selection, state, tableLocale } = controller;
+	const { expandedRowClassName, expandedRowRender, expandRowByClick, forceRender, rowExpandable } = expandable ?? {};
+	const { columnTitle, getTitleCheckboxProps, hideSelectAll, renderCell, type: selectionType = "checkbox" } = rowSelection ?? {};
+	const leafColumns = model.leafColumns;
+	const componentSet = useMemo(() => {
+		const fallback = virtual ? "div" : void 0;
+		return {
+			bodyCell: components?.body?.cell ?? fallback,
+			bodyRow: components?.body?.row ?? fallback,
+			bodyWrapper: components?.body?.wrapper,
+			headerCell: components?.header?.cell,
+			headerRow: components?.header?.row,
+			headerTable: components?.header?.table,
+			headerWrapper: components?.header?.wrapper,
+			table: components?.table
+		};
+	}, [components, virtual]);
+	const toggleExpand = useEventCallback((record) => controller.toggleExpand(record));
+	const fixColumn = controller.horizonScroll && leafColumns.some((leaf) => leaf.fixed);
+	const viewValue = useMemo(() => ({
+		components: componentSet,
+		expand: {
+			expandedRowClassName,
+			expandedRowRender,
+			expandIcon: controller.expandIcon,
+			expandRowByClick,
+			forceRender,
+			indentSize: controller.indentSize,
+			nestIconColumnIndex: controller.nestIconColumnIndex,
+			rowExpandable,
+			toggle: toggleExpand,
+			type: controller.expandType
+		},
+		fixColumn,
+		getRowKey: controller.getRowKey,
+		horizonScroll: controller.horizonScroll,
+		leafColumns,
+		onRow,
+		prefixCls: PREFIX_CLS,
+		rowClassName,
+		rowHoverable,
+		semanticClassNames,
+		semanticStyles,
+		virtualWidths: controller.virtualWidths
+	}), [
+		componentSet,
+		expandedRowClassName,
+		expandedRowRender,
+		expandRowByClick,
+		forceRender,
+		rowExpandable,
+		controller.expandIcon,
+		controller.indentSize,
+		controller.nestIconColumnIndex,
+		toggleExpand,
+		controller.expandType,
+		fixColumn,
+		controller.getRowKey,
+		controller.horizonScroll,
+		leafColumns,
+		onRow,
+		rowClassName,
+		rowHoverable,
+		semanticClassNames,
+		semanticStyles,
+		controller.virtualWidths
+	]);
+	const selectionValue = useMemo(() => ({
+		actions: selection.actions,
+		checkboxPropsMap: selection.checkboxPropsMap,
+		expandType: controller.expandType,
+		getRowKey: controller.getRowKey,
+		getTitleCheckboxProps,
+		hideSelectAll,
+		locale: tableLocale,
+		renderCell,
+		selections: selection.mergedSelections,
+		title: columnTitle,
+		type: selectionType
+	}), [
+		selection.actions,
+		selection.checkboxPropsMap,
+		selection.mergedSelections,
+		controller.expandType,
+		controller.getRowKey,
+		getTitleCheckboxProps,
+		hideSelectAll,
+		renderCell,
+		columnTitle,
+		selectionType,
+		tableLocale
+	]);
+	const triggerSort = useEventCallback(state.triggerSort);
+	const triggerFilter = useEventCallback(state.triggerFilter);
+	return {
+		headerValue: useMemo(() => ({
+			filterStates: state.filterStates,
+			getPopupContainer,
+			locale: tableLocale,
+			onHeaderRow,
+			showSorterTooltip,
+			sortDirections,
+			sortStates: state.sortStates,
+			titleProps: state.titleProps,
+			triggerFilter,
+			triggerSort
+		}), [
+			state.filterStates,
+			getPopupContainer,
+			tableLocale,
+			onHeaderRow,
+			showSorterTooltip,
+			sortDirections,
+			state.sortStates,
+			state.titleProps,
+			triggerFilter,
+			triggerSort
+		]),
+		selectionValue,
+		viewValue
+	};
+};
+//#endregion
+export { useViewContexts };
+
+//# sourceMappingURL=useViewContexts.mjs.map

package/es/Table/render/useViewContexts.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useViewContexts.mjs","names":[],"sources":["../../../src/Table/render/useViewContexts.ts"],"sourcesContent":["import { type CSSProperties, useMemo } from 'react';\n\nimport { useEventCallback } from '@/hooks/useEventCallback';\n\nimport { PREFIX_CLS } from '../constants';\nimport { DEFAULT_SORT_DIRECTIONS } from '../pipeline/useSorter';\nimport type { NormalizedSemantic } from '../semantic';\nimport type { TableProps, TableSorterTooltipProps } from '../type';\nimport type { useTableController } from '../useTableController';\nimport type { HeaderView, SelectionView, TableComponentSet, TableViewValue } from './context';\n\nconst DEFAULT_SORTER_TOOLTIP: TableSorterTooltipProps = { target: 'full-header' };\n\ninterface ViewContextsOptions<T> {\n  controller: ReturnType<typeof useTableController<T>>;\n  props: TableProps<T>;\n  semanticClassNames: NormalizedSemantic<string>;\n  semanticStyles: NormalizedSemantic<CSSProperties>;\n}\n\nexport const useViewContexts = <T>({\n  controller,\n  props,\n  semanticClassNames,\n  semanticStyles,\n}: ViewContextsOptions<T>) => {\n  const {\n    components,\n    expandable,\n    getPopupContainer,\n    onHeaderRow,\n    onRow,\n    rowClassName,\n    rowHoverable = true,\n    rowSelection,\n    showSorterTooltip = DEFAULT_SORTER_TOOLTIP,\n    sortDirections = DEFAULT_SORT_DIRECTIONS,\n    virtual,\n  } = props;\n  const { model, selection, state, tableLocale } = controller;\n  const { expandedRowClassName, expandedRowRender, expandRowByClick, forceRender, rowExpandable } =\n    expandable ?? {};\n  const {\n    columnTitle,\n    getTitleCheckboxProps,\n    hideSelectAll,\n    renderCell,\n    type: selectionType = 'checkbox',\n  } = rowSelection ?? {};\n  const leafColumns = model.leafColumns;\n\n  const componentSet = useMemo((): TableComponentSet => {\n    const fallback = virtual ? 'div' : undefined;\n    return {\n      bodyCell: components?.body?.cell ?? fallback,\n      bodyRow: components?.body?.row ?? fallback,\n      bodyWrapper: components?.body?.wrapper,\n      headerCell: components?.header?.cell,\n      headerRow: components?.header?.row,\n      headerTable: components?.header?.table,\n      headerWrapper: components?.header?.wrapper,\n      table: components?.table,\n    };\n  }, [components, virtual]);\n\n  const toggleExpand = useEventCallback((record: T) => controller.toggleExpand(record));\n  const fixColumn = controller.horizonScroll && leafColumns.some((leaf) => leaf.fixed);\n\n  const viewValue = useMemo(\n    (): TableViewValue<T> => ({\n      components: componentSet,\n      expand: {\n        expandedRowClassName,\n        expandedRowRender,\n        expandIcon: controller.expandIcon,\n        expandRowByClick,\n        forceRender,\n        indentSize: controller.indentSize,\n        nestIconColumnIndex: controller.nestIconColumnIndex,\n        rowExpandable,\n        toggle: toggleExpand,\n        type: controller.expandType,\n      },\n      fixColumn,\n      getRowKey: controller.getRowKey,\n      horizonScroll: controller.horizonScroll,\n      leafColumns,\n      onRow,\n      prefixCls: PREFIX_CLS,\n      rowClassName,\n      rowHoverable,\n      semanticClassNames,\n      semanticStyles,\n      virtualWidths: controller.virtualWidths,\n    }),\n    [\n      componentSet,\n      expandedRowClassName,\n      expandedRowRender,\n      expandRowByClick,\n      forceRender,\n      rowExpandable,\n      controller.expandIcon,\n      controller.indentSize,\n      controller.nestIconColumnIndex,\n      toggleExpand,\n      controller.expandType,\n      fixColumn,\n      controller.getRowKey,\n      controller.horizonScroll,\n      leafColumns,\n      onRow,\n      rowClassName,\n      rowHoverable,\n      semanticClassNames,\n      semanticStyles,\n      controller.virtualWidths,\n    ],\n  );\n\n  const selectionValue = useMemo(\n    (): SelectionView<T> => ({\n      actions: selection.actions,\n      checkboxPropsMap: selection.checkboxPropsMap,\n      expandType: controller.expandType,\n      getRowKey: controller.getRowKey,\n      getTitleCheckboxProps,\n      hideSelectAll,\n      locale: tableLocale,\n      renderCell,\n      selections: selection.mergedSelections,\n      title: columnTitle,\n      type: selectionType,\n    }),\n    [\n      selection.actions,\n      selection.checkboxPropsMap,\n      selection.mergedSelections,\n      controller.expandType,\n      controller.getRowKey,\n      getTitleCheckboxProps,\n      hideSelectAll,\n      renderCell,\n      columnTitle,\n      selectionType,\n      tableLocale,\n    ],\n  );\n\n  const triggerSort = useEventCallback(state.triggerSort);\n  const triggerFilter = useEventCallback(state.triggerFilter);\n  const headerValue = useMemo(\n    (): HeaderView<T> => ({\n      filterStates: state.filterStates,\n      getPopupContainer,\n      locale: tableLocale,\n      onHeaderRow,\n      showSorterTooltip,\n      sortDirections,\n      sortStates: state.sortStates,\n      titleProps: state.titleProps,\n      triggerFilter,\n      triggerSort,\n    }),\n    [\n      state.filterStates,\n      getPopupContainer,\n      tableLocale,\n      onHeaderRow,\n      showSorterTooltip,\n      sortDirections,\n      state.sortStates,\n      state.titleProps,\n      triggerFilter,\n      triggerSort,\n    ],\n  );\n\n  return { headerValue, selectionValue, viewValue };\n};\n"],"mappings":";;;;;AAWA,MAAM,yBAAkD,EAAE,QAAQ,cAAc;AAShF,MAAa,mBAAsB,EACjC,YACA,OACA,oBACA,qBAC4B;CAC5B,MAAM,EACJ,YACA,YACA,mBACA,aACA,OACA,cACA,eAAe,MACf,cACA,oBAAoB,wBACpB,iBAAiB,yBACjB,YACE;CACJ,MAAM,EAAE,OAAO,WAAW,OAAO,gBAAgB;CACjD,MAAM,EAAE,sBAAsB,mBAAmB,kBAAkB,aAAa,kBAC9E,cAAc,CAAC;CACjB,MAAM,EACJ,aACA,uBACA,eACA,YACA,MAAM,gBAAgB,eACpB,gBAAgB,CAAC;CACrB,MAAM,cAAc,MAAM;CAE1B,MAAM,eAAe,cAAiC;EACpD,MAAM,WAAW,UAAU,QAAQ,KAAA;EACnC,OAAO;GACL,UAAU,YAAY,MAAM,QAAQ;GACpC,SAAS,YAAY,MAAM,OAAO;GAClC,aAAa,YAAY,MAAM;GAC/B,YAAY,YAAY,QAAQ;GAChC,WAAW,YAAY,QAAQ;GAC/B,aAAa,YAAY,QAAQ;GACjC,eAAe,YAAY,QAAQ;GACnC,OAAO,YAAY;EACrB;CACF,GAAG,CAAC,YAAY,OAAO,CAAC;CAExB,MAAM,eAAe,kBAAkB,WAAc,WAAW,aAAa,MAAM,CAAC;CACpF,MAAM,YAAY,WAAW,iBAAiB,YAAY,MAAM,SAAS,KAAK,KAAK;CAEnF,MAAM,YAAY,eACU;EACxB,YAAY;EACZ,QAAQ;GACN;GACA;GACA,YAAY,WAAW;GACvB;GACA;GACA,YAAY,WAAW;GACvB,qBAAqB,WAAW;GAChC;GACA,QAAQ;GACR,MAAM,WAAW;EACnB;EACA;EACA,WAAW,WAAW;EACtB,eAAe,WAAW;EAC1B;EACA;EACA,WAAW;EACX;EACA;EACA;EACA;EACA,eAAe,WAAW;CAC5B,IACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA,WAAW;EACX,WAAW;EACX,WAAW;EACX;EACA,WAAW;EACX;EACA,WAAW;EACX,WAAW;EACX;EACA;EACA;EACA;EACA;EACA;EACA,WAAW;CACb,CACF;CAEA,MAAM,iBAAiB,eACI;EACvB,SAAS,UAAU;EACnB,kBAAkB,UAAU;EAC5B,YAAY,WAAW;EACvB,WAAW,WAAW;EACtB;EACA;EACA,QAAQ;EACR;EACA,YAAY,UAAU;EACtB,OAAO;EACP,MAAM;CACR,IACA;EACE,UAAU;EACV,UAAU;EACV,UAAU;EACV,WAAW;EACX,WAAW;EACX;EACA;EACA;EACA;EACA;EACA;CACF,CACF;CAEA,MAAM,cAAc,iBAAiB,MAAM,WAAW;CACtD,MAAM,gBAAgB,iBAAiB,MAAM,aAAa;CA4B1D,OAAO;EAAE,aA3BW,eACI;GACpB,cAAc,MAAM;GACpB;GACA,QAAQ;GACR;GACA;GACA;GACA,YAAY,MAAM;GAClB,YAAY,MAAM;GAClB;GACA;EACF,IACA;GACE,MAAM;GACN;GACA;GACA;GACA;GACA;GACA,MAAM;GACN,MAAM;GACN;GACA;EACF,CAGiB;EAAG;EAAgB;CAAU;AAClD"}

package/es/Table/semantic.mjs

@@ -0,0 +1,45 @@
+import { useRef } from "react";
+import "clsx";
+//#region src/Table/semantic.ts
+const resolveSemantic = (value, info) => typeof value === "function" ? value(info) : value;
+const normalizeClassNames = (classNames) => {
+	const { body, header, pagination, ...rest } = classNames ?? {};
+	return {
+		...rest,
+		body: { ...body },
+		header: { ...header },
+		pagination: { ...pagination }
+	};
+};
+const normalizeStyles = (styles) => {
+	const { body, header, pagination, ...rest } = styles ?? {};
+	return {
+		...rest,
+		body: { ...body },
+		header: { ...header },
+		pagination: { ...pagination }
+	};
+};
+const sameValue = (a, b, depth) => {
+	if (Object.is(a, b)) return true;
+	if (depth === 0 || typeof a !== "object" || typeof b !== "object" || !a || !b) return false;
+	const keysA = Object.keys(a);
+	if (keysA.length !== Object.keys(b).length) return false;
+	return keysA.every((key) => sameValue(a[key], b[key], depth - 1));
+};
+const useStableValue = (value) => {
+	const ref = useRef(value);
+	if (!sameValue(ref.current, value, 3)) ref.current = value;
+	return ref.current;
+};
+const useStableSemantic = (classNames, styles, props) => {
+	const info = { props };
+	return {
+		classNames: useStableValue(normalizeClassNames(resolveSemantic(classNames, info))),
+		styles: useStableValue(normalizeStyles(resolveSemantic(styles, info)))
+	};
+};
+//#endregion
+export { normalizeClassNames, normalizeStyles, resolveSemantic, useStableSemantic };
+
+//# sourceMappingURL=semantic.mjs.map

package/es/Table/semantic.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"semantic.mjs","names":[],"sources":["../../src/Table/semantic.ts"],"sourcesContent":["import clsx from 'clsx';\nimport { type CSSProperties, useRef } from 'react';\n\nimport type { PaginationSemanticName } from '@/Pagination/type';\n\nimport type {\n  TableClassNames,\n  TableComponentsSemanticName,\n  TableProps,\n  TableSemanticInfo,\n  TableStyles,\n} from './type';\n\ntype Components<V> = Partial<Record<TableComponentsSemanticName, V>>;\n\nexport interface NormalizedSemantic<V> {\n  body: Components<V>;\n  content?: V;\n  footer?: V;\n  header: Components<V>;\n  pagination: Partial<Record<PaginationSemanticName, V>>;\n  root?: V;\n  section?: V;\n  title?: V;\n}\n\nexport const resolveSemantic = <V, T>(\n  value: V | ((info: TableSemanticInfo<T>) => V) | undefined,\n  info: TableSemanticInfo<T>,\n): V | undefined =>\n  typeof value === 'function' ? (value as (info: TableSemanticInfo<T>) => V)(info) : value;\n\nexport const normalizeClassNames = (\n  classNames: TableClassNames | undefined,\n): NormalizedSemantic<string> => {\n  const { body, header, pagination, ...rest } = classNames ?? {};\n  return { ...rest, body: { ...body }, header: { ...header }, pagination: { ...pagination } };\n};\n\nexport const normalizeStyles = (\n  styles: TableStyles | undefined,\n): NormalizedSemantic<CSSProperties> => {\n  const { body, header, pagination, ...rest } = styles ?? {};\n  return { ...rest, body: { ...body }, header: { ...header }, pagination: { ...pagination } };\n};\n\nexport const mergeClassName = (...names: (string | false | null | undefined)[]) =>\n  clsx(...names) || undefined;\n\nexport const mergeStyle = (...styles: (CSSProperties | undefined)[]) =>\n  styles.some(Boolean) ? Object.assign({}, ...styles) : undefined;\n\nconst sameValue = (a: unknown, b: unknown, depth: number): boolean => {\n  if (Object.is(a, b)) return true;\n  if (depth === 0 || typeof a !== 'object' || typeof b !== 'object' || !a || !b) return false;\n  const keysA = Object.keys(a);\n  if (keysA.length !== Object.keys(b).length) return false;\n  return keysA.every((key) => sameValue((a as any)[key], (b as any)[key], depth - 1));\n};\n\nconst useStableValue = <V>(value: V): V => {\n  const ref = useRef(value);\n  if (!sameValue(ref.current, value, 3)) ref.current = value;\n  return ref.current;\n};\n\nexport const useStableSemantic = <T>(\n  classNames: TableClassNames | ((info: TableSemanticInfo<T>) => TableClassNames) | undefined,\n  styles: TableStyles | ((info: TableSemanticInfo<T>) => TableStyles) | undefined,\n  props: TableProps<T>,\n) => {\n  const info = { props };\n  return {\n    classNames: useStableValue(normalizeClassNames(resolveSemantic(classNames, info))),\n    styles: useStableValue(normalizeStyles(resolveSemantic(styles, info))),\n  };\n};\n"],"mappings":";;;AA0BA,MAAa,mBACX,OACA,SAEA,OAAO,UAAU,aAAc,MAA4C,IAAI,IAAI;AAErF,MAAa,uBACX,eAC+B;CAC/B,MAAM,EAAE,MAAM,QAAQ,YAAY,GAAG,SAAS,cAAc,CAAC;CAC7D,OAAO;EAAE,GAAG;EAAM,MAAM,EAAE,GAAG,KAAK;EAAG,QAAQ,EAAE,GAAG,OAAO;EAAG,YAAY,EAAE,GAAG,WAAW;CAAE;AAC5F;AAEA,MAAa,mBACX,WACsC;CACtC,MAAM,EAAE,MAAM,QAAQ,YAAY,GAAG,SAAS,UAAU,CAAC;CACzD,OAAO;EAAE,GAAG;EAAM,MAAM,EAAE,GAAG,KAAK;EAAG,QAAQ,EAAE,GAAG,OAAO;EAAG,YAAY,EAAE,GAAG,WAAW;CAAE;AAC5F;AAQA,MAAM,aAAa,GAAY,GAAY,UAA2B;CACpE,IAAI,OAAO,GAAG,GAAG,CAAC,GAAG,OAAO;CAC5B,IAAI,UAAU,KAAK,OAAO,MAAM,YAAY,OAAO,MAAM,YAAY,CAAC,KAAK,CAAC,GAAG,OAAO;CACtF,MAAM,QAAQ,OAAO,KAAK,CAAC;CAC3B,IAAI,MAAM,WAAW,OAAO,KAAK,CAAC,CAAC,CAAC,QAAQ,OAAO;CACnD,OAAO,MAAM,OAAO,QAAQ,UAAW,EAAU,MAAO,EAAU,MAAM,QAAQ,CAAC,CAAC;AACpF;AAEA,MAAM,kBAAqB,UAAgB;CACzC,MAAM,MAAM,OAAO,KAAK;CACxB,IAAI,CAAC,UAAU,IAAI,SAAS,OAAO,CAAC,GAAG,IAAI,UAAU;CACrD,OAAO,IAAI;AACb;AAEA,MAAa,qBACX,YACA,QACA,UACG;CACH,MAAM,OAAO,EAAE,MAAM;CACrB,OAAO;EACL,YAAY,eAAe,oBAAoB,gBAAgB,YAAY,IAAI,CAAC,CAAC;EACjF,QAAQ,eAAe,gBAAgB,gBAAgB,QAAQ,IAAI,CAAC,CAAC;CACvE;AACF"}

package/es/Table/store/createTableStore.d.mts

@@ -0,0 +1 @@
+import { Key } from "react";

package/es/Table/store/createTableStore.mjs

@@ -0,0 +1,40 @@
+//#region src/Table/store/createTableStore.ts
+const EMPTY_KEYS = /* @__PURE__ */ new Set();
+const EMPTY_COLUMNS = /* @__PURE__ */ new Set();
+const NO_HOVER = [-1, -1];
+const EMPTY_SUMMARY = {
+	checked: false,
+	disabled: false,
+	indeterminate: false
+};
+const createTableStore = (initial) => {
+	let state = {
+		expandedKeys: EMPTY_KEYS,
+		halfSelectedKeys: EMPTY_KEYS,
+		hover: NO_HOVER,
+		selectedKeys: EMPTY_KEYS,
+		selectionSummary: EMPTY_SUMMARY,
+		sortedColumns: EMPTY_COLUMNS,
+		...initial
+	};
+	const listeners = /* @__PURE__ */ new Set();
+	return {
+		getState: () => state,
+		setState: (patch) => {
+			if (!Object.keys(patch).some((key) => !Object.is(patch[key], state[key]))) return;
+			state = {
+				...state,
+				...patch
+			};
+			listeners.forEach((listener) => listener());
+		},
+		subscribe: (listener) => {
+			listeners.add(listener);
+			return () => listeners.delete(listener);
+		}
+	};
+};
+//#endregion
+export { createTableStore };
+
+//# sourceMappingURL=createTableStore.mjs.map

package/es/Table/store/createTableStore.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"createTableStore.mjs","names":[],"sources":["../../../src/Table/store/createTableStore.ts"],"sourcesContent":["import type { Key } from 'react';\n\nexport interface SelectionSummary {\n  checked: boolean;\n  disabled: boolean;\n  indeterminate: boolean;\n}\n\nexport interface TableStoreState {\n  expandedKeys: ReadonlySet<Key>;\n  halfSelectedKeys: ReadonlySet<Key>;\n  hover: readonly [number, number];\n  selectedKeys: ReadonlySet<Key>;\n  selectionSummary: SelectionSummary;\n  sortedColumns: ReadonlySet<string>;\n}\n\nexport interface TableStore {\n  getState: () => TableStoreState;\n  setState: (patch: Partial<TableStoreState>) => void;\n  subscribe: (listener: () => void) => () => void;\n}\n\nconst EMPTY_KEYS: ReadonlySet<Key> = new Set();\nconst EMPTY_COLUMNS: ReadonlySet<string> = new Set();\nconst NO_HOVER = [-1, -1] as const;\nconst EMPTY_SUMMARY: SelectionSummary = { checked: false, disabled: false, indeterminate: false };\n\nexport const createTableStore = (initial?: Partial<TableStoreState>): TableStore => {\n  let state: TableStoreState = {\n    expandedKeys: EMPTY_KEYS,\n    halfSelectedKeys: EMPTY_KEYS,\n    hover: NO_HOVER,\n    selectedKeys: EMPTY_KEYS,\n    selectionSummary: EMPTY_SUMMARY,\n    sortedColumns: EMPTY_COLUMNS,\n    ...initial,\n  };\n  const listeners = new Set<() => void>();\n\n  return {\n    getState: () => state,\n    setState: (patch) => {\n      const changed = (Object.keys(patch) as (keyof TableStoreState)[]).some(\n        (key) => !Object.is(patch[key], state[key]),\n      );\n      if (!changed) return;\n      state = { ...state, ...patch };\n      listeners.forEach((listener) => listener());\n    },\n    subscribe: (listener) => {\n      listeners.add(listener);\n      return () => listeners.delete(listener);\n    },\n  };\n};\n"],"mappings":";AAuBA,MAAM,6BAA+B,IAAI,IAAI;AAC7C,MAAM,gCAAqC,IAAI,IAAI;AACnD,MAAM,WAAW,CAAC,IAAI,EAAE;AACxB,MAAM,gBAAkC;CAAE,SAAS;CAAO,UAAU;CAAO,eAAe;AAAM;AAEhG,MAAa,oBAAoB,YAAmD;CAClF,IAAI,QAAyB;EAC3B,cAAc;EACd,kBAAkB;EAClB,OAAO;EACP,cAAc;EACd,kBAAkB;EAClB,eAAe;EACf,GAAG;CACL;CACA,MAAM,4BAAY,IAAI,IAAgB;CAEtC,OAAO;EACL,gBAAgB;EAChB,WAAW,UAAU;GAInB,IAAI,CAHa,OAAO,KAAK,KAAK,CAAC,CAA+B,MAC/D,QAAQ,CAAC,OAAO,GAAG,MAAM,MAAM,MAAM,IAAI,CAEjC,GAAG;GACd,QAAQ;IAAE,GAAG;IAAO,GAAG;GAAM;GAC7B,UAAU,SAAS,aAAa,SAAS,CAAC;EAC5C;EACA,YAAY,aAAa;GACvB,UAAU,IAAI,QAAQ;GACtB,aAAa,UAAU,OAAO,QAAQ;EACxC;CACF;AACF"}

package/es/Table/store/hooks.mjs

@@ -0,0 +1,24 @@
+"use client";
+import { createTableStore } from "./createTableStore.mjs";
+import { createContext, use, useCallback, useSyncExternalStore } from "react";
+//#region src/Table/store/hooks.ts
+const fallbackStore = createTableStore();
+const TableStoreContext = createContext(fallbackStore);
+const TableStoreProvider = TableStoreContext.Provider;
+const useTableStoreInstance = () => use(TableStoreContext);
+const useTableStore = (selector) => {
+	const store = use(TableStoreContext);
+	const getSnapshot = useCallback(() => selector(store.getState()), [store, selector]);
+	return useSyncExternalStore(store.subscribe, getSnapshot, getSnapshot);
+};
+const useRowSelected = (key) => useTableStore(useCallback((state) => state.selectedKeys.has(key), [key]));
+const useRowHalfSelected = (key) => useTableStore(useCallback((state) => state.halfSelectedKeys.has(key), [key]));
+const useRowExpanded = (key) => useTableStore(useCallback((state) => state.expandedKeys.has(key), [key]));
+const useCellHovered = (index, rowSpan) => useTableStore(useCallback(({ hover: [start, end] }) => start <= index + rowSpan - 1 && end >= index, [index, rowSpan]));
+const useColumnSorted = (columnId) => useTableStore(useCallback((state) => state.sortedColumns.has(columnId), [columnId]));
+const selectSummary = (state) => state.selectionSummary;
+const useSelectionSummary = () => useTableStore(selectSummary);
+//#endregion
+export { TableStoreProvider, useCellHovered, useColumnSorted, useRowExpanded, useRowHalfSelected, useRowSelected, useSelectionSummary, useTableStore, useTableStoreInstance };
+
+//# sourceMappingURL=hooks.mjs.map