@soroush.tech/design-system 1.3.0 → 1.3.1

package/dist/Table/TableFooter.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 { ElementType, HTMLAttributes } from "react";
+import { BorderProps, SpaceProps } from "@soroush.tech/styled-system";
 //#region src/Table/TableFooter/TableFooter.d.ts
 /** Valid values for the color prop — derived from theme.text keys. */
 type TableFooterColorToken = keyof Theme['text'];
@@ -8,7 +9,7 @@ type TableFooterColorToken = keyof Theme['text'];
 type TableFooterBackgroundToken = keyof Theme['background'];
 /** Valid values for the borderColor prop — derived from theme.border keys. */
 type TableFooterBorderColorToken = keyof Theme['border'];
-interface TableFooterProps extends Omit<HTMLAttributes<HTMLTableSectionElement>, 'color'>, index_d_exports.SpaceProps<Theme>, Omit<index_d_exports.BorderProps<Theme>, 'borderColor' | 'borderRadius'> {
+interface TableFooterProps extends Omit<HTMLAttributes<HTMLTableSectionElement>, 'color'>, SpaceProps<Theme>, Omit<BorderProps<Theme>, 'borderColor' | 'borderRadius'> {
   /** Resolves against theme.text */
   color?: TableFooterColorToken;
   /** Resolves against theme.background */

package/dist/Table/TableFooter.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, SpaceProps } from "@soroush.tech/styled-system";
 import { ElementType, HTMLAttributes } from "react";
 //#region src/Table/TableFooter/TableFooter.d.ts
 /** Valid values for the color prop — derived from theme.text keys. */
@@ -8,7 +9,7 @@ type TableFooterColorToken = keyof Theme['text'];
 type TableFooterBackgroundToken = keyof Theme['background'];
 /** Valid values for the borderColor prop — derived from theme.border keys. */
 type TableFooterBorderColorToken = keyof Theme['border'];
-interface TableFooterProps extends Omit<HTMLAttributes<HTMLTableSectionElement>, 'color'>, index_d_exports.SpaceProps<Theme>, Omit<index_d_exports.BorderProps<Theme>, 'borderColor' | 'borderRadius'> {
+interface TableFooterProps extends Omit<HTMLAttributes<HTMLTableSectionElement>, 'color'>, SpaceProps<Theme>, Omit<BorderProps<Theme>, 'borderColor' | 'borderRadius'> {
   /** Resolves against theme.text */
   color?: TableFooterColorToken;
   /** Resolves against theme.background */

package/dist/Table/TableFooter.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 { t as TableSectionContext } from "../TableSectionContext-meIG4lFZ.mjs";
 import "react";
 import { jsx } from "react/jsx-runtime";

package/dist/Table/TableHead.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 { ElementType, HTMLAttributes } from "react";
+import { BorderProps, SpaceProps } from "@soroush.tech/styled-system";
 //#region src/Table/TableHead/TableHead.d.ts
 /** Valid values for the color prop — derived from theme.text keys. */
 type TableHeadColorToken = keyof Theme['text'];
@@ -8,7 +9,7 @@ type TableHeadColorToken = keyof Theme['text'];
 type TableHeadBackgroundToken = keyof Theme['background'];
 /** Valid values for the borderColor prop — derived from theme.border keys. */
 type TableHeadBorderColorToken = keyof Theme['border'];
-interface TableHeadProps extends Omit<HTMLAttributes<HTMLTableSectionElement>, 'color'>, index_d_exports.SpaceProps<Theme>, Omit<index_d_exports.BorderProps<Theme>, 'borderColor' | 'borderRadius'> {
+interface TableHeadProps extends Omit<HTMLAttributes<HTMLTableSectionElement>, 'color'>, SpaceProps<Theme>, Omit<BorderProps<Theme>, 'borderColor' | 'borderRadius'> {
   /** Resolves against theme.text */
   color?: TableHeadColorToken;
   /** Resolves against theme.background */

package/dist/Table/TableHead.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, SpaceProps } from "@soroush.tech/styled-system";
 import { ElementType, HTMLAttributes } from "react";
 //#region src/Table/TableHead/TableHead.d.ts
 /** Valid values for the color prop — derived from theme.text keys. */
@@ -8,7 +9,7 @@ type TableHeadColorToken = keyof Theme['text'];
 type TableHeadBackgroundToken = keyof Theme['background'];
 /** Valid values for the borderColor prop — derived from theme.border keys. */
 type TableHeadBorderColorToken = keyof Theme['border'];
-interface TableHeadProps extends Omit<HTMLAttributes<HTMLTableSectionElement>, 'color'>, index_d_exports.SpaceProps<Theme>, Omit<index_d_exports.BorderProps<Theme>, 'borderColor' | 'borderRadius'> {
+interface TableHeadProps extends Omit<HTMLAttributes<HTMLTableSectionElement>, 'color'>, SpaceProps<Theme>, Omit<BorderProps<Theme>, 'borderColor' | 'borderRadius'> {
   /** Resolves against theme.text */
   color?: TableHeadColorToken;
   /** Resolves against theme.background */

package/dist/Table/TableHead.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 { t as TableSectionContext } from "../TableSectionContext-meIG4lFZ.mjs";
 import "react";
 import { jsx } from "react/jsx-runtime";

package/dist/Table/TablePagination.d.cts

@@ -1,5 +1,5 @@
-import { o as TableCellProps } from "../index-BNP_iejT.cjs";
-import { t as TablePaginationActionType } from "../index-B7aaTHOe.cjs";
+import { o as TableCellProps } from "../index-X4STXeE2.cjs";
+import { t as TablePaginationActionType } from "../index-DEEHBUUZ.cjs";
 import { ElementType, ReactNode } from "react";
 //#region src/Table/TablePagination/TablePagination.d.ts
 interface TablePaginationDisplayedRowsInfo {

package/dist/Table/TablePagination.d.mts

@@ -1,5 +1,5 @@
-import { o as TableCellProps } from "../index-C7j38wne.mjs";
-import { t as TablePaginationActionType } from "../index-ATXjtAOY.mjs";
+import { o as TableCellProps } from "../index-DfhMdqqI.mjs";
+import { t as TablePaginationActionType } from "../index-DGku7hLP.mjs";
 import { ElementType, ReactNode } from "react";
 //#region src/Table/TablePagination/TablePagination.d.ts
 interface TablePaginationDisplayedRowsInfo {

package/dist/Table/TablePagination.mjs

@@ -1,4 +1,4 @@
-import { o as styled } from "../src-BJy4dM4f.mjs";
+import { o as styled } from "../src-D3tHU94W.mjs";
 import { Typography } from "../Typography.mjs";
 import { NativeSelect } from "../NativeSelect.mjs";
 import { TableCell } from "./TableCell.mjs";

package/dist/Table/TablePaginationActions.d.cts

@@ -1,2 +1,2 @@
-import { n as TablePaginationActions, r as TablePaginationActionsProps, t as TablePaginationActionType } from "../index-B7aaTHOe.cjs";
+import { n as TablePaginationActions, r as TablePaginationActionsProps, t as TablePaginationActionType } from "../index-DEEHBUUZ.cjs";
 export { TablePaginationActionType, TablePaginationActions, TablePaginationActionsProps };

package/dist/Table/TablePaginationActions.d.mts

@@ -1,2 +1,2 @@
-import { n as TablePaginationActions, r as TablePaginationActionsProps, t as TablePaginationActionType } from "../index-ATXjtAOY.mjs";
+import { n as TablePaginationActions, r as TablePaginationActionsProps, t as TablePaginationActionType } from "../index-DGku7hLP.mjs";
 export { TablePaginationActionType, TablePaginationActions, TablePaginationActionsProps };

package/dist/Table/TablePaginationActions.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 { PaginationItem } from "../Pagination/PaginationItem.mjs";

package/dist/Table/TableRow.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 { ElementType, HTMLAttributes } from "react";
+import { BorderProps, SpaceProps } from "@soroush.tech/styled-system";
 //#region src/Table/TableRow/TableRow.d.ts
 /** Palette color driving the hover/selected shading — a `theme.palette` key. */
 type TableRowColor = PaletteColor;
@@ -8,7 +9,7 @@ type TableRowColor = PaletteColor;
 type TableRowBackgroundToken = keyof Theme['background'];
 /** Valid values for the borderColor prop — derived from theme.border keys. */
 type TableRowBorderColorToken = keyof Theme['border'];
-interface TableRowProps extends Omit<HTMLAttributes<HTMLTableRowElement>, 'color'>, index_d_exports.SpaceProps<Theme>, Omit<index_d_exports.BorderProps<Theme>, 'borderColor' | 'borderRadius'> {
+interface TableRowProps extends Omit<HTMLAttributes<HTMLTableRowElement>, 'color'>, SpaceProps<Theme>, Omit<BorderProps<Theme>, 'borderColor' | 'borderRadius'> {
   /**
    * Palette color for the hover/selected shading — maps to `theme.palette[color]`
    * (hover → `.light`, selected → `.dark`, both with `contrastText`). Falls back

package/dist/Table/TableRow.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, SpaceProps } from "@soroush.tech/styled-system";
 import { ElementType, HTMLAttributes } from "react";
 //#region src/Table/TableRow/TableRow.d.ts
 /** Palette color driving the hover/selected shading — a `theme.palette` key. */
@@ -8,7 +9,7 @@ type TableRowColor = PaletteColor;
 type TableRowBackgroundToken = keyof Theme['background'];
 /** Valid values for the borderColor prop — derived from theme.border keys. */
 type TableRowBorderColorToken = keyof Theme['border'];
-interface TableRowProps extends Omit<HTMLAttributes<HTMLTableRowElement>, 'color'>, index_d_exports.SpaceProps<Theme>, Omit<index_d_exports.BorderProps<Theme>, 'borderColor' | 'borderRadius'> {
+interface TableRowProps extends Omit<HTMLAttributes<HTMLTableRowElement>, 'color'>, SpaceProps<Theme>, Omit<BorderProps<Theme>, 'borderColor' | 'borderRadius'> {
   /**
    * Palette color for the hover/selected shading — maps to `theme.palette[color]`
    * (hover → `.light`, selected → `.dark`, both with `contrastText`). Falls back

package/dist/Table/TableRow.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 { t as themeDefault } from "../themeDefault-Z3KmyIbm.mjs";
 import { t as TableContext } from "../TableContext-Dyr89h_k.mjs";
 import { useContext } from "react";

package/dist/Table/TableSortLabel.d.cts

@@ -1,2 +1,2 @@
-import { n as TableSortLabelDirection, r as TableSortLabelProps, t as TableSortLabel } from "../index-v99yMdts.cjs";
+import { n as TableSortLabelDirection, r as TableSortLabelProps, t as TableSortLabel } from "../index-DiLm48XP.cjs";
 export { TableSortLabel, TableSortLabelDirection, TableSortLabelProps };

package/dist/Table/TableSortLabel.d.mts

@@ -1,2 +1,2 @@
-import { n as TableSortLabelDirection, r as TableSortLabelProps, t as TableSortLabel } from "../index-BItZoGZ1.mjs";
+import { n as TableSortLabelDirection, r as TableSortLabelProps, t as TableSortLabel } from "../index-C1hP7Igl.mjs";
 export { TableSortLabel, TableSortLabelDirection, TableSortLabelProps };

package/dist/Table/TableSortLabel.mjs

@@ -1,5 +1,5 @@
-import { a as src_exports, i as props, o as styled, t as createShouldForwardProp } from "../src-BJy4dM4f.mjs";
-import { t as Icon } from "../Icon-GgwNXKEY.mjs";
+import { a as src_exports, i as props, o as styled, t as createShouldForwardProp } from "../src-D3tHU94W.mjs";
+import { t as Icon } from "../Icon-CU_nUmsU.mjs";
 import { t as TableContext } from "../TableContext-Dyr89h_k.mjs";
 import { useContext } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/Table/hooks.d.cts

@@ -1,4 +1,4 @@
-import { a as TableSortMap, i as TableSortEntry, n as UseTablePaginationOptions, o as useTableSort, r as useTablePagination, t as TablePaginationState } from "../useTablePagination-7jiSvKCh.cjs";
+import { a as TableSortMap, i as TableSortEntry, n as UseTablePaginationOptions, o as useTableSort, r as useTablePagination, t as TablePaginationState } from "../useTablePagination-Dh7o59Wt.cjs";
 //#region src/Table/hooks/useTableSelection.d.ts
 /** Header select-all state — spreads directly onto `Checkbox`. */
 interface TableSelectionAllProps {

package/dist/Table/hooks.d.mts

@@ -1,4 +1,4 @@
-import { a as TableSortMap, i as TableSortEntry, n as UseTablePaginationOptions, o as useTableSort, r as useTablePagination, t as TablePaginationState } from "../useTablePagination-HaIcJPv-.mjs";
+import { a as TableSortMap, i as TableSortEntry, n as UseTablePaginationOptions, o as useTableSort, r as useTablePagination, t as TablePaginationState } from "../useTablePagination-DOty8Ucb.mjs";
 //#region src/Table/hooks/useTableSelection.d.ts
 /** Header select-all state — spreads directly onto `Checkbox`. */
 interface TableSelectionAllProps {

package/dist/Table.d.cts

@@ -1,14 +1,14 @@
 import { n as TableContext, r as TableContextValue, t as TableCellPadding } from "./TableContext-BoOxdk8p.cjs";
 import { Table, TableAlign, TableBackgroundToken, TableBorderColorToken, TableProps, TableSize } from "./Table/Table.cjs";
 import { TableBody, TableBodyBackgroundToken, TableBodyBorderColorToken, TableBodyColorToken, TableBodyProps } from "./Table/TableBody.cjs";
-import { a as TableCellColorToken, c as TableCellVariant, i as TableCellBorderColorToken, l as TableSection, n as TableCellAlign, o as TableCellProps, r as TableCellBackgroundToken, s as TableCellSortDirection, t as TableCell, u as TableSectionContext } from "./index-BNP_iejT.cjs";
+import { a as TableCellColorToken, c as TableCellVariant, i as TableCellBorderColorToken, l as TableSection, n as TableCellAlign, o as TableCellProps, r as TableCellBackgroundToken, s as TableCellSortDirection, t as TableCell, u as TableSectionContext } from "./index-X4STXeE2.cjs";
 import { TableContainer, TableContainerProps } from "./Table/TableContainer.cjs";
-import { n as TableSortLabelDirection, r as TableSortLabelProps, t as TableSortLabel } from "./index-v99yMdts.cjs";
-import { a as TableSortMap, i as TableSortEntry, n as UseTablePaginationOptions, o as useTableSort, r as useTablePagination, t as TablePaginationState } from "./useTablePagination-7jiSvKCh.cjs";
+import { n as TableSortLabelDirection, r as TableSortLabelProps, t as TableSortLabel } from "./index-DiLm48XP.cjs";
+import { a as TableSortMap, i as TableSortEntry, n as UseTablePaginationOptions, o as useTableSort, r as useTablePagination, t as TablePaginationState } from "./useTablePagination-Dh7o59Wt.cjs";
 import { TableControl, TableControlProps } from "./Table/TableControl.cjs";
 import { TableFooter, TableFooterBackgroundToken, TableFooterBorderColorToken, TableFooterColorToken, TableFooterProps } from "./Table/TableFooter.cjs";
 import { TableHead, TableHeadBackgroundToken, TableHeadBorderColorToken, TableHeadColorToken, TableHeadProps } from "./Table/TableHead.cjs";
-import { n as TablePaginationActions, r as TablePaginationActionsProps, t as TablePaginationActionType } from "./index-B7aaTHOe.cjs";
+import { n as TablePaginationActions, r as TablePaginationActionsProps, t as TablePaginationActionType } from "./index-DEEHBUUZ.cjs";
 import { TablePagination, TablePaginationDisplayedRowsInfo, TablePaginationProps } from "./Table/TablePagination.cjs";
 import { TableRow, TableRowBackgroundToken, TableRowBorderColorToken, TableRowColor, TableRowProps } from "./Table/TableRow.cjs";
 import { TableSelection, TableSelectionAllProps, TableSelectionRowProps, useTableSelection } from "./Table/hooks.cjs";

package/dist/Table.d.mts

@@ -1,14 +1,14 @@
 import { n as TableContext, r as TableContextValue, t as TableCellPadding } from "./TableContext-DV31j6HO.mjs";
 import { Table, TableAlign, TableBackgroundToken, TableBorderColorToken, TableProps, TableSize } from "./Table/Table.mjs";
 import { TableBody, TableBodyBackgroundToken, TableBodyBorderColorToken, TableBodyColorToken, TableBodyProps } from "./Table/TableBody.mjs";
-import { a as TableCellColorToken, c as TableCellVariant, i as TableCellBorderColorToken, l as TableSection, n as TableCellAlign, o as TableCellProps, r as TableCellBackgroundToken, s as TableCellSortDirection, t as TableCell, u as TableSectionContext } from "./index-C7j38wne.mjs";
+import { a as TableCellColorToken, c as TableCellVariant, i as TableCellBorderColorToken, l as TableSection, n as TableCellAlign, o as TableCellProps, r as TableCellBackgroundToken, s as TableCellSortDirection, t as TableCell, u as TableSectionContext } from "./index-DfhMdqqI.mjs";
 import { TableContainer, TableContainerProps } from "./Table/TableContainer.mjs";
-import { n as TableSortLabelDirection, r as TableSortLabelProps, t as TableSortLabel } from "./index-BItZoGZ1.mjs";
-import { a as TableSortMap, i as TableSortEntry, n as UseTablePaginationOptions, o as useTableSort, r as useTablePagination, t as TablePaginationState } from "./useTablePagination-HaIcJPv-.mjs";
+import { n as TableSortLabelDirection, r as TableSortLabelProps, t as TableSortLabel } from "./index-C1hP7Igl.mjs";
+import { a as TableSortMap, i as TableSortEntry, n as UseTablePaginationOptions, o as useTableSort, r as useTablePagination, t as TablePaginationState } from "./useTablePagination-DOty8Ucb.mjs";
 import { TableControl, TableControlProps } from "./Table/TableControl.mjs";
 import { TableFooter, TableFooterBackgroundToken, TableFooterBorderColorToken, TableFooterColorToken, TableFooterProps } from "./Table/TableFooter.mjs";
 import { TableHead, TableHeadBackgroundToken, TableHeadBorderColorToken, TableHeadColorToken, TableHeadProps } from "./Table/TableHead.mjs";
-import { n as TablePaginationActions, r as TablePaginationActionsProps, t as TablePaginationActionType } from "./index-ATXjtAOY.mjs";
+import { n as TablePaginationActions, r as TablePaginationActionsProps, t as TablePaginationActionType } from "./index-DGku7hLP.mjs";
 import { TablePagination, TablePaginationDisplayedRowsInfo, TablePaginationProps } from "./Table/TablePagination.mjs";
 import { TableRow, TableRowBackgroundToken, TableRowBorderColorToken, TableRowColor, TableRowProps } from "./Table/TableRow.mjs";
 import { TableSelection, TableSelectionAllProps, TableSelectionRowProps, useTableSelection } from "./Table/hooks.mjs";

package/dist/TextInput.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 { ChangeEventHandler, ElementType, InputHTMLAttributes, TextareaHTMLAttributes } from "react";
+import { LayoutProps, SpaceProps } from "@soroush.tech/styled-system";
 //#region src/TextInput/TextInput.d.ts
 type TextInputColor = keyof Theme['palette'];
 type TextInputTextColor = keyof Theme['text'];
@@ -10,7 +11,7 @@ interface TextInputClasses {
   root?: string;
   input?: string;
 }
-interface TextInputProps extends index_d_exports.SpaceProps<Theme>, Pick<index_d_exports.LayoutProps<Theme>, 'width' | 'minWidth' | 'maxWidth'> {
+interface TextInputProps extends SpaceProps<Theme>, Pick<LayoutProps<Theme>, 'width' | 'minWidth' | 'maxWidth'> {
   /** Corner radius — applies only to `default` and `outlined` variants. Resolves against `theme.radii`. */
   borderRadius?: keyof Theme['radii'];
   autoComplete?: string;

package/dist/TextInput.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 { LayoutProps, SpaceProps } from "@soroush.tech/styled-system";
 import { ChangeEventHandler, ElementType, InputHTMLAttributes, TextareaHTMLAttributes } from "react";
 //#region src/TextInput/TextInput.d.ts
 type TextInputColor = keyof Theme['palette'];
@@ -10,7 +11,7 @@ interface TextInputClasses {
   root?: string;
   input?: string;
 }
-interface TextInputProps extends index_d_exports.SpaceProps<Theme>, Pick<index_d_exports.LayoutProps<Theme>, 'width' | 'minWidth' | 'maxWidth'> {
+interface TextInputProps extends SpaceProps<Theme>, Pick<LayoutProps<Theme>, 'width' | 'minWidth' | 'maxWidth'> {
   /** Corner radius — applies only to `default` and `outlined` variants. Resolves against `theme.radii`. */
   borderRadius?: keyof Theme['radii'];
   autoComplete?: string;

package/dist/TextInput.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 { t as themeDefault } from "./themeDefault-Z3KmyIbm.mjs";
 import { r as useTheme } from "./theme-Cudynq5K.mjs";
 import { useFormControl } from "./FormControl.mjs";

package/dist/ToggleButton/ToggleButton.d.cts

@@ -1,4 +1,4 @@
-import { i as ButtonProps } from "../index-BJ8OC_Zh.cjs";
+import { i as ButtonProps } from "../index-uH0EeDBZ.cjs";
 import { r as ToggleButtonValue } from "../ToggleButtonGroupContext-CqD-Afho.cjs";
 //#region src/ToggleButton/ToggleButton/ToggleButton.d.ts
 interface ToggleButtonProps extends Omit<ButtonProps, 'variant' | 'href' | 'target' | 'rel' | 'value' | 'onChange'> {

package/dist/ToggleButton/ToggleButton.d.mts

@@ -1,4 +1,4 @@
-import { i as ButtonProps } from "../index-D8U2tk1L.mjs";
+import { i as ButtonProps } from "../index-BAfSyQaP.mjs";
 import { r as ToggleButtonValue } from "../ToggleButtonGroupContext-CqD-Afho.mjs";
 //#region src/ToggleButton/ToggleButton/ToggleButton.d.ts
 interface ToggleButtonProps extends Omit<ButtonProps, 'variant' | 'href' | 'target' | 'rel' | 'value' | 'onChange'> {

package/dist/ToggleButton/ToggleButton.mjs

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

package/dist/ToggleButton/ToggleButtonGroup.d.cts

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

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-0law1kXY.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';

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-CA_X-mXg.d.cts → index-BjLlSr2P.d.mts}

@@ -1,5 +1,5 @@
-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-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-BL3jwIQU.d.mts → index-Borai-Wg.d.cts}

@@ -1,6 +1,6 @@
-import { r as index_d_exports } from "./index-D8b5OCLe.mjs";
-import { n as TextColorToken } from "./index-B2hrssyF.mjs";
+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;