@soroush.tech/design-system 1.2.0 → 1.3.1

package/dist/Skeleton.mjs

@@ -1,4 +1,4 @@
-import { a as src_exports, i as props, o as styled, r as keyframes, t as createShouldForwardProp } from "./src-BJy4dM4f.mjs";
+import { a as src_exports, i as props, o as styled, r as keyframes, t as createShouldForwardProp } from "./src-D3tHU94W.mjs";
 import "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/Skeleton/Skeleton.tsx

package/dist/Switch.d.cts

@@ -1,12 +1,13 @@
-import { r as index_d_exports } from "./index-DLJ-li1B.cjs";
 import { h as Theme } from "./themes-CUV79qWU.cjs";
+import "./index-2QPYJgCl.cjs";
 import { ChangeEvent, ReactNode } from "react";
+import { SpaceProps } from "@soroush.tech/styled-system";
 //#region src/Switch/Switch.d.ts
 type SwitchColor = keyof Theme['palette'];
 type SwitchSize = keyof Theme['sizes'];
 type SwitchEdge = 'start' | 'end' | false;
 type SwitchVariant = 'outside' | 'inside';
-interface SwitchProps extends index_d_exports.SpaceProps<Theme> {
+interface SwitchProps extends SpaceProps<Theme> {
   checked?: boolean;
   defaultChecked?: boolean;
   disabled?: boolean;

package/dist/Switch.d.mts

@@ -1,12 +1,13 @@
 import { 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 { ChangeEvent, ReactNode } from "react";
 //#region src/Switch/Switch.d.ts
 type SwitchColor = keyof Theme['palette'];
 type SwitchSize = keyof Theme['sizes'];
 type SwitchEdge = 'start' | 'end' | false;
 type SwitchVariant = 'outside' | 'inside';
-interface SwitchProps extends index_d_exports.SpaceProps<Theme> {
+interface SwitchProps extends SpaceProps<Theme> {
   checked?: boolean;
   defaultChecked?: boolean;
   disabled?: boolean;

package/dist/Switch.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 { alpha } from "./utils.mjs";
 import { r as useTheme } from "./theme-Cudynq5K.mjs";

package/dist/Table/Table.d.cts

@@ -1,7 +1,8 @@
-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 { t as TableCellPadding } from "../TableContext-BoOxdk8p.cjs";
 import { ElementType, TableHTMLAttributes } from "react";
+import { BorderProps, LayoutProps, SpaceProps } from "@soroush.tech/styled-system";
 //#region src/Table/Table/Table.d.ts
 /** Valid values for the bg prop — derived from theme.background keys. */
 type TableBackgroundToken = keyof Theme['background'];
@@ -9,7 +10,7 @@ type TableBackgroundToken = keyof Theme['background'];
 type TableSize = keyof Theme['sizes'];
 /** Valid values for the borderColor prop — derived from theme.border keys. */
 type TableBorderColorToken = keyof Theme['border'];
-interface TableProps extends Omit<TableHTMLAttributes<HTMLTableElement>, 'color' | 'cellPadding' | 'align' | 'width' | 'border'>, index_d_exports.SpaceProps<Theme>, index_d_exports.LayoutProps<Theme>, Omit<index_d_exports.BorderProps<Theme>, 'borderColor'> {
+interface TableProps extends Omit<TableHTMLAttributes<HTMLTableElement>, 'color' | 'cellPadding' | 'align' | 'width' | 'border'>, SpaceProps<Theme>, LayoutProps<Theme>, Omit<BorderProps<Theme>, 'borderColor'> {
   /**
    * Palette color for descendant rows' hover/selected shading — broadcast to
    * `TableRow`s via `TableContext`; a row's own `color` wins.

package/dist/Table/Table.d.mts

@@ -1,6 +1,7 @@
 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 { t as TableCellPadding } from "../TableContext-DV31j6HO.mjs";
+import { BorderProps, LayoutProps, SpaceProps } from "@soroush.tech/styled-system";
 import { ElementType, TableHTMLAttributes } from "react";
 //#region src/Table/Table/Table.d.ts
 /** Valid values for the bg prop — derived from theme.background keys. */
@@ -9,7 +10,7 @@ type TableBackgroundToken = keyof Theme['background'];
 type TableSize = keyof Theme['sizes'];
 /** Valid values for the borderColor prop — derived from theme.border keys. */
 type TableBorderColorToken = keyof Theme['border'];
-interface TableProps extends Omit<TableHTMLAttributes<HTMLTableElement>, 'color' | 'cellPadding' | 'align' | 'width' | 'border'>, index_d_exports.SpaceProps<Theme>, index_d_exports.LayoutProps<Theme>, Omit<index_d_exports.BorderProps<Theme>, 'borderColor'> {
+interface TableProps extends Omit<TableHTMLAttributes<HTMLTableElement>, 'color' | 'cellPadding' | 'align' | 'width' | 'border'>, SpaceProps<Theme>, LayoutProps<Theme>, Omit<BorderProps<Theme>, 'borderColor'> {
   /**
    * Palette color for descendant rows' hover/selected shading — broadcast to
    * `TableRow`s via `TableContext`; a row's own `color` wins.

package/dist/Table/Table.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 TableContext } from "../TableContext-Dyr89h_k.mjs";
 import { useMemo } from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/Table/TableBody.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/TableBody/TableBody.d.ts
 /** Valid values for the color prop — derived from theme.text keys. */
 type TableBodyColorToken = keyof Theme['text'];
@@ -8,7 +9,7 @@ type TableBodyColorToken = keyof Theme['text'];
 type TableBodyBackgroundToken = keyof Theme['background'];
 /** Valid values for the borderColor prop — derived from theme.border keys. */
 type TableBodyBorderColorToken = keyof Theme['border'];
-interface TableBodyProps extends Omit<HTMLAttributes<HTMLTableSectionElement>, 'color'>, index_d_exports.SpaceProps<Theme>, Omit<index_d_exports.BorderProps<Theme>, 'borderColor' | 'borderRadius'> {
+interface TableBodyProps extends Omit<HTMLAttributes<HTMLTableSectionElement>, 'color'>, SpaceProps<Theme>, Omit<BorderProps<Theme>, 'borderColor' | 'borderRadius'> {
   /** Resolves against theme.text */
   color?: TableBodyColorToken;
   /** Resolves against theme.background */

package/dist/Table/TableBody.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/TableBody/TableBody.d.ts
 /** Valid values for the color prop — derived from theme.text keys. */
@@ -8,7 +9,7 @@ type TableBodyColorToken = keyof Theme['text'];
 type TableBodyBackgroundToken = keyof Theme['background'];
 /** Valid values for the borderColor prop — derived from theme.border keys. */
 type TableBodyBorderColorToken = keyof Theme['border'];
-interface TableBodyProps extends Omit<HTMLAttributes<HTMLTableSectionElement>, 'color'>, index_d_exports.SpaceProps<Theme>, Omit<index_d_exports.BorderProps<Theme>, 'borderColor' | 'borderRadius'> {
+interface TableBodyProps extends Omit<HTMLAttributes<HTMLTableSectionElement>, 'color'>, SpaceProps<Theme>, Omit<BorderProps<Theme>, 'borderColor' | 'borderRadius'> {
   /** Resolves against theme.text */
   color?: TableBodyColorToken;
   /** Resolves against theme.background */

package/dist/Table/TableBody.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/TableCell.d.cts

@@ -1,2 +1,2 @@
-import { a as TableCellColorToken, c as TableCellVariant, i as TableCellBorderColorToken, n as TableCellAlign, o as TableCellProps, r as TableCellBackgroundToken, s as TableCellSortDirection, t as TableCell } from "../index-BNP_iejT.cjs";
+import { a as TableCellColorToken, c as TableCellVariant, i as TableCellBorderColorToken, n as TableCellAlign, o as TableCellProps, r as TableCellBackgroundToken, s as TableCellSortDirection, t as TableCell } from "../index-X4STXeE2.cjs";
 export { TableCell, TableCellAlign, TableCellBackgroundToken, TableCellBorderColorToken, TableCellColorToken, TableCellProps, TableCellSortDirection, TableCellVariant };

package/dist/Table/TableCell.d.mts

@@ -1,2 +1,2 @@
-import { a as TableCellColorToken, c as TableCellVariant, i as TableCellBorderColorToken, n as TableCellAlign, o as TableCellProps, r as TableCellBackgroundToken, s as TableCellSortDirection, t as TableCell } from "../index-C7j38wne.mjs";
+import { a as TableCellColorToken, c as TableCellVariant, i as TableCellBorderColorToken, n as TableCellAlign, o as TableCellProps, r as TableCellBackgroundToken, s as TableCellSortDirection, t as TableCell } from "../index-DfhMdqqI.mjs";
 export { TableCell, TableCellAlign, TableCellBackgroundToken, TableCellBorderColorToken, TableCellColorToken, TableCellProps, TableCellSortDirection, TableCellVariant };

package/dist/Table/TableCell.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 { t as TableSectionContext } from "../TableSectionContext-meIG4lFZ.mjs";

package/dist/Table/TableContainer.d.cts

@@ -1,6 +1,6 @@
-import "../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";
 //#region src/Table/TableContainer/TableContainer.d.ts
 type TableContainerProps = ViewProps;
 /**

package/dist/Table/TableContainer.d.mts

@@ -1,6 +1,6 @@
 import { h as Theme } from "../themes-CUV79qWU.mjs";
-import "../index-D8b5OCLe.mjs";
-import { s as ViewProps } from "../index-q6EgsH9R.mjs";
+import "../index-q9peil7T.mjs";
+import { s as ViewProps } from "../index-m9jUR509.mjs";
 //#region src/Table/TableContainer/TableContainer.d.ts
 type TableContainerProps = ViewProps;
 /**

package/dist/Table/TableContainer.mjs

@@ -1,4 +1,4 @@
-import { o as styled } from "../src-BJy4dM4f.mjs";
+import { o as styled } from "../src-D3tHU94W.mjs";
 import { View } from "../View.mjs";
 //#region src/Table/TableContainer/TableContainer.tsx
 /**

package/dist/Table/TableControl.d.cts

@@ -1,4 +1,4 @@
-import { a as TableSortMap, t as TablePaginationState } from "../useTablePagination-7jiSvKCh.cjs";
+import { a as TableSortMap, t as TablePaginationState } from "../useTablePagination-Dh7o59Wt.cjs";
 import { ReactNode } from "react";
 //#region src/Table/TableControl/TableControl.d.ts
 interface TableControlProps<T, K extends string = string> {

package/dist/Table/TableControl.d.mts

@@ -1,4 +1,4 @@
-import { a as TableSortMap, t as TablePaginationState } from "../useTablePagination-HaIcJPv-.mjs";
+import { a as TableSortMap, t as TablePaginationState } from "../useTablePagination-DOty8Ucb.mjs";
 import { ReactNode } from "react";
 //#region src/Table/TableControl/TableControl.d.ts
 interface TableControlProps<T, K extends string = string> {

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.cjs

@@ -203,6 +203,16 @@ function TextInput({ autoComplete, autoFocus, borderRadius, classes, components,
 		size,
 		"aria-describedby": inputProps?.["aria-describedby"] ?? fc["aria-describedby"]
 	};
+	let inputElement = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StyledInput, {
+		inputComponent: resolvedInputComponent,
+		inputSize,
+		...inputElProps
+	});
+	if (isTextarea) inputElement = isAutoResize ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StyledAutoResizeTextarea, {
+		...inputElProps,
+		minRows: minRows ?? rows,
+		maxRows
+	}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StyledTextarea, { ...inputElProps });
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TextInputRoot, {
 		as: components?.Root,
 		color,
@@ -215,15 +225,7 @@ function TextInput({ autoComplete, autoFocus, borderRadius, classes, components,
 		className: rootClassName,
 		"data-testid": dataTestid,
 		...spaceProps,
-		children: isTextarea && isAutoResize ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StyledAutoResizeTextarea, {
-			...inputElProps,
-			minRows: minRows ?? rows,
-			maxRows
-		}) : isTextarea ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StyledTextarea, { ...inputElProps }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StyledInput, {
-			inputComponent: resolvedInputComponent,
-			inputSize,
-			...inputElProps
-		})
+		children: inputElement
 	});
 }
 //#endregion

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";
@@ -201,6 +201,16 @@ function TextInput({ autoComplete, autoFocus, borderRadius, classes, components,
 		size,
 		"aria-describedby": inputProps?.["aria-describedby"] ?? fc["aria-describedby"]
 	};
+	let inputElement = /* @__PURE__ */ jsx(StyledInput, {
+		inputComponent: resolvedInputComponent,
+		inputSize,
+		...inputElProps
+	});
+	if (isTextarea) inputElement = isAutoResize ? /* @__PURE__ */ jsx(StyledAutoResizeTextarea, {
+		...inputElProps,
+		minRows: minRows ?? rows,
+		maxRows
+	}) : /* @__PURE__ */ jsx(StyledTextarea, { ...inputElProps });
 	return /* @__PURE__ */ jsx(TextInputRoot, {
 		as: components?.Root,
 		color,
@@ -213,15 +223,7 @@ function TextInput({ autoComplete, autoFocus, borderRadius, classes, components,
 		className: rootClassName,
 		"data-testid": dataTestid,
 		...spaceProps,
-		children: isTextarea && isAutoResize ? /* @__PURE__ */ jsx(StyledAutoResizeTextarea, {
-			...inputElProps,
-			minRows: minRows ?? rows,
-			maxRows
-		}) : isTextarea ? /* @__PURE__ */ jsx(StyledTextarea, { ...inputElProps }) : /* @__PURE__ */ jsx(StyledInput, {
-			inputComponent: resolvedInputComponent,
-			inputSize,
-			...inputElProps
-		})
+		children: inputElement
 	});
 }
 //#endregion

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'> {