@soroush.tech/design-system 1.3.1 → 1.3.3

package/dist/Table/TablePagination.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_src = require("../src-BJrcLd7P.cjs");
+const require_src = require("../src-DU81aGy9.cjs");
 const require_Typography = require("../Typography.cjs");
 const require_NativeSelect = require("../NativeSelect.cjs");
 const require_Table_TableCell = require("./TableCell.cjs");
@@ -14,7 +14,7 @@ const DEFAULT_ROWS_PER_PAGE_OPTIONS = [
 	100
 ];
 const defaultDisplayedRowsLabel = ({ from, to, count }) => {
-	return `${from}–${to} of ${count !== -1 ? count : `more than ${to}`}`;
+	return `${from}-${to} of ${count !== -1 ? count : `more than ${to}`}`;
 };
 const defaultGetItemAriaLabel = (type) => `Go to ${type} page`;
 const Toolbar = require_src.styled("div", {
@@ -29,7 +29,7 @@ const Toolbar = require_src.styled("div", {
 });
 /**
 * A `TableCell`-based pagination control for `TableFooter > TableRow`.
-* Controlled only — the consumer owns `page` and `rowsPerPage`.
+* Controlled only - the consumer owns `page` and `rowsPerPage`.
 */
 function TablePagination({ count, page, rowsPerPage, onPageChange, onRowsPerPageChange, rowsPerPageOptions = DEFAULT_ROWS_PER_PAGE_OPTIONS, disabled = false, shouldShowFirstButton = false, shouldShowLastButton = false, rowsPerPageLabel = "Rows per page:", displayedRowsLabel = defaultDisplayedRowsLabel, getItemAriaLabel = defaultGetItemAriaLabel, colSpan = 1e3, as, ...rest }) {
 	const selectOptions = rowsPerPageOptions.map((option) => typeof option === "number" ? {

package/dist/Table/TablePagination.d.cts

@@ -1,5 +1,5 @@
-import { o as TableCellProps } from "../index-X4STXeE2.cjs";
-import { t as TablePaginationActionType } from "../index-DEEHBUUZ.cjs";
+import { o as TableCellProps } from "../index-CHRAYSwH.cjs";
+import { t as TablePaginationActionType } from "../index-D9CwTcnr.cjs";
 import { ElementType, ReactNode } from "react";
 //#region src/Table/TablePagination/TablePagination.d.ts
 interface TablePaginationDisplayedRowsInfo {
@@ -30,7 +30,7 @@ interface TablePaginationProps extends Omit<TableCellProps, 'children' | 'varian
   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. */
+  /** 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;
@@ -38,7 +38,7 @@ interface TablePaginationProps extends Omit<TableCellProps, 'children' | 'varian
 }
 /**
  * A `TableCell`-based pagination control for `TableFooter > TableRow`.
- * Controlled only — the consumer owns `page` and `rowsPerPage`.
+ * 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

package/dist/Table/TablePagination.d.mts

@@ -1,5 +1,5 @@
-import { o as TableCellProps } from "../index-DfhMdqqI.mjs";
-import { t as TablePaginationActionType } from "../index-DGku7hLP.mjs";
+import { o as TableCellProps } from "../index-BoIi-XoB.mjs";
+import { t as TablePaginationActionType } from "../index-XZDPGJ_h.mjs";
 import { ElementType, ReactNode } from "react";
 //#region src/Table/TablePagination/TablePagination.d.ts
 interface TablePaginationDisplayedRowsInfo {
@@ -30,7 +30,7 @@ interface TablePaginationProps extends Omit<TableCellProps, 'children' | 'varian
   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. */
+  /** 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;
@@ -38,7 +38,7 @@ interface TablePaginationProps extends Omit<TableCellProps, 'children' | 'varian
 }
 /**
  * A `TableCell`-based pagination control for `TableFooter > TableRow`.
- * Controlled only — the consumer owns `page` and `rowsPerPage`.
+ * 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

package/dist/Table/TablePagination.mjs

@@ -1,4 +1,4 @@
-import { o as styled } from "../src-D3tHU94W.mjs";
+import { o as styled } from "../src-DLGYOJMh.mjs";
 import { Typography } from "../Typography.mjs";
 import { NativeSelect } from "../NativeSelect.mjs";
 import { TableCell } from "./TableCell.mjs";
@@ -13,7 +13,7 @@ const DEFAULT_ROWS_PER_PAGE_OPTIONS = [
 	100
 ];
 const defaultDisplayedRowsLabel = ({ from, to, count }) => {
-	return `${from}–${to} of ${count !== -1 ? count : `more than ${to}`}`;
+	return `${from}-${to} of ${count !== -1 ? count : `more than ${to}`}`;
 };
 const defaultGetItemAriaLabel = (type) => `Go to ${type} page`;
 const Toolbar = styled("div", {
@@ -28,7 +28,7 @@ const Toolbar = styled("div", {
 });
 /**
 * A `TableCell`-based pagination control for `TableFooter > TableRow`.
-* Controlled only — the consumer owns `page` and `rowsPerPage`.
+* Controlled only - the consumer owns `page` and `rowsPerPage`.
 */
 function TablePagination({ count, page, rowsPerPage, onPageChange, onRowsPerPageChange, rowsPerPageOptions = DEFAULT_ROWS_PER_PAGE_OPTIONS, disabled = false, shouldShowFirstButton = false, shouldShowLastButton = false, rowsPerPageLabel = "Rows per page:", displayedRowsLabel = defaultDisplayedRowsLabel, getItemAriaLabel = defaultGetItemAriaLabel, colSpan = 1e3, as, ...rest }) {
 	const selectOptions = rowsPerPageOptions.map((option) => typeof option === "number" ? {

package/dist/Table/TablePaginationActions.cjs

@@ -1,7 +1,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_src = require("../src-BJrcLd7P.cjs");
+const require_src = require("../src-DU81aGy9.cjs");
 const require_themeDefault = require("../themeDefault-Cebi08Cv.cjs");
-const require_theme = require("../theme-CleLAV6A.cjs");
+const require_theme = require("../theme-Bnc03K83.cjs");
 const require_Pagination_PaginationItem = require("../Pagination/PaginationItem.cjs");
 require("react");
 let react_jsx_runtime = require("react/jsx-runtime");

package/dist/Table/TablePaginationActions.d.cts

@@ -1,2 +1,2 @@
-import { n as TablePaginationActions, r as TablePaginationActionsProps, t as TablePaginationActionType } from "../index-DEEHBUUZ.cjs";
+import { n as TablePaginationActions, r as TablePaginationActionsProps, t as TablePaginationActionType } from "../index-D9CwTcnr.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-DGku7hLP.mjs";
+import { n as TablePaginationActions, r as TablePaginationActionsProps, t as TablePaginationActionType } from "../index-XZDPGJ_h.mjs";
 export { TablePaginationActionType, TablePaginationActions, TablePaginationActionsProps };

package/dist/Table/TablePaginationActions.mjs

@@ -1,6 +1,6 @@
-import { o as styled } from "../src-D3tHU94W.mjs";
+import { o as styled } from "../src-DLGYOJMh.mjs";
 import { t as themeDefault } from "../themeDefault-Z3KmyIbm.mjs";
-import { r as useTheme } from "../theme-Cudynq5K.mjs";
+import { r as useTheme } from "../theme-BuqqFbsz.mjs";
 import { PaginationItem } from "../Pagination/PaginationItem.mjs";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/Table/TableRow.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_src = require("../src-BJrcLd7P.cjs");
+const require_src = require("../src-DU81aGy9.cjs");
 const require_themeDefault = require("../themeDefault-Cebi08Cv.cjs");
 const require_TableContext = require("../TableContext-Bfg1C3Sr.cjs");
 let react = require("react");

package/dist/Table/TableRow.d.cts

@@ -1,17 +1,17 @@
-import { d as PaletteColor, h as Theme } from "../themes-CUV79qWU.cjs";
-import "../index-2QPYJgCl.cjs";
+import { d as PaletteColor, h as Theme } from "../themes-kbuYiwCi.cjs";
+import "../index-jmy5eXpx.cjs";
 import { ElementType, HTMLAttributes } from "react";
 import { BorderProps, SpaceProps } from "@soroush.tech/styled-system";
 //#region src/Table/TableRow/TableRow.d.ts
-/** Palette color driving the hover/selected shading — a `theme.palette` key. */
+/** 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. */
+/** 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. */
+/** Valid values for the borderColor prop - derived from theme.border keys. */
 type TableRowBorderColorToken = keyof Theme['border'];
 interface TableRowProps extends Omit<HTMLAttributes<HTMLTableRowElement>, 'color'>, SpaceProps<Theme>, Omit<BorderProps<Theme>, 'borderColor' | 'borderRadius'> {
   /**
-   * Palette color for the hover/selected shading — maps to `theme.palette[color]`
+   * 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`.
    */
@@ -19,7 +19,7 @@ interface TableRowProps extends Omit<HTMLAttributes<HTMLTableRowElement>, 'color
   as?: ElementType;
   /** Resolves against theme.background */
   bg?: TableRowBackgroundToken;
-  /** Resolves against theme.border — light · primary · dark */
+  /** Resolves against theme.border - light · primary · dark */
   borderColor?: TableRowBorderColorToken;
   /** Shades the row on hover with `theme.palette[color].light`. Default: `false`. */
   isHoverable?: boolean;

package/dist/Table/TableRow.d.mts

@@ -1,17 +1,17 @@
-import { d as PaletteColor, h as Theme } from "../themes-CUV79qWU.mjs";
-import "../index-q9peil7T.mjs";
+import { d as PaletteColor, h as Theme } from "../themes-kbuYiwCi.mjs";
+import "../index-v_otepCe.mjs";
 import { BorderProps, SpaceProps } from "@soroush.tech/styled-system";
 import { ElementType, HTMLAttributes } from "react";
 //#region src/Table/TableRow/TableRow.d.ts
-/** Palette color driving the hover/selected shading — a `theme.palette` key. */
+/** 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. */
+/** 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. */
+/** Valid values for the borderColor prop - derived from theme.border keys. */
 type TableRowBorderColorToken = keyof Theme['border'];
 interface TableRowProps extends Omit<HTMLAttributes<HTMLTableRowElement>, 'color'>, SpaceProps<Theme>, Omit<BorderProps<Theme>, 'borderColor' | 'borderRadius'> {
   /**
-   * Palette color for the hover/selected shading — maps to `theme.palette[color]`
+   * 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`.
    */
@@ -19,7 +19,7 @@ interface TableRowProps extends Omit<HTMLAttributes<HTMLTableRowElement>, 'color
   as?: ElementType;
   /** Resolves against theme.background */
   bg?: TableRowBackgroundToken;
-  /** Resolves against theme.border — light · primary · dark */
+  /** Resolves against theme.border - light · primary · dark */
   borderColor?: TableRowBorderColorToken;
   /** Shades the row on hover with `theme.palette[color].light`. Default: `false`. */
   isHoverable?: boolean;

package/dist/Table/TableRow.mjs

@@ -1,4 +1,4 @@
-import { a as src_exports, i as props, o as styled, t as createShouldForwardProp } from "../src-D3tHU94W.mjs";
+import { a as src_exports, i as props, o as styled, t as createShouldForwardProp } from "../src-DLGYOJMh.mjs";
 import { t as themeDefault } from "../themeDefault-Z3KmyIbm.mjs";
 import { t as TableContext } from "../TableContext-Dyr89h_k.mjs";
 import { useContext } from "react";

package/dist/Table/TableSortLabel.cjs

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_src = require("../src-BJrcLd7P.cjs");
-const require_Icon = require("../Icon-ByDvM-t1.cjs");
+const require_src = require("../src-DU81aGy9.cjs");
+const require_Icon = require("../Icon-BAMpe9SO.cjs");
 const require_TableContext = require("../TableContext-Bfg1C3Sr.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");

package/dist/Table/TableSortLabel.d.cts

@@ -1,2 +1,2 @@
-import { n as TableSortLabelDirection, r as TableSortLabelProps, t as TableSortLabel } from "../index-DiLm48XP.cjs";
+import { n as TableSortLabelDirection, r as TableSortLabelProps, t as TableSortLabel } from "../index-vuPAf55D.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-C1hP7Igl.mjs";
+import { n as TableSortLabelDirection, r as TableSortLabelProps, t as TableSortLabel } from "../index-ggLhNdZV.mjs";
 export { TableSortLabel, TableSortLabelDirection, TableSortLabelProps };

package/dist/Table/TableSortLabel.mjs

@@ -1,5 +1,5 @@
-import { a as src_exports, i as props, o as styled, t as createShouldForwardProp } from "../src-D3tHU94W.mjs";
-import { t as Icon } from "../Icon-CU_nUmsU.mjs";
+import { a as src_exports, i as props, o as styled, t as createShouldForwardProp } from "../src-DLGYOJMh.mjs";
+import { t as Icon } from "../Icon-gSiGgU13.mjs";
 import { t as TableContext } from "../TableContext-Dyr89h_k.mjs";
 import { useContext } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/Table/hooks.cjs

@@ -7,7 +7,7 @@ let react = require("react");
 * ```tsx
 * const pagination = useTablePagination({ defaultRowsPerPage: 10 })
 * <TablePagination count={data.length} {...pagination} />
-* <TableControl data={data} pagination={pagination}>{(row) => …}</TableControl>
+* <TableControl data={data} pagination={pagination}>{(row) => ...}</TableControl>
 * ```
 */
 function useTablePagination({ defaultPage = 0, defaultRowsPerPage = 10 } = {}) {
@@ -27,7 +27,7 @@ function useTablePagination({ defaultPage = 0, defaultRowsPerPage = 10 } = {}) {
 //#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
+* 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.
 *
@@ -35,7 +35,7 @@ const toggleKey = (selected, selectedSet, key) => selectedSet.has(key) ? selecte
 * 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>
+* <TableRow isSelected={selection.isSelected(row.service)}>...</TableRow>
 * ```
 */
 function useTableSelection(keys, onChange) {
@@ -74,13 +74,13 @@ function useTableSelection(keys, onChange) {
 /**
 * 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'`.
+* 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>
+* <TableControl data={rows} sort={sort}>{(row) => ...}</TableControl>
 * ```
 */
 function useTableSort(keys, onChange) {

package/dist/Table/hooks.d.cts

@@ -1,13 +1,13 @@
-import { a as TableSortMap, i as TableSortEntry, n as UseTablePaginationOptions, o as useTableSort, r as useTablePagination, t as TablePaginationState } from "../useTablePagination-Dh7o59Wt.cjs";
+import { a as TableSortMap, i as TableSortEntry, n as UseTablePaginationOptions, o as useTableSort, r as useTablePagination, t as TablePaginationState } from "../useTablePagination-BpMOVLsR.cjs";
 //#region src/Table/hooks/useTableSelection.d.ts
-/** Header select-all state — spreads directly onto `Checkbox`. */
+/** 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`. */
+/** One row's selection state - spreads directly onto `Checkbox`. */
 interface TableSelectionRowProps {
   checked: boolean;
   /** Toggles this key in and out of the selection. */
@@ -24,7 +24,7 @@ interface TableSelection<K extends string | number> {
   clear: () => void;
 }
 /**
- * Key-based row selection that survives paging and re-sorting — selection is
+ * 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.
  *
@@ -32,7 +32,7 @@ interface TableSelection<K extends string | number> {
  * 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>
+ * <TableRow isSelected={selection.isSelected(row.service)}>...</TableRow>
  * ```
  */
 declare function useTableSelection<K extends string | number>(keys: readonly K[], onChange?: (selected: K[]) => void): TableSelection<K>;

package/dist/Table/hooks.d.mts

@@ -1,13 +1,13 @@
-import { a as TableSortMap, i as TableSortEntry, n as UseTablePaginationOptions, o as useTableSort, r as useTablePagination, t as TablePaginationState } from "../useTablePagination-DOty8Ucb.mjs";
+import { a as TableSortMap, i as TableSortEntry, n as UseTablePaginationOptions, o as useTableSort, r as useTablePagination, t as TablePaginationState } from "../useTablePagination-DebYZ6vN.mjs";
 //#region src/Table/hooks/useTableSelection.d.ts
-/** Header select-all state — spreads directly onto `Checkbox`. */
+/** 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`. */
+/** One row's selection state - spreads directly onto `Checkbox`. */
 interface TableSelectionRowProps {
   checked: boolean;
   /** Toggles this key in and out of the selection. */
@@ -24,7 +24,7 @@ interface TableSelection<K extends string | number> {
   clear: () => void;
 }
 /**
- * Key-based row selection that survives paging and re-sorting — selection is
+ * 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.
  *
@@ -32,7 +32,7 @@ interface TableSelection<K extends string | number> {
  * 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>
+ * <TableRow isSelected={selection.isSelected(row.service)}>...</TableRow>
  * ```
  */
 declare function useTableSelection<K extends string | number>(keys: readonly K[], onChange?: (selected: K[]) => void): TableSelection<K>;

package/dist/Table/hooks.mjs

@@ -6,7 +6,7 @@ import { useCallback, useMemo, useState } from "react";
 * ```tsx
 * const pagination = useTablePagination({ defaultRowsPerPage: 10 })
 * <TablePagination count={data.length} {...pagination} />
-* <TableControl data={data} pagination={pagination}>{(row) => …}</TableControl>
+* <TableControl data={data} pagination={pagination}>{(row) => ...}</TableControl>
 * ```
 */
 function useTablePagination({ defaultPage = 0, defaultRowsPerPage = 10 } = {}) {
@@ -26,7 +26,7 @@ function useTablePagination({ defaultPage = 0, defaultRowsPerPage = 10 } = {}) {
 //#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
+* 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.
 *
@@ -34,7 +34,7 @@ const toggleKey = (selected, selectedSet, key) => selectedSet.has(key) ? selecte
 * 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>
+* <TableRow isSelected={selection.isSelected(row.service)}>...</TableRow>
 * ```
 */
 function useTableSelection(keys, onChange) {
@@ -73,13 +73,13 @@ function useTableSelection(keys, onChange) {
 /**
 * 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'`.
+* 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>
+* <TableControl data={rows} sort={sort}>{(row) => ...}</TableControl>
 * ```
 */
 function useTableSort(keys, onChange) {

package/dist/Table.d.cts

@@ -1,14 +1,14 @@
-import { n as TableContext, r as TableContextValue, t as TableCellPadding } from "./TableContext-BoOxdk8p.cjs";
+import { n as TableContext, r as TableContextValue, t as TableCellPadding } from "./TableContext-DXzUQ4-a.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-X4STXeE2.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-CHRAYSwH.cjs";
 import { TableContainer, TableContainerProps } from "./Table/TableContainer.cjs";
-import { n as TableSortLabelDirection, r as TableSortLabelProps, t as TableSortLabel } from "./index-DiLm48XP.cjs";
-import { a as TableSortMap, i as TableSortEntry, n as UseTablePaginationOptions, o as useTableSort, r as useTablePagination, t as TablePaginationState } from "./useTablePagination-Dh7o59Wt.cjs";
+import { n as TableSortLabelDirection, r as TableSortLabelProps, t as TableSortLabel } from "./index-vuPAf55D.cjs";
+import { a as TableSortMap, i as TableSortEntry, n as UseTablePaginationOptions, o as useTableSort, r as useTablePagination, t as TablePaginationState } from "./useTablePagination-BpMOVLsR.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-DEEHBUUZ.cjs";
+import { n as TablePaginationActions, r as TablePaginationActionsProps, t as TablePaginationActionType } from "./index-D9CwTcnr.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";

package/dist/Table.d.mts

@@ -1,14 +1,14 @@
-import { n as TableContext, r as TableContextValue, t as TableCellPadding } from "./TableContext-DV31j6HO.mjs";
+import { n as TableContext, r as TableContextValue, t as TableCellPadding } from "./TableContext-BrIREKe7.mjs";
 import { Table, TableAlign, TableBackgroundToken, TableBorderColorToken, TableProps, TableSize } from "./Table/Table.mjs";
 import { TableBody, TableBodyBackgroundToken, TableBodyBorderColorToken, TableBodyColorToken, TableBodyProps } from "./Table/TableBody.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-DfhMdqqI.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-BoIi-XoB.mjs";
 import { TableContainer, TableContainerProps } from "./Table/TableContainer.mjs";
-import { n as TableSortLabelDirection, r as TableSortLabelProps, t as TableSortLabel } from "./index-C1hP7Igl.mjs";
-import { a as TableSortMap, i as TableSortEntry, n as UseTablePaginationOptions, o as useTableSort, r as useTablePagination, t as TablePaginationState } from "./useTablePagination-DOty8Ucb.mjs";
+import { n as TableSortLabelDirection, r as TableSortLabelProps, t as TableSortLabel } from "./index-ggLhNdZV.mjs";
+import { a as TableSortMap, i as TableSortEntry, n as UseTablePaginationOptions, o as useTableSort, r as useTablePagination, t as TablePaginationState } from "./useTablePagination-DebYZ6vN.mjs";
 import { TableControl, TableControlProps } from "./Table/TableControl.mjs";
 import { TableFooter, TableFooterBackgroundToken, TableFooterBorderColorToken, TableFooterColorToken, TableFooterProps } from "./Table/TableFooter.mjs";
 import { TableHead, TableHeadBackgroundToken, TableHeadBorderColorToken, TableHeadColorToken, TableHeadProps } from "./Table/TableHead.mjs";
-import { n as TablePaginationActions, r as TablePaginationActionsProps, t as TablePaginationActionType } from "./index-DGku7hLP.mjs";
+import { n as TablePaginationActions, r as TablePaginationActionsProps, t as TablePaginationActionType } from "./index-XZDPGJ_h.mjs";
 import { TablePagination, TablePaginationDisplayedRowsInfo, TablePaginationProps } from "./Table/TablePagination.mjs";
 import { TableRow, TableRowBackgroundToken, TableRowBorderColorToken, TableRowColor, TableRowProps } from "./Table/TableRow.mjs";
 import { TableSelection, TableSelectionAllProps, TableSelectionRowProps, useTableSelection } from "./Table/hooks.mjs";

package/dist/{TableContext-BoOxdk8p.d.cts → TableContext-BrIREKe7.d.mts}

@@ -1,4 +1,4 @@
-import { h as Theme } from "./themes-CUV79qWU.cjs";
+import { h as Theme } from "./themes-kbuYiwCi.mjs";
 //#region src/Table/TableContext.d.ts
 /** Cell padding modes broadcast from `Table` to descendant cells. */
 type TableCellPadding = 'normal' | 'none';
@@ -7,7 +7,7 @@ interface TableContextValue {
   size?: keyof Theme['sizes'];
   cellPadding?: TableCellPadding;
   hasStickyHeader?: boolean;
-  /** Palette color for descendant rows' hover/selected shading — a row's own `color` wins. */
+  /** 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;

package/dist/{TableContext-DV31j6HO.d.mts → TableContext-DXzUQ4-a.d.cts}

@@ -1,4 +1,4 @@
-import { h as Theme } from "./themes-CUV79qWU.mjs";
+import { h as Theme } from "./themes-kbuYiwCi.cjs";
 //#region src/Table/TableContext.d.ts
 /** Cell padding modes broadcast from `Table` to descendant cells. */
 type TableCellPadding = 'normal' | 'none';
@@ -7,7 +7,7 @@ interface TableContextValue {
   size?: keyof Theme['sizes'];
   cellPadding?: TableCellPadding;
   hasStickyHeader?: boolean;
-  /** Palette color for descendant rows' hover/selected shading — a row's own `color` wins. */
+  /** 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;

package/dist/TextInput.cjs

@@ -1,7 +1,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_src = require("./src-BJrcLd7P.cjs");
+const require_src = require("./src-DU81aGy9.cjs");
 const require_themeDefault = require("./themeDefault-Cebi08Cv.cjs");
-const require_theme = require("./theme-CleLAV6A.cjs");
+const require_theme = require("./theme-Bnc03K83.cjs");
 const require_FormControl = require("./FormControl.cjs");
 const require_inputVariantStyles = require("./inputVariantStyles-BBkkYQtE.cjs");
 let react = require("react");

package/dist/TextInput.d.cts

@@ -1,5 +1,5 @@
-import { h as Theme } from "./themes-CUV79qWU.cjs";
-import "./index-2QPYJgCl.cjs";
+import { h as Theme } from "./themes-kbuYiwCi.cjs";
+import "./index-jmy5eXpx.cjs";
 import { ChangeEventHandler, ElementType, InputHTMLAttributes, TextareaHTMLAttributes } from "react";
 import { LayoutProps, SpaceProps } from "@soroush.tech/styled-system";
 //#region src/TextInput/TextInput.d.ts
@@ -12,7 +12,7 @@ interface TextInputClasses {
   input?: string;
 }
 interface TextInputProps extends SpaceProps<Theme>, Pick<LayoutProps<Theme>, 'width' | 'minWidth' | 'maxWidth'> {
-  /** Corner radius — applies only to `default` and `outlined` variants. Resolves against `theme.radii`. */
+  /** Corner radius - applies only to `default` and `outlined` variants. Resolves against `theme.radii`. */
   borderRadius?: keyof Theme['radii'];
   autoComplete?: string;
   autoFocus?: boolean;
@@ -23,20 +23,20 @@ interface TextInputProps extends SpaceProps<Theme>, Pick<LayoutProps<Theme>, 'wi
     Input?: ElementType;
     Root?: ElementType;
   };
-  /** Focus/active border color — resolves to `theme.palette[color].main`. Default: 'primary', overridable via `theme.defaults.color`. */
+  /** Focus/active border color - resolves to `theme.palette[color].main`. Default: 'primary', overridable via `theme.defaults.color`. */
   color?: TextInputColor;
-  /** Text color of the typed value — resolves against `theme.text`. Default: 'primary', overridable via `theme.defaults.accentTextColor`. */
+  /** Text color of the typed value - resolves against `theme.text`. Default: 'primary', overridable via `theme.defaults.accentTextColor`. */
   textColor?: TextInputTextColor;
   /** Disables the input. */
   disabled?: boolean;
-  /** Marks the field as invalid — applies error border color. */
+  /** Marks the field as invalid - applies error border color. */
   error?: boolean;
   /** Stretches the root to fill its container. */
   fullWidth?: boolean;
   id?: string;
   /** Custom component for the input element. Takes priority over `components.Input`. Default: `'input'`. */
   inputComponent?: ElementType;
-  /** Native HTML `size` attribute — visible width in character widths. Has no effect with `multiline` or `resize`. */
+  /** Native HTML `size` attribute - visible width in character widths. Has no effect with `multiline` or `resize`. */
   inputSize?: number;
   /** Extra props spread onto the native element. Explicit top-level props take priority. */
   inputProps?: InputHTMLAttributes<HTMLInputElement> & TextareaHTMLAttributes<HTMLTextAreaElement>;
@@ -67,9 +67,9 @@ interface TextInputProps extends SpaceProps<Theme>, Pick<LayoutProps<Theme>, 'wi
   type?: string;
   /**
    * Visual style of the input.
-   * - `outlined` / `default` — full border box (default)
-   * - `underline` — border on bottom only
-   * - `text` — no border, transparent background
+   * - `outlined` / `default` - full border box (default)
+   * - `underline` - border on bottom only
+   * - `text` - no border, transparent background
    */
   variant?: TextInputVariant;
   value?: string | number | readonly string[];

package/dist/TextInput.d.mts

@@ -1,5 +1,5 @@
-import { h as Theme } from "./themes-CUV79qWU.mjs";
-import "./index-q9peil7T.mjs";
+import { h as Theme } from "./themes-kbuYiwCi.mjs";
+import "./index-v_otepCe.mjs";
 import { LayoutProps, SpaceProps } from "@soroush.tech/styled-system";
 import { ChangeEventHandler, ElementType, InputHTMLAttributes, TextareaHTMLAttributes } from "react";
 //#region src/TextInput/TextInput.d.ts
@@ -12,7 +12,7 @@ interface TextInputClasses {
   input?: string;
 }
 interface TextInputProps extends SpaceProps<Theme>, Pick<LayoutProps<Theme>, 'width' | 'minWidth' | 'maxWidth'> {
-  /** Corner radius — applies only to `default` and `outlined` variants. Resolves against `theme.radii`. */
+  /** Corner radius - applies only to `default` and `outlined` variants. Resolves against `theme.radii`. */
   borderRadius?: keyof Theme['radii'];
   autoComplete?: string;
   autoFocus?: boolean;
@@ -23,20 +23,20 @@ interface TextInputProps extends SpaceProps<Theme>, Pick<LayoutProps<Theme>, 'wi
     Input?: ElementType;
     Root?: ElementType;
   };
-  /** Focus/active border color — resolves to `theme.palette[color].main`. Default: 'primary', overridable via `theme.defaults.color`. */
+  /** Focus/active border color - resolves to `theme.palette[color].main`. Default: 'primary', overridable via `theme.defaults.color`. */
   color?: TextInputColor;
-  /** Text color of the typed value — resolves against `theme.text`. Default: 'primary', overridable via `theme.defaults.accentTextColor`. */
+  /** Text color of the typed value - resolves against `theme.text`. Default: 'primary', overridable via `theme.defaults.accentTextColor`. */
   textColor?: TextInputTextColor;
   /** Disables the input. */
   disabled?: boolean;
-  /** Marks the field as invalid — applies error border color. */
+  /** Marks the field as invalid - applies error border color. */
   error?: boolean;
   /** Stretches the root to fill its container. */
   fullWidth?: boolean;
   id?: string;
   /** Custom component for the input element. Takes priority over `components.Input`. Default: `'input'`. */
   inputComponent?: ElementType;
-  /** Native HTML `size` attribute — visible width in character widths. Has no effect with `multiline` or `resize`. */
+  /** Native HTML `size` attribute - visible width in character widths. Has no effect with `multiline` or `resize`. */
   inputSize?: number;
   /** Extra props spread onto the native element. Explicit top-level props take priority. */
   inputProps?: InputHTMLAttributes<HTMLInputElement> & TextareaHTMLAttributes<HTMLTextAreaElement>;
@@ -67,9 +67,9 @@ interface TextInputProps extends SpaceProps<Theme>, Pick<LayoutProps<Theme>, 'wi
   type?: string;
   /**
    * Visual style of the input.
-   * - `outlined` / `default` — full border box (default)
-   * - `underline` — border on bottom only
-   * - `text` — no border, transparent background
+   * - `outlined` / `default` - full border box (default)
+   * - `underline` - border on bottom only
+   * - `text` - no border, transparent background
    */
   variant?: TextInputVariant;
   value?: string | number | readonly string[];

package/dist/TextInput.mjs

@@ -1,6 +1,6 @@
-import { a as src_exports, i as props, o as styled, t as createShouldForwardProp } from "./src-D3tHU94W.mjs";
+import { a as src_exports, i as props, o as styled, t as createShouldForwardProp } from "./src-DLGYOJMh.mjs";
 import { t as themeDefault } from "./themeDefault-Z3KmyIbm.mjs";
-import { r as useTheme } from "./theme-Cudynq5K.mjs";
+import { r as useTheme } from "./theme-BuqqFbsz.mjs";
 import { useFormControl } from "./FormControl.mjs";
 import { t as inputVariantStyles } from "./inputVariantStyles-CcqpGfuP.mjs";
 import { forwardRef, useCallback, useLayoutEffect, useRef } from "react";