@soroush.tech/design-system 0.1.0 → 1.0.0

package/dist/Table/TableContainer.mjs

@@ -1,4 +1,4 @@
-import { d as styled } from "../src-DcNT2aIK.mjs";
+import { o as styled } from "../src-BJy4dM4f.mjs";
 import { View } from "../View.mjs";
 //#region src/Table/TableContainer/TableContainer.tsx
 /**

package/dist/Table/TableControl.d.cts

@@ -1,2 +1,28 @@
-import { n as TableControlProps, t as TableControl } from "../index-g-9DZ_KQ.cjs";
+import { a as TableSortMap, t as TablePaginationState } from "../useTablePagination-_94Wrvj9.cjs";
+import { ReactNode } from "react";
+//#region src/Table/TableControl/TableControl.d.ts
+interface TableControlProps<T, K extends string = string> {
+  /** The full dataset — `TableControl` derives the visible rows from it. */
+  data: readonly T[];
+  /** Sort map from `useTableSort` — the active entry drives the ordering. */
+  sort?: TableSortMap<K>;
+  /** Paging state from `useTablePagination` — drives the visible slice. */
+  pagination?: Pick<TablePaginationState, 'page' | 'rowsPerPage'>;
+  /**
+   * Custom sort — overrides the default string/number comparison. Receives the
+   * active column key, so different columns can use different logic:
+   * `(a, b, orderBy) => orderBy === 'name' ? a.name.localeCompare(b.name) : a[orderBy] - b[orderBy]`
+   */
+  sortFunction?: (a: T, b: T, orderBy: K) => number;
+  /** Row renderer — invoked for each visible row. */
+  children: (row: T, index: number) => ReactNode;
+}
+/**
+ * Renders the visible rows of a dataset inside `TableBody` — sorted by the
+ * active `useTableSort` column and sliced by the `useTablePagination` state.
+ * Emits the rows directly (no wrapper element), so its output are valid
+ * `<tr>` children of `<tbody>`. Both `sort` and `pagination` are optional.
+ */
+declare function TableControl<T, K extends string = string>({ data, sort, pagination, sortFunction, children }: Readonly<TableControlProps<T, K>>): import("react").JSX.Element;
+//#endregion
 export { TableControl, TableControlProps };

package/dist/Table/TableControl.d.mts

@@ -1,2 +1,28 @@
-import { n as TableControlProps, t as TableControl } from "../index-u57CbuAU2.mjs";
+import { a as TableSortMap, t as TablePaginationState } from "../useTablePagination-D6T-fQFc.mjs";
+import { ReactNode } from "react";
+//#region src/Table/TableControl/TableControl.d.ts
+interface TableControlProps<T, K extends string = string> {
+  /** The full dataset — `TableControl` derives the visible rows from it. */
+  data: readonly T[];
+  /** Sort map from `useTableSort` — the active entry drives the ordering. */
+  sort?: TableSortMap<K>;
+  /** Paging state from `useTablePagination` — drives the visible slice. */
+  pagination?: Pick<TablePaginationState, 'page' | 'rowsPerPage'>;
+  /**
+   * Custom sort — overrides the default string/number comparison. Receives the
+   * active column key, so different columns can use different logic:
+   * `(a, b, orderBy) => orderBy === 'name' ? a.name.localeCompare(b.name) : a[orderBy] - b[orderBy]`
+   */
+  sortFunction?: (a: T, b: T, orderBy: K) => number;
+  /** Row renderer — invoked for each visible row. */
+  children: (row: T, index: number) => ReactNode;
+}
+/**
+ * Renders the visible rows of a dataset inside `TableBody` — sorted by the
+ * active `useTableSort` column and sliced by the `useTablePagination` state.
+ * Emits the rows directly (no wrapper element), so its output are valid
+ * `<tr>` children of `<tbody>`. Both `sort` and `pagination` are optional.
+ */
+declare function TableControl<T, K extends string = string>({ data, sort, pagination, sortFunction, children }: Readonly<TableControlProps<T, K>>): import("react").JSX.Element;
+//#endregion
 export { TableControl, TableControlProps };

package/dist/Table/TableFooter.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_src = require("../src-BiocWFSR.cjs");
+const require_src = require("../src-C8PIppTy.cjs");
 const require_TableSectionContext = require("../TableSectionContext-pYlJ-duI.cjs");
 require("react");
 let react_jsx_runtime = require("react/jsx-runtime");

package/dist/Table/TableFooter.d.cts

@@ -1,2 +1,22 @@
-import { a as TableFooterProps, i as TableFooterColorToken, n as TableFooterBackgroundToken, r as TableFooterBorderColorToken, t as TableFooter } from "../index-CDcGTGR4.cjs";
+import { r as index_d_exports } from "../index-BVX_Jq2G.cjs";
+import { m as Theme } from "../themes-BTGww2YK.cjs";
+import { ElementType, HTMLAttributes } from "react";
+//#region src/Table/TableFooter/TableFooter.d.ts
+/** Valid values for the color prop — derived from theme.text keys. */
+type TableFooterColorToken = keyof Theme['text'];
+/** Valid values for the bg prop — derived from theme.background keys. */
+type TableFooterBackgroundToken = keyof Theme['background'];
+/** Valid values for the borderColor prop — derived from theme.border keys. */
+type TableFooterBorderColorToken = keyof Theme['border'];
+interface TableFooterProps extends Omit<HTMLAttributes<HTMLTableSectionElement>, 'color'>, index_d_exports.SpaceProps<Theme>, Omit<index_d_exports.BorderProps<Theme>, 'borderColor' | 'borderRadius'> {
+  /** Resolves against theme.text */
+  color?: TableFooterColorToken;
+  /** Resolves against theme.background */
+  bg?: TableFooterBackgroundToken;
+  /** Resolves against theme.border — light · primary · dark */
+  borderColor?: TableFooterBorderColorToken;
+  as?: ElementType;
+}
+declare function TableFooter({ as, children, ...rest }: Readonly<TableFooterProps>): import("react").JSX.Element;
+//#endregion
 export { TableFooter, TableFooterBackgroundToken, TableFooterBorderColorToken, TableFooterColorToken, TableFooterProps };

package/dist/Table/TableFooter.d.mts

@@ -1,2 +1,22 @@
-import { a as TableFooterProps, i as TableFooterColorToken, n as TableFooterBackgroundToken, r as TableFooterBorderColorToken, t as TableFooter } from "../index-g9EThkSg.mjs";
+import { m as Theme } from "../themes-BTGww2YK.mjs";
+import { r as index_d_exports } from "../index-B66h9kbP.mjs";
+import { ElementType, HTMLAttributes } from "react";
+//#region src/Table/TableFooter/TableFooter.d.ts
+/** Valid values for the color prop — derived from theme.text keys. */
+type TableFooterColorToken = keyof Theme['text'];
+/** Valid values for the bg prop — derived from theme.background keys. */
+type TableFooterBackgroundToken = keyof Theme['background'];
+/** Valid values for the borderColor prop — derived from theme.border keys. */
+type TableFooterBorderColorToken = keyof Theme['border'];
+interface TableFooterProps extends Omit<HTMLAttributes<HTMLTableSectionElement>, 'color'>, index_d_exports.SpaceProps<Theme>, Omit<index_d_exports.BorderProps<Theme>, 'borderColor' | 'borderRadius'> {
+  /** Resolves against theme.text */
+  color?: TableFooterColorToken;
+  /** Resolves against theme.background */
+  bg?: TableFooterBackgroundToken;
+  /** Resolves against theme.border — light · primary · dark */
+  borderColor?: TableFooterBorderColorToken;
+  as?: ElementType;
+}
+declare function TableFooter({ as, children, ...rest }: Readonly<TableFooterProps>): import("react").JSX.Element;
+//#endregion
 export { TableFooter, TableFooterBackgroundToken, TableFooterBorderColorToken, TableFooterColorToken, TableFooterProps };

package/dist/Table/TableFooter.mjs

@@ -1,4 +1,4 @@
-import { a as createShouldForwardProp, c as props, d as styled, l as src_exports } from "../src-DcNT2aIK.mjs";
+import { a as src_exports, i as props, o as styled, t as createShouldForwardProp } from "../src-BJy4dM4f.mjs";
 import { t as TableSectionContext } from "../TableSectionContext-meIG4lFZ.mjs";
 import "react";
 import { jsx } from "react/jsx-runtime";

package/dist/Table/TableHead.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_src = require("../src-BiocWFSR.cjs");
+const require_src = require("../src-C8PIppTy.cjs");
 const require_TableSectionContext = require("../TableSectionContext-pYlJ-duI.cjs");
 require("react");
 let react_jsx_runtime = require("react/jsx-runtime");

package/dist/Table/TableHead.d.cts

@@ -1,2 +1,22 @@
-import { a as TableHeadProps, i as TableHeadColorToken, n as TableHeadBackgroundToken, r as TableHeadBorderColorToken, t as TableHead } from "../index-CcYSvIJi.cjs";
+import { r as index_d_exports } from "../index-BVX_Jq2G.cjs";
+import { m as Theme } from "../themes-BTGww2YK.cjs";
+import { ElementType, HTMLAttributes } from "react";
+//#region src/Table/TableHead/TableHead.d.ts
+/** Valid values for the color prop — derived from theme.text keys. */
+type TableHeadColorToken = keyof Theme['text'];
+/** Valid values for the bg prop — derived from theme.background keys. */
+type TableHeadBackgroundToken = keyof Theme['background'];
+/** Valid values for the borderColor prop — derived from theme.border keys. */
+type TableHeadBorderColorToken = keyof Theme['border'];
+interface TableHeadProps extends Omit<HTMLAttributes<HTMLTableSectionElement>, 'color'>, index_d_exports.SpaceProps<Theme>, Omit<index_d_exports.BorderProps<Theme>, 'borderColor' | 'borderRadius'> {
+  /** Resolves against theme.text */
+  color?: TableHeadColorToken;
+  /** Resolves against theme.background */
+  bg?: TableHeadBackgroundToken;
+  /** Resolves against theme.border — light · primary · dark */
+  borderColor?: TableHeadBorderColorToken;
+  as?: ElementType;
+}
+declare function TableHead({ as, children, ...rest }: Readonly<TableHeadProps>): import("react").JSX.Element;
+//#endregion
 export { TableHead, TableHeadBackgroundToken, TableHeadBorderColorToken, TableHeadColorToken, TableHeadProps };

package/dist/Table/TableHead.d.mts

@@ -1,2 +1,22 @@
-import { a as TableHeadProps, i as TableHeadColorToken, n as TableHeadBackgroundToken, r as TableHeadBorderColorToken, t as TableHead } from "../index-DvW2eETV.mjs";
+import { m as Theme } from "../themes-BTGww2YK.mjs";
+import { r as index_d_exports } from "../index-B66h9kbP.mjs";
+import { ElementType, HTMLAttributes } from "react";
+//#region src/Table/TableHead/TableHead.d.ts
+/** Valid values for the color prop — derived from theme.text keys. */
+type TableHeadColorToken = keyof Theme['text'];
+/** Valid values for the bg prop — derived from theme.background keys. */
+type TableHeadBackgroundToken = keyof Theme['background'];
+/** Valid values for the borderColor prop — derived from theme.border keys. */
+type TableHeadBorderColorToken = keyof Theme['border'];
+interface TableHeadProps extends Omit<HTMLAttributes<HTMLTableSectionElement>, 'color'>, index_d_exports.SpaceProps<Theme>, Omit<index_d_exports.BorderProps<Theme>, 'borderColor' | 'borderRadius'> {
+  /** Resolves against theme.text */
+  color?: TableHeadColorToken;
+  /** Resolves against theme.background */
+  bg?: TableHeadBackgroundToken;
+  /** Resolves against theme.border — light · primary · dark */
+  borderColor?: TableHeadBorderColorToken;
+  as?: ElementType;
+}
+declare function TableHead({ as, children, ...rest }: Readonly<TableHeadProps>): import("react").JSX.Element;
+//#endregion
 export { TableHead, TableHeadBackgroundToken, TableHeadBorderColorToken, TableHeadColorToken, TableHeadProps };

package/dist/Table/TableHead.mjs

@@ -1,4 +1,4 @@
-import { a as createShouldForwardProp, c as props, d as styled, l as src_exports } from "../src-DcNT2aIK.mjs";
+import { a as src_exports, i as props, o as styled, t as createShouldForwardProp } from "../src-BJy4dM4f.mjs";
 import { t as TableSectionContext } from "../TableSectionContext-meIG4lFZ.mjs";
 import "react";
 import { jsx } from "react/jsx-runtime";

package/dist/Table/TablePagination.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_src = require("../src-BiocWFSR.cjs");
+const require_src = require("../src-C8PIppTy.cjs");
 const require_Typography = require("../Typography.cjs");
 const require_NativeSelect = require("../NativeSelect.cjs");
 const require_Table_TableCell = require("./TableCell.cjs");

package/dist/Table/TablePagination.d.cts

@@ -1,2 +1,45 @@
-import { n as TablePaginationDisplayedRowsInfo, r as TablePaginationProps, t as TablePagination } from "../index-BlfIbAMs.cjs";
+import { o as TableCellProps } from "../index-D2H_6WLf.cjs";
+import { t as TablePaginationActionType } from "../index-CY0Czi9Z.cjs";
+import { ElementType, ReactNode } from "react";
+//#region src/Table/TablePagination/TablePagination.d.ts
+interface TablePaginationDisplayedRowsInfo {
+  from: number;
+  to: number;
+  count: number;
+  page: number;
+}
+interface TablePaginationProps extends Omit<TableCellProps, 'children' | 'variant' | 'align' | 'sortDirection'> {
+  /** Total number of rows; `-1` = unknown (server-side pagination). */
+  count: number;
+  /** Zero-based current page. */
+  page: number;
+  /** Rows per page; `-1` shows all rows. */
+  rowsPerPage: number;
+  /** Fired with the target zero-based page. */
+  onPageChange: (page: number) => void;
+  /** Fired with the new rows-per-page value. */
+  onRowsPerPageChange?: (rowsPerPage: number) => void;
+  /** Options for the rows-per-page selector. Fewer than two options hides it. */
+  rowsPerPageOptions?: Array<number | {
+    label: string;
+    value: number;
+  }>;
+  /** Disables all controls. Default: `false`. */
+  disabled?: boolean;
+  shouldShowFirstButton?: boolean;
+  shouldShowLastButton?: boolean;
+  /** Label for the rows-per-page selector. Default: `'Rows per page:'`. */
+  rowsPerPageLabel?: ReactNode;
+  /** Renders the displayed-rows range. A sensible default (`1–10 of 57`) is provided. */
+  displayedRowsLabel?: (info: TablePaginationDisplayedRowsInfo) => ReactNode;
+  /** Accessible name per nav button. A sensible default is provided. */
+  getItemAriaLabel?: (type: TablePaginationActionType) => string;
+  as?: ElementType;
+}
+/**
+ * A `TableCell`-based pagination control for `TableFooter > TableRow`.
+ * Controlled only — the consumer owns `page` and `rowsPerPage`.
+ */
+declare function TablePagination({ count, page, rowsPerPage, onPageChange, onRowsPerPageChange, rowsPerPageOptions, disabled, shouldShowFirstButton, shouldShowLastButton, rowsPerPageLabel, displayedRowsLabel, getItemAriaLabel, colSpan, as, ...rest }: Readonly<TablePaginationProps>): import("react").JSX.Element;
+//#endregion
 export { TablePagination, TablePaginationDisplayedRowsInfo, TablePaginationProps };

package/dist/Table/TablePagination.d.mts

@@ -1,2 +1,45 @@
-import { n as TablePaginationDisplayedRowsInfo, r as TablePaginationProps, t as TablePagination } from "../index-kpk9e3xM2.mjs";
+import { o as TableCellProps } from "../index-DGqakgRN.mjs";
+import { t as TablePaginationActionType } from "../index-DCwLdUQH.mjs";
+import { ElementType, ReactNode } from "react";
+//#region src/Table/TablePagination/TablePagination.d.ts
+interface TablePaginationDisplayedRowsInfo {
+  from: number;
+  to: number;
+  count: number;
+  page: number;
+}
+interface TablePaginationProps extends Omit<TableCellProps, 'children' | 'variant' | 'align' | 'sortDirection'> {
+  /** Total number of rows; `-1` = unknown (server-side pagination). */
+  count: number;
+  /** Zero-based current page. */
+  page: number;
+  /** Rows per page; `-1` shows all rows. */
+  rowsPerPage: number;
+  /** Fired with the target zero-based page. */
+  onPageChange: (page: number) => void;
+  /** Fired with the new rows-per-page value. */
+  onRowsPerPageChange?: (rowsPerPage: number) => void;
+  /** Options for the rows-per-page selector. Fewer than two options hides it. */
+  rowsPerPageOptions?: Array<number | {
+    label: string;
+    value: number;
+  }>;
+  /** Disables all controls. Default: `false`. */
+  disabled?: boolean;
+  shouldShowFirstButton?: boolean;
+  shouldShowLastButton?: boolean;
+  /** Label for the rows-per-page selector. Default: `'Rows per page:'`. */
+  rowsPerPageLabel?: ReactNode;
+  /** Renders the displayed-rows range. A sensible default (`1–10 of 57`) is provided. */
+  displayedRowsLabel?: (info: TablePaginationDisplayedRowsInfo) => ReactNode;
+  /** Accessible name per nav button. A sensible default is provided. */
+  getItemAriaLabel?: (type: TablePaginationActionType) => string;
+  as?: ElementType;
+}
+/**
+ * A `TableCell`-based pagination control for `TableFooter > TableRow`.
+ * Controlled only — the consumer owns `page` and `rowsPerPage`.
+ */
+declare function TablePagination({ count, page, rowsPerPage, onPageChange, onRowsPerPageChange, rowsPerPageOptions, disabled, shouldShowFirstButton, shouldShowLastButton, rowsPerPageLabel, displayedRowsLabel, getItemAriaLabel, colSpan, as, ...rest }: Readonly<TablePaginationProps>): import("react").JSX.Element;
+//#endregion
 export { TablePagination, TablePaginationDisplayedRowsInfo, TablePaginationProps };

package/dist/Table/TablePagination.mjs

@@ -1,4 +1,4 @@
-import { d as styled } from "../src-DcNT2aIK.mjs";
+import { o as styled } from "../src-BJy4dM4f.mjs";
 import { Typography } from "../Typography.mjs";
 import { NativeSelect } from "../NativeSelect.mjs";
 import { TableCell } from "./TableCell.mjs";

package/dist/Table/TablePaginationActions.cjs

@@ -1,10 +1,10 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_src = require("../src-BiocWFSR.cjs");
-const require_themeDefault = require("../themeDefault-B-QjpGEO.cjs");
+const require_src = require("../src-C8PIppTy.cjs");
+const require_themeDefault = require("../themeDefault-Cebi08Cv.cjs");
+const require_theme = require("../theme-Du6xgPsg.cjs");
 const require_Pagination_PaginationItem = require("../Pagination/PaginationItem.cjs");
 require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
-let _emotion_react = require("@emotion/react");
 //#region src/Table/TablePaginationActions/TablePaginationActions.tsx
 const ActionsRoot = require_src.styled("div", {
 	name: "TablePaginationActions",
@@ -21,7 +21,7 @@ const ActionsRoot = require_src.styled("div", {
 * `count` / `page` / `rowsPerPage`.
 */
 function TablePaginationActions({ count, page, rowsPerPage, onPageChange, getItemAriaLabel, disabled = false, shouldShowFirstButton = false, shouldShowLastButton = false, size: sizeProp, ...rest }) {
-	const theme = (0, _emotion_react.useTheme)();
+	const theme = require_theme.useTheme();
 	const size = sizeProp ?? require_themeDefault.themeDefault(theme, "compactSize", "sm");
 	const lastPage = rowsPerPage === -1 ? 0 : Math.max(0, Math.ceil(count / rowsPerPage) - 1);
 	const isBackwardDisabled = disabled || page <= 0;

package/dist/Table/TablePaginationActions.d.cts

@@ -1,2 +1,2 @@
-import { n as TablePaginationActions, r as TablePaginationActionsProps, t as TablePaginationActionType } from "../index-DSCMXFTn.cjs";
+import { n as TablePaginationActions, r as TablePaginationActionsProps, t as TablePaginationActionType } from "../index-CY0Czi9Z.cjs";
 export { TablePaginationActionType, TablePaginationActions, TablePaginationActionsProps };

package/dist/Table/TablePaginationActions.d.mts

@@ -1,2 +1,2 @@
-import { n as TablePaginationActions, r as TablePaginationActionsProps, t as TablePaginationActionType } from "../index-BnzUumAC2.mjs";
+import { n as TablePaginationActions, r as TablePaginationActionsProps, t as TablePaginationActionType } from "../index-DCwLdUQH.mjs";
 export { TablePaginationActionType, TablePaginationActions, TablePaginationActionsProps };

package/dist/Table/TablePaginationActions.mjs

@@ -1,5 +1,6 @@
-import { d as styled, u as useTheme } from "../src-DcNT2aIK.mjs";
-import { t as themeDefault } from "../themeDefault-CjXaY3ok.mjs";
+import { o as styled } from "../src-BJy4dM4f.mjs";
+import { t as themeDefault } from "../themeDefault-Z3KmyIbm.mjs";
+import { r as useTheme } from "../theme-V6lYzd3j.mjs";
 import { PaginationItem } from "../Pagination/PaginationItem.mjs";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/Table/TableRow.cjs

@@ -1,7 +1,7 @@
 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");
+const require_src = require("../src-C8PIppTy.cjs");
+const require_themeDefault = require("../themeDefault-Cebi08Cv.cjs");
+const require_TableContext = require("../TableContext-Bfg1C3Sr.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");

package/dist/Table/TableRow.d.cts

@@ -1,2 +1,30 @@
-import { a as TableRowProps, i as TableRowColor, n as TableRowBackgroundToken, r as TableRowBorderColorToken, t as TableRow } from "../index-CT9uGKrs.cjs";
+import { r as index_d_exports } from "../index-BVX_Jq2G.cjs";
+import { d as PaletteColor, m as Theme } from "../themes-BTGww2YK.cjs";
+import { ElementType, HTMLAttributes } from "react";
+//#region src/Table/TableRow/TableRow.d.ts
+/** Palette color driving the hover/selected shading — a `theme.palette` key. */
+type TableRowColor = PaletteColor;
+/** Valid values for the bg prop — derived from theme.background keys. */
+type TableRowBackgroundToken = keyof Theme['background'];
+/** Valid values for the borderColor prop — derived from theme.border keys. */
+type TableRowBorderColorToken = keyof Theme['border'];
+interface TableRowProps extends Omit<HTMLAttributes<HTMLTableRowElement>, 'color'>, index_d_exports.SpaceProps<Theme>, Omit<index_d_exports.BorderProps<Theme>, 'borderColor' | 'borderRadius'> {
+  /**
+   * Palette color for the hover/selected shading — maps to `theme.palette[color]`
+   * (hover → `.light`, selected → `.dark`, both with `contrastText`). Falls back
+   * to the enclosing `Table`'s `color`. Default: 'primary', overridable via `theme.defaults.color`.
+   */
+  color?: TableRowColor;
+  as?: ElementType;
+  /** Resolves against theme.background */
+  bg?: TableRowBackgroundToken;
+  /** Resolves against theme.border — light · primary · dark */
+  borderColor?: TableRowBorderColorToken;
+  /** Shades the row on hover with `theme.palette[color].light`. Default: `false`. */
+  isHoverable?: boolean;
+  /** Fills the row with `theme.palette[color].dark` + contrast text. Default: `false`. */
+  isSelected?: boolean;
+}
+declare function TableRow({ color, ...rest }: Readonly<TableRowProps>): import("react").JSX.Element;
+//#endregion
 export { TableRow, TableRowBackgroundToken, TableRowBorderColorToken, TableRowColor, TableRowProps };

package/dist/Table/TableRow.d.mts

@@ -1,2 +1,30 @@
-import { a as TableRowProps, i as TableRowColor, n as TableRowBackgroundToken, r as TableRowBorderColorToken, t as TableRow } from "../index-CLU39rUS2.mjs";
+import { d as PaletteColor, m as Theme } from "../themes-BTGww2YK.mjs";
+import { r as index_d_exports } from "../index-B66h9kbP.mjs";
+import { ElementType, HTMLAttributes } from "react";
+//#region src/Table/TableRow/TableRow.d.ts
+/** Palette color driving the hover/selected shading — a `theme.palette` key. */
+type TableRowColor = PaletteColor;
+/** Valid values for the bg prop — derived from theme.background keys. */
+type TableRowBackgroundToken = keyof Theme['background'];
+/** Valid values for the borderColor prop — derived from theme.border keys. */
+type TableRowBorderColorToken = keyof Theme['border'];
+interface TableRowProps extends Omit<HTMLAttributes<HTMLTableRowElement>, 'color'>, index_d_exports.SpaceProps<Theme>, Omit<index_d_exports.BorderProps<Theme>, 'borderColor' | 'borderRadius'> {
+  /**
+   * Palette color for the hover/selected shading — maps to `theme.palette[color]`
+   * (hover → `.light`, selected → `.dark`, both with `contrastText`). Falls back
+   * to the enclosing `Table`'s `color`. Default: 'primary', overridable via `theme.defaults.color`.
+   */
+  color?: TableRowColor;
+  as?: ElementType;
+  /** Resolves against theme.background */
+  bg?: TableRowBackgroundToken;
+  /** Resolves against theme.border — light · primary · dark */
+  borderColor?: TableRowBorderColorToken;
+  /** Shades the row on hover with `theme.palette[color].light`. Default: `false`. */
+  isHoverable?: boolean;
+  /** Fills the row with `theme.palette[color].dark` + contrast text. Default: `false`. */
+  isSelected?: boolean;
+}
+declare function TableRow({ color, ...rest }: Readonly<TableRowProps>): import("react").JSX.Element;
+//#endregion
 export { TableRow, TableRowBackgroundToken, TableRowBorderColorToken, TableRowColor, TableRowProps };

package/dist/Table/TableRow.mjs

@@ -1,6 +1,6 @@
-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 { a as src_exports, i as props, o as styled, t as createShouldForwardProp } from "../src-BJy4dM4f.mjs";
+import { t as themeDefault } from "../themeDefault-Z3KmyIbm.mjs";
+import { t as TableContext } from "../TableContext-Dyr89h_k.mjs";
 import { useContext } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/Table/TableRow/TableRow.tsx

package/dist/Table/TableSortLabel.cjs

@@ -1,7 +1,7 @@
 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");
+const require_src = require("../src-C8PIppTy.cjs");
+const require_Icon = require("../Icon-zsHe7hWR.cjs");
+const require_TableContext = require("../TableContext-Bfg1C3Sr.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");

package/dist/Table/TableSortLabel.d.cts

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

package/dist/Table/TableSortLabel.d.mts

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

package/dist/Table/TableSortLabel.mjs

@@ -1,6 +1,6 @@
-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 { a as src_exports, i as props, o as styled, t as createShouldForwardProp } from "../src-BJy4dM4f.mjs";
+import { t as Icon } from "../Icon-bv8Z38l-.mjs";
+import { t as TableContext } from "../TableContext-Dyr89h_k.mjs";
 import { useContext } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/Table/TableSortLabel/TableSortLabel.tsx

package/dist/Table/hooks.d.cts

@@ -1,3 +1,40 @@
-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 { a as TableSortMap, i as TableSortEntry, n as UseTablePaginationOptions, o as useTableSort, r as useTablePagination, t as TablePaginationState } from "../useTablePagination-_94Wrvj9.cjs";
+//#region src/Table/hooks/useTableSelection.d.ts
+/** Header select-all state — spreads directly onto `Checkbox`. */
+interface TableSelectionAllProps {
+  checked: boolean;
+  indeterminate: boolean;
+  /** All selected → clears; otherwise selects every key. */
+  onChange: () => void;
+}
+/** One row's selection state — spreads directly onto `Checkbox`. */
+interface TableSelectionRowProps {
+  checked: boolean;
+  /** Toggles this key in and out of the selection. */
+  onChange: () => void;
+}
+interface TableSelection<K extends string | number> {
+  /** Currently selected keys. */
+  selected: K[];
+  isSelected: (key: K) => boolean;
+  /** Spread onto the header select-all `Checkbox`. */
+  all: TableSelectionAllProps;
+  /** Spread onto a row's `Checkbox`. */
+  row: (key: K) => TableSelectionRowProps;
+  clear: () => void;
+}
+/**
+ * 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>
+ * ```
+ */
+declare function useTableSelection<K extends string | number>(keys: readonly K[], onChange?: (selected: K[]) => void): TableSelection<K>;
+//#endregion
 export { TablePaginationState, TableSelection, TableSelectionAllProps, TableSelectionRowProps, TableSortEntry, TableSortMap, UseTablePaginationOptions, useTablePagination, useTableSelection, useTableSort };

package/dist/Table/hooks.d.mts

@@ -1,3 +1,40 @@
-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 { a as TableSortMap, i as TableSortEntry, n as UseTablePaginationOptions, o as useTableSort, r as useTablePagination, t as TablePaginationState } from "../useTablePagination-D6T-fQFc.mjs";
+//#region src/Table/hooks/useTableSelection.d.ts
+/** Header select-all state — spreads directly onto `Checkbox`. */
+interface TableSelectionAllProps {
+  checked: boolean;
+  indeterminate: boolean;
+  /** All selected → clears; otherwise selects every key. */
+  onChange: () => void;
+}
+/** One row's selection state — spreads directly onto `Checkbox`. */
+interface TableSelectionRowProps {
+  checked: boolean;
+  /** Toggles this key in and out of the selection. */
+  onChange: () => void;
+}
+interface TableSelection<K extends string | number> {
+  /** Currently selected keys. */
+  selected: K[];
+  isSelected: (key: K) => boolean;
+  /** Spread onto the header select-all `Checkbox`. */
+  all: TableSelectionAllProps;
+  /** Spread onto a row's `Checkbox`. */
+  row: (key: K) => TableSelectionRowProps;
+  clear: () => void;
+}
+/**
+ * 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>
+ * ```
+ */
+declare function useTableSelection<K extends string | number>(keys: readonly K[], onChange?: (selected: K[]) => void): TableSelection<K>;
+//#endregion
 export { TablePaginationState, TableSelection, TableSelectionAllProps, TableSelectionRowProps, TableSortEntry, TableSortMap, UseTablePaginationOptions, useTablePagination, useTableSelection, useTableSort };

package/dist/Table.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_TableContext = require("./TableContext-qqp35o8z.cjs");
+const require_TableContext = require("./TableContext-Bfg1C3Sr.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");

package/dist/Table.d.cts

@@ -1,16 +1,15 @@
-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";
+import { n as TableContext, r as TableContextValue, t as TableCellPadding } from "./TableContext-DOhYeOFx.cjs";
+import { Table, TableAlign, TableBackgroundToken, TableBorderColorToken, TableProps, TableSize } from "./Table/Table.cjs";
+import { TableBody, TableBodyBackgroundToken, TableBodyBorderColorToken, TableBodyColorToken, TableBodyProps } from "./Table/TableBody.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-D2H_6WLf.cjs";
+import { TableContainer, TableContainerProps } from "./Table/TableContainer.cjs";
+import { n as TableSortLabelDirection, r as TableSortLabelProps, t as TableSortLabel } from "./index-BahGB82c.cjs";
+import { a as TableSortMap, i as TableSortEntry, n as UseTablePaginationOptions, o as useTableSort, r as useTablePagination, t as TablePaginationState } from "./useTablePagination-_94Wrvj9.cjs";
+import { TableControl, TableControlProps } from "./Table/TableControl.cjs";
+import { TableFooter, TableFooterBackgroundToken, TableFooterBorderColorToken, TableFooterColorToken, TableFooterProps } from "./Table/TableFooter.cjs";
+import { TableHead, TableHeadBackgroundToken, TableHeadBorderColorToken, TableHeadColorToken, TableHeadProps } from "./Table/TableHead.cjs";
+import { n as TablePaginationActions, r as TablePaginationActionsProps, t as TablePaginationActionType } from "./index-CY0Czi9Z.cjs";
+import { TablePagination, TablePaginationDisplayedRowsInfo, TablePaginationProps } from "./Table/TablePagination.cjs";
+import { TableRow, TableRowBackgroundToken, TableRowBorderColorToken, TableRowColor, TableRowProps } from "./Table/TableRow.cjs";
+import { TableSelection, TableSelectionAllProps, TableSelectionRowProps, useTableSelection } from "./Table/hooks.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 };