@soroush.tech/design-system 0.1.0

package/dist/Table/TablePaginationActions.mjs

@@ -0,0 +1,63 @@
+import { d as styled, u as useTheme } from "../src-DcNT2aIK.mjs";
+import { t as themeDefault } from "../themeDefault-CjXaY3ok.mjs";
+import { PaginationItem } from "../Pagination/PaginationItem.mjs";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/Table/TablePaginationActions/TablePaginationActions.tsx
+const ActionsRoot = styled("div", {
+	name: "TablePaginationActions",
+	label: "TablePaginationActions"
+})({
+	display: "inline-flex",
+	alignItems: "center",
+	gap: "0.25rem",
+	flexShrink: 0
+});
+/**
+* The first / previous / next / last button cluster inside `TablePagination`.
+* Composes `PaginationItem`'s nav types; boundary state is derived from
+* `count` / `page` / `rowsPerPage`.
+*/
+function TablePaginationActions({ count, page, rowsPerPage, onPageChange, getItemAriaLabel, disabled = false, shouldShowFirstButton = false, shouldShowLastButton = false, size: sizeProp, ...rest }) {
+	const theme = useTheme();
+	const size = sizeProp ?? themeDefault(theme, "compactSize", "sm");
+	const lastPage = rowsPerPage === -1 ? 0 : Math.max(0, Math.ceil(count / rowsPerPage) - 1);
+	const isBackwardDisabled = disabled || page <= 0;
+	const isNextDisabled = disabled || count !== -1 && page >= lastPage;
+	const isLastDisabled = disabled || count === -1 || page >= lastPage;
+	return /* @__PURE__ */ jsxs(ActionsRoot, {
+		...rest,
+		children: [
+			shouldShowFirstButton && /* @__PURE__ */ jsx(PaginationItem, {
+				type: "first",
+				size,
+				disabled: isBackwardDisabled,
+				onClick: () => onPageChange(0),
+				"aria-label": getItemAriaLabel("first")
+			}),
+			/* @__PURE__ */ jsx(PaginationItem, {
+				type: "previous",
+				size,
+				disabled: isBackwardDisabled,
+				onClick: () => onPageChange(page - 1),
+				"aria-label": getItemAriaLabel("previous")
+			}),
+			/* @__PURE__ */ jsx(PaginationItem, {
+				type: "next",
+				size,
+				disabled: isNextDisabled,
+				onClick: () => onPageChange(page + 1),
+				"aria-label": getItemAriaLabel("next")
+			}),
+			shouldShowLastButton && /* @__PURE__ */ jsx(PaginationItem, {
+				type: "last",
+				size,
+				disabled: isLastDisabled,
+				onClick: () => onPageChange(lastPage),
+				"aria-label": getItemAriaLabel("last")
+			})
+		]
+	});
+}
+//#endregion
+export { TablePaginationActions };

package/dist/Table/TableRow.cjs

@@ -0,0 +1,56 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_src = require("../src-BiocWFSR.cjs");
+const require_themeDefault = require("../themeDefault-B-QjpGEO.cjs");
+const require_TableContext = require("../TableContext-qqp35o8z.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let _soroush_tech_styled_system_should_forward_prop = require("@soroush.tech/styled-system/should-forward-prop");
+//#region src/Table/TableRow/TableRow.tsx
+const shouldForwardProp = (0, _soroush_tech_styled_system_should_forward_prop.createShouldForwardProp)([
+	..._soroush_tech_styled_system_should_forward_prop.props,
+	"isHoverable",
+	"isSelected"
+]);
+const colorSystem = (0, require_src.src_exports.system)({
+	bg: {
+		property: "backgroundColor",
+		scale: "background"
+	},
+	borderColor: {
+		property: "borderColor",
+		scale: "border"
+	}
+});
+const hoverStyle = ({ isHoverable, color, theme }) => {
+	const c = theme.palette[color ?? require_themeDefault.themeDefault(theme, "color", "primary")];
+	return isHoverable ? { "&:hover": {
+		backgroundColor: c.light,
+		color: c.contrastText
+	} } : {};
+};
+const selectedStyle = ({ isSelected, color, theme }) => {
+	const c = theme.palette[color ?? require_themeDefault.themeDefault(theme, "color", "primary")];
+	return isSelected ? {
+		backgroundColor: c.dark,
+		color: c.contrastText
+	} : {};
+};
+const TableRowBase = require_src.styled("tr", {
+	name: "TableRow",
+	label: "TableRow",
+	shouldForwardProp,
+	systemProps: [
+		require_src.src_exports.space,
+		colorSystem,
+		require_src.src_exports.border
+	]
+})(selectedStyle, hoverStyle);
+function TableRow({ color, ...rest }) {
+	const table = (0, react.useContext)(require_TableContext.TableContext);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TableRowBase, {
+		color: color ?? table.color,
+		...rest
+	});
+}
+//#endregion
+exports.TableRow = TableRow;

package/dist/Table/TableRow.d.cts

@@ -0,0 +1,2 @@
+import { a as TableRowProps, i as TableRowColor, n as TableRowBackgroundToken, r as TableRowBorderColorToken, t as TableRow } from "../index-CT9uGKrs.cjs";
+export { TableRow, TableRowBackgroundToken, TableRowBorderColorToken, TableRowColor, TableRowProps };

package/dist/Table/TableRow.d.mts

@@ -0,0 +1,2 @@
+import { a as TableRowProps, i as TableRowColor, n as TableRowBackgroundToken, r as TableRowBorderColorToken, t as TableRow } from "../index-CLU39rUS2.mjs";
+export { TableRow, TableRowBackgroundToken, TableRowBorderColorToken, TableRowColor, TableRowProps };

package/dist/Table/TableRow.mjs

@@ -0,0 +1,54 @@
+import { a as createShouldForwardProp, c as props, d as styled, l as src_exports } from "../src-DcNT2aIK.mjs";
+import { t as themeDefault } from "../themeDefault-CjXaY3ok.mjs";
+import { t as TableContext } from "../TableContext-BRWPghAI.mjs";
+import { useContext } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/Table/TableRow/TableRow.tsx
+const shouldForwardProp = createShouldForwardProp([
+	...props,
+	"isHoverable",
+	"isSelected"
+]);
+const colorSystem = (0, src_exports.system)({
+	bg: {
+		property: "backgroundColor",
+		scale: "background"
+	},
+	borderColor: {
+		property: "borderColor",
+		scale: "border"
+	}
+});
+const hoverStyle = ({ isHoverable, color, theme }) => {
+	const c = theme.palette[color ?? themeDefault(theme, "color", "primary")];
+	return isHoverable ? { "&:hover": {
+		backgroundColor: c.light,
+		color: c.contrastText
+	} } : {};
+};
+const selectedStyle = ({ isSelected, color, theme }) => {
+	const c = theme.palette[color ?? themeDefault(theme, "color", "primary")];
+	return isSelected ? {
+		backgroundColor: c.dark,
+		color: c.contrastText
+	} : {};
+};
+const TableRowBase = styled("tr", {
+	name: "TableRow",
+	label: "TableRow",
+	shouldForwardProp,
+	systemProps: [
+		src_exports.space,
+		colorSystem,
+		src_exports.border
+	]
+})(selectedStyle, hoverStyle);
+function TableRow({ color, ...rest }) {
+	const table = useContext(TableContext);
+	return /* @__PURE__ */ jsx(TableRowBase, {
+		color: color ?? table.color,
+		...rest
+	});
+}
+//#endregion
+export { TableRow };

package/dist/Table/TableSortLabel.cjs

@@ -0,0 +1,62 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_src = require("../src-BiocWFSR.cjs");
+const require_Icon = require("../Icon-1YtNCUKo.cjs");
+const require_TableContext = require("../TableContext-qqp35o8z.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let _soroush_tech_styled_system_should_forward_prop = require("@soroush.tech/styled-system/should-forward-prop");
+//#region src/Table/TableSortLabel/TableSortLabel.tsx
+const SortLabelRoot = require_src.styled("button", {
+	name: "TableSortLabel",
+	label: "TableSortLabel",
+	shouldForwardProp: (0, _soroush_tech_styled_system_should_forward_prop.createShouldForwardProp)([
+		..._soroush_tech_styled_system_should_forward_prop.props,
+		"isActive",
+		"shouldHideSortIcon"
+	]),
+	systemProps: [require_src.src_exports.space]
+})({
+	display: "inline-flex",
+	alignItems: "center",
+	gap: "0.25rem",
+	padding: 0,
+	border: "none",
+	background: "transparent",
+	cursor: "pointer",
+	color: "inherit",
+	font: "inherit"
+}, ({ theme }) => ({ "&:focus-visible": {
+	outline: `2px solid ${(0, require_src.src_exports.get)(theme, "palette.primary.main")}`,
+	outlineOffset: "2px"
+} }), ({ isActive, shouldHideSortIcon }) => !isActive && shouldHideSortIcon ? { "&:hover .sort-icon, &:focus-visible .sort-icon": { opacity: .5 } } : {});
+const shouldForwardIconProp = (prop) => prop !== "isDescending" && prop !== "isActive" && prop !== "shouldHideSortIcon";
+const SortIcon = require_src.styled(require_Icon.Icon, {
+	name: "TableSortLabel",
+	slot: "icon",
+	label: "TableSortLabelIcon",
+	shouldForwardProp: shouldForwardIconProp
+})({ transition: "transform 0.2s ease, opacity 0.2s ease" }, ({ isDescending }) => ({ transform: isDescending ? "rotate(180deg)" : "none" }), ({ isActive, shouldHideSortIcon }) => {
+	return { opacity: isActive ? 1 : shouldHideSortIcon ? 0 : .5 };
+});
+function TableSortLabel({ isActive = false, direction = "asc", shouldHideSortIcon, iconName = "arrow_upward", iconProps, type = "button", children, ...rest }) {
+	const table = (0, react.useContext)(require_TableContext.TableContext);
+	const resolvedHideSortIcon = shouldHideSortIcon ?? table.shouldHideSortIcon ?? true;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(SortLabelRoot, {
+		isActive,
+		shouldHideSortIcon: resolvedHideSortIcon,
+		type,
+		...rest,
+		children: [children, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SortIcon, {
+			name: iconName,
+			size: "1em",
+			color: "inherit",
+			isDescending: direction === "desc",
+			isActive,
+			shouldHideSortIcon: resolvedHideSortIcon,
+			...iconProps,
+			className: "sort-icon"
+		})]
+	});
+}
+//#endregion
+exports.TableSortLabel = TableSortLabel;

package/dist/Table/TableSortLabel.d.cts

@@ -0,0 +1,2 @@
+import { n as TableSortLabelDirection, r as TableSortLabelProps, t as TableSortLabel } from "../index-8dzWTpFp.cjs";
+export { TableSortLabel, TableSortLabelDirection, TableSortLabelProps };

package/dist/Table/TableSortLabel.d.mts

@@ -0,0 +1,2 @@
+import { n as TableSortLabelDirection, r as TableSortLabelProps, t as TableSortLabel } from "../index-DmJIuQJj.mjs";
+export { TableSortLabel, TableSortLabelDirection, TableSortLabelProps };

package/dist/Table/TableSortLabel.mjs

@@ -0,0 +1,60 @@
+import { a as createShouldForwardProp, c as props, d as styled, l as src_exports } from "../src-DcNT2aIK.mjs";
+import { t as Icon } from "../Icon-CAKRmFz3.mjs";
+import { t as TableContext } from "../TableContext-BRWPghAI.mjs";
+import { useContext } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/Table/TableSortLabel/TableSortLabel.tsx
+const SortLabelRoot = styled("button", {
+	name: "TableSortLabel",
+	label: "TableSortLabel",
+	shouldForwardProp: createShouldForwardProp([
+		...props,
+		"isActive",
+		"shouldHideSortIcon"
+	]),
+	systemProps: [src_exports.space]
+})({
+	display: "inline-flex",
+	alignItems: "center",
+	gap: "0.25rem",
+	padding: 0,
+	border: "none",
+	background: "transparent",
+	cursor: "pointer",
+	color: "inherit",
+	font: "inherit"
+}, ({ theme }) => ({ "&:focus-visible": {
+	outline: `2px solid ${(0, src_exports.get)(theme, "palette.primary.main")}`,
+	outlineOffset: "2px"
+} }), ({ isActive, shouldHideSortIcon }) => !isActive && shouldHideSortIcon ? { "&:hover .sort-icon, &:focus-visible .sort-icon": { opacity: .5 } } : {});
+const shouldForwardIconProp = (prop) => prop !== "isDescending" && prop !== "isActive" && prop !== "shouldHideSortIcon";
+const SortIcon = styled(Icon, {
+	name: "TableSortLabel",
+	slot: "icon",
+	label: "TableSortLabelIcon",
+	shouldForwardProp: shouldForwardIconProp
+})({ transition: "transform 0.2s ease, opacity 0.2s ease" }, ({ isDescending }) => ({ transform: isDescending ? "rotate(180deg)" : "none" }), ({ isActive, shouldHideSortIcon }) => {
+	return { opacity: isActive ? 1 : shouldHideSortIcon ? 0 : .5 };
+});
+function TableSortLabel({ isActive = false, direction = "asc", shouldHideSortIcon, iconName = "arrow_upward", iconProps, type = "button", children, ...rest }) {
+	const table = useContext(TableContext);
+	const resolvedHideSortIcon = shouldHideSortIcon ?? table.shouldHideSortIcon ?? true;
+	return /* @__PURE__ */ jsxs(SortLabelRoot, {
+		isActive,
+		shouldHideSortIcon: resolvedHideSortIcon,
+		type,
+		...rest,
+		children: [children, /* @__PURE__ */ jsx(SortIcon, {
+			name: iconName,
+			size: "1em",
+			color: "inherit",
+			isDescending: direction === "desc",
+			isActive,
+			shouldHideSortIcon: resolvedHideSortIcon,
+			...iconProps,
+			className: "sort-icon"
+		})]
+	});
+}
+//#endregion
+export { TableSortLabel };

package/dist/Table/hooks.cjs

@@ -0,0 +1,112 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+let react = require("react");
+//#region src/Table/hooks/useTablePagination.ts
+/**
+* Pagination state for tables.
+*
+* ```tsx
+* const pagination = useTablePagination({ defaultRowsPerPage: 10 })
+* <TablePagination count={data.length} {...pagination} />
+* <TableControl data={data} pagination={pagination}>{(row) => …}</TableControl>
+* ```
+*/
+function useTablePagination({ defaultPage = 0, defaultRowsPerPage = 10 } = {}) {
+	const [page, setPage] = (0, react.useState)(defaultPage);
+	const [rowsPerPage, setRowsPerPage] = (0, react.useState)(defaultRowsPerPage);
+	return {
+		page,
+		rowsPerPage,
+		onPageChange: (0, react.useCallback)((nextPage) => setPage(nextPage), []),
+		onRowsPerPageChange: (0, react.useCallback)((nextRowsPerPage) => {
+			setRowsPerPage(nextRowsPerPage);
+			setPage(0);
+		}, [])
+	};
+}
+//#endregion
+//#region src/Table/hooks/useTableSelection.ts
+const toggleKey = (selected, selectedSet, key) => selectedSet.has(key) ? selected.filter((item) => item !== key) : [...selected, key];
+/**
+* Key-based row selection that survives paging and re-sorting — selection is
+* stored as row identities, and the select-all/indeterminate state is computed
+* against the full `keys` list rather than the visible slice.
+*
+* ```tsx
+* const selection = useTableSelection(services.map((s) => s.service))
+* <Checkbox {...selection.all} aria-label="Select all" />
+* <Checkbox {...selection.row(row.service)} aria-label={`Select ${row.service}`} />
+* <TableRow isSelected={selection.isSelected(row.service)}>…</TableRow>
+* ```
+*/
+function useTableSelection(keys, onChange) {
+	const [selected, setSelected] = (0, react.useState)([]);
+	return (0, react.useMemo)(() => {
+		const selectedSet = new Set(selected);
+		const isAllSelected = keys.length > 0 && keys.every((key) => selectedSet.has(key));
+		const isSomeSelected = !isAllSelected && keys.some((key) => selectedSet.has(key));
+		const update = (next) => {
+			setSelected(next);
+			onChange?.(next);
+		};
+		return {
+			selected,
+			isSelected: (key) => selectedSet.has(key),
+			all: {
+				checked: isAllSelected,
+				indeterminate: isSomeSelected,
+				onChange: () => update(isAllSelected ? [] : [...keys])
+			},
+			row: (key) => ({
+				checked: selectedSet.has(key),
+				onChange: () => update(toggleKey(selected, selectedSet, key))
+			}),
+			clear: () => update([])
+		};
+	}, [
+		selected,
+		JSON.stringify(keys),
+		onChange
+	]);
+}
+//#endregion
+//#region src/Table/hooks/useTableSort.ts
+/**
+* Column-keyed sort state for sortable tables. Each column remembers its own
+* direction (initially `'asc'`); clicking a column activates it AND flips its
+* stored direction — so the first click on a column sorts `'desc'`.
+* `keys` is read once on mount.
+*
+* ```tsx
+* const sort = useTableSort(['name', 'latency'])
+* <TableSortLabel {...sort.name}>Service</TableSortLabel>
+* <TableControl data={rows} sort={sort}>{(row) => …}</TableControl>
+* ```
+*/
+function useTableSort(keys, onChange) {
+	const [activeKey, setActiveKey] = (0, react.useState)(null);
+	const [directions, setDirections] = (0, react.useState)(() => Object.fromEntries(keys.map((key) => [key, "asc"])));
+	return (0, react.useMemo)(() => {
+		const entries = Object.keys(directions).map((key) => [key, {
+			isActive: activeKey === key,
+			direction: directions[key],
+			onClick: () => {
+				const direction = directions[key] === "asc" ? "desc" : "asc";
+				setActiveKey(key);
+				setDirections({
+					...directions,
+					[key]: direction
+				});
+				onChange?.(key, direction);
+			}
+		}]);
+		return Object.fromEntries(entries);
+	}, [
+		activeKey,
+		directions,
+		onChange
+	]);
+}
+//#endregion
+exports.useTablePagination = useTablePagination;
+exports.useTableSelection = useTableSelection;
+exports.useTableSort = useTableSort;

package/dist/Table/hooks.d.cts

@@ -0,0 +1,3 @@
+import { a as UseTablePaginationOptions, i as TablePaginationState, n as TableSortMap, o as useTablePagination, r as useTableSort, t as TableSortEntry } from "../useTableSort--XMWjujs.cjs";
+import { i as useTableSelection, n as TableSelectionAllProps, r as TableSelectionRowProps, t as TableSelection } from "../index-Dtzj8X58.cjs";
+export { TablePaginationState, TableSelection, TableSelectionAllProps, TableSelectionRowProps, TableSortEntry, TableSortMap, UseTablePaginationOptions, useTablePagination, useTableSelection, useTableSort };

package/dist/Table/hooks.d.mts

@@ -0,0 +1,3 @@
+import { a as UseTablePaginationOptions, i as TablePaginationState, n as TableSortMap, o as useTablePagination, r as useTableSort, t as TableSortEntry } from "../useTableSort-CpDs4cGq.mjs";
+import { i as useTableSelection, n as TableSelectionAllProps, r as TableSelectionRowProps, t as TableSelection } from "../index-DCQ2fsDu.mjs";
+export { TablePaginationState, TableSelection, TableSelectionAllProps, TableSelectionRowProps, TableSortEntry, TableSortMap, UseTablePaginationOptions, useTablePagination, useTableSelection, useTableSort };

package/dist/Table/hooks.mjs

@@ -0,0 +1,109 @@
+import { useCallback, useMemo, useState } from "react";
+//#region src/Table/hooks/useTablePagination.ts
+/**
+* Pagination state for tables.
+*
+* ```tsx
+* const pagination = useTablePagination({ defaultRowsPerPage: 10 })
+* <TablePagination count={data.length} {...pagination} />
+* <TableControl data={data} pagination={pagination}>{(row) => …}</TableControl>
+* ```
+*/
+function useTablePagination({ defaultPage = 0, defaultRowsPerPage = 10 } = {}) {
+	const [page, setPage] = useState(defaultPage);
+	const [rowsPerPage, setRowsPerPage] = useState(defaultRowsPerPage);
+	return {
+		page,
+		rowsPerPage,
+		onPageChange: useCallback((nextPage) => setPage(nextPage), []),
+		onRowsPerPageChange: useCallback((nextRowsPerPage) => {
+			setRowsPerPage(nextRowsPerPage);
+			setPage(0);
+		}, [])
+	};
+}
+//#endregion
+//#region src/Table/hooks/useTableSelection.ts
+const toggleKey = (selected, selectedSet, key) => selectedSet.has(key) ? selected.filter((item) => item !== key) : [...selected, key];
+/**
+* Key-based row selection that survives paging and re-sorting — selection is
+* stored as row identities, and the select-all/indeterminate state is computed
+* against the full `keys` list rather than the visible slice.
+*
+* ```tsx
+* const selection = useTableSelection(services.map((s) => s.service))
+* <Checkbox {...selection.all} aria-label="Select all" />
+* <Checkbox {...selection.row(row.service)} aria-label={`Select ${row.service}`} />
+* <TableRow isSelected={selection.isSelected(row.service)}>…</TableRow>
+* ```
+*/
+function useTableSelection(keys, onChange) {
+	const [selected, setSelected] = useState([]);
+	return useMemo(() => {
+		const selectedSet = new Set(selected);
+		const isAllSelected = keys.length > 0 && keys.every((key) => selectedSet.has(key));
+		const isSomeSelected = !isAllSelected && keys.some((key) => selectedSet.has(key));
+		const update = (next) => {
+			setSelected(next);
+			onChange?.(next);
+		};
+		return {
+			selected,
+			isSelected: (key) => selectedSet.has(key),
+			all: {
+				checked: isAllSelected,
+				indeterminate: isSomeSelected,
+				onChange: () => update(isAllSelected ? [] : [...keys])
+			},
+			row: (key) => ({
+				checked: selectedSet.has(key),
+				onChange: () => update(toggleKey(selected, selectedSet, key))
+			}),
+			clear: () => update([])
+		};
+	}, [
+		selected,
+		JSON.stringify(keys),
+		onChange
+	]);
+}
+//#endregion
+//#region src/Table/hooks/useTableSort.ts
+/**
+* Column-keyed sort state for sortable tables. Each column remembers its own
+* direction (initially `'asc'`); clicking a column activates it AND flips its
+* stored direction — so the first click on a column sorts `'desc'`.
+* `keys` is read once on mount.
+*
+* ```tsx
+* const sort = useTableSort(['name', 'latency'])
+* <TableSortLabel {...sort.name}>Service</TableSortLabel>
+* <TableControl data={rows} sort={sort}>{(row) => …}</TableControl>
+* ```
+*/
+function useTableSort(keys, onChange) {
+	const [activeKey, setActiveKey] = useState(null);
+	const [directions, setDirections] = useState(() => Object.fromEntries(keys.map((key) => [key, "asc"])));
+	return useMemo(() => {
+		const entries = Object.keys(directions).map((key) => [key, {
+			isActive: activeKey === key,
+			direction: directions[key],
+			onClick: () => {
+				const direction = directions[key] === "asc" ? "desc" : "asc";
+				setActiveKey(key);
+				setDirections({
+					...directions,
+					[key]: direction
+				});
+				onChange?.(key, direction);
+			}
+		}]);
+		return Object.fromEntries(entries);
+	}, [
+		activeKey,
+		directions,
+		onChange
+	]);
+}
+//#endregion
+export { useTablePagination, useTableSelection, useTableSort };

package/dist/Table.cjs

@@ -0,0 +1,31 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_TableContext = require("./TableContext-qqp35o8z.cjs");
+const require_Table_TableSortLabel = require("./Table/TableSortLabel.cjs");
+const require_Table_hooks = require("./Table/hooks.cjs");
+const require_Table_Table = require("./Table/Table.cjs");
+const require_TableSectionContext = require("./TableSectionContext-pYlJ-duI.cjs");
+const require_Table_TableBody = require("./Table/TableBody.cjs");
+const require_Table_TableCell = require("./Table/TableCell.cjs");
+const require_Table_TableContainer = require("./Table/TableContainer.cjs");
+const require_Table_TableControl = require("./Table/TableControl.cjs");
+const require_Table_TableFooter = require("./Table/TableFooter.cjs");
+const require_Table_TableHead = require("./Table/TableHead.cjs");
+const require_Table_TablePaginationActions = require("./Table/TablePaginationActions.cjs");
+const require_Table_TablePagination = require("./Table/TablePagination.cjs");
+const require_Table_TableRow = require("./Table/TableRow.cjs");
+exports.Table = require_Table_Table.Table;
+exports.TableBody = require_Table_TableBody.TableBody;
+exports.TableCell = require_Table_TableCell.TableCell;
+exports.TableContainer = require_Table_TableContainer.TableContainer;
+exports.TableContext = require_TableContext.TableContext;
+exports.TableControl = require_Table_TableControl.TableControl;
+exports.TableFooter = require_Table_TableFooter.TableFooter;
+exports.TableHead = require_Table_TableHead.TableHead;
+exports.TablePagination = require_Table_TablePagination.TablePagination;
+exports.TablePaginationActions = require_Table_TablePaginationActions.TablePaginationActions;
+exports.TableRow = require_Table_TableRow.TableRow;
+exports.TableSectionContext = require_TableSectionContext.TableSectionContext;
+exports.TableSortLabel = require_Table_TableSortLabel.TableSortLabel;
+exports.useTablePagination = require_Table_hooks.useTablePagination;
+exports.useTableSelection = require_Table_hooks.useTableSelection;
+exports.useTableSort = require_Table_hooks.useTableSort;

package/dist/Table.d.cts

@@ -0,0 +1,16 @@
+import { a as UseTablePaginationOptions, i as TablePaginationState, n as TableSortMap, o as useTablePagination, r as useTableSort, t as TableSortEntry } from "./useTableSort--XMWjujs.cjs";
+import { i as useTableSelection, n as TableSelectionAllProps, r as TableSelectionRowProps, t as TableSelection } from "./index-Dtzj8X58.cjs";
+import { n as TableSortLabelDirection, r as TableSortLabelProps, t as TableSortLabel } from "./index-8dzWTpFp.cjs";
+import { n as TableContext, r as TableContextValue, t as TableCellPadding } from "./TableContext-2qH7XYJB.cjs";
+import { a as TableProps, i as TableBorderColorToken, n as TableAlign, o as TableSize, r as TableBackgroundToken, t as Table } from "./index-CM_KCTee.cjs";
+import { a as TableBodyProps, i as TableBodyColorToken, n as TableBodyBackgroundToken, r as TableBodyBorderColorToken, t as TableBody } from "./index-GVsFY00r.cjs";
+import { a as TableCellColorToken, c as TableCellVariant, i as TableCellBorderColorToken, l as TableSection, n as TableCellAlign, o as TableCellProps, r as TableCellBackgroundToken, s as TableCellSortDirection, t as TableCell, u as TableSectionContext } from "./index-4rC2j7fR.cjs";
+import { n as TableContainerProps, t as TableContainer } from "./index-DeJWkpf9.cjs";
+import { n as TableControlProps, t as TableControl } from "./index-g-9DZ_KQ.cjs";
+import { a as TableFooterProps, i as TableFooterColorToken, n as TableFooterBackgroundToken, r as TableFooterBorderColorToken, t as TableFooter } from "./index-CDcGTGR4.cjs";
+import { a as TableHeadProps, i as TableHeadColorToken, n as TableHeadBackgroundToken, r as TableHeadBorderColorToken, t as TableHead } from "./index-CcYSvIJi.cjs";
+import { n as TablePaginationActions, r as TablePaginationActionsProps, t as TablePaginationActionType } from "./index-DSCMXFTn.cjs";
+import { n as TablePaginationDisplayedRowsInfo, r as TablePaginationProps, t as TablePagination } from "./index-BlfIbAMs.cjs";
+import { a as TableRowProps, i as TableRowColor, n as TableRowBackgroundToken, r as TableRowBorderColorToken, t as TableRow } from "./index-CT9uGKrs.cjs";
+import "./index-Nqco3fsM.cjs";
+export { Table, TableAlign, TableBackgroundToken, TableBody, TableBodyBackgroundToken, TableBodyBorderColorToken, TableBodyColorToken, TableBodyProps, TableBorderColorToken, TableCell, TableCellAlign, TableCellBackgroundToken, TableCellBorderColorToken, TableCellColorToken, TableCellPadding, TableCellProps, TableCellSortDirection, TableCellVariant, TableContainer, TableContainerProps, TableContext, TableContextValue, TableControl, TableControlProps, TableFooter, TableFooterBackgroundToken, TableFooterBorderColorToken, TableFooterColorToken, TableFooterProps, TableHead, TableHeadBackgroundToken, TableHeadBorderColorToken, TableHeadColorToken, TableHeadProps, TablePagination, TablePaginationActionType, TablePaginationActions, TablePaginationActionsProps, TablePaginationDisplayedRowsInfo, TablePaginationProps, TablePaginationState, TableProps, TableRow, TableRowBackgroundToken, TableRowBorderColorToken, TableRowColor, TableRowProps, TableSection, TableSectionContext, TableSelection, TableSelectionAllProps, TableSelectionRowProps, TableSize, TableSortEntry, TableSortLabel, TableSortLabelDirection, TableSortLabelProps, TableSortMap, UseTablePaginationOptions, useTablePagination, useTableSelection, useTableSort };

package/dist/Table.d.mts

@@ -0,0 +1,16 @@
+import { a as UseTablePaginationOptions, i as TablePaginationState, n as TableSortMap, o as useTablePagination, r as useTableSort, t as TableSortEntry } from "./useTableSort-CpDs4cGq.mjs";
+import { i as useTableSelection, n as TableSelectionAllProps, r as TableSelectionRowProps, t as TableSelection } from "./index-DCQ2fsDu.mjs";
+import { n as TableSortLabelDirection, r as TableSortLabelProps, t as TableSortLabel } from "./index-DmJIuQJj.mjs";
+import { n as TableContext, r as TableContextValue, t as TableCellPadding } from "./TableContext-2qH7XYJB.mjs";
+import { a as TableProps, i as TableBorderColorToken, n as TableAlign, o as TableSize, r as TableBackgroundToken, t as Table } from "./index-CEOZI-6L.mjs";
+import { a as TableBodyProps, i as TableBodyColorToken, n as TableBodyBackgroundToken, r as TableBodyBorderColorToken, t as TableBody } from "./index-C-P_hipv.mjs";
+import { a as TableCellColorToken, c as TableCellVariant, i as TableCellBorderColorToken, l as TableSection, n as TableCellAlign, o as TableCellProps, r as TableCellBackgroundToken, s as TableCellSortDirection, t as TableCell, u as TableSectionContext } from "./index-BH8jQOdF.mjs";
+import { n as TableContainerProps, t as TableContainer } from "./index-DBGE6yKw.mjs";
+import { n as TableControlProps, t as TableControl } from "./index-u57CbuAU2.mjs";
+import { a as TableFooterProps, i as TableFooterColorToken, n as TableFooterBackgroundToken, r as TableFooterBorderColorToken, t as TableFooter } from "./index-g9EThkSg.mjs";
+import { a as TableHeadProps, i as TableHeadColorToken, n as TableHeadBackgroundToken, r as TableHeadBorderColorToken, t as TableHead } from "./index-DvW2eETV.mjs";
+import { n as TablePaginationActions, r as TablePaginationActionsProps, t as TablePaginationActionType } from "./index-BnzUumAC2.mjs";
+import { n as TablePaginationDisplayedRowsInfo, r as TablePaginationProps, t as TablePagination } from "./index-kpk9e3xM2.mjs";
+import { a as TableRowProps, i as TableRowColor, n as TableRowBackgroundToken, r as TableRowBorderColorToken, t as TableRow } from "./index-CLU39rUS2.mjs";
+import "./index-Cl_yBpzW2.mjs";
+export { Table, TableAlign, TableBackgroundToken, TableBody, TableBodyBackgroundToken, TableBodyBorderColorToken, TableBodyColorToken, TableBodyProps, TableBorderColorToken, TableCell, TableCellAlign, TableCellBackgroundToken, TableCellBorderColorToken, TableCellColorToken, TableCellPadding, TableCellProps, TableCellSortDirection, TableCellVariant, TableContainer, TableContainerProps, TableContext, TableContextValue, TableControl, TableControlProps, TableFooter, TableFooterBackgroundToken, TableFooterBorderColorToken, TableFooterColorToken, TableFooterProps, TableHead, TableHeadBackgroundToken, TableHeadBorderColorToken, TableHeadColorToken, TableHeadProps, TablePagination, TablePaginationActionType, TablePaginationActions, TablePaginationActionsProps, TablePaginationDisplayedRowsInfo, TablePaginationProps, TablePaginationState, TableProps, TableRow, TableRowBackgroundToken, TableRowBorderColorToken, TableRowColor, TableRowProps, TableSection, TableSectionContext, TableSelection, TableSelectionAllProps, TableSelectionRowProps, TableSize, TableSortEntry, TableSortLabel, TableSortLabelDirection, TableSortLabelProps, TableSortMap, UseTablePaginationOptions, useTablePagination, useTableSelection, useTableSort };

package/dist/Table.mjs

@@ -0,0 +1,15 @@
+import { t as TableContext } from "./TableContext-BRWPghAI.mjs";
+import { TableSortLabel } from "./Table/TableSortLabel.mjs";
+import { useTablePagination, useTableSelection, useTableSort } from "./Table/hooks.mjs";
+import { Table } from "./Table/Table.mjs";
+import { t as TableSectionContext } from "./TableSectionContext-meIG4lFZ.mjs";
+import { TableBody } from "./Table/TableBody.mjs";
+import { TableCell } from "./Table/TableCell.mjs";
+import { TableContainer } from "./Table/TableContainer.mjs";
+import { TableControl } from "./Table/TableControl.mjs";
+import { TableFooter } from "./Table/TableFooter.mjs";
+import { TableHead } from "./Table/TableHead.mjs";
+import { TablePaginationActions } from "./Table/TablePaginationActions.mjs";
+import { TablePagination } from "./Table/TablePagination.mjs";
+import { TableRow } from "./Table/TableRow.mjs";
+export { Table, TableBody, TableCell, TableContainer, TableContext, TableControl, TableFooter, TableHead, TablePagination, TablePaginationActions, TableRow, TableSectionContext, TableSortLabel, useTablePagination, useTableSelection, useTableSort };

package/dist/TableContext-2qH7XYJB.d.cts

@@ -0,0 +1,19 @@
+import { Theme } from "@emotion/react";
+//#region src/Table/TableContext.d.ts
+/** Cell padding modes broadcast from `Table` to descendant cells. */
+type TableCellPadding = 'normal' | 'none';
+/** Table-wide cell config, provided by `Table` and consumed by `TableCell` / `TableSortLabel`. */
+interface TableContextValue {
+  size?: keyof Theme['sizes'];
+  cellPadding?: TableCellPadding;
+  hasStickyHeader?: boolean;
+  /** Palette color for descendant rows' hover/selected shading — a row's own `color` wins. */
+  color?: keyof Theme['palette'];
+  /** Hides inactive sort icons (revealed on hover/focus). */
+  shouldHideSortIcon?: boolean;
+  /** Truncates overflowing cell text with an ellipsis. */
+  hasEllipsis?: boolean;
+}
+declare const TableContext: import("react").Context<TableContextValue>;
+//#endregion
+export { TableContext as n, TableContextValue as r, TableCellPadding as t };