@soroush.tech/design-system 1.3.1 → 1.3.3

package/dist/index-DCu7qjpa.d.cts

@@ -0,0 +1,250 @@
+import { n as TextColorToken } from "./index-Csp1Wzbz.cjs";
+import { SVGProps } from "react";
+import { LayoutProps, SpaceProps } from "@soroush.tech/styled-system";
+//#region src/Icon/icons/AccountTree.d.ts
+declare const SvgAccountTree: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+//#endregion
+//#region src/Icon/icons/AdsClick.d.ts
+declare const SvgAdsClick: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+//#endregion
+//#region src/Icon/icons/Analytics.d.ts
+declare const SvgAnalytics: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+//#endregion
+//#region src/Icon/icons/Architecture.d.ts
+declare const SvgArchitecture: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+//#endregion
+//#region src/Icon/icons/ArrowBack.d.ts
+declare const SvgArrowBack: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+//#endregion
+//#region src/Icon/icons/ArrowForward.d.ts
+declare const SvgArrowForward: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+//#endregion
+//#region src/Icon/icons/ArrowUpward.d.ts
+declare const SvgArrowUpward: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+//#endregion
+//#region src/Icon/icons/Check.d.ts
+declare const SvgCheck: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+//#endregion
+//#region src/Icon/icons/ChevronLeft.d.ts
+declare const SvgChevronLeft: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+//#endregion
+//#region src/Icon/icons/ChevronRight.d.ts
+declare const SvgChevronRight: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+//#endregion
+//#region src/Icon/icons/Checklist.d.ts
+declare const SvgChecklist: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+//#endregion
+//#region src/Icon/icons/CloudDone.d.ts
+declare const SvgCloudDone: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+//#endregion
+//#region src/Icon/icons/Close.d.ts
+declare const SvgClose: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+//#endregion
+//#region src/Icon/icons/Code.d.ts
+declare const SvgCode: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+//#endregion
+//#region src/Icon/icons/ContentCopy.d.ts
+declare const SvgContentCopy: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+//#endregion
+//#region src/Icon/icons/Cookie.d.ts
+declare const SvgCookie: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+//#endregion
+//#region src/Icon/icons/Database.d.ts
+declare const SvgDatabase: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+//#endregion
+//#region src/Icon/icons/DesktopWindows.d.ts
+declare const SvgDesktopWindows: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+//#endregion
+//#region src/Icon/icons/Dns.d.ts
+declare const SvgDns: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+//#endregion
+//#region src/Icon/icons/EditNote.d.ts
+declare const SvgEditNote: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+//#endregion
+//#region src/Icon/icons/ExpandLess.d.ts
+declare const SvgExpandLess: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+//#endregion
+//#region src/Icon/icons/ExpandMore.d.ts
+declare const SvgExpandMore: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+//#endregion
+//#region src/Icon/icons/ExternalLink.d.ts
+declare const SvgExternalLink: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+//#endregion
+//#region src/Icon/icons/FirstPage.d.ts
+declare const SvgFirstPage: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+//#endregion
+//#region src/Icon/icons/Folder.d.ts
+declare const SvgFolder: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+//#endregion
+//#region src/Icon/icons/FormatListBulleted.d.ts
+declare const SvgFormatListBulleted: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+//#endregion
+//#region src/Icon/icons/FormatListNumbered.d.ts
+declare const SvgFormatListNumbered: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+//#endregion
+//#region src/Icon/icons/FormatQuote.d.ts
+declare const SvgFormatQuote: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+//#endregion
+//#region src/Icon/icons/Fullscreen.d.ts
+declare const SvgFullscreen: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+//#endregion
+//#region src/Icon/icons/GridView.d.ts
+declare const SvgGridView: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+//#endregion
+//#region src/Icon/icons/Groups.d.ts
+declare const SvgGroups: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+//#endregion
+//#region src/Icon/icons/History.d.ts
+declare const SvgHistory: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+//#endregion
+//#region src/Icon/icons/Hub.d.ts
+declare const SvgHub: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+//#endregion
+//#region src/Icon/icons/Image.d.ts
+declare const SvgImage: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+//#endregion
+//#region src/Icon/icons/Language.d.ts
+declare const SvgLanguage: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+//#endregion
+//#region src/Icon/icons/LastPage.d.ts
+declare const SvgLastPage: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+//#endregion
+//#region src/Icon/icons/Link.d.ts
+declare const SvgLink: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+//#endregion
+//#region src/Icon/icons/Lock.d.ts
+declare const SvgLock: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+//#endregion
+//#region src/Icon/icons/Menu.d.ts
+declare const SvgMenu: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+//#endregion
+//#region src/Icon/icons/Neurology.d.ts
+declare const SvgNeurology: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+//#endregion
+//#region src/Icon/icons/Psychology.d.ts
+declare const SvgPsychology: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+//#endregion
+//#region src/Icon/icons/RebaseEdit.d.ts
+declare const SvgRebaseEdit: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+//#endregion
+//#region src/Icon/icons/Refresh.d.ts
+declare const SvgRefresh: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+//#endregion
+//#region src/Icon/icons/Schema.d.ts
+declare const SvgSchema: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+//#endregion
+//#region src/Icon/icons/Security.d.ts
+declare const SvgSecurity: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+//#endregion
+//#region src/Icon/icons/SettingsInputComponent.d.ts
+declare const SvgSettingsInputComponent: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+//#endregion
+//#region src/Icon/icons/SmartToy.d.ts
+declare const SvgSmartToy: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+//#endregion
+//#region src/Icon/icons/Smartphone.d.ts
+declare const SvgSmartphone: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+//#endregion
+//#region src/Icon/icons/Speed.d.ts
+declare const SvgSpeed: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+//#endregion
+//#region src/Icon/icons/Stacks.d.ts
+declare const SvgStacks: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+//#endregion
+//#region src/Icon/icons/Table.d.ts
+declare const SvgTable: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+//#endregion
+//#region src/Icon/icons/Terminal.d.ts
+declare const SvgTerminal: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+//#endregion
+//#region src/Icon/icons/Visibility.d.ts
+declare const SvgVisibility: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+//#endregion
+//#region src/Icon/icons/Warning.d.ts
+declare const SvgWarning: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+//#endregion
+//#region src/Icon/icons/WebAsset.d.ts
+declare const SvgWebAsset: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+//#endregion
+//#region src/Icon/icons/ZoomIn.d.ts
+declare const SvgZoomIn: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+//#endregion
+//#region src/Icon/icons/ZoomOut.d.ts
+declare const SvgZoomOut: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+//#endregion
+//#region src/Icon/icons.d.ts
+/** Registry of available icons, keyed by their asset file name. */
+declare const icons: {
+  readonly account_tree: typeof SvgAccountTree;
+  readonly ads_click: typeof SvgAdsClick;
+  readonly analytics: typeof SvgAnalytics;
+  readonly architecture: typeof SvgArchitecture;
+  readonly arrow_back: typeof SvgArrowBack;
+  readonly arrow_forward: typeof SvgArrowForward;
+  readonly arrow_upward: typeof SvgArrowUpward;
+  readonly check: typeof SvgCheck;
+  readonly chevron_left: typeof SvgChevronLeft;
+  readonly chevron_right: typeof SvgChevronRight;
+  readonly checklist: typeof SvgChecklist;
+  readonly cloud_done: typeof SvgCloudDone;
+  readonly close: typeof SvgClose;
+  readonly code: typeof SvgCode;
+  readonly content_copy: typeof SvgContentCopy;
+  readonly cookie: typeof SvgCookie;
+  readonly database: typeof SvgDatabase;
+  readonly desktop_windows: typeof SvgDesktopWindows;
+  readonly dns: typeof SvgDns;
+  readonly edit_note: typeof SvgEditNote;
+  readonly expand_less: typeof SvgExpandLess;
+  readonly expand_more: typeof SvgExpandMore;
+  readonly external_link: typeof SvgExternalLink;
+  readonly first_page: typeof SvgFirstPage;
+  readonly folder: typeof SvgFolder;
+  readonly format_list_bulleted: typeof SvgFormatListBulleted;
+  readonly format_list_numbered: typeof SvgFormatListNumbered;
+  readonly format_quote: typeof SvgFormatQuote;
+  readonly fullscreen: typeof SvgFullscreen;
+  readonly grid_view: typeof SvgGridView;
+  readonly groups: typeof SvgGroups;
+  readonly history: typeof SvgHistory;
+  readonly hub: typeof SvgHub;
+  readonly image: typeof SvgImage;
+  readonly language: typeof SvgLanguage;
+  readonly last_page: typeof SvgLastPage;
+  readonly link: typeof SvgLink;
+  readonly lock: typeof SvgLock;
+  readonly menu: typeof SvgMenu;
+  readonly neurology: typeof SvgNeurology;
+  readonly psychology: typeof SvgPsychology;
+  readonly rebase_edit: typeof SvgRebaseEdit;
+  readonly refresh: typeof SvgRefresh;
+  readonly schema: typeof SvgSchema;
+  readonly security: typeof SvgSecurity;
+  readonly settings_input_component: typeof SvgSettingsInputComponent;
+  readonly smart_toy: typeof SvgSmartToy;
+  readonly smartphone: typeof SvgSmartphone;
+  readonly speed: typeof SvgSpeed;
+  readonly stacks: typeof SvgStacks;
+  readonly table: typeof SvgTable;
+  readonly terminal: typeof SvgTerminal;
+  readonly visibility: typeof SvgVisibility;
+  readonly warning: typeof SvgWarning;
+  readonly web_asset: typeof SvgWebAsset;
+  readonly zoom_in: typeof SvgZoomIn;
+  readonly zoom_out: typeof SvgZoomOut;
+};
+/** Valid values for the Icon `name` prop - derived from the registry keys. */
+type IconName = keyof typeof icons;
+//#endregion
+//#region src/Icon/Icon.d.ts
+interface IconProps extends Omit<SVGProps<SVGSVGElement>, 'color' | 'ref' | 'width' | 'height' | 'display' | 'overflow'>, LayoutProps, SpaceProps {
+  /** Registry key of the icon to render. */
+  name: IconName;
+  /** Resolves against theme.text - applied as `color`, which the SVG inherits via `currentColor`. */
+  color?: TextColorToken;
+  /** Sets both width and height (icons are square). */
+  size?: string | number;
+}
+declare function Icon({ name, color, size, ...rest }: Readonly<IconProps>): import("react").JSX.Element;
+//#endregion
+export { icons as i, IconProps as n, IconName as r, Icon as t };

package/dist/{index-DLUE7t3O.d.cts → index-DOLA1VFD.d.cts}

@@ -1,9 +1,9 @@
-import { h as Theme } from "./themes-CUV79qWU.cjs";
-import "./index-2QPYJgCl.cjs";
-import { s as ViewProps } from "./index-BPzvFTi5.cjs";
+import { h as Theme } from "./themes-kbuYiwCi.cjs";
+import "./index-jmy5eXpx.cjs";
+import { s as ViewProps } from "./index-Btmdtbpb.cjs";
 import { FlexboxProps } from "@soroush.tech/styled-system";
 //#region src/Flex/Flex.d.ts
-/** Valid values for the gap prop — derived from theme.space keys. */
+/** Valid values for the gap prop - derived from theme.space keys. */
 type GapToken = keyof Theme['space'];
 interface FlexProps extends ViewProps, FlexboxProps<Theme> {}
 declare const Flex: import("@emotion/styled").StyledComponent<{

package/dist/{index-BPzvFTi5.d.cts → index-DQ16ijxx.d.mts}

@@ -1,23 +1,23 @@
-import { h as Theme } from "./themes-CUV79qWU.cjs";
-import "./index-2QPYJgCl.cjs";
-import { CSSProperties, HTMLAttributes } from "react";
+import { h as Theme } from "./themes-kbuYiwCi.mjs";
+import "./index-v_otepCe.mjs";
 import { BorderProps, FlexboxProps, LayoutProps, PositionProps, SpaceProps, TypographyProps } from "@soroush.tech/styled-system";
+import { CSSProperties, HTMLAttributes } from "react";
 //#region src/View/View.d.ts
-/** Valid values for the color prop — derived from theme.text keys. */
+/** Valid values for the color prop - derived from theme.text keys. */
 type ViewColorToken = keyof Theme['text'];
-/** Valid values for the bg prop — derived from theme.background keys. */
+/** Valid values for the bg prop - derived from theme.background keys. */
 type ViewBackgroundToken = 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 ViewBorderColorToken = keyof Theme['border'];
-/** Valid values for the borderWidth prop — derived from theme.borderWidths keys. */
+/** Valid values for the borderWidth prop - derived from theme.borderWidths keys. */
 type ViewBorderWidthToken = keyof Theme['borderWidths'];
 /** Valid theme tokens for border-radius. Raw CSS pixel values (e.g. '6px', '9999px') are also accepted. */
 type ViewBorderRadiusToken = keyof Theme['radii'] | `${number}px`;
 interface ViewProps extends Omit<HTMLAttributes<HTMLElement>, 'color'>, SpaceProps<Theme>, LayoutProps<Theme>, TypographyProps<Theme>, Omit<BorderProps<Theme>, 'borderColor' | 'borderWidth' | 'borderRadius'>, PositionProps<Theme> {
   bg?: ViewBackgroundToken;
-  /** Resolves against theme.border — light · primary · dark */
+  /** Resolves against theme.border - light · primary · dark */
   borderColor?: ViewBorderColorToken;
-  /** Resolves against theme.borderWidths — none · thin · base · thick */
+  /** Resolves against theme.borderWidths - none · thin · base · thick */
   borderWidth?: ViewBorderWidthToken;
   /** Theme tokens: sq · sm · md · lg. Also accepts raw CSS pixel values e.g. '6px', '9999px'. */
   borderRadius?: ViewBorderRadiusToken;

package/dist/{index-3hPS6Lm8.d.mts → index-DdBeSvit.d.mts}

@@ -1,10 +1,10 @@
-import { d as PaletteColor, h as Theme } from "./themes-CUV79qWU.mjs";
-import "./index-q9peil7T.mjs";
+import { d as PaletteColor, h as Theme } from "./themes-kbuYiwCi.mjs";
+import "./index-v_otepCe.mjs";
 import { SpaceProps } from "@soroush.tech/styled-system";
 import { ButtonHTMLAttributes, ElementType, ReactNode } from "react";
 //#region src/Pagination/hooks/usePagination.d.ts
 type PaginationItemType = 'page' | 'first' | 'previous' | 'next' | 'last' | 'start-ellipsis' | 'end-ellipsis';
-/** One renderable pagination item — `Pagination` maps these onto `PaginationItem`s. */
+/** One renderable pagination item - `Pagination` maps these onto `PaginationItem`s. */
 interface UsePaginationItem {
   type: PaginationItemType;
   /** Target page for actionable items; `null` for ellipses. */
@@ -34,7 +34,7 @@ interface UsePaginationProps {
   onChange?: (page: number) => void;
 }
 /**
- * Headless pagination model — computes the item list (nav buttons, page numbers,
+ * Headless pagination model - computes the item list (nav buttons, page numbers,
  * ellipses) with selection, boundary disabling, and controlled/uncontrolled paging.
  */
 declare function usePagination({ count, page: pageProp, defaultPage, siblingCount, boundaryCount, disabled, shouldShowFirstButton, shouldShowLastButton, shouldHidePrevButton, shouldHideNextButton, onChange }: UsePaginationProps): {
@@ -47,19 +47,19 @@ type PaginationItemVariant = 'text' | 'outlined';
 type PaginationItemShape = 'circular' | 'rounded';
 type PaginationItemSize = keyof Theme['sizes'];
 interface PaginationItemProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'color' | 'type'>, SpaceProps<Theme> {
-  /** What the item renders — a page number, a nav control, or a non-interactive ellipsis. */
+  /** What the item renders - a page number, a nav control, or a non-interactive ellipsis. */
   type?: PaginationItemType;
   /** The page number/content for `type="page"`. */
   page?: ReactNode;
   /** Active styling for the current page. Default: `false`. */
   isSelected?: boolean;
-  /** Selected-state color — resolves against `theme.palette`. Default: 'primary', overridable via `theme.defaults.color`. */
+  /** Selected-state color - resolves against `theme.palette`. Default: 'primary', overridable via `theme.defaults.color`. */
   color?: PaginationItemColor;
-  /** `text` — no border · `outlined` — stroked. Default: `'text'`. */
+  /** `text` - no border · `outlined` - stroked. Default: `'text'`. */
   variant?: PaginationItemVariant;
   /** Corner shape. Default: `'circular'`. */
   shape?: PaginationItemShape;
-  /** Item dimensions and font size — resolves against `theme.sizes`. Default: 'md', overridable via `theme.defaults.size`. */
+  /** Item dimensions and font size - resolves against `theme.sizes`. Default: 'md', overridable via `theme.defaults.size`. */
   size?: PaginationItemSize;
   disabled?: boolean;
   as?: ElementType;

package/dist/{index-BYYEoNec.d.cts → index-DhMAwR96.d.mts}

@@ -1,21 +1,21 @@
-import { h as Theme } from "./themes-CUV79qWU.cjs";
-import "./index-2QPYJgCl.cjs";
-import { n as ButtonColor, o as ButtonSize, s as ButtonVariant } from "./index-uH0EeDBZ.cjs";
-import { ElementType, HTMLAttributes } from "react";
+import { h as Theme } from "./themes-kbuYiwCi.mjs";
+import "./index-v_otepCe.mjs";
+import { n as ButtonColor, o as ButtonSize, s as ButtonVariant } from "./index-C-2VKPcp.mjs";
 import { SpaceProps } from "@soroush.tech/styled-system";
+import { ElementType, HTMLAttributes } from "react";
 //#region src/ButtonGroup/ButtonGroup.d.ts
 type ButtonGroupOrientation = 'horizontal' | 'vertical';
 type ButtonGroupRadius = keyof Theme['radii'];
 interface ButtonGroupProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color'>, SpaceProps<Theme> {
   /** Visual style for all child buttons. Default: `'outlined'`. */
   variant?: ButtonVariant;
-  /** Color palette for all child buttons — resolves against `theme.palette`. Default: 'primary', overridable via `theme.defaults.color`. */
+  /** Color palette for all child buttons - resolves against `theme.palette`. Default: 'primary', overridable via `theme.defaults.color`. */
   color?: ButtonColor;
-  /** Density for all child buttons — resolves against `theme.sizes`. Default: 'md', overridable via `theme.defaults.size`. */
+  /** Density for all child buttons - resolves against `theme.sizes`. Default: 'md', overridable via `theme.defaults.size`. */
   size?: ButtonSize;
   /** Layout flow direction. Default: `'horizontal'`. */
   orientation?: ButtonGroupOrientation;
-  /** Group corner radius — rounds the group's outer corners only. Resolves against `theme.radii`. Default: 'md', overridable via `theme.defaults.borderRadius`. */
+  /** Group corner radius - rounds the group's outer corners only. Resolves against `theme.radii`. Default: 'md', overridable via `theme.defaults.borderRadius`. */
   borderRadius?: ButtonGroupRadius;
   /** Disables all child buttons. Default: `false`. */
   disabled?: boolean;

package/dist/{index-CSXMCqrV.d.cts → index-DzuXwDCW.d.cts}

@@ -1,5 +1,5 @@
-import { d as PaletteColor, h as Theme } from "./themes-CUV79qWU.cjs";
-import "./index-2QPYJgCl.cjs";
+import { d as PaletteColor, h as Theme } from "./themes-kbuYiwCi.cjs";
+import "./index-jmy5eXpx.cjs";
 import { ButtonHTMLAttributes, ElementType } from "react";
 import { BorderProps, LayoutProps, SpaceProps, TypographyProps } from "@soroush.tech/styled-system";
 //#region src/Pressable/Pressable.d.ts
@@ -11,7 +11,7 @@ type PressableFeedback = 'none' | 'opacity' | 'highlight';
 type PressableColor = PaletteColor;
 interface PressableProps extends Omit<ButtonHTMLAttributes<HTMLElement>, 'color'>, SpaceProps<Theme>, LayoutProps<Theme>, BorderProps<Theme>, TypographyProps<Theme> {
   /**
-   * Element to render. Default: `'div'` — which still behaves as a button
+   * Element to render. Default: `'div'` - which still behaves as a button
    * (`role`, tab stop, Enter/Space) because a `<button>` may not legally contain
    * links, buttons, or block-level content. Pass `'button'` for a native button
    * when the content is phrasing-only, or any other tag you need.
@@ -19,25 +19,25 @@ interface PressableProps extends Omit<ButtonHTMLAttributes<HTMLElement>, 'color'
   as?: ElementType;
   /** Feedback shown while pressed. Default: `'none'`, overridable via `theme.components.Pressable.defaultProps`. */
   feedback?: PressableFeedback;
-  /** Palette the `highlight` tint derives from — maps to `theme.palette[color]`. Default: `'primary'`, overridable via `theme.defaults.color`. */
+  /** Palette the `highlight` tint derives from - maps to `theme.palette[color]`. Default: `'primary'`, overridable via `theme.defaults.color`. */
   color?: PressableColor;
   /** Opacity held content fades to under `feedback="opacity"`. Default: `0.7`. */
   activeOpacity?: number;
   /** The URL to link to. If defined and `as` is unset, an `a` element is used. */
   href?: string;
-  /** Anchor `target` — only meaningful when `href` is set. */
+  /** Anchor `target` - only meaningful when `href` is set. */
   target?: string;
-  /** Anchor `rel` — only meaningful when `href` is set. */
+  /** Anchor `rel` - only meaningful when `href` is set. */
   rel?: string;
 }
 /**
- * An unstyled clickable surface — button semantics (keyboard activation, focus
+ * An unstyled clickable surface - button semantics (keyboard activation, focus
  * ring, disabled state) with none of a button's looks, so it can wrap arbitrary
  * content without changing its layout. Use it instead of an `onClick` on a
  * `div`, which no keyboard or screen-reader user can reach.
  *
  * It renders a `div` by default, because `<button>` may not legally contain a
- * link, another button, or block-level content — the shim gives that div a
+ * link, another button, or block-level content - the shim gives that div a
  * `role`, a tab stop, and Enter/Space activation, so it is announced and
  * operated as a button either way. Pass `as="button"` for a native button, or
  * `href` for an anchor; both skip the shim and let the browser do the work.

package/dist/{index-n2OyTMr6.d.mts → index-KZKeZDAF.d.mts}

@@ -1,9 +1,9 @@
-import { h as Theme } from "./themes-CUV79qWU.mjs";
-import "./index-q9peil7T.mjs";
-import { s as ViewProps } from "./index-m9jUR509.mjs";
+import { h as Theme } from "./themes-kbuYiwCi.mjs";
+import "./index-v_otepCe.mjs";
+import { s as ViewProps } from "./index-DQ16ijxx.mjs";
 import { FlexboxProps } from "@soroush.tech/styled-system";
 //#region src/Flex/Flex.d.ts
-/** Valid values for the gap prop — derived from theme.space keys. */
+/** Valid values for the gap prop - derived from theme.space keys. */
 type GapToken = keyof Theme['space'];
 interface FlexProps extends ViewProps, FlexboxProps<Theme> {}
 declare const Flex: import("@emotion/styled").StyledComponent<{

package/dist/{index-BoOs5h_b.d.mts → index-NBVilQuP.d.mts}

@@ -1,10 +1,10 @@
-import { b as ThemeComponents, h as Theme, x as ThemeDefaults } from "./themes-CUV79qWU.mjs";
+import { b as ThemeComponents, h as Theme, x as ThemeDefaults } from "./themes-kbuYiwCi.mjs";
 import { ComponentType, ReactNode } from "react";
 //#region src/theme/ThemeProvider.d.ts
 interface ThemeProviderProps {
   children: ReactNode;
   /**
-   * The active theme. Bring one theme, or as many as you like — switching
+   * The active theme. Bring one theme, or as many as you like - switching
    * between them is your state, not the provider's. Defaults to the built-in
    * `baseTheme`.
    */
@@ -29,7 +29,7 @@ declare const themeDefault: <K extends keyof ThemeDefaults>(theme: Theme, key: K
 //#endregion
 //#region src/theme/hooks/useTheme.d.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.
  */
 declare const useTheme: () => Theme;

package/dist/{index-BAfSyQaP.d.mts → index-Oxx0z4dS.d.cts}

@@ -1,24 +1,24 @@
-import { d as PaletteColor, h as Theme, n as ButtonVariants } from "./themes-CUV79qWU.mjs";
-import "./index-q9peil7T.mjs";
-import { BorderProps, LayoutProps, SpaceProps, TypographyProps } from "@soroush.tech/styled-system";
+import { d as PaletteColor, h as Theme, n as ButtonVariants } from "./themes-kbuYiwCi.cjs";
+import "./index-jmy5eXpx.cjs";
 import { ButtonHTMLAttributes, ReactNode } from "react";
+import { BorderProps, LayoutProps, SpaceProps, TypographyProps } from "@soroush.tech/styled-system";
 //#region src/Button/Button.d.ts
-/** Augmentable via the `ButtonVariants` interface — style new values through `theme.components.Button.variants`. */
+/** Augmentable via the `ButtonVariants` interface - style new values through `theme.components.Button.variants`. */
 type ButtonVariant = keyof ButtonVariants;
 type ButtonColor = PaletteColor;
 type ButtonSize = keyof Theme['sizes'];
 type ButtonShape = 'square' | 'rounded' | 'pill';
 type ButtonLoadingPosition = 'start' | 'end' | 'center';
-/** Valid values for the gap prop — resolves against theme.space. */
+/** Valid values for the gap prop - resolves against theme.space. */
 type GapToken = keyof Theme['space'];
 interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'color'>, SpaceProps<Theme>, LayoutProps<Theme>, BorderProps<Theme>, TypographyProps<Theme> {
-  /** Visual style — filled, stroked, or ghost. Default: `'contained'`, overridable via `theme.defaults.buttonVariant`. */
+  /** Visual style - filled, stroked, or ghost. Default: `'contained'`, overridable via `theme.defaults.buttonVariant`. */
   variant?: ButtonVariant;
-  /** Color palette — maps to `theme.palette[color]`. Default: `'primary'`, overridable via `theme.defaults.color`. */
+  /** Color palette - maps to `theme.palette[color]`. Default: `'primary'`, overridable via `theme.defaults.color`. */
   color?: ButtonColor;
-  /** Size token — controls padding and font size. Default: `'md'`, overridable via `theme.defaults.size`. */
+  /** Size token - controls padding and font size. Default: `'md'`, overridable via `theme.defaults.size`. */
   size?: ButtonSize;
-  /** Gap between icon and label — resolves against theme.space. Default: `1` (8px). */
+  /** Gap between icon and label - resolves against theme.space. Default: `1` (8px). */
   gap?: GapToken;
   /** Icon rendered before the label. */
   startIcon?: ReactNode;
@@ -31,7 +31,7 @@ interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'col
   /** Custom loading element. Default: animated spinner. */
   loadingIndicator?: ReactNode;
   /**
-   * Corner shape — sets the default `borderRadius`.
+   * Corner shape - sets the default `borderRadius`.
    * `"square"` → 0 · `"rounded"` → `theme.radii.md` (default) · `"pill"` → 9999px
    * The `borderRadius` prop always overrides this.
    */
@@ -40,9 +40,9 @@ interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'col
   loadingPosition?: ButtonLoadingPosition;
   /** The URL to link to when the button is clicked. If defined, an `a` element will be used as the root node. */
   href?: string;
-  /** Anchor `target` — only meaningful when `href` is set. */
+  /** Anchor `target` - only meaningful when `href` is set. */
   target?: string;
-  /** Anchor `rel` — only meaningful when `href` is set. */
+  /** Anchor `rel` - only meaningful when `href` is set. */
   rel?: string;
 }
 declare function Button({ variant, color, size, shape, gap, fontWeight, letterSpacing, startIcon, endIcon, fullWidth, loading, loadingIndicator, loadingPosition, children, disabled, href, ...rest }: Readonly<ButtonProps>): import("react").JSX.Element;

package/dist/{index-DGku7hLP.d.mts → index-XZDPGJ_h.d.mts}

@@ -1,5 +1,5 @@
-import { a as PaginationItemSize } from "./index-3hPS6Lm8.mjs";
-import "./index-D07y72Xr.mjs";
+import { a as PaginationItemSize } from "./index-DdBeSvit.mjs";
+import "./index-h36rcOy8.mjs";
 import { HTMLAttributes } from "react";
 //#region src/Table/TablePaginationActions/TablePaginationActions.d.ts
 type TablePaginationActionType = 'first' | 'previous' | 'next' | 'last';
@@ -12,13 +12,13 @@ interface TablePaginationActionsProps extends HTMLAttributes<HTMLDivElement> {
   rowsPerPage: number;
   /** Fired with the target zero-based page. */
   onPageChange: (page: number) => void;
-  /** Accessible name per nav button — important for screen readers. */
+  /** Accessible name per nav button - important for screen readers. */
   getItemAriaLabel: (type: TablePaginationActionType) => string;
   /** Disables all buttons. Default: `false`. */
   disabled?: boolean;
   shouldShowFirstButton?: boolean;
   shouldShowLastButton?: boolean;
-  /** Button density — resolves against `theme.sizes`. Default: `'sm'`. */
+  /** Button density - resolves against `theme.sizes`. Default: `'sm'`. */
   size?: PaginationItemSize;
 }
 /**

package/dist/{index-CiShdd2j.d.cts → index-d6gR2x8j.d.cts}

@@ -1,10 +1,10 @@
-import { d as PaletteColor, h as Theme } from "./themes-CUV79qWU.cjs";
-import "./index-2QPYJgCl.cjs";
+import { d as PaletteColor, h as Theme } from "./themes-kbuYiwCi.cjs";
+import "./index-jmy5eXpx.cjs";
 import { ButtonHTMLAttributes, ElementType, ReactNode } from "react";
 import { SpaceProps } from "@soroush.tech/styled-system";
 //#region src/Pagination/hooks/usePagination.d.ts
 type PaginationItemType = 'page' | 'first' | 'previous' | 'next' | 'last' | 'start-ellipsis' | 'end-ellipsis';
-/** One renderable pagination item — `Pagination` maps these onto `PaginationItem`s. */
+/** One renderable pagination item - `Pagination` maps these onto `PaginationItem`s. */
 interface UsePaginationItem {
   type: PaginationItemType;
   /** Target page for actionable items; `null` for ellipses. */
@@ -34,7 +34,7 @@ interface UsePaginationProps {
   onChange?: (page: number) => void;
 }
 /**
- * Headless pagination model — computes the item list (nav buttons, page numbers,
+ * Headless pagination model - computes the item list (nav buttons, page numbers,
  * ellipses) with selection, boundary disabling, and controlled/uncontrolled paging.
  */
 declare function usePagination({ count, page: pageProp, defaultPage, siblingCount, boundaryCount, disabled, shouldShowFirstButton, shouldShowLastButton, shouldHidePrevButton, shouldHideNextButton, onChange }: UsePaginationProps): {
@@ -47,19 +47,19 @@ type PaginationItemVariant = 'text' | 'outlined';
 type PaginationItemShape = 'circular' | 'rounded';
 type PaginationItemSize = keyof Theme['sizes'];
 interface PaginationItemProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'color' | 'type'>, SpaceProps<Theme> {
-  /** What the item renders — a page number, a nav control, or a non-interactive ellipsis. */
+  /** What the item renders - a page number, a nav control, or a non-interactive ellipsis. */
   type?: PaginationItemType;
   /** The page number/content for `type="page"`. */
   page?: ReactNode;
   /** Active styling for the current page. Default: `false`. */
   isSelected?: boolean;
-  /** Selected-state color — resolves against `theme.palette`. Default: 'primary', overridable via `theme.defaults.color`. */
+  /** Selected-state color - resolves against `theme.palette`. Default: 'primary', overridable via `theme.defaults.color`. */
   color?: PaginationItemColor;
-  /** `text` — no border · `outlined` — stroked. Default: `'text'`. */
+  /** `text` - no border · `outlined` - stroked. Default: `'text'`. */
   variant?: PaginationItemVariant;
   /** Corner shape. Default: `'circular'`. */
   shape?: PaginationItemShape;
-  /** Item dimensions and font size — resolves against `theme.sizes`. Default: 'md', overridable via `theme.defaults.size`. */
+  /** Item dimensions and font size - resolves against `theme.sizes`. Default: 'md', overridable via `theme.defaults.size`. */
   size?: PaginationItemSize;
   disabled?: boolean;
   as?: ElementType;

package/dist/{index-C1hP7Igl.d.mts → index-ggLhNdZV.d.mts}

@@ -1,14 +1,14 @@
-import { h as Theme } from "./themes-CUV79qWU.mjs";
-import "./index-q9peil7T.mjs";
-import { n as IconProps, r as IconName } from "./index-BjLlSr2P.mjs";
+import { h as Theme } from "./themes-kbuYiwCi.mjs";
+import "./index-v_otepCe.mjs";
+import { n as IconProps, r as IconName } from "./index-76XH-GEc.mjs";
 import { SpaceProps } from "@soroush.tech/styled-system";
 import { ButtonHTMLAttributes } from "react";
 //#region src/Table/TableSortLabel/TableSortLabel.d.ts
 type TableSortLabelDirection = 'asc' | 'desc';
 interface TableSortLabelProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'color'>, SpaceProps<Theme> {
-  /** Marks the currently-sorted column — shows the icon fully opaque. Default: `false`. */
+  /** Marks the currently-sorted column - shows the icon fully opaque. Default: `false`. */
   isActive?: boolean;
-  /** Current sort direction — rotates the arrow. Default: `'asc'`. */
+  /** Current sort direction - rotates the arrow. Default: `'asc'`. */
   direction?: TableSortLabelDirection;
   /**
    * Hides the inactive sort icon, revealing it on hover/focus. Set `false` to