@soroush.tech/design-system 1.3.2 → 1.3.3

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-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-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-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-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-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";

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-Bnc03K83.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-Oxx0z4dS.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-C-2VKPcp.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-BuqqFbsz.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-Bnc03K83.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-C5-ZM7lt.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-DhMAwR96.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-BuqqFbsz.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 };

package/dist/ToggleButton.d.mts

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

package/dist/{ToggleButtonGroupContext-CqD-Afho.d.cts → ToggleButtonGroupContext-10jEsQdg.d.cts}

@@ -5,9 +5,9 @@ type ToggleButtonValue = string | number;
  * Visual config (color / size / disabled / fullWidth) travels via `ButtonGroupContext`.
  */
 interface ToggleButtonGroupContextValue {
-  /** Selected value(s) — single when exclusive, array otherwise. */
+  /** Selected value(s) - single when exclusive, array otherwise. */
   value?: ToggleButtonValue | ToggleButtonValue[] | null;
-  /** Fired with the clicked button's value — the group resolves the next selection. */
+  /** Fired with the clicked button's value - the group resolves the next selection. */
   onToggle?: (value: ToggleButtonValue) => void;
 }
 declare const ToggleButtonGroupContext: import("react").Context<ToggleButtonGroupContextValue>;

package/dist/{ToggleButtonGroupContext-CqD-Afho.d.mts → ToggleButtonGroupContext-10jEsQdg.d.mts}

@@ -5,9 +5,9 @@ type ToggleButtonValue = string | number;
  * Visual config (color / size / disabled / fullWidth) travels via `ButtonGroupContext`.
  */
 interface ToggleButtonGroupContextValue {
-  /** Selected value(s) — single when exclusive, array otherwise. */
+  /** Selected value(s) - single when exclusive, array otherwise. */
   value?: ToggleButtonValue | ToggleButtonValue[] | null;
-  /** Fired with the clicked button's value — the group resolves the next selection. */
+  /** Fired with the clicked button's value - the group resolves the next selection. */
   onToggle?: (value: ToggleButtonValue) => void;
 }
 declare const ToggleButtonGroupContext: import("react").Context<ToggleButtonGroupContextValue>;

package/dist/Typography.cjs

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_src = require("./src-BJrcLd7P.cjs");
-const require_theme = require("./theme-CleLAV6A.cjs");
+const require_src = require("./src-DU81aGy9.cjs");
+const require_theme = require("./theme-Bnc03K83.cjs");
 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/Typography.d.cts

@@ -1,3 +1,3 @@
-import { L as TypographyVariant } from "./themes-CUV79qWU.cjs";
-import { a as TypographyProps, i as TypographyAlign, n as TextColorToken, r as Typography, t as BackgroundToken } from "./index-CohsoGjZ.cjs";
+import { L as TypographyVariant } from "./themes-kbuYiwCi.cjs";
+import { a as TypographyProps, i as TypographyAlign, n as TextColorToken, r as Typography, t as BackgroundToken } from "./index-Csp1Wzbz.cjs";
 export { BackgroundToken, TextColorToken, Typography, TypographyAlign, TypographyProps, type TypographyVariant };

package/dist/Typography.d.mts

@@ -1,3 +1,3 @@
-import { L as TypographyVariant } from "./themes-CUV79qWU.mjs";
-import { a as TypographyProps, i as TypographyAlign, n as TextColorToken, r as Typography, t as BackgroundToken } from "./index-DxBKLmUS.mjs";
+import { L as TypographyVariant } from "./themes-kbuYiwCi.mjs";
+import { a as TypographyProps, i as TypographyAlign, n as TextColorToken, r as Typography, t as BackgroundToken } from "./index-BWECJgSb.mjs";
 export { BackgroundToken, TextColorToken, Typography, TypographyAlign, TypographyProps, type TypographyVariant };

package/dist/Typography.mjs

@@ -1,5 +1,5 @@
-import { a as src_exports, i as props, o as styled, t as createShouldForwardProp } from "./src-D3tHU94W.mjs";
-import { r as useTheme } from "./theme-Cudynq5K.mjs";
+import { a as src_exports, i as props, o as styled, t as createShouldForwardProp } from "./src-DLGYOJMh.mjs";
+import { r as useTheme } from "./theme-BuqqFbsz.mjs";
 import "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/Typography/Typography.tsx

package/dist/View.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");
 require("react");
 let _soroush_tech_styled_system_should_forward_prop = require("@soroush.tech/styled-system/should-forward-prop");
 //#region src/View/View.tsx

package/dist/View.d.cts

@@ -1,2 +1,2 @@
-import { a as ViewBorderWidthToken, i as ViewBorderRadiusToken, n as ViewBackgroundToken, o as ViewColorToken, r as ViewBorderColorToken, s as ViewProps, t as View } from "./index-BPzvFTi5.cjs";
+import { a as ViewBorderWidthToken, i as ViewBorderRadiusToken, n as ViewBackgroundToken, o as ViewColorToken, r as ViewBorderColorToken, s as ViewProps, t as View } from "./index-Btmdtbpb.cjs";
 export { View, ViewBackgroundToken, ViewBorderColorToken, ViewBorderRadiusToken, ViewBorderWidthToken, ViewColorToken, ViewProps };

package/dist/View.d.mts

@@ -1,2 +1,2 @@
-import { a as ViewBorderWidthToken, i as ViewBorderRadiusToken, n as ViewBackgroundToken, o as ViewColorToken, r as ViewBorderColorToken, s as ViewProps, t as View } from "./index-m9jUR509.mjs";
+import { a as ViewBorderWidthToken, i as ViewBorderRadiusToken, n as ViewBackgroundToken, o as ViewColorToken, r as ViewBorderColorToken, s as ViewProps, t as View } from "./index-DQ16ijxx.mjs";
 export { View, ViewBackgroundToken, ViewBorderColorToken, ViewBorderRadiusToken, ViewBorderWidthToken, ViewColorToken, ViewProps };

package/dist/View.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 "react";
 //#region src/View/View.tsx
 const shouldForwardProp = createShouldForwardProp([

package/dist/engine.cjs

@@ -9,9 +9,9 @@ var styleCache_default = (0, _emotion_cache.default)({ key: "soroush" });
 //#endregion
 //#region src/engine/globalStyles.ts
 /**
-* The base reset this package owns — box-sizing, margin/table resets, and
+* The base reset this package owns - box-sizing, margin/table resets, and
 * theme-driven body colors. Font-family, webfont loading, and anything else
-* app-specific are app policy — compose this into your own `Global` styles array.
+* app-specific are app policy - compose this into your own `Global` styles array.
 */
 const globalStyles = (theme) => _emotion_react.css`
   *,

package/dist/engine.d.cts

@@ -1,4 +1,4 @@
-import { h as Theme } from "./themes-CUV79qWU.cjs";
+import { h as Theme } from "./themes-kbuYiwCi.cjs";
 import { CacheProvider, Interpolation } from "@emotion/react";
 import { ComponentType, RefAttributes } from "react";
 //#region src/theme/emotion.d.ts
@@ -12,9 +12,9 @@ declare const _default: import("@emotion/cache").EmotionCache;
 //#endregion
 //#region src/engine/globalStyles.d.ts
 /**
- * The base reset this package owns — box-sizing, margin/table resets, and
+ * The base reset this package owns - box-sizing, margin/table resets, and
  * theme-driven body colors. Font-family, webfont loading, and anything else
- * app-specific are app policy — compose this into your own `Global` styles array.
+ * app-specific are app policy - compose this into your own `Global` styles array.
  */
 declare const globalStyles: (theme: Theme) => import("@emotion/react").SerializedStyles;
 //#endregion

package/dist/engine.d.mts

@@ -1,4 +1,4 @@
-import { h as Theme } from "./themes-CUV79qWU.mjs";
+import { h as Theme } from "./themes-kbuYiwCi.mjs";
 import { CacheProvider, Interpolation } from "@emotion/react";
 import { ComponentType, RefAttributes } from "react";
 //#region src/theme/emotion.d.ts
@@ -12,9 +12,9 @@ declare const _default: import("@emotion/cache").EmotionCache;
 //#endregion
 //#region src/engine/globalStyles.d.ts
 /**
- * The base reset this package owns — box-sizing, margin/table resets, and
+ * The base reset this package owns - box-sizing, margin/table resets, and
  * theme-driven body colors. Font-family, webfont loading, and anything else
- * app-specific are app policy — compose this into your own `Global` styles array.
+ * app-specific are app policy - compose this into your own `Global` styles array.
  */
 declare const globalStyles: (theme: Theme) => import("@emotion/react").SerializedStyles;
 //#endregion

package/dist/engine.mjs

@@ -6,9 +6,9 @@ var styleCache_default = createCache({ key: "soroush" });
 //#endregion
 //#region src/engine/globalStyles.ts
 /**
-* The base reset this package owns — box-sizing, margin/table resets, and
+* The base reset this package owns - box-sizing, margin/table resets, and
 * theme-driven body colors. Font-family, webfont loading, and anything else
-* app-specific are app policy — compose this into your own `Global` styles array.
+* app-specific are app policy - compose this into your own `Global` styles array.
 */
 const globalStyles = (theme) => css`
   *,