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

package/es/Switch/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":[],"sources":["../../src/Switch/style.ts"],"sourcesContent":["import * as stylex from '@stylexjs/stylex';\n\nimport { cssVar } from '@/styles/stylex/cssVar.stylex';\n\nimport { switchMarker } from './marker.stylex';\n\nconst loadingSpin = stylex.keyframes({\n  '0%': { transform: 'rotate(0deg)' },\n  '100%': { transform: 'rotate(360deg)' },\n});\n\nconst reducedMotion = '@media (prefers-reduced-motion: reduce)';\nconst enabledHover = ':hover:not([data-disabled])';\n\nexport const styles = stylex.create({\n  icon: {\n    insetBlock: 0,\n    transition: `opacity 200ms ${cssVar.motionEaseOut}, scale 200ms ${cssVar.motionEaseOut}`,\n    alignItems: 'center',\n    color: cssVar.colorBgLayout,\n    display: 'flex',\n    justifyContent: 'center',\n    pointerEvents: 'none',\n    position: 'absolute',\n    transitionDuration: { default: null, [reducedMotion]: '0s' },\n  },\n  iconLeft: {\n    insetInlineStart: 4,\n    opacity: { default: 0, [stylex.when.ancestor('[data-checked]', switchMarker)]: 1 },\n    scale: { default: 0, [stylex.when.ancestor('[data-checked]', switchMarker)]: 1 },\n  },\n  iconRight: {\n    insetInlineEnd: 4,\n    opacity: { default: null, [stylex.when.ancestor('[data-checked]', switchMarker)]: 0 },\n    scale: { default: null, [stylex.when.ancestor('[data-checked]', switchMarker)]: 0 },\n  },\n  iconThumb: {\n    inset: 'unset',\n    insetBlock: 'unset',\n    color: cssVar.colorPrimary,\n    position: 'relative',\n    transform: 'none',\n  },\n  loading: {\n    animationDuration: { default: '1s', [reducedMotion]: '0s' },\n    animationIterationCount: 'infinite',\n    animationName: loadingSpin,\n    animationTimingFunction: 'linear',\n  },\n  root: {\n    padding: 2,\n    borderColor: 'currentcolor',\n    borderRadius: 100,\n    borderStyle: 'none',\n    borderWidth: 0,\n    outline: 'none',\n    overflow: 'hidden',\n    transition: `background 200ms ${cssVar.motionEaseOut}, box-shadow 200ms ${cssVar.motionEaseOut}`,\n    alignItems: 'center',\n    backgroundColor: {\n      'default': cssVar.colorFillSecondary,\n      [enabledHover]: cssVar.colorFill,\n      ':is([data-checked])': cssVar.colorPrimary,\n      ':is([data-checked]):hover:not([data-disabled])': cssVar.colorPrimaryHover,\n    },\n    boxShadow: {\n      'default': 'inset 0 1.5px 2px rgb(0 0 0 / 8%)',\n      ':is([data-checked])': 'inset 0 1.5px 3px rgb(0 0 0 / 18%)',\n    },\n    boxSizing: 'border-box',\n    cursor: { 'default': 'pointer', ':is([data-disabled])': 'not-allowed' },\n    display: 'inline-flex',\n    justifyContent: 'flex-start',\n    opacity: { 'default': null, ':is([data-disabled])': 0.45 },\n    position: 'relative',\n    transitionDuration: { default: null, [reducedMotion]: '0s' },\n    userSelect: 'none',\n  },\n  rootDefault: {\n    height: 22,\n    minWidth: 36,\n    width: 36,\n  },\n  rootSmall: {\n    height: 16,\n    minWidth: 28,\n    width: 28,\n  },\n  thumb: {\n    borderRadius: '50%',\n    transition: `box-shadow 200ms ${cssVar.motionEaseOut}`,\n    alignItems: 'center',\n    backgroundColor: cssVar.colorBgContainer,\n    boxShadow: {\n      'default':\n        '0 0 0 0.5px rgb(0 0 0 / 4%), 0 1px 1px rgb(0 0 0 / 6%), 0 3px 8px rgb(0 30 80 / 16%)',\n      ':is([data-disabled])': 'none',\n      [stylex.when.ancestor(enabledHover, switchMarker)]:\n        '0 0 0 0.5px rgb(0 0 0 / 4%), 0 1px 1px rgb(0 0 0 / 8%), 0 6px 14px rgb(0 30 80 / 24%)',\n    },\n    display: 'flex',\n    flexShrink: 0,\n    justifyContent: 'center',\n    transform: 'translateX(calc(var(--switch-x, 0px) * var(--switch-dir, 1)))',\n    transitionDuration: { default: null, [reducedMotion]: '0s' },\n  },\n  thumbDefault: {\n    height: 18,\n    width: 18,\n  },\n  thumbSmall: {\n    height: 12,\n    width: 12,\n  },\n});\n"],"mappings":";AAQA,MAAa,SAAS;CACpB,MAAM;EACJ,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,UAAU;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,WAAW;EACT,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,WAAW;EACT,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,SAAS;EACP,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,MAAM;EACJ,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,aAAa;EACX,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,WAAW;EACT,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,OAAO;EACL,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;EACP,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,cAAc;EACZ,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,YAAY;EACV,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;AACF"}
+{"version":3,"file":"style.mjs","names":[],"sources":["../../src/Switch/style.ts"],"sourcesContent":["import * as stylex from '@stylexjs/stylex';\n\nimport { cssVar } from '@/styles/stylex/cssVar.stylex';\n\nimport { switchMarker } from './marker.stylex';\n\nconst loadingSpin = stylex.keyframes({\n  '0%': { transform: 'rotate(0deg)' },\n  '100%': { transform: 'rotate(360deg)' },\n});\n\nconst reducedMotion = '@media (prefers-reduced-motion: reduce)';\nconst enabledHover = ':hover:not([data-disabled])';\n\nexport const styles = stylex.create({\n  icon: {\n    insetBlock: 0,\n    transition: `opacity 200ms ${cssVar.motionEaseOut}, scale 200ms ${cssVar.motionEaseOut}`,\n    alignItems: 'center',\n    color: cssVar.colorBgLayout,\n    display: 'flex',\n    justifyContent: 'center',\n    pointerEvents: 'none',\n    position: 'absolute',\n    transitionDuration: { default: null, [reducedMotion]: '0s' },\n    whiteSpace: 'nowrap',\n  },\n  iconLeft: {\n    insetInlineStart: 7,\n    opacity: { default: 0, [stylex.when.ancestor('[data-checked]', switchMarker)]: 1 },\n    scale: { default: 0, [stylex.when.ancestor('[data-checked]', switchMarker)]: 1 },\n  },\n  iconRight: {\n    insetInlineEnd: 7,\n    opacity: { default: null, [stylex.when.ancestor('[data-checked]', switchMarker)]: 0 },\n    scale: { default: null, [stylex.when.ancestor('[data-checked]', switchMarker)]: 0 },\n  },\n  iconThumb: {\n    inset: 'unset',\n    insetBlock: 'unset',\n    color: cssVar.colorPrimary,\n    position: 'relative',\n    transform: 'none',\n  },\n  loading: {\n    animationDuration: { default: '1s', [reducedMotion]: '0s' },\n    animationIterationCount: 'infinite',\n    animationName: loadingSpin,\n    animationTimingFunction: 'linear',\n  },\n  root: {\n    padding: 2,\n    borderColor: 'currentcolor',\n    borderRadius: 100,\n    borderStyle: 'none',\n    borderWidth: 0,\n    outline: 'none',\n    overflow: 'hidden',\n    transition: `background 200ms ${cssVar.motionEaseOut}, box-shadow 200ms ${cssVar.motionEaseOut}`,\n    alignItems: 'center',\n    backgroundColor: {\n      'default': cssVar.colorFillSecondary,\n      [enabledHover]: cssVar.colorFill,\n      ':is([data-checked])': cssVar.colorPrimary,\n      ':is([data-checked]):hover:not([data-disabled])': cssVar.colorPrimaryHover,\n    },\n    boxShadow: {\n      'default': 'inset 0 1.5px 2px rgb(0 0 0 / 8%)',\n      ':is([data-checked])': 'inset 0 1.5px 3px rgb(0 0 0 / 18%)',\n    },\n    boxSizing: 'border-box',\n    cursor: { 'default': 'pointer', ':is([data-disabled])': 'not-allowed' },\n    display: 'inline-flex',\n    justifyContent: 'flex-start',\n    opacity: { 'default': null, ':is([data-disabled])': 0.45 },\n    position: 'relative',\n    transitionDuration: { default: null, [reducedMotion]: '0s' },\n    userSelect: 'none',\n  },\n  rootDefault: {\n    height: 22,\n    minWidth: 36,\n    width: 36,\n  },\n  rootSmall: {\n    height: 16,\n    minWidth: 28,\n    width: 28,\n  },\n  rootText: {\n    fontSize: 12,\n    lineHeight: 1,\n    minWidth: 44,\n    width: 'auto',\n  },\n  rootTextSmall: {\n    fontSize: 10,\n    lineHeight: 1,\n    minWidth: 32,\n    width: 'auto',\n  },\n  textSizer: {\n    flex: 'none',\n    display: 'grid',\n    order: 1,\n    paddingInlineEnd: '4px',\n    paddingInlineStart: '24px',\n    pointerEvents: 'none',\n    visibility: 'hidden',\n    whiteSpace: 'nowrap',\n  },\n  textSizerSmall: {\n    paddingInlineEnd: '2px',\n    paddingInlineStart: '16px',\n  },\n  thumb: {\n    borderRadius: '50%',\n    transition: `box-shadow 200ms ${cssVar.motionEaseOut}`,\n    alignItems: 'center',\n    backgroundColor: cssVar.colorBgContainer,\n    boxShadow: {\n      'default':\n        '0 0 0 0.5px rgb(0 0 0 / 4%), 0 1px 1px rgb(0 0 0 / 6%), 0 3px 8px rgb(0 30 80 / 16%)',\n      ':is([data-disabled])': 'none',\n      [stylex.when.ancestor(enabledHover, switchMarker)]:\n        '0 0 0 0.5px rgb(0 0 0 / 4%), 0 1px 1px rgb(0 0 0 / 8%), 0 6px 14px rgb(0 30 80 / 24%)',\n    },\n    display: 'flex',\n    flexShrink: 0,\n    justifyContent: 'center',\n    transform: 'translateX(calc(var(--switch-x, 0px) * var(--switch-dir, 1)))',\n    transitionDuration: { default: null, [reducedMotion]: '0s' },\n  },\n  thumbDefault: {\n    height: 18,\n    width: 18,\n  },\n  thumbSmall: {\n    height: 12,\n    width: 12,\n  },\n});\n"],"mappings":";AAQA,MAAa,SAAS;CACpB,MAAM;EACJ,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,UAAU;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,WAAW;EACT,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,WAAW;EACT,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,SAAS;EACP,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,MAAM;EACJ,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,aAAa;EACX,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,WAAW;EACT,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,UAAU;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,eAAe;EACb,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,WAAW;EACT,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,gBAAgB;EACd,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,OAAO;EACL,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;EACP,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,cAAc;EACZ,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,YAAY;EACV,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;AACF"}

package/es/Table/Column.d.mts

@@ -0,0 +1,8 @@
+import { TableColumnType } from "./type.mjs";
+import { ReactNode } from "react";
+//#region src/Table/Column.d.ts
+export type TableColumnProps<T> = TableColumnType<T>;
+declare const Column: <T>(_props: TableColumnProps<T>) => ReactNode;
+//#endregion
+export { Column as default };
+//# sourceMappingURL=Column.d.mts.map

package/es/Table/Column.mjs

@@ -0,0 +1,6 @@
+//#region src/Table/Column.tsx
+const Column = (_props) => null;
+//#endregion
+export { Column as default };
+
+//# sourceMappingURL=Column.mjs.map

package/es/Table/Column.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Column.mjs","names":[],"sources":["../../src/Table/Column.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport type { TableColumnType } from './type';\n\nexport type TableColumnProps<T> = TableColumnType<T>;\n\nconst Column = <T,>(_props: TableColumnProps<T>): ReactNode => null;\n\nexport default Column;\n"],"mappings":";AAMA,MAAM,UAAc,WAA2C"}

package/es/Table/ColumnGroup.d.mts

@@ -0,0 +1,11 @@
+import { TableColumnType } from "./type.mjs";
+import { ReactNode } from "react";
+//#region src/Table/ColumnGroup.d.ts
+export interface TableColumnGroupProps<T> extends Omit<TableColumnType<T>, 'dataIndex'> {
+  /** `Table.Column` / `Table.ColumnGroup` elements rendered under this header. */
+  children: ReactNode;
+}
+declare const ColumnGroup: <T>(_props: TableColumnGroupProps<T>) => ReactNode;
+//#endregion
+export { ColumnGroup as default };
+//# sourceMappingURL=ColumnGroup.d.mts.map

package/es/Table/ColumnGroup.mjs

@@ -0,0 +1,6 @@
+//#region src/Table/ColumnGroup.tsx
+const ColumnGroup = (_props) => null;
+//#endregion
+export { ColumnGroup as default };
+
+//# sourceMappingURL=ColumnGroup.mjs.map

package/es/Table/ColumnGroup.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColumnGroup.mjs","names":[],"sources":["../../src/Table/ColumnGroup.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport type { TableColumnType } from './type';\n\nexport interface TableColumnGroupProps<T> extends Omit<TableColumnType<T>, 'dataIndex'> {\n  /** `Table.Column` / `Table.ColumnGroup` elements rendered under this header. */\n  children: ReactNode;\n}\n\nconst ColumnGroup = <T,>(_props: TableColumnGroupProps<T>): ReactNode => null;\n\nexport default ColumnGroup;\n"],"mappings":";AASA,MAAM,eAAmB,WAAgD"}

package/es/Table/Table.d.mts

@@ -1,10 +1,24 @@
 import { TableProps } from "./type.mjs";
+import Column from "./Column.mjs";
+import ColumnGroup from "./ColumnGroup.mjs";
+import "./internal.mjs";
+import { EXPAND_COLUMN } from "./pipeline/columnUtils.mjs";
+import { SELECTION_ALL, SELECTION_COLUMN, SELECTION_INVERT, SELECTION_NONE } from "./pipeline/selectionUtils.mjs";
+import { TableSummary } from "./render/Summary.mjs";
 import { ReactNode } from "react";
-import { RowData } from "@tanstack/react-table";
 //#region src/Table/Table.d.ts
-declare const Table: (<T extends RowData>(props: TableProps<T>) => ReactNode) & {
+type TableComponent = (<T>(props: TableProps<T>) => ReactNode) & {
+  Column: typeof Column;
+  ColumnGroup: typeof ColumnGroup;
   displayName?: string;
+  EXPAND_COLUMN: typeof EXPAND_COLUMN;
+  SELECTION_ALL: typeof SELECTION_ALL;
+  SELECTION_COLUMN: typeof SELECTION_COLUMN;
+  SELECTION_INVERT: typeof SELECTION_INVERT;
+  SELECTION_NONE: typeof SELECTION_NONE;
+  Summary: typeof TableSummary;
 };
+declare const Table: TableComponent;
 //#endregion
 export { Table as default };
 //# sourceMappingURL=Table.d.mts.map

package/es/Table/Table.mjs

@@ -1,135 +1,175 @@
 "use client";
-import { styleProps } from "../styles/stylex/props.mjs";
-import { useEventCallback } from "../hooks/useEventCallback.mjs";
+import { useTranslation } from "../i18n/useTranslation.mjs";
+import Block from "../Block/Block.mjs";
+import Empty from "../Empty/Empty.mjs";
 import Spin from "../Spin/Spin.mjs";
-import Pagination from "../Pagination/Pagination.mjs";
-import { tableFeatureSet } from "./features.mjs";
+import { PREFIX_CLS } from "./constants.mjs";
+import table_default from "../i18n/resources/en/table.mjs";
+import Column from "./Column.mjs";
+import ColumnGroup from "./ColumnGroup.mjs";
+import { getStickyOffsets } from "./engine/fixed.mjs";
+import { SELECTION_ALL, SELECTION_COLUMN, SELECTION_INVERT, SELECTION_NONE } from "./pipeline/selectionUtils.mjs";
+import { EXPAND_COLUMN } from "./pipeline/columnUtils.mjs";
+import { HeaderContext, SelectionContext, TableViewContext } from "./render/context.mjs";
 import { styles } from "./style.mjs";
-import FilterMenu from "./FilterMenu.mjs";
-import { getFixedOffsets } from "./fixedOffsets.mjs";
-import { toColumnDefs } from "./toColumnDefs.mjs";
-import TableBody from "./TableBody.mjs";
-import TableHead from "./TableHead.mjs";
-import { useTableState } from "./useTableState.mjs";
-import { memo, useEffect, useMemo } from "react";
+import FixedFrost from "./render/FixedFrost.mjs";
+import TableLoadingSkeleton from "./render/LoadingSkeleton.mjs";
+import { renderPaginationBars } from "./render/PaginationBar.mjs";
+import { TableSummary } from "./render/Summary.mjs";
+import { resolveSticky, toTableRef } from "./render/tableHelpers.mjs";
+import { TableStoreProvider } from "./store/hooks.mjs";
+import TableView from "./render/TableView.mjs";
+import { useViewContexts } from "./render/useViewContexts.mjs";
+import { useStableSemantic } from "./semantic.mjs";
+import { useTableController } from "./useTableController.mjs";
+import { isValidElement, memo, useCallback, useImperativeHandle, useMemo, useRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import clsx$1 from "clsx";
 import * as stylex from "@stylexjs/stylex";
-import { useTable } from "@tanstack/react-table";
+import { Inbox } from "lucide-react";
 //#region src/Table/Table.tsx
-const EMPTY_DATA = [];
 const TableInner = (props) => {
-	const { bordered = false, className, classNames, columns, dataSource = EMPTY_DATA, emptyText, loading = false, onChange, onRow, pagination, ref, renderFilter, rowClassName, rowKey, scroll, size = "middle", style, styles: customStyles, tableLayout } = props;
-	const state = useTableState({
-		columns,
-		onChange,
-		pagination
+	const { className, classNames, footer, internalRef, loading = false, onScroll, pagination, ref, rootClassName, rowHoverable = true, rowSelection, scroll, showHeader = true, size = "middle", sticky, style, styles: customStyles, tableLayout, title, variant = "borderless", virtual } = props;
+	const controller = useTableController(props);
+	const { model, rows, state } = controller;
+	const { t } = useTranslation(table_default);
+	const { classNames: semanticClassNames, styles: semanticStyles } = useStableSemantic(classNames, customStyles, props);
+	const rootRef = useRef(null);
+	const { measureRef } = controller;
+	const setRootRef = useCallback((element) => {
+		rootRef.current = element;
+		return measureRef(element);
+	}, [measureRef]);
+	useImperativeHandle(ref, () => toTableRef(rootRef.current, controller.scrollTo), [controller.scrollTo]);
+	useImperativeHandle(internalRef, () => ({
+		clearSelection: controller.selection.actions.clear,
+		store: controller.store
+	}), [controller.selection.actions.clear, controller.store]);
+	const { headerValue, selectionValue, viewValue } = useViewContexts({
+		controller,
+		props,
+		semanticClassNames,
+		semanticStyles
 	});
-	const columnDefs = useMemo(() => toColumnDefs(columns), [columns]);
-	const fixedOffsets = useMemo(() => getFixedOffsets(columns), [columns]);
-	const table = useTable({
-		columns: columnDefs,
-		data: dataSource,
-		enableMultiSort: false,
-		enableSortingRemoval: true,
-		features: tableFeatureSet,
-		getRowId: (record) => String(typeof rowKey === "function" ? rowKey(record) : record[rowKey]),
-		manualSorting: state.manualSorting,
-		onColumnFiltersChange: state.onColumnFiltersChange,
-		onSortingChange: state.onSortingChange,
-		state: {
-			columnFilters: state.columnFilters,
-			sorting: state.sorting
-		}
-	});
-	const allRows = table.getRowModel().rows;
-	const { page } = state;
-	const clientPaginated = pagination !== false && state.config?.total === void 0;
-	const total = state.config?.total ?? allRows.length;
-	const pageCount = Math.max(1, Math.ceil(total / page.pageSize));
-	const pageIndex = Math.min(page.pageIndex, pageCount - 1);
-	const rows = clientPaginated ? allRows.slice(pageIndex * page.pageSize, (pageIndex + 1) * page.pageSize) : allRows;
-	const syncClampedPage = useEventCallback(() => state.clampPage(pageIndex));
-	useEffect(() => {
-		if (clientPaginated && pageIndex !== page.pageIndex) syncClampedPage();
-	}, [
-		clientPaginated,
-		pageIndex,
-		page.pageIndex,
-		syncClampedPage
-	]);
-	const minWidth = scroll?.x === "max-content" ? "100%" : scroll?.x;
-	return /* @__PURE__ */ jsxs("div", {
-		ref,
-		...styleProps(styles.root, className, style),
-		children: [/* @__PURE__ */ jsxs("div", {
-			"data-table-wrapper": "",
-			...styleProps([styles.wrapper, bordered && styles.bordered], classNames?.wrapper, {
-				maxHeight: scroll?.y,
-				...customStyles?.wrapper
-			}),
-			children: [/* @__PURE__ */ jsxs("table", {
-				...styleProps(styles.table, void 0, {
-					minWidth,
-					tableLayout,
-					width: scroll?.x === "max-content" ? "max-content" : "100%"
-				}),
-				children: [/* @__PURE__ */ jsx(TableHead, {
-					bordered,
-					classNames,
-					columnIds: state.columnIds,
-					columns,
-					fixedOffsets,
-					getColumn: (id) => table.getColumn(id),
-					size,
-					styles: customStyles,
-					renderFilter: (column, id) => {
-						if (renderFilter) return renderFilter(column, id, table);
-						const tableColumn = table.getColumn(id);
-						const value = tableColumn?.getFilterValue() ?? [];
-						return /* @__PURE__ */ jsx(FilterMenu, {
-							filters: column.filters ?? [],
-							label: typeof column.title === "string" ? column.title : id,
-							value,
-							onChange: (next) => tableColumn?.setFilterValue(next.length > 0 ? next : void 0)
-						});
-					}
-				}), /* @__PURE__ */ jsx(TableBody, {
-					bordered,
-					classNames,
-					columnIds: state.columnIds,
-					columns,
-					emptyText,
-					fixedOffsets,
-					loading,
-					rowClassName,
-					rows,
-					size,
-					styles: customStyles,
-					onRow
-				})]
-			}), loading && rows.length > 0 && /* @__PURE__ */ jsx("div", {
-				"data-table-loading": "",
-				...stylex.props(styles.loading),
-				children: /* @__PURE__ */ jsx(Spin, {})
-			})]
-		}), pagination !== false && total > 0 && /* @__PURE__ */ jsx("div", {
-			...stylex.props(styles.pagination),
-			children: /* @__PURE__ */ jsx(Pagination, {
-				current: pageIndex + 1,
-				pageSize: page.pageSize,
-				pageSizeOptions: state.config?.pageSizeOptions,
-				showSizeChanger: state.config?.showSizeChanger,
-				total,
-				onChange: (next, pageSize) => state.onPaginationChange({
-					pageIndex: next - 1,
-					pageSize
+	const leafColumns = model.leafColumns;
+	const { spinning: isLoading = true, tip, variant: spinVariant = "network", ...spinRest } = typeof loading === "object" ? loading : { spinning: loading };
+	const customEmpty = props.locale?.emptyText;
+	const emptyNode = isLoading ? /* @__PURE__ */ jsx(TableLoadingSkeleton, {
+		columns: controller.columns,
+		expandColumn: Boolean(controller.expandType),
+		rows: pagination === false ? 5 : Math.min(5, state.page.pageSize),
+		screens: controller.screens,
+		selectionColumn: Boolean(rowSelection),
+		size
+	}) : customEmpty === void 0 ? /* @__PURE__ */ jsx(Empty, {
+		description: t("table.emptyText"),
+		icon: Inbox,
+		imageSize: 40
+	}) : typeof customEmpty === "function" ? customEmpty() : customEmpty;
+	const stickyConfig = resolveSticky(sticky);
+	const { summaryNode } = controller;
+	const summaryFixed = isValidElement(summaryNode) && summaryNode.type === TableSummary ? summaryNode.props.fixed : void 0;
+	const fixFooter = controller.fixHeader || stickyConfig.isSticky || virtual ? virtual && summaryNode ? summaryFixed ?? "bottom" : summaryFixed ?? false : false;
+	const hasFixedColumn = leafColumns.some((leaf) => leaf.fixed);
+	const mergedTableLayout = tableLayout ?? (hasFixedColumn ? scroll?.x === "max-content" ? "auto" : "fixed" : controller.fixHeader || stickyConfig.isSticky || leafColumns.some((leaf) => leaf.column.source.column.ellipsis) ? "fixed" : "auto");
+	const offsets = useMemo(() => getStickyOffsets(controller.columnWidths, leafColumns), [controller.columnWidths, leafColumns]);
+	const pager = state.config ? renderPaginationBars({
+		classNames: semanticClassNames.pagination,
+		config: state.config,
+		onChange: state.onPaginationChange,
+		page: state.page,
+		size: props.size,
+		styles: semanticStyles.pagination,
+		total: state.total
+	}) : {
+		bottom: null,
+		top: null
+	};
+	const rootStyle = {
+		"--columns-count": leafColumns.length,
+		...semanticStyles.root,
+		...style
+	};
+	return /* @__PURE__ */ jsx(TableStoreProvider, {
+		value: controller.store,
+		children: /* @__PURE__ */ jsx(TableViewContext, {
+			value: viewValue,
+			children: /* @__PURE__ */ jsx(SelectionContext, {
+				value: selectionValue,
+				children: /* @__PURE__ */ jsx(HeaderContext, {
+					value: headerValue,
+					children: /* @__PURE__ */ jsxs("div", {
+						ref: setRootRef,
+						style: rootStyle,
+						className: clsx$1(stylex.props(styles.root).className, `${PREFIX_CLS}-wrapper`, rootClassName, className, semanticClassNames.root),
+						children: [
+							pager.top,
+							/* @__PURE__ */ jsxs("div", {
+								className: stylex.props(styles.spinContainer).className,
+								"data-table-wrapper": "",
+								children: [
+									/* @__PURE__ */ jsx(TableView, {
+										bodyRef: controller.bodyRef,
+										colWidths: controller.columnWidths,
+										emptyNode,
+										fixFooter,
+										fixHeader: controller.fixHeader,
+										footer: footer ? footer(rows) : void 0,
+										grouped: controller.grouped,
+										headerRows: model.headerRows,
+										hoverable: rowHoverable,
+										offsets,
+										rows: model.rows,
+										scrollX: scroll?.x,
+										scrollY: scroll?.y,
+										showHeader,
+										size,
+										sticky: stickyConfig,
+										summaryNode,
+										tableLayout: mergedTableLayout,
+										title: title ? title(rows) : void 0,
+										variant,
+										virtual: controller.virtualInput,
+										virtualScrollRef: controller.virtualScrollRef,
+										onColumnResize: controller.onColumnResize,
+										onScroll
+									}),
+									isLoading && /* @__PURE__ */ jsx("div", {
+										...stylex.props(styles.loading),
+										"data-table-loading": "",
+										children: /* @__PURE__ */ jsxs(Block, {
+											align: "center",
+											"data-table-loading-indicator": "",
+											gap: 8,
+											padding: 12,
+											variant: "outlined",
+											children: [/* @__PURE__ */ jsx(Spin, {
+												...spinRest,
+												variant: spinVariant
+											}), tip]
+										})
+									}),
+									/* @__PURE__ */ jsx(FixedFrost, { rootRef })
+								]
+							}),
+							pager.bottom
+						]
+					})
 				})
 			})
-		})]
+		})
 	});
 };
 const Table = memo(TableInner);
 Table.displayName = "Table";
+Table.Column = Column;
+Table.ColumnGroup = ColumnGroup;
+Table.EXPAND_COLUMN = EXPAND_COLUMN;
+Table.SELECTION_COLUMN = SELECTION_COLUMN;
+Table.SELECTION_ALL = SELECTION_ALL;
+Table.SELECTION_INVERT = SELECTION_INVERT;
+Table.SELECTION_NONE = SELECTION_NONE;
+Table.Summary = TableSummary;
 //#endregion
 export { TableInner, Table as default };
 

package/es/Table/Table.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Table.mjs","names":[],"sources":["../../src/Table/Table.tsx"],"sourcesContent":["'use client';\n\nimport * as stylex from '@stylexjs/stylex';\nimport { type RowData, useTable } from '@tanstack/react-table';\nimport { type Key, memo, type ReactNode, useEffect, useMemo } from 'react';\n\nimport { useEventCallback } from '@/hooks/useEventCallback';\nimport Pagination from '@/Pagination';\nimport Spin from '@/Spin';\nimport { styleProps } from '@/styles/stylex/props';\n\nimport { tableFeatureSet } from './features';\nimport FilterMenu from './FilterMenu';\nimport { getFixedOffsets } from './fixedOffsets';\nimport { styles } from './style';\nimport TableBody from './TableBody';\nimport TableHead from './TableHead';\nimport { toColumnDefs } from './toColumnDefs';\nimport type { FilterValue, TableColumn, TableProps } from './type';\nimport { useTableState } from './useTableState';\n\nconst EMPTY_DATA: any[] = [];\n\nexport interface TableInternalProps<T> extends TableProps<T> {\n  renderFilter?: (column: TableColumn<T>, id: string, table: any) => ReactNode;\n}\n\nconst TableInner = <T extends RowData>(props: TableInternalProps<T>) => {\n  const {\n    bordered = false,\n    className,\n    classNames,\n    columns,\n    dataSource = EMPTY_DATA as T[],\n    emptyText,\n    loading = false,\n    onChange,\n    onRow,\n    pagination,\n    ref,\n    renderFilter,\n    rowClassName,\n    rowKey,\n    scroll,\n    size = 'middle',\n    style,\n    styles: customStyles,\n    tableLayout,\n  } = props;\n\n  const state = useTableState({ columns, onChange, pagination });\n  const columnDefs = useMemo(() => toColumnDefs(columns), [columns]);\n  const fixedOffsets = useMemo(() => getFixedOffsets(columns), [columns]);\n\n  const table = useTable({\n    columns: columnDefs,\n    data: dataSource,\n    enableMultiSort: false,\n    enableSortingRemoval: true,\n    features: tableFeatureSet,\n    getRowId: (record: T) =>\n      String(typeof rowKey === 'function' ? rowKey(record) : (record[rowKey] as Key)),\n    manualSorting: state.manualSorting,\n    onColumnFiltersChange: state.onColumnFiltersChange,\n    onSortingChange: state.onSortingChange,\n    state: {\n      columnFilters: state.columnFilters,\n      sorting: state.sorting,\n    },\n  } as any);\n\n  const allRows = table.getRowModel().rows as unknown as { id: Key; original: T }[];\n  const { page } = state;\n  const clientPaginated = pagination !== false && state.config?.total === undefined;\n  const total = state.config?.total ?? allRows.length;\n  const pageCount = Math.max(1, Math.ceil(total / page.pageSize));\n  const pageIndex = Math.min(page.pageIndex, pageCount - 1);\n  const rows = clientPaginated\n    ? allRows.slice(pageIndex * page.pageSize, (pageIndex + 1) * page.pageSize)\n    : allRows;\n\n  const syncClampedPage = useEventCallback(() => state.clampPage(pageIndex));\n\n  useEffect(() => {\n    if (clientPaginated && pageIndex !== page.pageIndex) syncClampedPage();\n  }, [clientPaginated, pageIndex, page.pageIndex, syncClampedPage]);\n\n  const minWidth = scroll?.x === 'max-content' ? '100%' : scroll?.x;\n\n  return (\n    <div ref={ref} {...styleProps(styles.root, className, style)}>\n      <div\n        data-table-wrapper=\"\"\n        {...styleProps([styles.wrapper, bordered && styles.bordered], classNames?.wrapper, {\n          maxHeight: scroll?.y,\n          ...customStyles?.wrapper,\n        })}\n      >\n        <table\n          {...styleProps(styles.table, undefined, {\n            minWidth,\n            tableLayout,\n            width: scroll?.x === 'max-content' ? 'max-content' : '100%',\n          })}\n        >\n          <TableHead\n            bordered={bordered}\n            classNames={classNames}\n            columnIds={state.columnIds}\n            columns={columns}\n            fixedOffsets={fixedOffsets}\n            getColumn={(id) => table.getColumn(id) as any}\n            size={size}\n            styles={customStyles}\n            renderFilter={(column, id) => {\n              if (renderFilter) return renderFilter(column, id, table);\n              const tableColumn = table.getColumn(id) as any;\n              const value = (tableColumn?.getFilterValue() as FilterValue[] | undefined) ?? [];\n              return (\n                <FilterMenu\n                  filters={column.filters ?? []}\n                  label={typeof column.title === 'string' ? column.title : id}\n                  value={value}\n                  onChange={(next) =>\n                    tableColumn?.setFilterValue(next.length > 0 ? next : undefined)\n                  }\n                />\n              );\n            }}\n          />\n          <TableBody\n            bordered={bordered}\n            classNames={classNames}\n            columnIds={state.columnIds}\n            columns={columns}\n            emptyText={emptyText}\n            fixedOffsets={fixedOffsets}\n            loading={loading}\n            rowClassName={rowClassName}\n            rows={rows}\n            size={size}\n            styles={customStyles}\n            onRow={onRow}\n          />\n        </table>\n        {loading && rows.length > 0 && (\n          <div data-table-loading=\"\" {...stylex.props(styles.loading)}>\n            <Spin />\n          </div>\n        )}\n      </div>\n      {pagination !== false && total > 0 && (\n        <div {...stylex.props(styles.pagination)}>\n          <Pagination\n            current={pageIndex + 1}\n            pageSize={page.pageSize}\n            pageSizeOptions={state.config?.pageSizeOptions}\n            showSizeChanger={state.config?.showSizeChanger}\n            total={total}\n            onChange={(next, pageSize) =>\n              state.onPaginationChange({ pageIndex: next - 1, pageSize })\n            }\n          />\n        </div>\n      )}\n    </div>\n  );\n};\n\nconst Table = memo(TableInner) as unknown as (<T extends RowData>(\n  props: TableProps<T>,\n) => ReactNode) & {\n  displayName?: string;\n};\n\nTable.displayName = 'Table';\n\nexport { TableInner };\n\nexport default Table;\n"],"mappings":"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"}
+{"version":3,"file":"Table.mjs","names":["tableMessages","clsx"],"sources":["../../src/Table/Table.tsx"],"sourcesContent":["'use client';\n\nimport * as stylex from '@stylexjs/stylex';\nimport clsx from 'clsx';\nimport { Inbox } from 'lucide-react';\nimport {\n  type CSSProperties,\n  isValidElement,\n  memo,\n  type ReactNode,\n  type Ref,\n  useCallback,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n} from 'react';\n\nimport Block from '@/Block';\nimport Empty from '@/Empty';\nimport tableMessages from '@/i18n/resources/en/table';\nimport { useTranslation } from '@/i18n/useTranslation';\nimport Spin from '@/Spin';\n\nimport Column from './Column';\nimport ColumnGroup from './ColumnGroup';\nimport { PREFIX_CLS } from './constants';\nimport { getStickyOffsets } from './engine/fixed';\nimport type { TableInternalProps } from './internal';\nimport { EXPAND_COLUMN } from './pipeline/columnUtils';\nimport {\n  SELECTION_ALL,\n  SELECTION_COLUMN,\n  SELECTION_INVERT,\n  SELECTION_NONE,\n} from './pipeline/selectionUtils';\nimport { HeaderContext, SelectionContext, TableViewContext } from './render/context';\nimport FixedFrost from './render/FixedFrost';\nimport TableLoadingSkeleton from './render/LoadingSkeleton';\nimport { renderPaginationBars } from './render/PaginationBar';\nimport { TableSummary } from './render/Summary';\nimport { resolveSticky, toTableRef } from './render/tableHelpers';\nimport TableView from './render/TableView';\nimport { useViewContexts } from './render/useViewContexts';\nimport { useStableSemantic } from './semantic';\nimport { TableStoreProvider } from './store/hooks';\nimport { styles } from './style';\nimport type { TableProps, TableRef } from './type';\nimport { useTableController } from './useTableController';\n\nconst TableInner = <T,>(props: TableInternalProps<T>) => {\n  const {\n    className,\n    classNames,\n    footer,\n    internalRef,\n    loading = false,\n    onScroll,\n    pagination,\n    ref,\n    rootClassName,\n    rowHoverable = true,\n    rowSelection,\n    scroll,\n    showHeader = true,\n    size = 'middle',\n    sticky,\n    style,\n    styles: customStyles,\n    tableLayout,\n    title,\n    variant = 'borderless',\n    virtual,\n  } = props;\n\n  const controller = useTableController(props);\n  const { model, rows, state } = controller;\n  const { t } = useTranslation(tableMessages);\n  const { classNames: semanticClassNames, styles: semanticStyles } = useStableSemantic(\n    classNames,\n    customStyles,\n    props,\n  );\n\n  const rootRef = useRef<HTMLDivElement>(null);\n  const { measureRef } = controller;\n  const setRootRef = useCallback(\n    (element: HTMLDivElement | null) => {\n      rootRef.current = element;\n      return measureRef(element);\n    },\n    [measureRef],\n  );\n  useImperativeHandle(\n    ref as Ref<TableRef>,\n    () => toTableRef(rootRef.current!, controller.scrollTo),\n    [controller.scrollTo],\n  );\n  useImperativeHandle(\n    internalRef,\n    () => ({ clearSelection: controller.selection.actions.clear, store: controller.store }),\n    [controller.selection.actions.clear, controller.store],\n  );\n\n  const { headerValue, selectionValue, viewValue } = useViewContexts<T>({\n    controller,\n    props,\n    semanticClassNames,\n    semanticStyles,\n  });\n  const leafColumns = model.leafColumns;\n\n  const {\n    spinning: isLoading = true,\n    tip,\n    variant: spinVariant = 'network',\n    ...spinRest\n  } = typeof loading === 'object' ? loading : { spinning: loading };\n\n  const customEmpty = props.locale?.emptyText;\n  const emptyNode = isLoading ? (\n    <TableLoadingSkeleton\n      columns={controller.columns}\n      expandColumn={Boolean(controller.expandType)}\n      rows={pagination === false ? 5 : Math.min(5, state.page.pageSize)}\n      screens={controller.screens}\n      selectionColumn={Boolean(rowSelection)}\n      size={size}\n    />\n  ) : customEmpty === undefined ? (\n    <Empty description={t('table.emptyText')} icon={Inbox} imageSize={40} />\n  ) : typeof customEmpty === 'function' ? (\n    customEmpty()\n  ) : (\n    customEmpty\n  );\n\n  const stickyConfig = resolveSticky(sticky);\n  const { summaryNode } = controller;\n  const summaryFixed =\n    isValidElement<{ fixed?: boolean | 'top' | 'bottom' }>(summaryNode) &&\n    summaryNode.type === TableSummary\n      ? summaryNode.props.fixed\n      : undefined;\n  const fixFooter =\n    controller.fixHeader || stickyConfig.isSticky || virtual\n      ? virtual && summaryNode\n        ? (summaryFixed ?? 'bottom')\n        : (summaryFixed ?? false)\n      : false;\n\n  const hasFixedColumn = leafColumns.some((leaf) => leaf.fixed);\n  const mergedTableLayout =\n    tableLayout ??\n    (hasFixedColumn\n      ? scroll?.x === 'max-content'\n        ? 'auto'\n        : 'fixed'\n      : controller.fixHeader ||\n          stickyConfig.isSticky ||\n          leafColumns.some((leaf) => (leaf.column.source.column as { ellipsis?: unknown }).ellipsis)\n        ? 'fixed'\n        : 'auto');\n\n  const offsets = useMemo(\n    () => getStickyOffsets(controller.columnWidths, leafColumns),\n    [controller.columnWidths, leafColumns],\n  );\n\n  const pager = state.config\n    ? renderPaginationBars({\n        classNames: semanticClassNames.pagination,\n        config: state.config,\n        onChange: state.onPaginationChange,\n        page: state.page,\n        size: props.size,\n        styles: semanticStyles.pagination,\n        total: state.total,\n      })\n    : { bottom: null, top: null };\n\n  // The loading mask is a sibling of the table, so it needs the column count here to stack\n  // above fixed cells (z-index up to 2 × columns).\n  const rootStyle = {\n    '--columns-count': leafColumns.length,\n    ...semanticStyles.root,\n    ...style,\n  } as CSSProperties;\n\n  return (\n    <TableStoreProvider value={controller.store}>\n      <TableViewContext value={viewValue}>\n        <SelectionContext value={selectionValue}>\n          <HeaderContext value={headerValue}>\n            <div\n              ref={setRootRef}\n              style={rootStyle}\n              className={clsx(\n                stylex.props(styles.root).className,\n                `${PREFIX_CLS}-wrapper`,\n                rootClassName,\n                className,\n                semanticClassNames.root,\n              )}\n            >\n              {pager.top}\n              <div className={stylex.props(styles.spinContainer).className} data-table-wrapper=\"\">\n                <TableView<T>\n                  bodyRef={controller.bodyRef}\n                  colWidths={controller.columnWidths}\n                  emptyNode={emptyNode}\n                  fixFooter={fixFooter}\n                  fixHeader={controller.fixHeader}\n                  footer={footer ? footer(rows) : undefined}\n                  grouped={controller.grouped}\n                  headerRows={model.headerRows}\n                  hoverable={rowHoverable}\n                  offsets={offsets}\n                  rows={model.rows}\n                  scrollX={scroll?.x}\n                  scrollY={scroll?.y}\n                  showHeader={showHeader}\n                  size={size}\n                  sticky={stickyConfig}\n                  summaryNode={summaryNode}\n                  tableLayout={mergedTableLayout}\n                  title={title ? title(rows) : undefined}\n                  variant={variant}\n                  virtual={controller.virtualInput}\n                  virtualScrollRef={controller.virtualScrollRef}\n                  onColumnResize={controller.onColumnResize}\n                  onScroll={onScroll}\n                />\n                {isLoading && (\n                  <div {...stylex.props(styles.loading)} data-table-loading=\"\">\n                    <Block\n                      align={'center'}\n                      data-table-loading-indicator=\"\"\n                      gap={8}\n                      padding={12}\n                      variant={'outlined'}\n                    >\n                      <Spin {...spinRest} variant={spinVariant} />\n                      {tip as ReactNode}\n                    </Block>\n                  </div>\n                )}\n                <FixedFrost rootRef={rootRef} />\n              </div>\n              {pager.bottom}\n            </div>\n          </HeaderContext>\n        </SelectionContext>\n      </TableViewContext>\n    </TableStoreProvider>\n  );\n};\n\ntype TableComponent = (<T>(props: TableProps<T>) => ReactNode) & {\n  Column: typeof Column;\n  ColumnGroup: typeof ColumnGroup;\n  displayName?: string;\n  EXPAND_COLUMN: typeof EXPAND_COLUMN;\n  SELECTION_ALL: typeof SELECTION_ALL;\n  SELECTION_COLUMN: typeof SELECTION_COLUMN;\n  SELECTION_INVERT: typeof SELECTION_INVERT;\n  SELECTION_NONE: typeof SELECTION_NONE;\n  Summary: typeof TableSummary;\n};\n\nconst Table = memo(TableInner) as unknown as TableComponent;\n\nTable.displayName = 'Table';\nTable.Column = Column;\nTable.ColumnGroup = ColumnGroup;\nTable.EXPAND_COLUMN = EXPAND_COLUMN;\nTable.SELECTION_COLUMN = SELECTION_COLUMN;\nTable.SELECTION_ALL = SELECTION_ALL;\nTable.SELECTION_INVERT = SELECTION_INVERT;\nTable.SELECTION_NONE = SELECTION_NONE;\nTable.Summary = TableSummary;\n\nexport { TableInner };\n\nexport default Table;\n"],"mappings":"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"}

package/es/Table/atoms/cells.d.mts

@@ -0,0 +1,42 @@
+import { TableColumnAlign, TableCustomizeComponent } from "../type.mjs";
+import { HTMLAttributes, ReactNode, Ref, TdHTMLAttributes } from "react";
+//#region src/Table/atoms/cells.d.ts
+export interface TableCellProps extends Omit<TdHTMLAttributes<HTMLTableCellElement>, 'align'> {
+  align?: TableColumnAlign;
+  appendNode?: ReactNode;
+  component?: TableCustomizeComponent;
+  ellipsis?: boolean | {
+    showTitle?: boolean;
+  };
+  fixEnd?: number;
+  fixStart?: number;
+  hovered?: boolean;
+  ref?: Ref<HTMLTableCellElement>;
+  rowType?: 'body' | 'header';
+  shadowEnd?: boolean;
+  shadowStart?: boolean;
+  sticky?: boolean;
+  zIndex?: number;
+  zIndexReverse?: number;
+}
+export declare const TableCell: ({ align, appendNode, children, className, colSpan, component, ellipsis, fixEnd, fixStart, hovered, rowSpan, rowType, shadowEnd, shadowStart, sticky, style, title, zIndex, zIndexReverse, ...rest }: TableCellProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export declare const TableHeaderCell: ({ component, ...props }: TableCellProps) => import("react").JSX.Element;
+export interface TableRowProps extends HTMLAttributes<HTMLTableRowElement> {
+  component?: TableCustomizeComponent;
+  level?: number;
+  ref?: Ref<HTMLTableRowElement>;
+  selected?: boolean;
+}
+export declare const TableRow: ({ className, component, level, selected, ...rest }: TableRowProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export interface TableExpandedRowProps {
+  cellComponent?: TableCustomizeComponent;
+  children?: ReactNode;
+  className?: string;
+  colSpan: number;
+  component?: TableCustomizeComponent;
+  expanded?: boolean;
+  fixed?: boolean;
+}
+export declare const TableExpandedRow: ({ cellComponent, children, className, colSpan, component, expanded, fixed }: TableExpandedRowProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+//#endregion
+//# sourceMappingURL=cells.d.mts.map

package/es/Table/atoms/cells.mjs

@@ -0,0 +1,72 @@
+"use client";
+import { PREFIX_CLS } from "../constants.mjs";
+import { createElement, isValidElement } from "react";
+import { jsx } from "react/jsx-runtime";
+import clsx$1 from "clsx";
+//#region src/Table/atoms/cells.tsx
+const CELL = `${PREFIX_CLS}-cell`;
+const getEllipsisTitle = (ellipsis, rowType, children) => {
+	const config = ellipsis === true ? { showTitle: true } : ellipsis;
+	if (!config || !(config.showTitle || rowType === "header")) return void 0;
+	if (typeof children === "string" || typeof children === "number") return String(children);
+	if (isValidElement(children)) {
+		const inner = children.props.children;
+		if (typeof inner === "string") return inner;
+	}
+};
+const TableCell = ({ align, appendNode, children, className, colSpan, component = "td", ellipsis, fixEnd, fixStart, hovered, rowSpan, rowType = "body", shadowEnd, shadowStart, sticky, style, title, zIndex, zIndexReverse, ...rest }) => {
+	const isFixStart = typeof fixStart === "number";
+	const isFixEnd = typeof fixEnd === "number";
+	const fixedStyle = {};
+	if (isFixStart) fixedStyle.insetInlineStart = fixStart;
+	if (isFixEnd) fixedStyle.insetInlineEnd = fixEnd;
+	if (isFixStart || isFixEnd) {
+		fixedStyle["--z-offset"] = zIndex;
+		fixedStyle["--z-offset-reverse"] = zIndexReverse;
+	}
+	const content = ellipsis && Boolean(isFixStart && shadowStart || isFixEnd && shadowEnd) ? /* @__PURE__ */ jsx("span", {
+		className: `${CELL}-content`,
+		children
+	}) : children;
+	return createElement(component, {
+		...rest,
+		className: clsx$1(CELL, className, (isFixStart || isFixEnd) && `${CELL}-fix`, isFixStart && `${CELL}-fix-start`, isFixEnd && `${CELL}-fix-end`, isFixStart && shadowStart && `${CELL}-fix-start-shadow`, isFixEnd && shadowEnd && `${CELL}-fix-end-shadow`, ellipsis && `${CELL}-ellipsis`, appendNode && `${CELL}-with-append`, (isFixStart || isFixEnd) && sticky && `${CELL}-fix-sticky`, hovered && `${CELL}-row-hover`),
+		colSpan: colSpan !== void 0 && colSpan !== 1 ? colSpan : void 0,
+		rowSpan: rowSpan !== void 0 && rowSpan !== 1 ? rowSpan : void 0,
+		style: {
+			...fixedStyle,
+			...align && { textAlign: align },
+			...style
+		},
+		title: title ?? getEllipsisTitle(ellipsis, rowType, children)
+	}, appendNode, content);
+};
+const TableHeaderCell = ({ component, ...props }) => /* @__PURE__ */ jsx(TableCell, {
+	rowType: "header",
+	...props,
+	component: component ?? "th"
+});
+const TableRow = ({ className, component = "tr", level, selected, ...rest }) => createElement(component, {
+	...rest,
+	className: clsx$1(level !== void 0 && `lobe-table-row`, level !== void 0 && `lobe-table-row-level-${level}`, selected && `lobe-table-row-selected`, className) || void 0
+});
+const TableExpandedRow = ({ cellComponent, children, className, colSpan, component = "tr", expanded = true, fixed }) => createElement(component, {
+	className,
+	style: { display: expanded ? void 0 : "none" }
+}, /* @__PURE__ */ jsx(TableCell, {
+	colSpan,
+	component: cellComponent,
+	children: fixed ? /* @__PURE__ */ jsx("div", {
+		className: `${PREFIX_CLS}-expanded-row-fixed`,
+		style: {
+			insetInlineStart: 0,
+			overflow: "hidden",
+			position: "sticky"
+		},
+		children
+	}) : children
+}));
+//#endregion
+export { TableCell, TableExpandedRow, TableHeaderCell, TableRow };
+
+//# sourceMappingURL=cells.mjs.map

package/es/Table/atoms/cells.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"cells.mjs","names":["clsx"],"sources":["../../../src/Table/atoms/cells.tsx"],"sourcesContent":["'use client';\n\nimport clsx from 'clsx';\nimport {\n  createElement,\n  type CSSProperties,\n  type HTMLAttributes,\n  isValidElement,\n  type ReactNode,\n  type Ref,\n  type TdHTMLAttributes,\n} from 'react';\n\nimport { PREFIX_CLS } from '../constants';\nimport type { TableColumnAlign, TableCustomizeComponent } from '../type';\n\nconst CELL = `${PREFIX_CLS}-cell`;\n\nexport interface TableCellProps extends Omit<TdHTMLAttributes<HTMLTableCellElement>, 'align'> {\n  align?: TableColumnAlign;\n  appendNode?: ReactNode;\n  component?: TableCustomizeComponent;\n  ellipsis?: boolean | { showTitle?: boolean };\n  fixEnd?: number;\n  fixStart?: number;\n  hovered?: boolean;\n  ref?: Ref<HTMLTableCellElement>;\n  rowType?: 'body' | 'header';\n  shadowEnd?: boolean;\n  shadowStart?: boolean;\n  sticky?: boolean;\n  zIndex?: number;\n  zIndexReverse?: number;\n}\n\nconst getEllipsisTitle = (\n  ellipsis: TableCellProps['ellipsis'],\n  rowType: TableCellProps['rowType'],\n  children: ReactNode,\n) => {\n  const config = ellipsis === true ? { showTitle: true } : ellipsis;\n  if (!config || !(config.showTitle || rowType === 'header')) return undefined;\n  if (typeof children === 'string' || typeof children === 'number') return String(children);\n  if (isValidElement<{ children?: unknown }>(children)) {\n    const inner = children.props.children;\n    if (typeof inner === 'string') return inner;\n  }\n  return undefined;\n};\n\nexport const TableCell = ({\n  align,\n  appendNode,\n  children,\n  className,\n  colSpan,\n  component = 'td',\n  ellipsis,\n  fixEnd,\n  fixStart,\n  hovered,\n  rowSpan,\n  rowType = 'body',\n  shadowEnd,\n  shadowStart,\n  sticky,\n  style,\n  title,\n  zIndex,\n  zIndexReverse,\n  ...rest\n}: TableCellProps) => {\n  const isFixStart = typeof fixStart === 'number';\n  const isFixEnd = typeof fixEnd === 'number';\n  const fixedStyle: CSSProperties & Record<string, unknown> = {};\n  if (isFixStart) fixedStyle.insetInlineStart = fixStart;\n  if (isFixEnd) fixedStyle.insetInlineEnd = fixEnd;\n  if (isFixStart || isFixEnd) {\n    fixedStyle['--z-offset'] = zIndex;\n    fixedStyle['--z-offset-reverse'] = zIndexReverse;\n  }\n  const withShadow = Boolean((isFixStart && shadowStart) || (isFixEnd && shadowEnd));\n  const content =\n    ellipsis && withShadow ? <span className={`${CELL}-content`}>{children}</span> : children;\n\n  return createElement(\n    component,\n    {\n      ...rest,\n      className: clsx(\n        CELL,\n        className,\n        (isFixStart || isFixEnd) && `${CELL}-fix`,\n        isFixStart && `${CELL}-fix-start`,\n        isFixEnd && `${CELL}-fix-end`,\n        isFixStart && shadowStart && `${CELL}-fix-start-shadow`,\n        isFixEnd && shadowEnd && `${CELL}-fix-end-shadow`,\n        ellipsis && `${CELL}-ellipsis`,\n        appendNode && `${CELL}-with-append`,\n        (isFixStart || isFixEnd) && sticky && `${CELL}-fix-sticky`,\n        hovered && `${CELL}-row-hover`,\n      ),\n      colSpan: colSpan !== undefined && colSpan !== 1 ? colSpan : undefined,\n      rowSpan: rowSpan !== undefined && rowSpan !== 1 ? rowSpan : undefined,\n      style: { ...fixedStyle, ...(align && { textAlign: align }), ...style },\n      title: title ?? getEllipsisTitle(ellipsis, rowType, children),\n    },\n    appendNode,\n    content,\n  );\n};\n\nexport const TableHeaderCell = ({ component, ...props }: TableCellProps) => (\n  <TableCell rowType=\"header\" {...props} component={component ?? 'th'} />\n);\n\nexport interface TableRowProps extends HTMLAttributes<HTMLTableRowElement> {\n  component?: TableCustomizeComponent;\n  level?: number;\n  ref?: Ref<HTMLTableRowElement>;\n  selected?: boolean;\n}\n\nexport const TableRow = ({\n  className,\n  component = 'tr',\n  level,\n  selected,\n  ...rest\n}: TableRowProps) =>\n  createElement(component, {\n    ...rest,\n    className:\n      clsx(\n        level !== undefined && `${PREFIX_CLS}-row`,\n        level !== undefined && `${PREFIX_CLS}-row-level-${level}`,\n        selected && `${PREFIX_CLS}-row-selected`,\n        className,\n      ) || undefined,\n  });\n\nexport interface TableExpandedRowProps {\n  cellComponent?: TableCustomizeComponent;\n  children?: ReactNode;\n  className?: string;\n  colSpan: number;\n  component?: TableCustomizeComponent;\n  expanded?: boolean;\n  fixed?: boolean;\n}\n\nexport const TableExpandedRow = ({\n  cellComponent,\n  children,\n  className,\n  colSpan,\n  component = 'tr',\n  expanded = true,\n  fixed,\n}: TableExpandedRowProps) =>\n  createElement(\n    component,\n    { className, style: { display: expanded ? undefined : 'none' } },\n    <TableCell colSpan={colSpan} component={cellComponent}>\n      {fixed ? (\n        <div\n          className={`${PREFIX_CLS}-expanded-row-fixed`}\n          style={{ insetInlineStart: 0, overflow: 'hidden', position: 'sticky' }}\n        >\n          {children}\n        </div>\n      ) : (\n        children\n      )}\n    </TableCell>,\n  );\n"],"mappings":";;;;;;AAgBA,MAAM,OAAO,GAAG,WAAW;AAmB3B,MAAM,oBACJ,UACA,SACA,aACG;CACH,MAAM,SAAS,aAAa,OAAO,EAAE,WAAW,KAAK,IAAI;CACzD,IAAI,CAAC,UAAU,EAAE,OAAO,aAAa,YAAY,WAAW,OAAO,KAAA;CACnE,IAAI,OAAO,aAAa,YAAY,OAAO,aAAa,UAAU,OAAO,OAAO,QAAQ;CACxF,IAAI,eAAuC,QAAQ,GAAG;EACpD,MAAM,QAAQ,SAAS,MAAM;EAC7B,IAAI,OAAO,UAAU,UAAU,OAAO;CACxC;AAEF;AAEA,MAAa,aAAa,EACxB,OACA,YACA,UACA,WACA,SACA,YAAY,MACZ,UACA,QACA,UACA,SACA,SACA,UAAU,QACV,WACA,aACA,QACA,OACA,OACA,QACA,eACA,GAAG,WACiB;CACpB,MAAM,aAAa,OAAO,aAAa;CACvC,MAAM,WAAW,OAAO,WAAW;CACnC,MAAM,aAAsD,CAAC;CAC7D,IAAI,YAAY,WAAW,mBAAmB;CAC9C,IAAI,UAAU,WAAW,iBAAiB;CAC1C,IAAI,cAAc,UAAU;EAC1B,WAAW,gBAAgB;EAC3B,WAAW,wBAAwB;CACrC;CAEA,MAAM,UACJ,YAFiB,QAAS,cAAc,eAAiB,YAAY,SAEhD,IAAI,oBAAC,QAAD;EAAM,WAAW,GAAG,KAAK;EAAY;CAAe,CAAA,IAAI;CAEnF,OAAO,cACL,WACA;EACE,GAAG;EACH,WAAWA,OACT,MACA,YACC,cAAc,aAAa,GAAG,KAAK,OACpC,cAAc,GAAG,KAAK,aACtB,YAAY,GAAG,KAAK,WACpB,cAAc,eAAe,GAAG,KAAK,oBACrC,YAAY,aAAa,GAAG,KAAK,kBACjC,YAAY,GAAG,KAAK,YACpB,cAAc,GAAG,KAAK,gBACrB,cAAc,aAAa,UAAU,GAAG,KAAK,cAC9C,WAAW,GAAG,KAAK,WACrB;EACA,SAAS,YAAY,KAAA,KAAa,YAAY,IAAI,UAAU,KAAA;EAC5D,SAAS,YAAY,KAAA,KAAa,YAAY,IAAI,UAAU,KAAA;EAC5D,OAAO;GAAE,GAAG;GAAY,GAAI,SAAS,EAAE,WAAW,MAAM;GAAI,GAAG;EAAM;EACrE,OAAO,SAAS,iBAAiB,UAAU,SAAS,QAAQ;CAC9D,GACA,YACA,OACF;AACF;AAEA,MAAa,mBAAmB,EAAE,WAAW,GAAG,YAC9C,oBAAC,WAAD;CAAW,SAAQ;CAAS,GAAI;CAAO,WAAW,aAAa;AAAO,CAAA;AAUxE,MAAa,YAAY,EACvB,WACA,YAAY,MACZ,OACA,UACA,GAAG,WAEH,cAAc,WAAW;CACvB,GAAG;CACH,WACEA,OACE,UAAU,KAAA,KAAa,kBACvB,UAAU,KAAA,KAAa,wBAA2B,SAClD,YAAY,2BACZ,SACF,KAAK,KAAA;AACT,CAAC;AAYH,MAAa,oBAAoB,EAC/B,eACA,UACA,WACA,SACA,YAAY,MACZ,WAAW,MACX,YAEA,cACE,WACA;CAAE;CAAW,OAAO,EAAE,SAAS,WAAW,KAAA,IAAY,OAAO;AAAE,GAC/D,oBAAC,WAAD;CAAoB;CAAS,WAAW;CACrC,UAAA,QACC,oBAAC,OAAD;EACE,WAAW,GAAG,WAAW;EACzB,OAAO;GAAE,kBAAkB;GAAG,UAAU;GAAU,UAAU;EAAS;EAEpE;CACE,CAAA,IAEL;AAEO,CAAA,CACb"}

package/es/Table/atoms/index.d.mts

@@ -0,0 +1,3 @@
+import { TableCell, TableCellProps, TableExpandedRow, TableExpandedRowProps, TableHeaderCell, TableRow, TableRowProps } from "./cells.mjs";
+import { TableBody, TableColGroup, TableColGroupColumn, TableColGroupProps, TableContainer, TableElement, TableElementProps, TableFooter, TableHeader, TablePartProps, TableRoot, TableRootProps, TableScroll, TableScrollProps, TableSectionProps, TableSummaryFoot, TableTitle } from "./layout.mjs";
+export { TableBody, TableCell, type TableCellProps, TableColGroup, type TableColGroupColumn, type TableColGroupProps, TableContainer, TableElement, type TableElementProps, TableExpandedRow, type TableExpandedRowProps, TableFooter, TableHeader, TableHeaderCell, type TablePartProps, TableRoot, type TableRootProps, TableRow, type TableRowProps, TableScroll, type TableScrollProps, type TableSectionProps, TableSummaryFoot, TableTitle };