@soroush.tech/design-system 1.3.0 → 1.3.1

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

@@ -1,6 +1,7 @@
-import { r as index_d_exports } from "./index-DLJ-li1B.cjs";
 import { d as PaletteColor, h as Theme } from "./themes-CUV79qWU.cjs";
+import "./index-2QPYJgCl.cjs";
 import { ButtonHTMLAttributes, ElementType } from "react";
+import { BorderProps, LayoutProps, SpaceProps, TypographyProps } from "@soroush.tech/styled-system";
 //#region src/Pressable/Pressable.d.ts
 /**
  * Press feedback: `none` leaves the wrapped content untouched, `opacity` dims it
@@ -8,7 +9,7 @@ import { ButtonHTMLAttributes, ElementType } from "react";
  */
 type PressableFeedback = 'none' | 'opacity' | 'highlight';
 type PressableColor = PaletteColor;
-interface PressableProps extends Omit<ButtonHTMLAttributes<HTMLElement>, 'color'>, index_d_exports.SpaceProps<Theme>, index_d_exports.LayoutProps<Theme>, index_d_exports.BorderProps<Theme>, index_d_exports.TypographyProps<Theme> {
+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
    * (`role`, tab stop, Enter/Space) because a `<button>` may not legally contain

package/dist/{index-CqFd46gX.d.mts → index-CTYZyQ2g.d.mts}

@@ -1,5 +1,5 @@
 import { h as Theme } from "./themes-CUV79qWU.mjs";
-import "./index-D8b5OCLe.mjs";
+import "./index-q9peil7T.mjs";
 import { KeyboardEvent, MouseEvent, ReactNode, Ref, RefCallback, SyntheticEvent } from "react";
 //#region src/Modal/useModal.d.ts
 type ModalCloseReason = 'escapeKey' | 'backdropClick';

package/dist/{index-DF3Hweir.d.mts → index-CbGfrKZi.d.mts}

@@ -1,11 +1,12 @@
 import { h as Theme } from "./themes-CUV79qWU.mjs";
-import { r as index_d_exports } from "./index-D8b5OCLe.mjs";
-import { n as ButtonColor, o as ButtonSize, s as ButtonVariant } from "./index-D8U2tk1L.mjs";
+import "./index-q9peil7T.mjs";
+import { n as ButtonColor, o as ButtonSize, s as ButtonVariant } from "./index-BAfSyQaP.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'>, index_d_exports.SpaceProps<Theme> {
+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`. */

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

@@ -1,6 +1,7 @@
-import { r as index_d_exports } from "./index-DLJ-li1B.cjs";
 import { d as PaletteColor, h as Theme } from "./themes-CUV79qWU.cjs";
+import "./index-2QPYJgCl.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. */
@@ -45,7 +46,7 @@ type PaginationItemColor = PaletteColor;
 type PaginationItemVariant = 'text' | 'outlined';
 type PaginationItemShape = 'circular' | 'rounded';
 type PaginationItemSize = keyof Theme['sizes'];
-interface PaginationItemProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'color' | 'type'>, index_d_exports.SpaceProps<Theme> {
+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. */
   type?: PaginationItemType;
   /** The page number/content for `type="page"`. */

package/dist/{index-CvaEVk-f.d.cts → index-CohsoGjZ.d.cts}

@@ -1,13 +1,14 @@
-import { r as index_d_exports } from "./index-DLJ-li1B.cjs";
 import { L as TypographyVariant, h as Theme } from "./themes-CUV79qWU.cjs";
+import "./index-2QPYJgCl.cjs";
 import { CSSProperties, ElementType, HTMLAttributes } from "react";
+import { BorderProps, FlexboxProps, LayoutProps, PositionProps, SpaceProps, TypographyProps } from "@soroush.tech/styled-system";
 //#region src/Typography/Typography.d.ts
 type TypographyAlign = 'left' | 'right' | 'center' | 'justify' | 'inherit';
 /** Valid values for the color prop — derived from theme.text keys. */
 type TextColorToken = keyof Theme['text'];
 /** Valid values for the bg prop — derived from theme.background keys. */
 type BackgroundToken = keyof Theme['background'];
-interface TypographyProps extends Omit<HTMLAttributes<HTMLElement>, 'color'>, index_d_exports.SpaceProps<Theme>, index_d_exports.LayoutProps<Theme>, index_d_exports.TypographyProps<Theme>, index_d_exports.FlexboxProps<Theme>, index_d_exports.BorderProps<Theme>, index_d_exports.PositionProps<Theme> {
+interface TypographyProps$1 extends Omit<HTMLAttributes<HTMLElement>, 'color'>, SpaceProps<Theme>, LayoutProps<Theme>, TypographyProps<Theme>, FlexboxProps<Theme>, BorderProps<Theme>, PositionProps<Theme> {
   /** Resolves against theme.text — inherit · initial · primary · secondary · error · success */
   color?: TextColorToken;
   /** Resolves against theme.background */
@@ -22,6 +23,6 @@ interface TypographyProps extends Omit<HTMLAttributes<HTMLElement>, 'color'>, in
   dateTime?: string;
   as?: ElementType;
 }
-declare function Typography({ variant, as, ...rest }: Readonly<TypographyProps>): import("react").JSX.Element;
+declare function Typography({ variant, as, ...rest }: Readonly<TypographyProps$1>): import("react").JSX.Element;
 //#endregion
-export { TypographyProps as a, TypographyAlign as i, TextColorToken as n, Typography as r, BackgroundToken as t };
+export { TypographyProps$1 as a, TypographyAlign as i, TextColorToken as n, Typography as r, BackgroundToken as t };

package/dist/{index-CO3Qq0I0.d.mts → index-CrXLEJO4.d.mts}

@@ -1,5 +1,6 @@
 import { d as PaletteColor, h as Theme } from "./themes-CUV79qWU.mjs";
-import { r as index_d_exports } from "./index-D8b5OCLe.mjs";
+import "./index-q9peil7T.mjs";
+import { BorderProps, LayoutProps, SpaceProps, TypographyProps } from "@soroush.tech/styled-system";
 import { ButtonHTMLAttributes, ElementType } from "react";
 //#region src/Pressable/Pressable.d.ts
 /**
@@ -8,7 +9,7 @@ import { ButtonHTMLAttributes, ElementType } from "react";
  */
 type PressableFeedback = 'none' | 'opacity' | 'highlight';
 type PressableColor = PaletteColor;
-interface PressableProps extends Omit<ButtonHTMLAttributes<HTMLElement>, 'color'>, index_d_exports.SpaceProps<Theme>, index_d_exports.LayoutProps<Theme>, index_d_exports.BorderProps<Theme>, index_d_exports.TypographyProps<Theme> {
+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
    * (`role`, tab stop, Enter/Space) because a `<button>` may not legally contain

package/dist/{index-Ca0Pj5m2.d.mts → index-D07y72Xr.d.mts}

@@ -1,13 +1,14 @@
 import { h as Theme } from "./themes-CUV79qWU.mjs";
-import { r as index_d_exports } from "./index-D8b5OCLe.mjs";
-import { a as PaginationItemSize, i as PaginationItemShape, l as UsePaginationProps, n as PaginationItemColor, o as PaginationItemVariant, s as PaginationItemType } from "./index-BwUnDd9W.mjs";
+import "./index-q9peil7T.mjs";
+import { a as PaginationItemSize, i as PaginationItemShape, l as UsePaginationProps, n as PaginationItemColor, o as PaginationItemVariant, s as PaginationItemType } from "./index-3hPS6Lm8.mjs";
+import { SpaceProps } from "@soroush.tech/styled-system";
 import { HTMLAttributes } from "react";
 //#region src/Pagination/Pagination.d.ts
 type PaginationColor = PaginationItemColor;
 type PaginationVariant = PaginationItemVariant;
 type PaginationShape = PaginationItemShape;
 type PaginationSize = PaginationItemSize;
-interface PaginationProps extends Omit<HTMLAttributes<HTMLElement>, 'color' | 'onChange'>, UsePaginationProps, index_d_exports.SpaceProps<Theme> {
+interface PaginationProps extends Omit<HTMLAttributes<HTMLElement>, 'color' | 'onChange'>, UsePaginationProps, SpaceProps<Theme> {
   /** Selected-item color — resolves against `theme.palette`. Default: 'primary', overridable via `theme.defaults.color`. */
   color?: PaginationColor;
   /** Item style — `text` or `outlined`. Default: `'text'`. */

package/dist/{index-ATXjtAOY.d.mts → index-DEEHBUUZ.d.cts}

@@ -1,5 +1,5 @@
-import { a as PaginationItemSize } from "./index-BwUnDd9W.mjs";
-import "./index-Ca0Pj5m2.mjs";
+import { a as PaginationItemSize } from "./index-CiShdd2j.cjs";
+import "./index-CCfnnT2l.cjs";
 import { HTMLAttributes } from "react";
 //#region src/Table/TablePaginationActions/TablePaginationActions.d.ts
 type TablePaginationActionType = 'first' | 'previous' | 'next' | 'last';

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

@@ -1,5 +1,5 @@
-import { a as PaginationItemSize } from "./index-yr4HkKOj.cjs";
-import "./index-B3FrhO2r.cjs";
+import { a as PaginationItemSize } from "./index-3hPS6Lm8.mjs";
+import "./index-D07y72Xr.mjs";
 import { HTMLAttributes } from "react";
 //#region src/Table/TablePaginationActions/TablePaginationActions.d.ts
 type TablePaginationActionType = 'first' | 'previous' | 'next' | 'last';

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

@@ -1,10 +1,11 @@
-import { r as index_d_exports } from "./index-DLJ-li1B.cjs";
 import { h as Theme } from "./themes-CUV79qWU.cjs";
-import { s as ViewProps } from "./index-DjtGkwRM.cjs";
+import "./index-2QPYJgCl.cjs";
+import { s as ViewProps } from "./index-BPzvFTi5.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. */
 type GapToken = keyof Theme['space'];
-interface FlexProps extends ViewProps, index_d_exports.FlexboxProps<Theme> {}
+interface FlexProps extends ViewProps, FlexboxProps<Theme> {}
 declare const Flex: import("@emotion/styled").StyledComponent<{
   theme?: Theme;
   as?: React.ElementType;

package/dist/{index-C7j38wne.d.mts → index-DfhMdqqI.d.mts}

@@ -1,6 +1,7 @@
 import { h as Theme } from "./themes-CUV79qWU.mjs";
-import { r as index_d_exports } from "./index-D8b5OCLe.mjs";
+import "./index-q9peil7T.mjs";
 import { t as TableCellPadding } from "./TableContext-DV31j6HO.mjs";
+import { BorderProps, SpaceProps, TypographyProps } from "@soroush.tech/styled-system";
 import { ElementType, ThHTMLAttributes } from "react";
 //#region src/Table/TableSectionContext.d.ts
 /** The table section a cell lives in — drives `TableCell`'s th/td element resolution. */
@@ -18,7 +19,7 @@ type TableCellColorToken = keyof Theme['text'];
 type TableCellBackgroundToken = keyof Theme['background'];
 /** Valid values for the borderColor prop — derived from theme.border keys. */
 type TableCellBorderColorToken = keyof Theme['border'];
-interface TableCellProps extends Omit<ThHTMLAttributes<HTMLTableCellElement>, 'color' | 'align'>, index_d_exports.SpaceProps<Theme>, index_d_exports.TypographyProps<Theme>, Omit<index_d_exports.BorderProps<Theme>, 'borderColor' | 'borderRadius'> {
+interface TableCellProps extends Omit<ThHTMLAttributes<HTMLTableCellElement>, 'color' | 'align'>, SpaceProps<Theme>, TypographyProps<Theme>, Omit<BorderProps<Theme>, 'borderColor' | 'borderRadius'> {
   /** Resolves against theme.text */
   color?: TableCellColorToken;
   /** Resolves against theme.background */

package/dist/{index-v99yMdts.d.cts → index-DiLm48XP.d.cts}

@@ -1,10 +1,11 @@
-import { r as index_d_exports } from "./index-DLJ-li1B.cjs";
 import { h as Theme } from "./themes-CUV79qWU.cjs";
-import { n as IconProps, r as IconName } from "./index-CA_X-mXg.cjs";
+import "./index-2QPYJgCl.cjs";
+import { n as IconProps, r as IconName } from "./index-Borai-Wg.cjs";
 import { ButtonHTMLAttributes } from "react";
+import { SpaceProps } from "@soroush.tech/styled-system";
 //#region src/Table/TableSortLabel/TableSortLabel.d.ts
 type TableSortLabelDirection = 'asc' | 'desc';
-interface TableSortLabelProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'color'>, index_d_exports.SpaceProps<Theme> {
+interface TableSortLabelProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'color'>, SpaceProps<Theme> {
   /** Marks the currently-sorted column — shows the icon fully opaque. Default: `false`. */
   isActive?: boolean;
   /** Current sort direction — rotates the arrow. Default: `'asc'`. */

package/dist/{index-B2hrssyF.d.mts → index-DxBKLmUS.d.mts}

@@ -1,5 +1,6 @@
 import { L as TypographyVariant, h as Theme } from "./themes-CUV79qWU.mjs";
-import { r as index_d_exports } from "./index-D8b5OCLe.mjs";
+import "./index-q9peil7T.mjs";
+import { BorderProps, FlexboxProps, LayoutProps, PositionProps, SpaceProps, TypographyProps } from "@soroush.tech/styled-system";
 import { CSSProperties, ElementType, HTMLAttributes } from "react";
 //#region src/Typography/Typography.d.ts
 type TypographyAlign = 'left' | 'right' | 'center' | 'justify' | 'inherit';
@@ -7,7 +8,7 @@ type TypographyAlign = 'left' | 'right' | 'center' | 'justify' | 'inherit';
 type TextColorToken = keyof Theme['text'];
 /** Valid values for the bg prop — derived from theme.background keys. */
 type BackgroundToken = keyof Theme['background'];
-interface TypographyProps extends Omit<HTMLAttributes<HTMLElement>, 'color'>, index_d_exports.SpaceProps<Theme>, index_d_exports.LayoutProps<Theme>, index_d_exports.TypographyProps<Theme>, index_d_exports.FlexboxProps<Theme>, index_d_exports.BorderProps<Theme>, index_d_exports.PositionProps<Theme> {
+interface TypographyProps$1 extends Omit<HTMLAttributes<HTMLElement>, 'color'>, SpaceProps<Theme>, LayoutProps<Theme>, TypographyProps<Theme>, FlexboxProps<Theme>, BorderProps<Theme>, PositionProps<Theme> {
   /** Resolves against theme.text — inherit · initial · primary · secondary · error · success */
   color?: TextColorToken;
   /** Resolves against theme.background */
@@ -22,6 +23,6 @@ interface TypographyProps extends Omit<HTMLAttributes<HTMLElement>, 'color'>, in
   dateTime?: string;
   as?: ElementType;
 }
-declare function Typography({ variant, as, ...rest }: Readonly<TypographyProps>): import("react").JSX.Element;
+declare function Typography({ variant, as, ...rest }: Readonly<TypographyProps$1>): import("react").JSX.Element;
 //#endregion
-export { TypographyProps as a, TypographyAlign as i, TextColorToken as n, Typography as r, BackgroundToken as t };
+export { TypographyProps$1 as a, TypographyAlign as i, TextColorToken as n, Typography as r, BackgroundToken as t };

package/dist/{index-BNP_iejT.d.cts → index-X4STXeE2.d.cts}

@@ -1,7 +1,8 @@
-import { r as index_d_exports } from "./index-DLJ-li1B.cjs";
 import { h as Theme } from "./themes-CUV79qWU.cjs";
+import "./index-2QPYJgCl.cjs";
 import { t as TableCellPadding } from "./TableContext-BoOxdk8p.cjs";
 import { ElementType, ThHTMLAttributes } from "react";
+import { BorderProps, SpaceProps, TypographyProps } from "@soroush.tech/styled-system";
 //#region src/Table/TableSectionContext.d.ts
 /** The table section a cell lives in — drives `TableCell`'s th/td element resolution. */
 type TableSection = 'head' | 'body' | 'footer';
@@ -18,7 +19,7 @@ type TableCellColorToken = keyof Theme['text'];
 type TableCellBackgroundToken = keyof Theme['background'];
 /** Valid values for the borderColor prop — derived from theme.border keys. */
 type TableCellBorderColorToken = keyof Theme['border'];
-interface TableCellProps extends Omit<ThHTMLAttributes<HTMLTableCellElement>, 'color' | 'align'>, index_d_exports.SpaceProps<Theme>, index_d_exports.TypographyProps<Theme>, Omit<index_d_exports.BorderProps<Theme>, 'borderColor' | 'borderRadius'> {
+interface TableCellProps extends Omit<ThHTMLAttributes<HTMLTableCellElement>, 'color' | 'align'>, SpaceProps<Theme>, TypographyProps<Theme>, Omit<BorderProps<Theme>, 'borderColor' | 'borderRadius'> {
   /** Resolves against theme.text */
   color?: TableCellColorToken;
   /** Resolves against theme.background */

package/dist/{index-q6EgsH9R.d.mts → index-m9jUR509.d.mts}

@@ -1,5 +1,6 @@
 import { h as Theme } from "./themes-CUV79qWU.mjs";
-import { r as index_d_exports } from "./index-D8b5OCLe.mjs";
+import "./index-q9peil7T.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. */
@@ -12,7 +13,7 @@ type ViewBorderColorToken = keyof Theme['border'];
 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'>, index_d_exports.SpaceProps<Theme>, index_d_exports.LayoutProps<Theme>, index_d_exports.TypographyProps<Theme>, Omit<index_d_exports.BorderProps<Theme>, 'borderColor' | 'borderWidth' | 'borderRadius'>, index_d_exports.PositionProps<Theme> {
+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 */
   borderColor?: ViewBorderColorToken;
@@ -23,7 +24,7 @@ interface ViewProps extends Omit<HTMLAttributes<HTMLElement>, 'color'>, index_d_
   opacity?: number;
   cursor?: CSSProperties['cursor'];
   /** CSS order for flex/grid item placement. Accepts responsive arrays. */
-  order?: index_d_exports.FlexboxProps<Theme>['order'];
+  order?: FlexboxProps<Theme>['order'];
 }
 declare const View: import("@emotion/styled").StyledComponent<{
   theme?: Theme;

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

@@ -1,10 +1,11 @@
 import { h as Theme } from "./themes-CUV79qWU.mjs";
-import { r as index_d_exports } from "./index-D8b5OCLe.mjs";
-import { s as ViewProps } from "./index-q6EgsH9R.mjs";
+import "./index-q9peil7T.mjs";
+import { s as ViewProps } from "./index-m9jUR509.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. */
 type GapToken = keyof Theme['space'];
-interface FlexProps extends ViewProps, index_d_exports.FlexboxProps<Theme> {}
+interface FlexProps extends ViewProps, FlexboxProps<Theme> {}
 declare const Flex: import("@emotion/styled").StyledComponent<{
   theme?: Theme;
   as?: React.ElementType;

package/dist/{index-D8b5OCLe.d.mts → index-q9peil7T.d.mts}

@@ -1,4 +1,4 @@
-import { d as PaletteColor, h as Theme, r as CSSObject$1 } from "./themes-CUV79qWU.mjs";
+import { h as Theme } from "./themes-CUV79qWU.mjs";
 import { CreateStyledComponent, FilteringStyledOptions, Interpolation, StyledOptions } from "@emotion/styled";
 import { PropsOf, css as css$1, keyframes } from "@emotion/react";
 import { createShouldForwardProp, props } from "@soroush.tech/styled-system/should-forward-prop";
@@ -65,9 +65,5 @@ interface CreateThemedStyled extends StyledTags {
  * customization (`theme.components[name].styleOverrides` / `.variants`).
  */
 declare const styled: CreateThemedStyled;
-declare namespace index_d_exports {
-  export { CSSObject$1 as CSSObject, PaletteColor, Theme, ThemeCustomizationOptions, createShouldForwardProp, css$1 as css, keyframes, props, styled };
-}
-import * as import__soroush_tech_styled_system from "@soroush.tech/styled-system";
 //#endregion
-export { props as a, keyframes as i, css$1 as n, ThemeCustomizationOptions as o, index_d_exports as r, styled as s, createShouldForwardProp as t };
+export { ThemeCustomizationOptions as a, props as i, css$1 as n, styled as o, keyframes as r, createShouldForwardProp as t };

package/dist/{index-BJ8OC_Zh.d.cts → index-uH0EeDBZ.d.cts}

@@ -1,6 +1,7 @@
-import { r as index_d_exports } from "./index-DLJ-li1B.cjs";
 import { d as PaletteColor, h as Theme, n as ButtonVariants } from "./themes-CUV79qWU.cjs";
+import "./index-2QPYJgCl.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`. */
 type ButtonVariant = keyof ButtonVariants;
@@ -10,7 +11,7 @@ type ButtonShape = 'square' | 'rounded' | 'pill';
 type ButtonLoadingPosition = 'start' | 'end' | 'center';
 /** Valid values for the gap prop — resolves against theme.space. */
 type GapToken = keyof Theme['space'];
-interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'color'>, index_d_exports.SpaceProps<Theme>, index_d_exports.LayoutProps<Theme>, index_d_exports.BorderProps<Theme>, index_d_exports.TypographyProps<Theme> {
+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`. */
   variant?: ButtonVariant;
   /** Color palette — maps to `theme.palette[color]`. Default: `'primary'`, overridable via `theme.defaults.color`. */

package/dist/index.d.cts

@@ -1,4 +1,4 @@
-import { a as props, i as keyframes, n as css, o as ThemeCustomizationOptions, s as styled, t as createShouldForwardProp } from "./index-DLJ-li1B.cjs";
 import { d as PaletteColor, h as Theme, r as CSSObject } from "./themes-CUV79qWU.cjs";
+import { a as ThemeCustomizationOptions, i as props, n as css, o as styled, r as keyframes, t as createShouldForwardProp } from "./index-2QPYJgCl.cjs";
 export * from "@soroush.tech/styled-system";
 export { type CSSObject, type PaletteColor, type Theme, type ThemeCustomizationOptions, createShouldForwardProp, css, keyframes, props, styled };

package/dist/index.d.mts

@@ -1,4 +1,4 @@
 import { d as PaletteColor, h as Theme, r as CSSObject } from "./themes-CUV79qWU.mjs";
-import { a as props, i as keyframes, n as css, o as ThemeCustomizationOptions, s as styled, t as createShouldForwardProp } from "./index-D8b5OCLe.mjs";
+import { a as ThemeCustomizationOptions, i as props, n as css, o as styled, r as keyframes, t as createShouldForwardProp } from "./index-q9peil7T.mjs";
 export * from "@soroush.tech/styled-system";
 export { type CSSObject, type PaletteColor, type Theme, type ThemeCustomizationOptions, createShouldForwardProp, css, keyframes, props, styled };

package/dist/index.mjs

@@ -1,3 +1,3 @@
-import { i as props, n as css, o as styled, r as keyframes, t as createShouldForwardProp } from "./src-BJy4dM4f.mjs";
+import { i as props, n as css, o as styled, r as keyframes, t as createShouldForwardProp } from "./src-D3tHU94W.mjs";
 export * from "@soroush.tech/styled-system";
 export { createShouldForwardProp, css, keyframes, props, styled };

package/dist/{src-BJy4dM4f.mjs → src-D3tHU94W.mjs}

@@ -1,7 +1,32 @@
-import { n as __reExport, t as __exportAll } from "./rolldown-runtime-BBjsoOtd.mjs";
 import emotionStyled from "@emotion/styled";
 import { css as css$1, keyframes } from "@emotion/react";
 import { createShouldForwardProp, props } from "@soroush.tech/styled-system/should-forward-prop";
+//#region \0rolldown/runtime.js
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __exportAll = (all, no_symbols) => {
+	let target = {};
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
+	if (!no_symbols) __defProp(target, Symbol.toStringTag, { value: "Module" });
+	return target;
+};
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
+		key = keys[i];
+		if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: ((k) => from[k]).bind(null, key),
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+//#endregion
 //#region src/style/styled.ts
 const resolveStyle = (style, props) => typeof style === "function" ? style({
 	theme: props.theme,

package/dist/{useTablePagination-HaIcJPv-.d.mts → useTablePagination-DOty8Ucb.d.mts}

@@ -1,4 +1,4 @@
-import { n as TableSortLabelDirection } from "./index-BItZoGZ1.mjs";
+import { n as TableSortLabelDirection } from "./index-C1hP7Igl.mjs";
 //#region src/Table/hooks/useTableSort.d.ts
 /** One column's sort state — spreads directly onto `TableSortLabel`. */
 interface TableSortEntry {

package/dist/{useTablePagination-7jiSvKCh.d.cts → useTablePagination-Dh7o59Wt.d.cts}

@@ -1,4 +1,4 @@
-import { n as TableSortLabelDirection } from "./index-v99yMdts.cjs";
+import { n as TableSortLabelDirection } from "./index-DiLm48XP.cjs";
 //#region src/Table/hooks/useTableSort.d.ts
 /** One column's sort state — spreads directly onto `TableSortLabel`. */
 interface TableSortEntry {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@soroush.tech/design-system",
-  "version": "1.3.0",
+  "version": "1.3.1",
   "description": "Emotion + @soroush.tech/styled-system React component library — token-driven light/dark themes, layout primitives, forms, and overlays.",
   "keywords": [
     "design-system",
@@ -485,25 +485,25 @@
   },
   "devDependencies": {
     "@emotion/css": "^11.13.5",
-    "@storybook/react-vite": "^10.5.6",
+    "@storybook/react-vite": "^10.5.7",
     "@testing-library/jest-dom": "^7.0.0",
     "@testing-library/react": "^16.3.2",
-    "@types/node": "^26.1.2",
+    "@types/node": "^26.2.0",
     "@types/react": "^19.2.18",
     "@types/react-dom": "^19.2.4",
     "@vitest/browser-playwright": "^4.1.10",
     "@vitest/coverage-v8": "^4.1.10",
-    "eslint": "^10.8.0",
+    "eslint": "^10.8.1",
     "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-react-hooks": "^7.1.1",
     "eslint-plugin-react-refresh": "^0.5.3",
-    "eslint-plugin-storybook": "^10.5.6",
+    "eslint-plugin-storybook": "^10.5.7",
     "globals": "^17.9.0",
     "jsdom": "^29.1.1",
     "playwright": "^1.62.1",
     "react": "^19.2.8",
     "react-dom": "^19.2.8",
-    "storybook": "^10.5.6",
+    "storybook": "^10.5.7",
     "tsdown": "^0.22.14",
     "typescript": "~6.0.3",
     "vitest": "^4.1.10",
@@ -517,7 +517,8 @@
     "typecheck": "tsc --noEmit",
     "test": "vitest run",
     "test:coverage": "vitest run --coverage",
-    "test:types": "pnpm build && tsc -p type-tests/tsconfig.json",
+    "test:types": "pnpm build && node scripts/check-dts.mjs && tsc -p type-tests/tsconfig.json",
+    "check:dts": "node scripts/check-dts.mjs",
     "audit:styled": "node scripts/audit-styled.mjs"
   },
   "main": "./dist/index.cjs",

package/dist/rolldown-runtime-BBjsoOtd.mjs

@@ -1,27 +0,0 @@
-//#region \0rolldown/runtime.js
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __exportAll = (all, no_symbols) => {
-	let target = {};
-	for (var name in all) __defProp(target, name, {
-		get: all[name],
-		enumerable: true
-	});
-	if (!no_symbols) __defProp(target, Symbol.toStringTag, { value: "Module" });
-	return target;
-};
-var __copyProps = (to, from, except, desc) => {
-	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
-		key = keys[i];
-		if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-			get: ((k) => from[k]).bind(null, key),
-			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-		});
-	}
-	return to;
-};
-var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-//#endregion
-export { __reExport as n, __exportAll as t };