@soroush.tech/design-system 1.3.2 → 2.0.0-alpha.0

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 { S as Theme, v as PaletteColor } from "../themes-9YNnlVyY.cjs";
+import "../index-DkJzi96w.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 { S as Theme, v as PaletteColor } from "../themes-9YNnlVyY.mjs";
+import "../index-CEqa8xx8.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-CKLBJ7CC.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-DkPJUFzd.cjs";
+import { n as TableSortLabelDirection, r as TableSortLabelProps, t as TableSortLabel } from "../index-DNNg9RoR.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-hcZwhQmR.mjs";
+import { n as TableSortLabelDirection, r as TableSortLabelProps, t as TableSortLabel } from "../index-IEvuh6Cd.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-CkQGOBmm.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--XtCc2YL.cjs";
+import { a as TableSortMap, i as TableSortEntry, n as UseTablePaginationOptions, o as useTableSort, r as useTablePagination, t as TablePaginationState } from "../useTablePagination-CLoac5oX.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-RgVhJs-7.mjs";
+import { a as TableSortMap, i as TableSortEntry, n as UseTablePaginationOptions, o as useTableSort, r as useTablePagination, t as TablePaginationState } from "../useTablePagination-RelVsdMR.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-DRAhXvq3.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-B6vxRNLt.cjs";
 import { TableContainer, TableContainerProps } from "./Table/TableContainer.cjs";
-import { n as TableSortLabelDirection, r as TableSortLabelProps, t as TableSortLabel } from "./index-DkPJUFzd.cjs";
-import { a as TableSortMap, i as TableSortEntry, n as UseTablePaginationOptions, o as useTableSort, r as useTablePagination, t as TablePaginationState } from "./useTablePagination--XtCc2YL.cjs";
+import { n as TableSortLabelDirection, r as TableSortLabelProps, t as TableSortLabel } from "./index-DNNg9RoR.cjs";
+import { a as TableSortMap, i as TableSortEntry, n as UseTablePaginationOptions, o as useTableSort, r as useTablePagination, t as TablePaginationState } from "./useTablePagination-CLoac5oX.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-EYR0z1Qv.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-DBOk01Xl.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-CVb5zbas.mjs";
 import { TableContainer, TableContainerProps } from "./Table/TableContainer.mjs";
-import { n as TableSortLabelDirection, r as TableSortLabelProps, t as TableSortLabel } from "./index-hcZwhQmR.mjs";
-import { a as TableSortMap, i as TableSortEntry, n as UseTablePaginationOptions, o as useTableSort, r as useTablePagination, t as TablePaginationState } from "./useTablePagination-RgVhJs-7.mjs";
+import { n as TableSortLabelDirection, r as TableSortLabelProps, t as TableSortLabel } from "./index-IEvuh6Cd.mjs";
+import { a as TableSortMap, i as TableSortEntry, n as UseTablePaginationOptions, o as useTableSort, r as useTablePagination, t as TablePaginationState } from "./useTablePagination-RelVsdMR.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-Cjlax0-f.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-DBOk01Xl.d.mts}

@@ -1,4 +1,4 @@
-import { h as Theme } from "./themes-CUV79qWU.cjs";
+import { S as Theme } from "./themes-9YNnlVyY.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-DRAhXvq3.d.cts}

@@ -1,4 +1,4 @@
-import { h as Theme } from "./themes-CUV79qWU.mjs";
+import { S as Theme } from "./themes-9YNnlVyY.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-BmEAXmwh.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 { S as Theme } from "./themes-9YNnlVyY.cjs";
+import "./index-DkJzi96w.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 { S as Theme } from "./themes-9YNnlVyY.mjs";
+import "./index-CEqa8xx8.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-BQGlZoma.mjs";
 import { useFormControl } from "./FormControl.mjs";
 import { t as inputVariantStyles } from "./inputVariantStyles-CcqpGfuP.mjs";
 import { forwardRef, useCallback, useLayoutEffect, useRef } from "react";

package/dist/ToggleButton/ToggleButton.cjs

@@ -1,8 +1,8 @@
 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_utils = require("../utils.cjs");
-const require_theme = require("../theme-CleLAV6A.cjs");
+const require_theme = require("../theme-BmEAXmwh.cjs");
 const require_ButtonGroupContext = require("../ButtonGroupContext-NtkVeDVE.cjs");
 const require_Button = require("../Button.cjs");
 const require_ToggleButtonGroupContext = require("../ToggleButtonGroupContext-Ewc5Ixas.cjs");

package/dist/ToggleButton/ToggleButton.d.cts

@@ -1,10 +1,10 @@
-import { i as ButtonProps } from "../index-uH0EeDBZ.cjs";
-import { r as ToggleButtonValue } from "../ToggleButtonGroupContext-CqD-Afho.cjs";
+import { i as ButtonProps } from "../index-S3NZS-Qp.cjs";
+import { r as ToggleButtonValue } from "../ToggleButtonGroupContext-10jEsQdg.cjs";
 //#region src/ToggleButton/ToggleButton/ToggleButton.d.ts
 interface ToggleButtonProps extends Omit<ButtonProps, 'variant' | 'href' | 'target' | 'rel' | 'value' | 'onChange'> {
   /** The value associated with the button inside a `ToggleButtonGroup`. */
   value: ToggleButtonValue;
-  /** Active state — inferred from the group's value when omitted. Drives `aria-pressed`. */
+  /** Active state - inferred from the group's value when omitted. Drives `aria-pressed`. */
   isSelected?: boolean;
   /** Fired with the button's `value` when toggled. */
   onChange?: (value: ToggleButtonValue) => void;

package/dist/ToggleButton/ToggleButton.d.mts

@@ -1,10 +1,10 @@
-import { i as ButtonProps } from "../index-BAfSyQaP.mjs";
-import { r as ToggleButtonValue } from "../ToggleButtonGroupContext-CqD-Afho.mjs";
+import { i as ButtonProps } from "../index-D4i9vrQM.mjs";
+import { r as ToggleButtonValue } from "../ToggleButtonGroupContext-10jEsQdg.mjs";
 //#region src/ToggleButton/ToggleButton/ToggleButton.d.ts
 interface ToggleButtonProps extends Omit<ButtonProps, 'variant' | 'href' | 'target' | 'rel' | 'value' | 'onChange'> {
   /** The value associated with the button inside a `ToggleButtonGroup`. */
   value: ToggleButtonValue;
-  /** Active state — inferred from the group's value when omitted. Drives `aria-pressed`. */
+  /** Active state - inferred from the group's value when omitted. Drives `aria-pressed`. */
   isSelected?: boolean;
   /** Fired with the button's `value` when toggled. */
   onChange?: (value: ToggleButtonValue) => void;

package/dist/ToggleButton/ToggleButton.mjs

@@ -1,7 +1,7 @@
-import { a as src_exports, o as styled } from "../src-D3tHU94W.mjs";
+import { a as src_exports, o as styled } from "../src-DLGYOJMh.mjs";
 import { t as themeDefault } from "../themeDefault-Z3KmyIbm.mjs";
 import { alpha } from "../utils.mjs";
-import { r as useTheme } from "../theme-Cudynq5K.mjs";
+import { r as useTheme } from "../theme-BQGlZoma.mjs";
 import { t as ButtonGroupContext } from "../ButtonGroupContext-DS-kl9lG.mjs";
 import { Button } from "../Button.mjs";
 import { t as ToggleButtonGroupContext } from "../ToggleButtonGroupContext-DxIyy8ze.mjs";

package/dist/ToggleButton/ToggleButtonGroup.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-BmEAXmwh.cjs");
 const require_ButtonGroup = require("../ButtonGroup.cjs");
 const require_ToggleButtonGroupContext = require("../ToggleButtonGroupContext-Ewc5Ixas.cjs");
 let react = require("react");
@@ -16,7 +16,7 @@ const ToggleButtonGroupRoot = require_src.styled(require_ButtonGroup.ButtonGroup
 })(selectedEdgeStyles);
 /**
 * A `ButtonGroup` of `ToggleButton`s with single (exclusive) or multiple selection,
-* provided to children via `ToggleButtonGroupContext`. Controlled — the consumer
+* provided to children via `ToggleButtonGroupContext`. Controlled - the consumer
 * owns `value`. Visual props (`color` / `size` / `disabled` / `fullWidth`) broadcast
 * through `ButtonGroup` as usual.
 */

package/dist/ToggleButton/ToggleButtonGroup.d.cts

@@ -1,8 +1,8 @@
-import { a as ButtonGroupProps } from "../index-BYYEoNec.cjs";
-import { r as ToggleButtonValue } from "../ToggleButtonGroupContext-CqD-Afho.cjs";
+import { a as ButtonGroupProps } from "../index-CCrocxBL.cjs";
+import { r as ToggleButtonValue } from "../ToggleButtonGroupContext-10jEsQdg.cjs";
 //#region src/ToggleButton/ToggleButtonGroup/ToggleButtonGroup.d.ts
 interface ToggleButtonGroupProps extends Omit<ButtonGroupProps, 'variant' | 'onChange'> {
-  /** Selected value(s) — single when `isExclusive`, array otherwise. Controlled. */
+  /** Selected value(s) - single when `isExclusive`, array otherwise. Controlled. */
   value?: ToggleButtonValue | ToggleButtonValue[] | null;
   /**
    * Fired with the next selection: a single value or `null` when `isExclusive`,
@@ -14,7 +14,7 @@ interface ToggleButtonGroupProps extends Omit<ButtonGroupProps, 'variant' | 'onC
 }
 /**
  * A `ButtonGroup` of `ToggleButton`s with single (exclusive) or multiple selection,
- * provided to children via `ToggleButtonGroupContext`. Controlled — the consumer
+ * provided to children via `ToggleButtonGroupContext`. Controlled - the consumer
  * owns `value`. Visual props (`color` / `size` / `disabled` / `fullWidth`) broadcast
  * through `ButtonGroup` as usual.
  */

package/dist/ToggleButton/ToggleButtonGroup.d.mts

@@ -1,8 +1,8 @@
-import { a as ButtonGroupProps } from "../index-CbGfrKZi.mjs";
-import { r as ToggleButtonValue } from "../ToggleButtonGroupContext-CqD-Afho.mjs";
+import { a as ButtonGroupProps } from "../index-BNpkmtaM.mjs";
+import { r as ToggleButtonValue } from "../ToggleButtonGroupContext-10jEsQdg.mjs";
 //#region src/ToggleButton/ToggleButtonGroup/ToggleButtonGroup.d.ts
 interface ToggleButtonGroupProps extends Omit<ButtonGroupProps, 'variant' | 'onChange'> {
-  /** Selected value(s) — single when `isExclusive`, array otherwise. Controlled. */
+  /** Selected value(s) - single when `isExclusive`, array otherwise. Controlled. */
   value?: ToggleButtonValue | ToggleButtonValue[] | null;
   /**
    * Fired with the next selection: a single value or `null` when `isExclusive`,
@@ -14,7 +14,7 @@ interface ToggleButtonGroupProps extends Omit<ButtonGroupProps, 'variant' | 'onC
 }
 /**
  * A `ButtonGroup` of `ToggleButton`s with single (exclusive) or multiple selection,
- * provided to children via `ToggleButtonGroupContext`. Controlled — the consumer
+ * provided to children via `ToggleButtonGroupContext`. Controlled - the consumer
  * owns `value`. Visual props (`color` / `size` / `disabled` / `fullWidth`) broadcast
  * through `ButtonGroup` as usual.
  */

package/dist/ToggleButton/ToggleButtonGroup.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-BQGlZoma.mjs";
 import { ButtonGroup } from "../ButtonGroup.mjs";
 import { t as ToggleButtonGroupContext } from "../ToggleButtonGroupContext-DxIyy8ze.mjs";
 import { useMemo } from "react";
@@ -15,7 +15,7 @@ const ToggleButtonGroupRoot = styled(ButtonGroup, {
 })(selectedEdgeStyles);
 /**
 * A `ButtonGroup` of `ToggleButton`s with single (exclusive) or multiple selection,
-* provided to children via `ToggleButtonGroupContext`. Controlled — the consumer
+* provided to children via `ToggleButtonGroupContext`. Controlled - the consumer
 * owns `value`. Visual props (`color` / `size` / `disabled` / `fullWidth`) broadcast
 * through `ButtonGroup` as usual.
 */

package/dist/ToggleButton.d.cts

@@ -1,4 +1,4 @@
-import { n as ToggleButtonGroupContextValue, r as ToggleButtonValue, t as ToggleButtonGroupContext } from "./ToggleButtonGroupContext-CqD-Afho.cjs";
+import { n as ToggleButtonGroupContextValue, r as ToggleButtonValue, t as ToggleButtonGroupContext } from "./ToggleButtonGroupContext-10jEsQdg.cjs";
 import { ToggleButton, ToggleButtonProps } from "./ToggleButton/ToggleButton.cjs";
 import { ToggleButtonGroup, ToggleButtonGroupProps } from "./ToggleButton/ToggleButtonGroup.cjs";
 export { ToggleButton, ToggleButtonGroup, ToggleButtonGroupContext, ToggleButtonGroupContextValue, ToggleButtonGroupProps, ToggleButtonProps, ToggleButtonValue };