@soroush.tech/design-system 1.3.2 → 1.3.3

package/dist/{theme-Cudynq5K.mjs → theme-BuqqFbsz.mjs}

@@ -21,7 +21,7 @@ const deepMerge = (base, overrides) => {
 *
 * - Recurses only where both sides are plain objects; arrays (`shadows`,
 *   `fontSizes`) and functions replace wholesale.
-* - `undefined` override values are ignored — a key can be added or replaced,
+* - `undefined` override values are ignored - a key can be added or replaced,
 *   never removed.
 * - Neither argument is mutated; untouched branches keep referential identity.
 */
@@ -214,8 +214,8 @@ const typography = {
 	inherit: { element: "span" }
 };
 /**
-* The package's complete default theme (dark-schemed). Raw hex only — palettes
-* belong to the consumer, who builds brand themes with `createTheme(baseTheme, …)`.
+* The package's complete default theme (dark-schemed). Raw hex only - palettes
+* belong to the consumer, who builds brand themes with `createTheme(baseTheme, ...)`.
 */
 const baseTheme = {
 	name: "base",
@@ -328,7 +328,7 @@ function ThemeProvider({ children, theme = baseTheme, defaults }) {
 //#endregion
 //#region src/theme/hooks/useTheme.ts
 /**
-* The active theme, typed as this package's own `Theme` — Emotion is an
+* The active theme, typed as this package's own `Theme` - Emotion is an
 * internal implementation detail, never part of the public type surface.
 */
 const useTheme = () => useEmotionTheme();

package/dist/theme.cjs

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_themeDefault = require("./themeDefault-Cebi08Cv.cjs");
-const require_theme = require("./theme-CleLAV6A.cjs");
+const require_theme = require("./theme-Bnc03K83.cjs");
 exports.ThemeProvider = require_theme.ThemeProvider;
 exports.avatar = require_theme.avatar;
 exports.baseTheme = require_theme.baseTheme;

package/dist/theme.d.cts

@@ -1,3 +1,3 @@
-import { $ as DeepPartial, A as ThemeSizes, B as baseTheme, C as ThemeFonts, D as ThemePalette, E as ThemeLineHeights, F as ThemeTypographyVariants, G as icon, H as fontSizes, I as ThemeZOrder, J as radii, K as letterSpacings, L as TypographyVariant, M as ThemeSpace, N as ThemeSwitch, O as ThemeRadii, P as ThemeText, Q as zOrder, R as TypographyVariantStyle, S as ThemeFontWeights, T as ThemeLetterSpacings, U as fontWeights, V as borderWidths, W as fonts, X as space, Y as sizes, Z as typography, _ as ThemeBackground, a as CardSlotIconProps, b as ThemeComponents, c as ComponentStyle, d as PaletteColor, et as ThemeOverride, f as PaletteEntry, g as ThemeAvatarSizes, h as Theme, i as CardOwnerState, j as ThemeSkeleton, k as ThemeShadow, l as ComponentVariant, m as SizeEntry, n as ButtonVariants, o as CardSlotTypographyProps, p as PressableOwnerState, q as lineHeights, r as CSSObject, s as ComponentConfig, t as ButtonOwnerState, tt as createTheme, u as OpenScale, v as ThemeBorder, w as ThemeIconSizes, x as ThemeDefaults, y as ThemeBorderWidths, z as avatar } from "./themes-CUV79qWU.cjs";
-import { a as ThemeProvider, i as themeDefault, n as useDefaultProps, r as useTheme, t as withTheme } from "./index-MsUtFRul.cjs";
+import { $ as DeepPartial, A as ThemeSizes, B as baseTheme, C as ThemeFonts, D as ThemePalette, E as ThemeLineHeights, F as ThemeTypographyVariants, G as icon, H as fontSizes, I as ThemeZOrder, J as radii, K as letterSpacings, L as TypographyVariant, M as ThemeSpace, N as ThemeSwitch, O as ThemeRadii, P as ThemeText, Q as zOrder, R as TypographyVariantStyle, S as ThemeFontWeights, T as ThemeLetterSpacings, U as fontWeights, V as borderWidths, W as fonts, X as space, Y as sizes, Z as typography, _ as ThemeBackground, a as CardSlotIconProps, b as ThemeComponents, c as ComponentStyle, d as PaletteColor, et as ThemeOverride, f as PaletteEntry, g as ThemeAvatarSizes, h as Theme, i as CardOwnerState, j as ThemeSkeleton, k as ThemeShadow, l as ComponentVariant, m as SizeEntry, n as ButtonVariants, o as CardSlotTypographyProps, p as PressableOwnerState, q as lineHeights, r as CSSObject, s as ComponentConfig, t as ButtonOwnerState, tt as createTheme, u as OpenScale, v as ThemeBorder, w as ThemeIconSizes, x as ThemeDefaults, y as ThemeBorderWidths, z as avatar } from "./themes-kbuYiwCi.cjs";
+import { a as ThemeProvider, i as themeDefault, n as useDefaultProps, r as useTheme, t as withTheme } from "./index-D3iQQ0L3.cjs";
 export { ButtonOwnerState, ButtonVariants, CSSObject, CardOwnerState, CardSlotIconProps, CardSlotTypographyProps, ComponentConfig, ComponentStyle, ComponentVariant, type DeepPartial, OpenScale, PaletteColor, PaletteEntry, PressableOwnerState, SizeEntry, Theme, ThemeAvatarSizes, ThemeBackground, ThemeBorder, ThemeBorderWidths, ThemeComponents, ThemeDefaults, ThemeFontWeights, ThemeFonts, ThemeIconSizes, ThemeLetterSpacings, ThemeLineHeights, type ThemeOverride, ThemePalette, ThemeProvider, ThemeRadii, ThemeShadow, ThemeSizes, ThemeSkeleton, ThemeSpace, ThemeSwitch, ThemeText, ThemeTypographyVariants, ThemeZOrder, TypographyVariant, TypographyVariantStyle, avatar, baseTheme, borderWidths, createTheme, fontSizes, fontWeights, fonts, icon, letterSpacings, lineHeights, radii, sizes, space, themeDefault, typography, useDefaultProps, useTheme, withTheme, zOrder };

package/dist/theme.d.mts

@@ -1,3 +1,3 @@
-import { $ as DeepPartial, A as ThemeSizes, B as baseTheme, C as ThemeFonts, D as ThemePalette, E as ThemeLineHeights, F as ThemeTypographyVariants, G as icon, H as fontSizes, I as ThemeZOrder, J as radii, K as letterSpacings, L as TypographyVariant, M as ThemeSpace, N as ThemeSwitch, O as ThemeRadii, P as ThemeText, Q as zOrder, R as TypographyVariantStyle, S as ThemeFontWeights, T as ThemeLetterSpacings, U as fontWeights, V as borderWidths, W as fonts, X as space, Y as sizes, Z as typography, _ as ThemeBackground, a as CardSlotIconProps, b as ThemeComponents, c as ComponentStyle, d as PaletteColor, et as ThemeOverride, f as PaletteEntry, g as ThemeAvatarSizes, h as Theme, i as CardOwnerState, j as ThemeSkeleton, k as ThemeShadow, l as ComponentVariant, m as SizeEntry, n as ButtonVariants, o as CardSlotTypographyProps, p as PressableOwnerState, q as lineHeights, r as CSSObject, s as ComponentConfig, t as ButtonOwnerState, tt as createTheme, u as OpenScale, v as ThemeBorder, w as ThemeIconSizes, x as ThemeDefaults, y as ThemeBorderWidths, z as avatar } from "./themes-CUV79qWU.mjs";
-import { a as ThemeProvider, i as themeDefault, n as useDefaultProps, r as useTheme, t as withTheme } from "./index-BoOs5h_b.mjs";
+import { $ as DeepPartial, A as ThemeSizes, B as baseTheme, C as ThemeFonts, D as ThemePalette, E as ThemeLineHeights, F as ThemeTypographyVariants, G as icon, H as fontSizes, I as ThemeZOrder, J as radii, K as letterSpacings, L as TypographyVariant, M as ThemeSpace, N as ThemeSwitch, O as ThemeRadii, P as ThemeText, Q as zOrder, R as TypographyVariantStyle, S as ThemeFontWeights, T as ThemeLetterSpacings, U as fontWeights, V as borderWidths, W as fonts, X as space, Y as sizes, Z as typography, _ as ThemeBackground, a as CardSlotIconProps, b as ThemeComponents, c as ComponentStyle, d as PaletteColor, et as ThemeOverride, f as PaletteEntry, g as ThemeAvatarSizes, h as Theme, i as CardOwnerState, j as ThemeSkeleton, k as ThemeShadow, l as ComponentVariant, m as SizeEntry, n as ButtonVariants, o as CardSlotTypographyProps, p as PressableOwnerState, q as lineHeights, r as CSSObject, s as ComponentConfig, t as ButtonOwnerState, tt as createTheme, u as OpenScale, v as ThemeBorder, w as ThemeIconSizes, x as ThemeDefaults, y as ThemeBorderWidths, z as avatar } from "./themes-kbuYiwCi.mjs";
+import { a as ThemeProvider, i as themeDefault, n as useDefaultProps, r as useTheme, t as withTheme } from "./index-NBVilQuP.mjs";
 export { ButtonOwnerState, ButtonVariants, CSSObject, CardOwnerState, CardSlotIconProps, CardSlotTypographyProps, ComponentConfig, ComponentStyle, ComponentVariant, type DeepPartial, OpenScale, PaletteColor, PaletteEntry, PressableOwnerState, SizeEntry, Theme, ThemeAvatarSizes, ThemeBackground, ThemeBorder, ThemeBorderWidths, ThemeComponents, ThemeDefaults, ThemeFontWeights, ThemeFonts, ThemeIconSizes, ThemeLetterSpacings, ThemeLineHeights, type ThemeOverride, ThemePalette, ThemeProvider, ThemeRadii, ThemeShadow, ThemeSizes, ThemeSkeleton, ThemeSpace, ThemeSwitch, ThemeText, ThemeTypographyVariants, ThemeZOrder, TypographyVariant, TypographyVariantStyle, avatar, baseTheme, borderWidths, createTheme, fontSizes, fontWeights, fonts, icon, letterSpacings, lineHeights, radii, sizes, space, themeDefault, typography, useDefaultProps, useTheme, withTheme, zOrder };

package/dist/theme.mjs

@@ -1,3 +1,3 @@
 import { t as themeDefault } from "./themeDefault-Z3KmyIbm.mjs";
-import { _ as typography, a as avatar, c as fontSizes, d as icon, f as letterSpacings, g as space, h as sizes, i as ThemeProvider, l as fontWeights, m as radii, n as useDefaultProps, o as baseTheme, p as lineHeights, r as useTheme, s as borderWidths, t as withTheme, u as fonts, v as zOrder, y as createTheme } from "./theme-Cudynq5K.mjs";
+import { _ as typography, a as avatar, c as fontSizes, d as icon, f as letterSpacings, g as space, h as sizes, i as ThemeProvider, l as fontWeights, m as radii, n as useDefaultProps, o as baseTheme, p as lineHeights, r as useTheme, s as borderWidths, t as withTheme, u as fonts, v as zOrder, y as createTheme } from "./theme-BuqqFbsz.mjs";
 export { ThemeProvider, avatar, baseTheme, borderWidths, createTheme, fontSizes, fontWeights, fonts, icon, letterSpacings, lineHeights, radii, sizes, space, themeDefault, typography, useDefaultProps, useTheme, withTheme, zOrder };

package/dist/{themes-CUV79qWU.d.cts → themes-kbuYiwCi.d.cts}

@@ -13,19 +13,19 @@ type ThemeOverride = DeepPartial<Theme>;
  *
  * - Recurses only where both sides are plain objects; arrays (`shadows`,
  *   `fontSizes`) and functions replace wholesale.
- * - `undefined` override values are ignored — a key can be added or replaced,
+ * - `undefined` override values are ignored - a key can be added or replaced,
  *   never removed.
  * - Neither argument is mutated; untouched branches keep referential identity.
  */
 declare const createTheme: (base: Theme, overrides: ThemeOverride) => Theme;
 //#endregion
 //#region src/theme/themes.d.ts
-/** Design-system's own style-object shape — Emotion stays an internal implementation detail. */
+/** Design-system's own style-object shape - Emotion stays an internal implementation detail. */
 type CSSObject$1 = CSSObject;
 /**
  * Re-opens a named scale interface as an anonymous mapped type. Named
  * interfaces have no implicit index signature, which styled-system's
- * Record-based `Theme` constraint requires — the mapped copy restores it
+ * Record-based `Theme` constraint requires - the mapped copy restores it
  * while keeping the literal keys (and any consumer-augmented keys).
  */
 type OpenScale<T> = { [K in keyof T]: T[K]; };
@@ -91,7 +91,7 @@ interface ThemeSwitch {
   thumb: string;
 }
 /**
- * Shadow tokens — the single base color every shadow composites from
+ * Shadow tokens - the single base color every shadow composites from
  * (the `theme.shadows` elevation array and component shadows alike).
  */
 interface ThemeShadow {
@@ -100,7 +100,7 @@ interface ThemeShadow {
   /** Alpha applied per elevation step in the default `theme.shadows` array. */
   opacity: number;
 }
-/** Stacking order for layered UI — ascending: appBar < drawer < modal. */
+/** Stacking order for layered UI - ascending: appBar < drawer < modal. */
 interface ThemeZOrder {
   appBar: number;
   drawer: number;
@@ -182,7 +182,7 @@ interface ThemeSizes {
   lg: SizeEntry;
 }
 /**
- * Square glyph dimension per density key — Icon token sizes and the
+ * Square glyph dimension per density key - Icon token sizes and the
  * Checkbox/Radio glyphs. Mapped over `ThemeSizes` so augmenting a size key
  * forces the matching icon size to be supplied.
  */
@@ -213,8 +213,8 @@ interface ThemeTypographyVariants {
 }
 /**
  * Optional theme-driven component defaults. Components carry their own
- * literal fallbacks (`size = 'md'`, `variant = 'outside'`, …) and resolve
- * them through `themeDefault(theme, key, fallback)` — set any key here (or
+ * literal fallbacks (`size = 'md'`, `variant = 'outside'`, ...) and resolve
+ * them through `themeDefault(theme, key, fallback)` - set any key here (or
  * via `ThemeProvider`'s `defaults` prop) to override that fallback globally,
  * e.g. when your theme uses entirely different size or palette keys.
  */
@@ -223,9 +223,9 @@ interface ThemeDefaults {
   size?: keyof ThemeSizes;
   /** Compact density for dense secondary UI (table pagination actions). Fallback: `'sm'`. */
   compactSize?: keyof ThemeSizes;
-  /** Accent palette color (buttons, links, progress, pagination…). Fallback: `'primary'`. */
+  /** Accent palette color (buttons, links, progress, pagination...). Fallback: `'primary'`. */
   color?: keyof ThemePalette;
-  /** Neutral palette color for toggle controls (checkbox, radio, switch…). Fallback: `'default'`. */
+  /** Neutral palette color for toggle controls (checkbox, radio, switch...). Fallback: `'default'`. */
   neutralColor?: keyof ThemePalette;
   /** Body text color. Fallback: `'initial'`. */
   textColor?: keyof ThemeText;
@@ -267,7 +267,7 @@ interface ThemeDefaults {
   paginationShape?: 'circular' | 'rounded';
 }
 /**
- * A style contributed from `theme.components` — a plain CSS object, or a
+ * A style contributed from `theme.components` - a plain CSS object, or a
  * callback receiving the theme and the styled root's resolved props
  * (`ownerState`) for conditional styling.
  */
@@ -282,20 +282,20 @@ interface ComponentVariant<OwnerState> {
 }
 /** Per-component customization: default prop values, per-slot CSS, extra variants. */
 interface ComponentConfig<OwnerState = Record<string, unknown>, Slot extends string = 'root'> {
-  /** Default prop values — explicit props and group context always win. */
+  /** Default prop values - explicit props and group context always win. */
   defaultProps?: Partial<OwnerState>;
   /** Per-slot CSS merged after the component's own styles (theme wins). */
   styleOverrides?: Partial<Record<Slot, ComponentStyle<OwnerState>>>;
   /** Extra variants matched by props. Replaced wholesale by `createTheme`, never merged. */
   variants?: ReadonlyArray<ComponentVariant<OwnerState>>;
 }
-/** Button's variant values — augment to register new ones (then style them via `variants`). */
+/** Button's variant values - augment to register new ones (then style them via `variants`). */
 interface ButtonVariants {
   contained: true;
   outlined: true;
   text: true;
 }
-/** The resolved props Button's styled roots receive — what `ownerState` exposes. */
+/** The resolved props Button's styled roots receive - what `ownerState` exposes. */
 interface ButtonOwnerState {
   variant?: keyof ButtonVariants;
   color?: keyof ThemePalette;
@@ -328,7 +328,7 @@ interface CardOwnerState {
 }
 /**
  * Pressable's resolved props / theme-settable defaults. Only the three keys it
- * actually resolves through `useDefaultProps` — the disabled state reaches the
+ * actually resolves through `useDefaultProps` - the disabled state reaches the
  * styled root as `isDisabled` and is never read from here, so exposing it would
  * promise theme authors an override that does nothing.
  */
@@ -397,9 +397,9 @@ interface ThemeComponents {
 }
 interface Theme {
   name: string;
-  /** Optional overrides for component default token/variant keys — see `ThemeDefaults`. */
+  /** Optional overrides for component default token/variant keys - see `ThemeDefaults`. */
   defaults?: OpenScale<ThemeDefaults>;
-  /** Optional per-component customization — see `ThemeComponents`. */
+  /** Optional per-component customization - see `ThemeComponents`. */
   components?: OpenScale<ThemeComponents>;
   space: OpenScale<ThemeSpace>;
   border: OpenScale<ThemeBorder>;
@@ -421,7 +421,7 @@ interface Theme {
   colorScheme: 'light' | 'dark';
   blur: string;
   logoFilter: string;
-  /** mix-blend-mode for the AboutHero portrait — screen on dark, multiply on light. */
+  /** mix-blend-mode for the AboutHero portrait - screen on dark, multiply on light. */
   portraitBlend: string;
   /** opacity for the AboutHero portrait. */
   portraitOpacity: number;
@@ -495,8 +495,8 @@ declare const sizes: ThemeSizes;
 declare const space: ThemeSpace;
 declare const typography: ThemeTypographyVariants;
 /**
- * The package's complete default theme (dark-schemed). Raw hex only — palettes
- * belong to the consumer, who builds brand themes with `createTheme(baseTheme, …)`.
+ * The package's complete default theme (dark-schemed). Raw hex only - palettes
+ * belong to the consumer, who builds brand themes with `createTheme(baseTheme, ...)`.
  */
 declare const baseTheme: Theme;
 //#endregion

package/dist/{themes-CUV79qWU.d.mts → themes-kbuYiwCi.d.mts}

@@ -13,19 +13,19 @@ type ThemeOverride = DeepPartial<Theme>;
  *
  * - Recurses only where both sides are plain objects; arrays (`shadows`,
  *   `fontSizes`) and functions replace wholesale.
- * - `undefined` override values are ignored — a key can be added or replaced,
+ * - `undefined` override values are ignored - a key can be added or replaced,
  *   never removed.
  * - Neither argument is mutated; untouched branches keep referential identity.
  */
 declare const createTheme: (base: Theme, overrides: ThemeOverride) => Theme;
 //#endregion
 //#region src/theme/themes.d.ts
-/** Design-system's own style-object shape — Emotion stays an internal implementation detail. */
+/** Design-system's own style-object shape - Emotion stays an internal implementation detail. */
 type CSSObject$1 = CSSObject;
 /**
  * Re-opens a named scale interface as an anonymous mapped type. Named
  * interfaces have no implicit index signature, which styled-system's
- * Record-based `Theme` constraint requires — the mapped copy restores it
+ * Record-based `Theme` constraint requires - the mapped copy restores it
  * while keeping the literal keys (and any consumer-augmented keys).
  */
 type OpenScale<T> = { [K in keyof T]: T[K]; };
@@ -91,7 +91,7 @@ interface ThemeSwitch {
   thumb: string;
 }
 /**
- * Shadow tokens — the single base color every shadow composites from
+ * Shadow tokens - the single base color every shadow composites from
  * (the `theme.shadows` elevation array and component shadows alike).
  */
 interface ThemeShadow {
@@ -100,7 +100,7 @@ interface ThemeShadow {
   /** Alpha applied per elevation step in the default `theme.shadows` array. */
   opacity: number;
 }
-/** Stacking order for layered UI — ascending: appBar < drawer < modal. */
+/** Stacking order for layered UI - ascending: appBar < drawer < modal. */
 interface ThemeZOrder {
   appBar: number;
   drawer: number;
@@ -182,7 +182,7 @@ interface ThemeSizes {
   lg: SizeEntry;
 }
 /**
- * Square glyph dimension per density key — Icon token sizes and the
+ * Square glyph dimension per density key - Icon token sizes and the
  * Checkbox/Radio glyphs. Mapped over `ThemeSizes` so augmenting a size key
  * forces the matching icon size to be supplied.
  */
@@ -213,8 +213,8 @@ interface ThemeTypographyVariants {
 }
 /**
  * Optional theme-driven component defaults. Components carry their own
- * literal fallbacks (`size = 'md'`, `variant = 'outside'`, …) and resolve
- * them through `themeDefault(theme, key, fallback)` — set any key here (or
+ * literal fallbacks (`size = 'md'`, `variant = 'outside'`, ...) and resolve
+ * them through `themeDefault(theme, key, fallback)` - set any key here (or
  * via `ThemeProvider`'s `defaults` prop) to override that fallback globally,
  * e.g. when your theme uses entirely different size or palette keys.
  */
@@ -223,9 +223,9 @@ interface ThemeDefaults {
   size?: keyof ThemeSizes;
   /** Compact density for dense secondary UI (table pagination actions). Fallback: `'sm'`. */
   compactSize?: keyof ThemeSizes;
-  /** Accent palette color (buttons, links, progress, pagination…). Fallback: `'primary'`. */
+  /** Accent palette color (buttons, links, progress, pagination...). Fallback: `'primary'`. */
   color?: keyof ThemePalette;
-  /** Neutral palette color for toggle controls (checkbox, radio, switch…). Fallback: `'default'`. */
+  /** Neutral palette color for toggle controls (checkbox, radio, switch...). Fallback: `'default'`. */
   neutralColor?: keyof ThemePalette;
   /** Body text color. Fallback: `'initial'`. */
   textColor?: keyof ThemeText;
@@ -267,7 +267,7 @@ interface ThemeDefaults {
   paginationShape?: 'circular' | 'rounded';
 }
 /**
- * A style contributed from `theme.components` — a plain CSS object, or a
+ * A style contributed from `theme.components` - a plain CSS object, or a
  * callback receiving the theme and the styled root's resolved props
  * (`ownerState`) for conditional styling.
  */
@@ -282,20 +282,20 @@ interface ComponentVariant<OwnerState> {
 }
 /** Per-component customization: default prop values, per-slot CSS, extra variants. */
 interface ComponentConfig<OwnerState = Record<string, unknown>, Slot extends string = 'root'> {
-  /** Default prop values — explicit props and group context always win. */
+  /** Default prop values - explicit props and group context always win. */
   defaultProps?: Partial<OwnerState>;
   /** Per-slot CSS merged after the component's own styles (theme wins). */
   styleOverrides?: Partial<Record<Slot, ComponentStyle<OwnerState>>>;
   /** Extra variants matched by props. Replaced wholesale by `createTheme`, never merged. */
   variants?: ReadonlyArray<ComponentVariant<OwnerState>>;
 }
-/** Button's variant values — augment to register new ones (then style them via `variants`). */
+/** Button's variant values - augment to register new ones (then style them via `variants`). */
 interface ButtonVariants {
   contained: true;
   outlined: true;
   text: true;
 }
-/** The resolved props Button's styled roots receive — what `ownerState` exposes. */
+/** The resolved props Button's styled roots receive - what `ownerState` exposes. */
 interface ButtonOwnerState {
   variant?: keyof ButtonVariants;
   color?: keyof ThemePalette;
@@ -328,7 +328,7 @@ interface CardOwnerState {
 }
 /**
  * Pressable's resolved props / theme-settable defaults. Only the three keys it
- * actually resolves through `useDefaultProps` — the disabled state reaches the
+ * actually resolves through `useDefaultProps` - the disabled state reaches the
  * styled root as `isDisabled` and is never read from here, so exposing it would
  * promise theme authors an override that does nothing.
  */
@@ -397,9 +397,9 @@ interface ThemeComponents {
 }
 interface Theme {
   name: string;
-  /** Optional overrides for component default token/variant keys — see `ThemeDefaults`. */
+  /** Optional overrides for component default token/variant keys - see `ThemeDefaults`. */
   defaults?: OpenScale<ThemeDefaults>;
-  /** Optional per-component customization — see `ThemeComponents`. */
+  /** Optional per-component customization - see `ThemeComponents`. */
   components?: OpenScale<ThemeComponents>;
   space: OpenScale<ThemeSpace>;
   border: OpenScale<ThemeBorder>;
@@ -421,7 +421,7 @@ interface Theme {
   colorScheme: 'light' | 'dark';
   blur: string;
   logoFilter: string;
-  /** mix-blend-mode for the AboutHero portrait — screen on dark, multiply on light. */
+  /** mix-blend-mode for the AboutHero portrait - screen on dark, multiply on light. */
   portraitBlend: string;
   /** opacity for the AboutHero portrait. */
   portraitOpacity: number;
@@ -495,8 +495,8 @@ declare const sizes: ThemeSizes;
 declare const space: ThemeSpace;
 declare const typography: ThemeTypographyVariants;
 /**
- * The package's complete default theme (dark-schemed). Raw hex only — palettes
- * belong to the consumer, who builds brand themes with `createTheme(baseTheme, …)`.
+ * The package's complete default theme (dark-schemed). Raw hex only - palettes
+ * belong to the consumer, who builds brand themes with `createTheme(baseTheme, ...)`.
  */
 declare const baseTheme: Theme;
 //#endregion

package/dist/{useTablePagination--XtCc2YL.d.cts → useTablePagination-BpMOVLsR.d.cts}

@@ -1,6 +1,6 @@
-import { n as TableSortLabelDirection } from "./index-DkPJUFzd.cjs";
+import { n as TableSortLabelDirection } from "./index-vuPAf55D.cjs";
 //#region src/Table/hooks/useTableSort.d.ts
-/** One column's sort state — spreads directly onto `TableSortLabel`. */
+/** One column's sort state - spreads directly onto `TableSortLabel`. */
 interface TableSortEntry {
   isActive: boolean;
   direction: TableSortLabelDirection;
@@ -11,13 +11,13 @@ type TableSortMap<K extends string = string> = Record<K, TableSortEntry>;
 /**
  * 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>
  * ```
  */
 declare function useTableSort<K extends string>(keys: readonly K[], onChange?: (key: K, direction: TableSortLabelDirection) => void): TableSortMap<K>;
@@ -29,7 +29,7 @@ interface UseTablePaginationOptions {
   /** Initial rows per page; `-1` shows all rows. Default: `10`. */
   defaultRowsPerPage?: number;
 }
-/** Paging state — property names mirror `TablePagination`'s props so it spreads in one go. */
+/** Paging state - property names mirror `TablePagination`'s props so it spreads in one go. */
 interface TablePaginationState {
   page: number;
   rowsPerPage: number;
@@ -43,7 +43,7 @@ interface TablePaginationState {
  * ```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>
  * ```
  */
 declare function useTablePagination({ defaultPage, defaultRowsPerPage }?: UseTablePaginationOptions): TablePaginationState;

package/dist/{useTablePagination-RgVhJs-7.d.mts → useTablePagination-DebYZ6vN.d.mts}

@@ -1,6 +1,6 @@
-import { n as TableSortLabelDirection } from "./index-hcZwhQmR.mjs";
+import { n as TableSortLabelDirection } from "./index-ggLhNdZV.mjs";
 //#region src/Table/hooks/useTableSort.d.ts
-/** One column's sort state — spreads directly onto `TableSortLabel`. */
+/** One column's sort state - spreads directly onto `TableSortLabel`. */
 interface TableSortEntry {
   isActive: boolean;
   direction: TableSortLabelDirection;
@@ -11,13 +11,13 @@ type TableSortMap<K extends string = string> = Record<K, TableSortEntry>;
 /**
  * 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>
  * ```
  */
 declare function useTableSort<K extends string>(keys: readonly K[], onChange?: (key: K, direction: TableSortLabelDirection) => void): TableSortMap<K>;
@@ -29,7 +29,7 @@ interface UseTablePaginationOptions {
   /** Initial rows per page; `-1` shows all rows. Default: `10`. */
   defaultRowsPerPage?: number;
 }
-/** Paging state — property names mirror `TablePagination`'s props so it spreads in one go. */
+/** Paging state - property names mirror `TablePagination`'s props so it spreads in one go. */
 interface TablePaginationState {
   page: number;
   rowsPerPage: number;
@@ -43,7 +43,7 @@ interface TablePaginationState {
  * ```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>
  * ```
  */
 declare function useTablePagination({ defaultPage, defaultRowsPerPage }?: UseTablePaginationOptions): TablePaginationState;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@soroush.tech/design-system",
-  "version": "1.3.2",
-  "description": "Emotion + @soroush.tech/styled-system React component library — token-driven light/dark themes, layout primitives, forms, and overlays.",
+  "version": "1.3.3",
+  "description": "Emotion + @soroush.tech/styled-system React component library - token-driven light/dark themes, layout primitives, forms, and overlays.",
   "keywords": [
     "design-system",
     "react",
@@ -477,7 +477,7 @@
     "@emotion/cache": "^11.14.0",
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.1",
-    "@soroush.tech/styled-system": "^5.8.2"
+    "@soroush.tech/styled-system": "^5.8.3"
   },
   "peerDependencies": {
     "react": "^19.2.8",