@soroush.tech/design-system 1.2.0 → 1.3.1

package/dist/ToggleButton/ToggleButtonGroup.d.mts

@@ -1,4 +1,4 @@
-import { a as ButtonGroupProps } from "../index-DF3Hweir.mjs";
+import { a as ButtonGroupProps } from "../index-CbGfrKZi.mjs";
 import { r as ToggleButtonValue } from "../ToggleButtonGroupContext-CqD-Afho.mjs";
 //#region src/ToggleButton/ToggleButtonGroup/ToggleButtonGroup.d.ts
 interface ToggleButtonGroupProps extends Omit<ButtonGroupProps, 'variant' | 'onChange'> {

package/dist/ToggleButton/ToggleButtonGroup.mjs

@@ -1,4 +1,4 @@
-import { o as styled } from "../src-BJy4dM4f.mjs";
+import { o as styled } from "../src-D3tHU94W.mjs";
 import { t as themeDefault } from "../themeDefault-Z3KmyIbm.mjs";
 import { r as useTheme } from "../theme-Cudynq5K.mjs";
 import { ButtonGroup } from "../ButtonGroup.mjs";

package/dist/Typography.d.cts

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

package/dist/Typography.d.mts

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

package/dist/Typography.mjs

@@ -1,4 +1,4 @@
-import { a as src_exports, i as props, o as styled, t as createShouldForwardProp } from "./src-BJy4dM4f.mjs";
+import { a as src_exports, i as props, o as styled, t as createShouldForwardProp } from "./src-D3tHU94W.mjs";
 import { r as useTheme } from "./theme-Cudynq5K.mjs";
 import "react";
 import { jsx } from "react/jsx-runtime";

package/dist/View.d.cts

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

package/dist/View.d.mts

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

package/dist/View.mjs

@@ -1,4 +1,4 @@
-import { a as src_exports, i as props, o as styled, t as createShouldForwardProp } from "./src-BJy4dM4f.mjs";
+import { a as src_exports, i as props, o as styled, t as createShouldForwardProp } from "./src-D3tHU94W.mjs";
 import "react";
 //#region src/View/View.tsx
 const shouldForwardProp = createShouldForwardProp([

package/dist/{index-DLJ-li1B.d.cts → index-2QPYJgCl.d.cts}

@@ -1,9 +1,8 @@
-import { d as PaletteColor, h as Theme, r as CSSObject$1 } from "./themes-CUV79qWU.cjs";
+import { h as Theme } from "./themes-CUV79qWU.cjs";
 import { CreateStyledComponent, FilteringStyledOptions, Interpolation, StyledOptions } from "@emotion/styled";
 import { PropsOf, css, keyframes } from "@emotion/react";
 import { ComponentClass, ComponentProps, ComponentType, JSX, Ref } from "react";
 import { createShouldForwardProp, props } from "@soroush.tech/styled-system/should-forward-prop";
-//#endregion
 //#region src/style/styled.d.ts
 /**
  * Design-system additions to Emotion's styled options. A styled root that passes
@@ -66,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, keyframes, props, styled };
-}
-import * as import__soroush_tech_styled_system from "@soroush.tech/styled-system";
 //#endregion
-export { props as a, keyframes as i, css as n, ThemeCustomizationOptions as o, index_d_exports as r, styled as s, createShouldForwardProp as t };
+export { ThemeCustomizationOptions as a, props as i, css as n, styled as o, keyframes as r, createShouldForwardProp as t };

package/dist/{index-BwUnDd9W.d.mts → index-3hPS6Lm8.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 { 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';
@@ -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-D8U2tk1L.d.mts → index-BAfSyQaP.d.mts}

@@ -1,5 +1,6 @@
 import { d as PaletteColor, h as Theme, n as ButtonVariants } 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, ReactNode } from "react";
 //#region src/Button/Button.d.ts
 /** Augmentable via the `ButtonVariants` interface — style new values through `theme.components.Button.variants`. */
@@ -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-BfpjEqqt.d.cts → index-BBWtMvkm.d.cts}

@@ -1,5 +1,5 @@
-import "./index-DLJ-li1B.cjs";
 import { h as Theme } from "./themes-CUV79qWU.cjs";
+import "./index-2QPYJgCl.cjs";
 import { KeyboardEvent, MouseEvent, ReactNode, Ref, RefCallback, SyntheticEvent } from "react";
 //#region src/Modal/useModal.d.ts
 type ModalCloseReason = 'escapeKey' | 'backdropClick';
@@ -77,7 +77,10 @@ interface ManagedModal {
 interface ManagedModalProps {
   disableScrollLock?: boolean;
 }
-declare function ariaHidden(element: Element, hide: boolean): void;
+/** Hides an element from assistive tech. */
+declare function hideFromAria(element: Element): void;
+/** Reveals an element to assistive tech again. */
+declare function exposeToAria(element: Element): void;
 /**
  * Tracks every open modal and the containers they live in. A single shared
  * instance coordinates stacking (`isTopModal`), scroll-lock, and `aria-hidden`
@@ -92,4 +95,4 @@ declare class ModalManager {
   isTopModal(modal: ManagedModal): boolean;
 }
 //#endregion
-export { Modal as a, ModalCloseReason as c, useModal as d, ariaHidden as i, UseModalParameters as l, ManagedModalProps as n, ModalProps as o, ModalManager as r, ModalScroll as s, ManagedModal as t, UseModalReturnValue as u };
+export { hideFromAria as a, ModalScroll as c, UseModalReturnValue as d, useModal as f, exposeToAria as i, ModalCloseReason as l, ManagedModalProps as n, Modal as o, ModalManager as r, ModalProps as s, ManagedModal as t, UseModalParameters as u };

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

@@ -1,6 +1,7 @@
-import { r as index_d_exports } from "./index-DLJ-li1B.cjs";
 import { h as Theme } from "./themes-CUV79qWU.cjs";
+import "./index-2QPYJgCl.cjs";
 import { CSSProperties, HTMLAttributes } from "react";
+import { BorderProps, FlexboxProps, LayoutProps, PositionProps, SpaceProps, TypographyProps } from "@soroush.tech/styled-system";
 //#region src/View/View.d.ts
 /** Valid values for the color prop — derived from theme.text keys. */
 type ViewColorToken = keyof Theme['text'];
@@ -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-CYTaYcm3.d.cts → index-BW-9sqFG.d.cts}

@@ -1,6 +1,6 @@
-import "./index-DLJ-li1B.cjs";
 import { h as Theme } from "./themes-CUV79qWU.cjs";
-import { n as FlexProps } from "./index-zFYi0f1t.cjs";
+import "./index-2QPYJgCl.cjs";
+import { n as FlexProps } from "./index-DLUE7t3O.cjs";
 import { CSSProperties, ElementType } from "react";
 //#region src/Paper/Paper.d.ts
 type PaperElevation = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24;

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

@@ -1,11 +1,12 @@
-import { r as index_d_exports } from "./index-DLJ-li1B.cjs";
 import { h as Theme } from "./themes-CUV79qWU.cjs";
-import { n as ButtonColor, o as ButtonSize, s as ButtonVariant } from "./index-BJ8OC_Zh.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 { SpaceProps } from "@soroush.tech/styled-system";
 //#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-BL3jwIQU.d.mts → index-BjLlSr2P.d.mts}

@@ -1,5 +1,5 @@
-import { r as index_d_exports } from "./index-D8b5OCLe.mjs";
-import { n as TextColorToken } from "./index-B2hrssyF.mjs";
+import { n as TextColorToken } from "./index-DxBKLmUS.mjs";
+import { LayoutProps, SpaceProps } from "@soroush.tech/styled-system";
 import { SVGProps } from "react";
 //#region src/Icon/icons.d.ts
 /** Registry of available icons, keyed by their asset file name. */
@@ -66,7 +66,7 @@ declare const icons: {
 type IconName = keyof typeof icons;
 //#endregion
 //#region src/Icon/Icon.d.ts
-interface IconProps extends Omit<SVGProps<SVGSVGElement>, 'color' | 'ref' | 'width' | 'height' | 'display' | 'overflow'>, index_d_exports.LayoutProps, index_d_exports.SpaceProps {
+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`. */

package/dist/{index-CA_X-mXg.d.cts → index-Borai-Wg.d.cts}

@@ -1,6 +1,6 @@
-import { r as index_d_exports } from "./index-DLJ-li1B.cjs";
-import { n as TextColorToken } from "./index-CvaEVk-f.cjs";
+import { n as TextColorToken } from "./index-CohsoGjZ.cjs";
 import { SVGProps } from "react";
+import { LayoutProps, SpaceProps } from "@soroush.tech/styled-system";
 //#region src/Icon/icons.d.ts
 /** Registry of available icons, keyed by their asset file name. */
 declare const icons: {
@@ -66,7 +66,7 @@ declare const icons: {
 type IconName = keyof typeof icons;
 //#endregion
 //#region src/Icon/Icon.d.ts
-interface IconProps extends Omit<SVGProps<SVGSVGElement>, 'color' | 'ref' | 'width' | 'height' | 'display' | 'overflow'>, index_d_exports.LayoutProps, index_d_exports.SpaceProps {
+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`. */

package/dist/{index-BItZoGZ1.d.mts → index-C1hP7Igl.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 { n as IconProps, r as IconName } from "./index-BL3jwIQU.mjs";
+import "./index-q9peil7T.mjs";
+import { n as IconProps, r as IconName } from "./index-BjLlSr2P.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'>, 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-B3FrhO2r.d.cts → index-CCfnnT2l.d.cts}

@@ -1,13 +1,14 @@
-import { r as index_d_exports } from "./index-DLJ-li1B.cjs";
 import { h as Theme } from "./themes-CUV79qWU.cjs";
-import { a as PaginationItemSize, i as PaginationItemShape, l as UsePaginationProps, n as PaginationItemColor, o as PaginationItemVariant, s as PaginationItemType } from "./index-yr4HkKOj.cjs";
+import "./index-2QPYJgCl.cjs";
+import { a as PaginationItemSize, i as PaginationItemShape, l as UsePaginationProps, n as PaginationItemColor, o as PaginationItemVariant, s as PaginationItemType } from "./index-CiShdd2j.cjs";
 import { HTMLAttributes } from "react";
+import { SpaceProps } from "@soroush.tech/styled-system";
 //#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-KZUd8B5E.d.mts → index-CKz1lEdR.d.mts}

@@ -1,6 +1,6 @@
 import { h as Theme } from "./themes-CUV79qWU.mjs";
-import "./index-D8b5OCLe.mjs";
-import { n as FlexProps } from "./index-DEv2QslH.mjs";
+import "./index-q9peil7T.mjs";
+import { n as FlexProps } from "./index-n2OyTMr6.mjs";
 import { CSSProperties, ElementType } from "react";
 //#region src/Paper/Paper.d.ts
 type PaperElevation = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24;

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-Ds__py2h.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';
@@ -77,7 +77,10 @@ interface ManagedModal {
 interface ManagedModalProps {
   disableScrollLock?: boolean;
 }
-declare function ariaHidden(element: Element, hide: boolean): void;
+/** Hides an element from assistive tech. */
+declare function hideFromAria(element: Element): void;
+/** Reveals an element to assistive tech again. */
+declare function exposeToAria(element: Element): void;
 /**
  * Tracks every open modal and the containers they live in. A single shared
  * instance coordinates stacking (`isTopModal`), scroll-lock, and `aria-hidden`
@@ -92,4 +95,4 @@ declare class ModalManager {
   isTopModal(modal: ManagedModal): boolean;
 }
 //#endregion
-export { Modal as a, ModalCloseReason as c, useModal as d, ariaHidden as i, UseModalParameters as l, ManagedModalProps as n, ModalProps as o, ModalManager as r, ModalScroll as s, ManagedModal as t, UseModalReturnValue as u };
+export { hideFromAria as a, ModalScroll as c, UseModalReturnValue as d, useModal as f, exposeToAria as i, ModalCloseReason as l, ManagedModalProps as n, Modal as o, ModalManager as r, ModalProps as s, ManagedModal as t, UseModalParameters as u };

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