@ultraviolet/ui 3.21.1 → 3.22.0

package/dist/components/Table/HeaderRow.js

@@ -1,41 +1,44 @@
 'use client';
 import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
 import { Checkbox, init_Checkbox } from "../Checkbox/index.js";
-import { HeaderCell, init_HeaderCell } from "./HeaderCell.js";
-import { init_constants } from "./constants.js";
 import { init_TableContext, useTableContext } from "./TableContext.js";
+import { HeaderCell, init_HeaderCell } from "./HeaderCell.js";
+import { SELECTABLE_CHECKBOX_SIZE, init_constants } from "./constants.js";
 import { useTheme } from "@ultraviolet/themes";
 import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/Table/HeaderRow.tsx
 var HeaderRow;
-var init_HeaderRow = __esmMin(() => {
-	init_Checkbox();
-	init_constants();
-	init_HeaderCell();
-	init_TableContext();
-	HeaderRow = ({ children, hasSelectAllColumn }) => {
-		const { allRowSelectValue, selectAllHandler, selectedRowIds, expandButton } = useTableContext();
-		const theme = useTheme();
-		const selectableRowCount = Object.keys(selectedRowIds).length;
-		return /* @__PURE__ */ jsxs("tr", { children: [
-			hasSelectAllColumn ? /* @__PURE__ */ jsx(HeaderCell, {
-				isCheckbox: true,
-				maxWidth: theme.sizing["500"],
-				children: /* @__PURE__ */ jsx(Checkbox, {
-					"aria-label": "select all",
-					checked: allRowSelectValue,
-					disabled: selectableRowCount === 0,
-					name: "table-select-all-checkbox",
-					onChange: selectAllHandler,
-					value: "all"
-				})
-			}) : null,
-			expandButton ? /* @__PURE__ */ jsx(HeaderCell, { children: null }) : null,
-			children
-		] });
-	};
-});
+function init_HeaderRow() {
+	return (init_HeaderRow = __esmMin(() => {
+		init_Checkbox();
+		init_constants();
+		init_HeaderCell();
+		init_TableContext();
+		HeaderRow = ({ children, hasSelectAllColumn }) => {
+			const { allRowSelectValue, selectAllHandler, selectedRowIds, expandButton } = useTableContext();
+			const theme = useTheme();
+			const { size } = useTableContext();
+			const selectableRowCount = Object.keys(selectedRowIds).length;
+			return /* @__PURE__ */ jsxs("tr", { children: [
+				hasSelectAllColumn ? /* @__PURE__ */ jsx(HeaderCell, {
+					isCheckbox: true,
+					maxWidth: theme.sizing[SELECTABLE_CHECKBOX_SIZE[size]],
+					children: /* @__PURE__ */ jsx(Checkbox, {
+						"aria-label": "select all",
+						checked: allRowSelectValue,
+						disabled: selectableRowCount === 0,
+						name: "table-select-all-checkbox",
+						onChange: selectAllHandler,
+						value: "all"
+					})
+				}) : null,
+				expandButton ? /* @__PURE__ */ jsx(HeaderCell, { children: null }) : null,
+				children
+			] });
+		};
+	}))();
+}
 
 //#endregion
 init_HeaderRow();

package/dist/components/Table/Row.js

@@ -6,8 +6,8 @@ import { Checkbox, init_Checkbox } from "../Checkbox/index.js";
 import { init_styles_css, listStyle } from "../List/styles.css.js";
 import { init_styles_css as init_styles_css$1, tableStyle } from "./styles.css.js";
 import { ColumnProvider, init_ColumnProvider } from "../List/ColumnProvider.js";
-import { Cell, init_Cell } from "./Cell.js";
 import { init_TableContext, useTableContext } from "./TableContext.js";
+import { Cell, init_Cell } from "./Cell.js";
 import { Children, useCallback, useEffect, useRef } from "react";
 import { theme } from "@ultraviolet/themes";
 import { cn } from "@ultraviolet/utils";
@@ -17,60 +17,59 @@ import { ArrowUpIcon } from "@ultraviolet/icons/ArrowUpIcon";
 
 //#region src/components/Table/Row.tsx
 var Row;
-var init_Row = __esmMin(() => {
-	init_Button();
-	init_Checkbox();
-	init_ColumnProvider();
-	init_Tooltip();
-	init_Cell();
-	init_TableContext();
-	init_styles_css();
-	init_styles_css$1();
-	Row = ({ children, className, id, selectDisabled, highlightAnimation, expandable, expanded, style, "data-testid": dataTestid }) => {
-		const { selectable, registerExpandableRow, expandedRowIds, expandRow, collapseRow, registerSelectableRow, selectedRowIds, expandButton, inRange, columns, refList, setRefList, handleOnChange } = useTableContext();
-		const checkboxRowRef = useRef(null);
-		const hasExpandable = !!expandable;
-		useEffect(() => {
-			if (hasExpandable) return registerExpandableRow(id, expanded);
-		}, [
-			id,
-			hasExpandable,
-			registerExpandableRow,
-			expanded,
-			expandRow
-		]);
-		useEffect(() => {
-			if (!selectDisabled) return registerSelectableRow(id);
-		}, [
-			id,
-			registerSelectableRow,
-			selectDisabled
-		]);
-		const toggleRowExpand = useCallback(() => {
-			if (expandedRowIds[id]) collapseRow(id);
-			else expandRow(id);
-		}, [
-			collapseRow,
-			expandRow,
-			expandedRowIds,
-			id
-		]);
-		const canClickRowToExpand = hasExpandable && !expandButton;
-		const childrenLength = Children.count(children) + (selectable ? 1 : 0) + (expandButton ? 1 : 0);
-		useEffect(() => {
-			if (refList && checkboxRowRef.current !== null && !refList.includes(checkboxRowRef)) setRefList([...refList, checkboxRowRef]);
-		}, [refList, setRefList]);
-		return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs("tr", {
-			className: cn(className, highlightAnimation ? tableStyle.trAnimation : "", tableStyle.row),
-			"data-testid": dataTestid,
-			role: canClickRowToExpand ? "button row" : "row",
-			style,
-			children: [
-				selectable ? /* @__PURE__ */ jsx(ColumnProvider, {
-					width: theme.sizing[300],
-					children: /* @__PURE__ */ jsx(Cell, {
-						className: listStyle.noPaddingCell,
-						children: /* @__PURE__ */ jsx("div", {
+function init_Row() {
+	return (init_Row = __esmMin(() => {
+		init_Button();
+		init_Checkbox();
+		init_ColumnProvider();
+		init_Tooltip();
+		init_Cell();
+		init_TableContext();
+		init_styles_css();
+		init_styles_css$1();
+		Row = ({ children, className, id, selectDisabled, highlightAnimation, expandable, expanded, style, "data-testid": dataTestid }) => {
+			const { selectable, registerExpandableRow, expandedRowIds, expandRow, collapseRow, registerSelectableRow, selectedRowIds, expandButton, inRange, columns, refList, setRefList, handleOnChange } = useTableContext();
+			const checkboxRowRef = useRef(null);
+			const hasExpandable = !!expandable;
+			useEffect(() => {
+				if (hasExpandable) return registerExpandableRow(id, expanded);
+			}, [
+				id,
+				hasExpandable,
+				registerExpandableRow,
+				expanded,
+				expandRow
+			]);
+			useEffect(() => {
+				if (!selectDisabled) return registerSelectableRow(id);
+			}, [
+				id,
+				registerSelectableRow,
+				selectDisabled
+			]);
+			const toggleRowExpand = useCallback(() => {
+				if (expandedRowIds[id]) collapseRow(id);
+				else expandRow(id);
+			}, [
+				collapseRow,
+				expandRow,
+				expandedRowIds,
+				id
+			]);
+			const canClickRowToExpand = hasExpandable && !expandButton;
+			const childrenLength = Children.count(children) + (selectable ? 1 : 0) + (expandButton ? 1 : 0);
+			useEffect(() => {
+				if (refList && checkboxRowRef.current !== null && !refList.includes(checkboxRowRef)) setRefList([...refList, checkboxRowRef]);
+			}, [refList, setRefList]);
+			return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs("tr", {
+				className: cn(className, highlightAnimation ? tableStyle.trAnimation : "", tableStyle.row),
+				"data-testid": dataTestid,
+				role: canClickRowToExpand ? "button row" : "row",
+				style,
+				children: [
+					selectable ? /* @__PURE__ */ jsx(ColumnProvider, {
+						width: theme.sizing[300],
+						children: /* @__PURE__ */ jsx(Cell, { children: /* @__PURE__ */ jsx("div", {
 							className: tableStyle.checkboxContainer,
 							children: /* @__PURE__ */ jsx(Tooltip, {
 								text: typeof selectDisabled === "string" ? selectDisabled : void 0,
@@ -88,14 +87,11 @@ var init_Row = __esmMin(() => {
 									value: id
 								})
 							})
-						})
-					})
-				}) : null,
-				expandButton ? /* @__PURE__ */ jsx(ColumnProvider, {
-					width: theme.sizing[300],
-					children: /* @__PURE__ */ jsx(Cell, {
-						className: listStyle.noPaddingCell,
-						children: /* @__PURE__ */ jsx(Button, {
+						}) })
+					}) : null,
+					expandButton ? /* @__PURE__ */ jsx(ColumnProvider, {
+						width: theme.sizing[300],
+						children: /* @__PURE__ */ jsx(Cell, { children: /* @__PURE__ */ jsx(Button, {
 							"aria-label": "expand",
 							"data-testid": "list-expand-button",
 							disabled: !expandable,
@@ -104,36 +100,36 @@ var init_Row = __esmMin(() => {
 							size: "xsmall",
 							variant: "ghost",
 							children: expandedRowIds[id] ? /* @__PURE__ */ jsx(ArrowUpIcon, {}) : /* @__PURE__ */ jsx(ArrowDownIcon, {})
-						})
+						}) })
+					}) : null,
+					Children.map(children, (child, index) => {
+						const column = columns[index];
+						return /* @__PURE__ */ jsx(ColumnProvider, {
+							maxWidth: column === null || column === void 0 ? void 0 : column.maxWidth,
+							minWidth: column === null || column === void 0 ? void 0 : column.minWidth,
+							width: column === null || column === void 0 ? void 0 : column.width,
+							children: child
+						});
 					})
-				}) : null,
-				Children.map(children, (child, index) => {
-					const column = columns[index];
-					return /* @__PURE__ */ jsx(ColumnProvider, {
-						maxWidth: column === null || column === void 0 ? void 0 : column.maxWidth,
-						minWidth: column === null || column === void 0 ? void 0 : column.minWidth,
-						width: column === null || column === void 0 ? void 0 : column.width,
-						children: child
-					});
+				]
+			}), expandable && expandedRowIds[id] ? /* @__PURE__ */ jsx("tr", {
+				className: tableStyle.expandableWrapper,
+				"data-expandable-content": true,
+				onClick: canClickRowToExpand ? (e) => {
+					e.stopPropagation();
+				} : void 0,
+				onKeyDown: canClickRowToExpand ? (e) => {
+					e.stopPropagation();
+				} : void 0,
+				children: /* @__PURE__ */ jsx(Cell, {
+					colSpan: childrenLength,
+					children: expandable
 				})
-			]
-		}), expandable && expandedRowIds[id] ? /* @__PURE__ */ jsx("tr", {
-			className: tableStyle.expandableWrapper,
-			"data-expandable-content": true,
-			onClick: canClickRowToExpand ? (e) => {
-				e.stopPropagation();
-			} : void 0,
-			onKeyDown: canClickRowToExpand ? (e) => {
-				e.stopPropagation();
-			} : void 0,
-			children: /* @__PURE__ */ jsx(Cell, {
-				colSpan: childrenLength,
-				children: expandable
-			})
-		}) : null] });
-	};
-	Row.displayName = "Table.Row";
-});
+			}) : null] });
+		};
+		Row.displayName = "Table.Row";
+	}))();
+}
 
 //#endregion
 init_Row();

package/dist/components/Table/SelectBar.js

@@ -8,35 +8,37 @@ import { jsx } from "react/jsx-runtime";
 
 //#region src/components/Table/SelectBar.tsx
 var SelectBar;
-var init_SelectBar = __esmMin(() => {
-	init_ActionBar();
-	init_Stack();
-	init_TableContext();
-	SelectBar = ({ children, data, idKey, className }) => {
-		const { selectedRowIds, unselectAll } = useTableContext();
-		const selectedItems = useMemo(() => data.filter((item) => selectedRowIds[item[idKey]]), [
-			data,
-			idKey,
-			selectedRowIds
-		]);
-		if (selectedItems.length === 0) return null;
-		return /* @__PURE__ */ jsx(ActionBar, {
-			className,
-			children: /* @__PURE__ */ jsx(Stack, {
-				alignItems: "center",
-				direction: "row",
-				flex: "1 1 auto",
-				justifyContent: "space-between",
-				width: "100%",
-				children: children({
-					selectedItems,
-					unselectAll
+function init_SelectBar() {
+	return (init_SelectBar = __esmMin(() => {
+		init_ActionBar();
+		init_Stack();
+		init_TableContext();
+		SelectBar = ({ children, data, idKey, className }) => {
+			const { selectedRowIds, unselectAll } = useTableContext();
+			const selectedItems = useMemo(() => data.filter((item) => selectedRowIds[item[idKey]]), [
+				data,
+				idKey,
+				selectedRowIds
+			]);
+			if (selectedItems.length === 0) return null;
+			return /* @__PURE__ */ jsx(ActionBar, {
+				className,
+				children: /* @__PURE__ */ jsx(Stack, {
+					alignItems: "center",
+					direction: "row",
+					flex: "1 1 auto",
+					justifyContent: "space-between",
+					width: "100%",
+					children: children({
+						selectedItems,
+						unselectAll
+					})
 				})
-			})
-		});
-	};
-	SelectBar.displayName = "Table.SelectBar";
-});
+			});
+		};
+		SelectBar.displayName = "Table.SelectBar";
+	}))();
+}
 
 //#endregion
 init_SelectBar();

package/dist/components/Table/SkeletonRows.js

@@ -7,23 +7,25 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/Table/SkeletonRows.tsx
 var SkeletonRows;
-var init_SkeletonRows = __esmMin(() => {
-	init_Skeleton();
-	init_Cell();
-	init_styles_css();
-	SkeletonRows = ({ selectable, rows, cols }) => {
-		const rowArray = Array.from({ length: rows }, (_, index) => index);
-		const colArray = Array.from({ length: cols }, (_, index) => index);
-		return /* @__PURE__ */ jsx(Fragment, { children: rowArray.map((index) => /* @__PURE__ */ jsxs("tr", {
-			className: tableStyle.skeletonRow,
-			id: `skeleton-${index}`,
-			children: [selectable ? /* @__PURE__ */ jsx(Cell, {}) : null, colArray.map((columnIndex) => /* @__PURE__ */ jsx(Cell, { children: /* @__PURE__ */ jsx(Skeleton, {
-				className: tableStyle.skeleton,
-				variant: "line"
-			}) }, columnIndex))]
-		}, index)) });
-	};
-});
+function init_SkeletonRows() {
+	return (init_SkeletonRows = __esmMin(() => {
+		init_Skeleton();
+		init_Cell();
+		init_styles_css();
+		SkeletonRows = ({ selectable, rows, cols }) => {
+			const rowArray = Array.from({ length: rows }, (_, index) => index);
+			const colArray = Array.from({ length: cols }, (_, index) => index);
+			return /* @__PURE__ */ jsx(Fragment, { children: rowArray.map((index) => /* @__PURE__ */ jsxs("tr", {
+				className: tableStyle.skeletonRow,
+				id: `skeleton-${index}`,
+				children: [selectable ? /* @__PURE__ */ jsx(Cell, {}) : null, colArray.map((columnIndex) => /* @__PURE__ */ jsx(Cell, { children: /* @__PURE__ */ jsx(Skeleton, {
+					className: tableStyle.skeleton,
+					variant: "line"
+				}) }, columnIndex))]
+			}, index)) });
+		};
+	}))();
+}
 
 //#endregion
 init_SkeletonRows();

package/dist/components/Table/SortIcon.js

@@ -6,13 +6,15 @@ import { SouthShortIcon } from "@ultraviolet/icons/SouthShortIcon";
 
 //#region src/components/Table/SortIcon.tsx
 var SortIcon$1;
-var init_SortIcon = __esmMin(() => {
-	init_styles_css();
-	SortIcon$1 = /* @__PURE__ */ __name(({ order }) => order ? /* @__PURE__ */ jsx(SouthShortIcon, {
-		className: listStyle.sortIcon[order],
-		sentiment: "primary"
-	}) : /* @__PURE__ */ jsx(SortIcon, { sentiment: "neutral" }), "SortIcon");
-});
+function init_SortIcon() {
+	return (init_SortIcon = __esmMin(() => {
+		init_styles_css();
+		SortIcon$1 = /* @__PURE__ */ __name(({ order }) => order ? /* @__PURE__ */ jsx(SouthShortIcon, {
+			className: listStyle.sortIcon[order],
+			sentiment: "primary"
+		}) : /* @__PURE__ */ jsx(SortIcon, { sentiment: "neutral" }), "SortIcon");
+	}))();
+}
 
 //#endregion
 init_SortIcon();

package/dist/components/Table/TableContainer.js

@@ -7,24 +7,26 @@ import { jsx } from "react/jsx-runtime";
 
 //#region src/components/Table/TableContainer.tsx
 var TableContainer;
-var init_TableContainer = __esmMin(() => {
-	init_ListContext();
-	init_styles_css();
-	TableContainer = ({ children }) => {
-		const [childrenMemory, setChildrenMemory] = useState(Children.toArray(children));
-		const { setRefList } = useListContext();
-		useEffect(() => {
-			if (Children.toArray(children) !== childrenMemory) {
-				setRefList([]);
-				setChildrenMemory(Children.toArray(children));
-			}
-		}, [children, setRefList]);
-		return /* @__PURE__ */ jsx("div", {
-			className: listStyle.container,
-			children
-		});
-	};
-});
+function init_TableContainer() {
+	return (init_TableContainer = __esmMin(() => {
+		init_ListContext();
+		init_styles_css();
+		TableContainer = ({ children }) => {
+			const [childrenMemory, setChildrenMemory] = useState(Children.toArray(children));
+			const { setRefList } = useListContext();
+			useEffect(() => {
+				if (Children.toArray(children) !== childrenMemory) {
+					setRefList([]);
+					setChildrenMemory(Children.toArray(children));
+				}
+			}, [children, setRefList]);
+			return /* @__PURE__ */ jsx("div", {
+				className: listStyle.container,
+				children
+			});
+		};
+	}))();
+}
 
 //#endregion
 init_TableContainer();

package/dist/components/Table/TableContext.d.ts

@@ -3,11 +3,13 @@ import type { ColumnProps } from './types';
 type TableContextValue = Omit<ListContextValue, 'columns'> & {
     stripped: boolean;
     columns: ColumnProps[];
+    size: 'small' | 'medium' | 'large';
 };
 export type TableProviderProps = Omit<ListProviderProps, 'columns'> & {
     stripped: boolean;
     bordered: boolean;
     columns: ColumnProps[];
+    size?: 'small' | 'medium' | 'large';
 };
 export declare const TableProvider: ({ children, bordered, stripped, columns, ...props }: TableProviderProps) => import("react").JSX.Element;
 export declare const useTableContext: () => TableContextValue;

package/dist/components/Table/TableContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TableContext.d.ts","sourceRoot":"","sources":["../../../src/components/Table/TableContext.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AAC9E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAE1C,KAAK,iBAAiB,GAAG,IAAI,CAAC,gBAAgB,EAAE,SAAS,CAAC,GAAG;IAC3D,QAAQ,EAAE,OAAO,CAAA;IACjB,OAAO,EAAE,WAAW,EAAE,CAAA;CACvB,CAAA;AAID,MAAM,MAAM,kBAAkB,GAAG,IAAI,CAAC,iBAAiB,EAAE,SAAS,CAAC,GAAG;IACpE,QAAQ,EAAE,OAAO,CAAA;IACjB,QAAQ,EAAE,OAAO,CAAA;IACjB,OAAO,EAAE,WAAW,EAAE,CAAA;CACvB,CAAA;AAsBD,eAAO,MAAM,aAAa,wDAAyD,kBAAkB,gCAMpG,CAAA;AAED,eAAO,MAAM,eAAe,yBAO3B,CAAA"}
+{"version":3,"file":"TableContext.d.ts","sourceRoot":"","sources":["../../../src/components/Table/TableContext.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AAC9E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAE1C,KAAK,iBAAiB,GAAG,IAAI,CAAC,gBAAgB,EAAE,SAAS,CAAC,GAAG;IAC3D,QAAQ,EAAE,OAAO,CAAA;IACjB,OAAO,EAAE,WAAW,EAAE,CAAA;IACtB,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;CACnC,CAAA;AAID,MAAM,MAAM,kBAAkB,GAAG,IAAI,CAAC,iBAAiB,EAAE,SAAS,CAAC,GAAG;IACpE,QAAQ,EAAE,OAAO,CAAA;IACjB,QAAQ,EAAE,OAAO,CAAA;IACjB,OAAO,EAAE,WAAW,EAAE,CAAA;IACtB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;CACpC,CAAA;AAuBD,eAAO,MAAM,aAAa,wDAAyD,kBAAkB,gCAMpG,CAAA;AAED,eAAO,MAAM,eAAe,yBAO3B,CAAA"}

package/dist/components/Table/TableContext.js

@@ -1,59 +1,63 @@
 'use client';
 import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
-import _objectSpread2, { init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/objectSpread2.js";
-import _objectWithoutProperties, { init_objectWithoutProperties } from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/objectWithoutProperties.js";
+import _objectSpread2, { init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
+import _objectWithoutProperties, { init_objectWithoutProperties } from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectWithoutProperties.js";
 import { ListProvider, init_ListContext, useListContext } from "../List/ListContext.js";
 import { createContext, useContext, useEffect, useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/components/Table/TableContext.tsx
 var _excluded, _excluded2, TableContext, Provider, TableProvider, useTableContext;
-var init_TableContext = __esmMin(() => {
-	init_ListContext();
-	init_objectWithoutProperties();
-	init_objectSpread2();
-	_excluded = ["subscribeHandler"];
-	_excluded2 = [
-		"children",
-		"bordered",
-		"stripped",
-		"columns"
-	];
-	TableContext = createContext(void 0);
-	Provider = ({ children, bordered, stripped, columns }) => {
-		const _useListContext = useListContext(), { subscribeHandler } = _useListContext, listContext = _objectWithoutProperties(_useListContext, _excluded);
-		useEffect(subscribeHandler, [subscribeHandler]);
-		const value = useMemo(() => _objectSpread2(_objectSpread2({}, listContext), {}, {
-			bordered,
-			columns,
-			stripped,
-			subscribeHandler
-		}), [
-			bordered,
-			columns,
-			stripped,
-			subscribeHandler,
-			listContext
-		]);
-		return /* @__PURE__ */ jsx(TableContext.Provider, {
-			value,
-			children
-		});
-	};
-	TableProvider = (_ref) => {
-		let { children, bordered, stripped, columns } = _ref, props = _objectWithoutProperties(_ref, _excluded2);
-		return /* @__PURE__ */ jsx(ListProvider, _objectSpread2(_objectSpread2({ columns: [] }, props), {}, { children: /* @__PURE__ */ jsx(Provider, _objectSpread2(_objectSpread2({
-			bordered,
-			columns,
-			stripped
-		}, props), {}, { children })) }));
-	};
-	useTableContext = () => {
-		const context = useContext(TableContext);
-		if (!context) throw new Error("useTableContext should be used inside a Table component");
-		return context;
-	};
-});
+function init_TableContext() {
+	return (init_TableContext = __esmMin(() => {
+		init_ListContext();
+		init_objectWithoutProperties();
+		init_objectSpread2();
+		_excluded = ["subscribeHandler"];
+		_excluded2 = [
+			"children",
+			"bordered",
+			"stripped",
+			"columns"
+		];
+		TableContext = createContext(void 0);
+		Provider = ({ children, bordered, stripped, columns, size = "medium" }) => {
+			const _useListContext = useListContext(), { subscribeHandler } = _useListContext, listContext = _objectWithoutProperties(_useListContext, _excluded);
+			useEffect(subscribeHandler, [subscribeHandler]);
+			const value = useMemo(() => _objectSpread2(_objectSpread2({}, listContext), {}, {
+				bordered,
+				columns,
+				stripped,
+				subscribeHandler,
+				size
+			}), [
+				bordered,
+				columns,
+				stripped,
+				subscribeHandler,
+				listContext,
+				size
+			]);
+			return /* @__PURE__ */ jsx(TableContext.Provider, {
+				value,
+				children
+			});
+		};
+		TableProvider = (_ref) => {
+			let { children, bordered, stripped, columns } = _ref, props = _objectWithoutProperties(_ref, _excluded2);
+			return /* @__PURE__ */ jsx(ListProvider, _objectSpread2(_objectSpread2({ columns: [] }, props), {}, { children: /* @__PURE__ */ jsx(Provider, _objectSpread2(_objectSpread2({
+				bordered,
+				columns,
+				stripped
+			}, props), {}, { children })) }));
+		};
+		useTableContext = () => {
+			const context = useContext(TableContext);
+			if (!context) throw new Error("useTableContext should be used inside a Table component");
+			return context;
+		};
+	}))();
+}
 
 //#endregion
 init_TableContext();

package/dist/components/Table/constants.d.ts

@@ -1,3 +1,11 @@
-export declare const SELECTABLE_CHECKBOX_SIZE = "500";
-export declare const EXPANDABLE_COLUMN_SIZE = "500";
+export declare const SELECTABLE_CHECKBOX_SIZE: {
+    readonly small: '400';
+    readonly medium: '500';
+    readonly large: '700';
+};
+export declare const EXPANDABLE_COLUMN_SIZE: {
+    readonly small: '400';
+    readonly medium: '500';
+    readonly large: '700';
+};
 //# sourceMappingURL=constants.d.ts.map

package/dist/components/Table/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/components/Table/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,wBAAwB,QAAQ,CAAA;AAC7C,eAAO,MAAM,sBAAsB,QAAQ,CAAA"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/components/Table/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,wBAAwB;aACnC,KAAK,EAAE,KAAK;aACZ,MAAM,EAAE,KAAK;aACb,KAAK,EAAE,KAAK;CACJ,CAAA;AAEV,eAAO,MAAM,sBAAsB;aACjC,KAAK,EAAE,KAAK;aACZ,MAAM,EAAE,KAAK;aACb,KAAK,EAAE,KAAK;CACJ,CAAA"}

package/dist/components/Table/constants.js

@@ -1,8 +1,17 @@
 import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
 
 //#region src/components/Table/constants.ts
-var init_constants = __esmMin(() => {});
+var SELECTABLE_CHECKBOX_SIZE;
+function init_constants() {
+	return (init_constants = __esmMin(() => {
+		SELECTABLE_CHECKBOX_SIZE = {
+			small: "400",
+			medium: "500",
+			large: "700"
+		};
+	}))();
+}
 
 //#endregion
 init_constants();
-export { init_constants };
+export { SELECTABLE_CHECKBOX_SIZE, init_constants };