@soroush.tech/design-system 2.0.0-alpha.4 → 2.0.0-alpha.5

package/dist/Table/TableSortLabel.d.cts

@@ -1,2 +1,2 @@
-import { n as TableSortLabelDirection, r as TableSortLabelProps, t as TableSortLabel } from "../index-CNzkJGNq.cjs";
+import { n as TableSortLabelDirection, r as TableSortLabelProps, t as TableSortLabel } from "../index-BqJWxp9I.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-C7bEBYuv.mjs";
+import { n as TableSortLabelDirection, r as TableSortLabelProps, t as TableSortLabel } from "../index-Cj--T8Sh.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-DLGYOJMh.mjs";
-import { t as Icon } from "../Icon-BGcd6yy0.mjs";
+import { t as Icon } from "../Icon-CnYvHWhh.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-BueH0_dG.cjs";
+import { a as TableSortMap, i as TableSortEntry, n as UseTablePaginationOptions, o as useTableSort, r as useTablePagination, t as TablePaginationState } from "../useTablePagination-Ci9tV-Y3.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-CxBh-gU8.mjs";
+import { a as TableSortMap, i as TableSortEntry, n as UseTablePaginationOptions, o as useTableSort, r as useTablePagination, t as TablePaginationState } from "../useTablePagination-Et2FY7SE.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-BowhBZkZ.cjs";
+import { n as TableContext, r as TableContextValue, t as TableCellPadding } from "./TableContext-CA6a5Ol5.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-DTeurv8z.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-BYqxI8bu.cjs";
 import { TableContainer, TableContainerProps } from "./Table/TableContainer.cjs";
-import { n as TableSortLabelDirection, r as TableSortLabelProps, t as TableSortLabel } from "./index-CNzkJGNq.cjs";
-import { a as TableSortMap, i as TableSortEntry, n as UseTablePaginationOptions, o as useTableSort, r as useTablePagination, t as TablePaginationState } from "./useTablePagination-BueH0_dG.cjs";
+import { n as TableSortLabelDirection, r as TableSortLabelProps, t as TableSortLabel } from "./index-BqJWxp9I.cjs";
+import { a as TableSortMap, i as TableSortEntry, n as UseTablePaginationOptions, o as useTableSort, r as useTablePagination, t as TablePaginationState } from "./useTablePagination-Ci9tV-Y3.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-C-kvrbCi.cjs";
+import { n as TablePaginationActions, r as TablePaginationActionsProps, t as TablePaginationActionType } from "./index-DzdiUOgM.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-GmYLRYpc.mjs";
+import { n as TableContext, r as TableContextValue, t as TableCellPadding } from "./TableContext-CIuPZ_at.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-D2yMhmE_.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-BSYW7cMN.mjs";
 import { TableContainer, TableContainerProps } from "./Table/TableContainer.mjs";
-import { n as TableSortLabelDirection, r as TableSortLabelProps, t as TableSortLabel } from "./index-C7bEBYuv.mjs";
-import { a as TableSortMap, i as TableSortEntry, n as UseTablePaginationOptions, o as useTableSort, r as useTablePagination, t as TablePaginationState } from "./useTablePagination-CxBh-gU8.mjs";
+import { n as TableSortLabelDirection, r as TableSortLabelProps, t as TableSortLabel } from "./index-Cj--T8Sh.mjs";
+import { a as TableSortMap, i as TableSortEntry, n as UseTablePaginationOptions, o as useTableSort, r as useTablePagination, t as TablePaginationState } from "./useTablePagination-Et2FY7SE.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-di-L2lJ9.mjs";
+import { n as TablePaginationActions, r as TablePaginationActionsProps, t as TablePaginationActionType } from "./index-CQRdyj3E.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/{TableContext-BowhBZkZ.d.cts → TableContext-CA6a5Ol5.d.cts}

@@ -1,4 +1,4 @@
-import { T as Theme } from "./themes-Dswy4M6B.cjs";
+import { T as Theme } from "./themes-DEom6o-J.cjs";
 //#region src/Table/TableContext.d.ts
 /** Cell padding modes broadcast from `Table` to descendant cells. */
 type TableCellPadding = 'normal' | 'none';

package/dist/{TableContext-GmYLRYpc.d.mts → TableContext-CIuPZ_at.d.mts}

@@ -1,4 +1,4 @@
-import { T as Theme } from "./themes-C3RTORGO.mjs";
+import { T as Theme } from "./themes-CQKn24UN.mjs";
 //#region src/Table/TableContext.d.ts
 /** Cell padding modes broadcast from `Table` to descendant cells. */
 type TableCellPadding = 'normal' | 'none';

package/dist/TextInput.cjs

@@ -1,7 +1,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_src = require("./src-DU81aGy9.cjs");
 const require_themeDefault = require("./themeDefault-Cebi08Cv.cjs");
-const require_theme = require("./theme-DfAqr7qo.cjs");
+const require_theme = require("./theme-B0P8owUo.cjs");
 const require_FormControl = require("./FormControl.cjs");
 const require_inputVariantStyles = require("./inputVariantStyles-BBkkYQtE.cjs");
 let react = require("react");

package/dist/TextInput.d.cts

@@ -1,5 +1,5 @@
-import { T as Theme } from "./themes-Dswy4M6B.cjs";
-import "./index-BsUsSWXP.cjs";
+import { T as Theme } from "./themes-DEom6o-J.cjs";
+import "./index-C1uWcbTj.cjs";
 import { ChangeEventHandler, ElementType, InputHTMLAttributes, TextareaHTMLAttributes } from "react";
 import { LayoutProps, SpaceProps } from "@soroush.tech/styled-system";
 //#region src/TextInput/TextInput.d.ts

package/dist/TextInput.d.mts

@@ -1,5 +1,5 @@
-import { T as Theme } from "./themes-C3RTORGO.mjs";
-import "./index-Dkqk_6g2.mjs";
+import { T as Theme } from "./themes-CQKn24UN.mjs";
+import "./index-e5hDFZ05.mjs";
 import { LayoutProps, SpaceProps } from "@soroush.tech/styled-system";
 import { ChangeEventHandler, ElementType, InputHTMLAttributes, TextareaHTMLAttributes } from "react";
 //#region src/TextInput/TextInput.d.ts

package/dist/TextInput.mjs

@@ -1,6 +1,6 @@
 import { a as src_exports, i as props, o as styled, t as createShouldForwardProp } from "./src-DLGYOJMh.mjs";
 import { t as themeDefault } from "./themeDefault-Z3KmyIbm.mjs";
-import { r as useTheme } from "./theme-C1o9qa2E.mjs";
+import { r as useTheme } from "./theme-DdjeZjsA.mjs";
 import { useFormControl } from "./FormControl.mjs";
 import { t as inputVariantStyles } from "./inputVariantStyles-CcqpGfuP.mjs";
 import { forwardRef, useCallback, useLayoutEffect, useRef } from "react";

package/dist/ToggleButton/ToggleButton.cjs

@@ -2,7 +2,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_src = require("../src-DU81aGy9.cjs");
 const require_themeDefault = require("../themeDefault-Cebi08Cv.cjs");
 const require_utils = require("../utils.cjs");
-const require_theme = require("../theme-DfAqr7qo.cjs");
+const require_theme = require("../theme-B0P8owUo.cjs");
 const require_ButtonGroupContext = require("../ButtonGroupContext-NtkVeDVE.cjs");
 const require_Button = require("../Button.cjs");
 const require_ToggleButtonGroupContext = require("../ToggleButtonGroupContext-Ewc5Ixas.cjs");

package/dist/ToggleButton/ToggleButton.d.cts

@@ -1,4 +1,4 @@
-import { i as ButtonProps } from "../index-B2eLreA5.cjs";
+import { i as ButtonProps } from "../index-DT6KvZ1x.cjs";
 import { r as ToggleButtonValue } from "../ToggleButtonGroupContext-10jEsQdg.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-DYtIEMr9.mjs";
+import { i as ButtonProps } from "../index-FiPb4-DU.mjs";
 import { r as ToggleButtonValue } from "../ToggleButtonGroupContext-10jEsQdg.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,7 +1,7 @@
 import { a as src_exports, o as styled } from "../src-DLGYOJMh.mjs";
 import { t as themeDefault } from "../themeDefault-Z3KmyIbm.mjs";
 import { alpha } from "../utils.mjs";
-import { r as useTheme } from "../theme-C1o9qa2E.mjs";
+import { r as useTheme } from "../theme-DdjeZjsA.mjs";
 import { t as ButtonGroupContext } from "../ButtonGroupContext-DS-kl9lG.mjs";
 import { Button } from "../Button.mjs";
 import { t as ToggleButtonGroupContext } from "../ToggleButtonGroupContext-DxIyy8ze.mjs";

package/dist/ToggleButton/ToggleButtonGroup.cjs

@@ -1,7 +1,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_src = require("../src-DU81aGy9.cjs");
 const require_themeDefault = require("../themeDefault-Cebi08Cv.cjs");
-const require_theme = require("../theme-DfAqr7qo.cjs");
+const require_theme = require("../theme-B0P8owUo.cjs");
 const require_ButtonGroup = require("../ButtonGroup.cjs");
 const require_ToggleButtonGroupContext = require("../ToggleButtonGroupContext-Ewc5Ixas.cjs");
 let react = require("react");

package/dist/ToggleButton/ToggleButtonGroup.d.cts

@@ -1,4 +1,4 @@
-import { a as ButtonGroupProps } from "../index-D0XX9v0b.cjs";
+import { a as ButtonGroupProps } from "../index-ChPaQZ6F.cjs";
 import { r as ToggleButtonValue } from "../ToggleButtonGroupContext-10jEsQdg.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-BT-mcuE6.mjs";
+import { a as ButtonGroupProps } from "../index-yQfi7MqO.mjs";
 import { r as ToggleButtonValue } from "../ToggleButtonGroupContext-10jEsQdg.mjs";
 //#region src/ToggleButton/ToggleButtonGroup/ToggleButtonGroup.d.ts
 interface ToggleButtonGroupProps extends Omit<ButtonGroupProps, 'variant' | 'onChange'> {

package/dist/ToggleButton/ToggleButtonGroup.mjs

@@ -1,6 +1,6 @@
 import { o as styled } from "../src-DLGYOJMh.mjs";
 import { t as themeDefault } from "../themeDefault-Z3KmyIbm.mjs";
-import { r as useTheme } from "../theme-C1o9qa2E.mjs";
+import { r as useTheme } from "../theme-DdjeZjsA.mjs";
 import { ButtonGroup } from "../ButtonGroup.mjs";
 import { t as ToggleButtonGroupContext } from "../ToggleButtonGroupContext-DxIyy8ze.mjs";
 import { useMemo } from "react";

package/dist/Typography.cjs

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_src = require("./src-DU81aGy9.cjs");
-const require_theme = require("./theme-DfAqr7qo.cjs");
+const require_theme = require("./theme-B0P8owUo.cjs");
 require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let _soroush_tech_styled_system_should_forward_prop = require("@soroush.tech/styled-system/should-forward-prop");

package/dist/Typography.d.cts

@@ -1,3 +1,3 @@
-import { Y as TypographyVariant } from "./themes-Dswy4M6B.cjs";
-import { a as TypographyProps, i as TypographyAlign, n as TextColorToken, r as Typography, t as BackgroundToken } from "./index-D5Rj4uWe.cjs";
+import { Y as TypographyVariant } from "./themes-DEom6o-J.cjs";
+import { a as TypographyProps, i as TypographyAlign, n as TextColorToken, r as Typography, t as BackgroundToken } from "./index-5w87AK-Y.cjs";
 export { BackgroundToken, TextColorToken, Typography, TypographyAlign, TypographyProps, type TypographyVariant };

package/dist/Typography.d.mts

@@ -1,3 +1,3 @@
-import { Y as TypographyVariant } from "./themes-C3RTORGO.mjs";
-import { a as TypographyProps, i as TypographyAlign, n as TextColorToken, r as Typography, t as BackgroundToken } from "./index-DJ8NTYR8.mjs";
+import { Y as TypographyVariant } from "./themes-CQKn24UN.mjs";
+import { a as TypographyProps, i as TypographyAlign, n as TextColorToken, r as Typography, t as BackgroundToken } from "./index-yR_0laAQ.mjs";
 export { BackgroundToken, TextColorToken, Typography, TypographyAlign, TypographyProps, type TypographyVariant };

package/dist/Typography.mjs

@@ -1,5 +1,5 @@
 import { a as src_exports, i as props, o as styled, t as createShouldForwardProp } from "./src-DLGYOJMh.mjs";
-import { r as useTheme } from "./theme-C1o9qa2E.mjs";
+import { r as useTheme } from "./theme-DdjeZjsA.mjs";
 import "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/Typography/Typography.tsx

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-C8SeYUxJ.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-CSoaaZ20.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-t6XUvJ_3.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-CllDs3D0.mjs";
 export { View, ViewBackgroundToken, ViewBorderColorToken, ViewBorderRadiusToken, ViewBorderWidthToken, ViewColorToken, ViewProps };

package/dist/engine.d.cts

@@ -1,4 +1,4 @@
-import { T as Theme } from "./themes-Dswy4M6B.cjs";
+import { T as Theme } from "./themes-DEom6o-J.cjs";
 import { CacheProvider, Interpolation } from "@emotion/react";
 import { ComponentType, RefAttributes } from "react";
 //#region src/theme/emotion.d.ts

package/dist/engine.d.mts

@@ -1,4 +1,4 @@
-import { T as Theme } from "./themes-C3RTORGO.mjs";
+import { T as Theme } from "./themes-CQKn24UN.mjs";
 import { CacheProvider, Interpolation } from "@emotion/react";
 import { ComponentType, RefAttributes } from "react";
 //#region src/theme/emotion.d.ts

package/dist/{index-D5Rj4uWe.d.cts → index-5w87AK-Y.d.cts}

@@ -1,5 +1,5 @@
-import { T as Theme, Y as TypographyVariant } from "./themes-Dswy4M6B.cjs";
-import "./index-BsUsSWXP.cjs";
+import { T as Theme, Y as TypographyVariant } from "./themes-DEom6o-J.cjs";
+import "./index-C1uWcbTj.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

package/dist/{index-N_TM6YXV.d.cts → index-B2ljqGWF.d.cts}

@@ -1,6 +1,6 @@
-import { T as Theme } from "./themes-Dswy4M6B.cjs";
-import "./index-BsUsSWXP.cjs";
-import { n as FlexProps } from "./index-DRM_YhHL.cjs";
+import { T as Theme } from "./themes-DEom6o-J.cjs";
+import "./index-C1uWcbTj.cjs";
+import { n as FlexProps } from "./index-ClclP_mB.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-CmscFo1L.d.mts → index-BAsVlkuL.d.mts}

@@ -1,5 +1,5 @@
-import { T as Theme, x as PaletteColor } from "./themes-C3RTORGO.mjs";
-import "./index-Dkqk_6g2.mjs";
+import { T as Theme, x as PaletteColor } from "./themes-CQKn24UN.mjs";
+import "./index-e5hDFZ05.mjs";
 import { BorderProps, LayoutProps, SpaceProps, TypographyProps } from "@soroush.tech/styled-system";
 import { ButtonHTMLAttributes, ElementType } from "react";
 //#region src/Pressable/Pressable.d.ts

package/dist/{index-VwsWkazt.d.cts → index-BCQ9LmG1.d.cts}

@@ -1,5 +1,5 @@
-import { T as Theme, x as PaletteColor } from "./themes-Dswy4M6B.cjs";
-import "./index-BsUsSWXP.cjs";
+import { T as Theme, x as PaletteColor } from "./themes-DEom6o-J.cjs";
+import "./index-C1uWcbTj.cjs";
 import { ButtonHTMLAttributes, ElementType, ReactNode } from "react";
 import { SpaceProps } from "@soroush.tech/styled-system";
 //#region src/Pagination/hooks/usePagination.d.ts

package/dist/{index-CPNzQhUu.d.cts → index-BHIuGvMo.d.cts}

@@ -1,5 +1,5 @@
-import { T as Theme, x as PaletteColor } from "./themes-Dswy4M6B.cjs";
-import "./index-BsUsSWXP.cjs";
+import { T as Theme, x as PaletteColor } from "./themes-DEom6o-J.cjs";
+import "./index-C1uWcbTj.cjs";
 import { ButtonHTMLAttributes, ElementType } from "react";
 import { BorderProps, LayoutProps, SpaceProps, TypographyProps } from "@soroush.tech/styled-system";
 //#region src/Pressable/Pressable.d.ts

package/dist/{index-DTeurv8z.d.cts → index-BSYW7cMN.d.mts}

@@ -1,8 +1,8 @@
-import { T as Theme } from "./themes-Dswy4M6B.cjs";
-import "./index-BsUsSWXP.cjs";
-import { t as TableCellPadding } from "./TableContext-BowhBZkZ.cjs";
-import { ElementType, ThHTMLAttributes } from "react";
+import { T as Theme } from "./themes-CQKn24UN.mjs";
+import "./index-e5hDFZ05.mjs";
+import { t as TableCellPadding } from "./TableContext-CIuPZ_at.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. */
 type TableSection = 'head' | 'body' | 'footer';

package/dist/{index-BBV7_p-W.d.mts → index-BUb6X9OH.d.mts}

@@ -1,4 +1,4 @@
-import { n as TextColorToken } from "./index-DJ8NTYR8.mjs";
+import { n as TextColorToken } from "./index-yR_0laAQ.mjs";
 import { LayoutProps, SpaceProps } from "@soroush.tech/styled-system";
 import { SVGProps } from "react";
 //#region src/Icon/icons/AccountTree.d.ts

package/dist/{index-C_VwtHyK.d.mts → index-BUrUPbcB.d.mts}

@@ -1,6 +1,6 @@
-import { T as Theme } from "./themes-C3RTORGO.mjs";
-import "./index-Dkqk_6g2.mjs";
-import { s as ViewProps } from "./index-t6XUvJ_3.mjs";
+import { T as Theme } from "./themes-CQKn24UN.mjs";
+import "./index-e5hDFZ05.mjs";
+import { s as ViewProps } from "./index-CllDs3D0.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. */

package/dist/{index-D2yMhmE_.d.mts → index-BYqxI8bu.d.cts}

@@ -1,8 +1,8 @@
-import { T as Theme } from "./themes-C3RTORGO.mjs";
-import "./index-Dkqk_6g2.mjs";
-import { t as TableCellPadding } from "./TableContext-GmYLRYpc.mjs";
-import { BorderProps, SpaceProps, TypographyProps } from "@soroush.tech/styled-system";
+import { T as Theme } from "./themes-DEom6o-J.cjs";
+import "./index-C1uWcbTj.cjs";
+import { t as TableCellPadding } from "./TableContext-CA6a5Ol5.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';

package/dist/{index-BUvlTtD7.d.mts → index-BcU5ow8v.d.mts}

@@ -1,6 +1,6 @@
-import { T as Theme } from "./themes-C3RTORGO.mjs";
-import "./index-Dkqk_6g2.mjs";
-import { n as FlexProps } from "./index-C_VwtHyK.mjs";
+import { T as Theme } from "./themes-CQKn24UN.mjs";
+import "./index-e5hDFZ05.mjs";
+import { n as FlexProps } from "./index-BUrUPbcB.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-CNzkJGNq.d.cts → index-BqJWxp9I.d.cts}

@@ -1,6 +1,6 @@
-import { T as Theme } from "./themes-Dswy4M6B.cjs";
-import "./index-BsUsSWXP.cjs";
-import { n as IconProps, r as IconName } from "./index-CxDY_w-H.cjs";
+import { T as Theme } from "./themes-DEom6o-J.cjs";
+import "./index-C1uWcbTj.cjs";
+import { n as IconProps, r as IconName } from "./index-DmJCHY90.cjs";
 import { ButtonHTMLAttributes } from "react";
 import { SpaceProps } from "@soroush.tech/styled-system";
 //#region src/Table/TableSortLabel/TableSortLabel.d.ts

package/dist/{index-BsUsSWXP.d.cts → index-C1uWcbTj.d.cts}

@@ -1,4 +1,4 @@
-import { T as Theme } from "./themes-Dswy4M6B.cjs";
+import { T as Theme } from "./themes-DEom6o-J.cjs";
 import { CreateStyledComponent, FilteringStyledOptions, Interpolation, StyledOptions } from "@emotion/styled";
 import { PropsOf, css, keyframes } from "@emotion/react";
 import { ComponentClass, ComponentProps, ComponentType, JSX, Ref } from "react";

package/dist/{index-BbngAEDY.d.mts → index-CAjXum0k.d.cts}

@@ -1,5 +1,5 @@
-import { T as Theme } from "./themes-C3RTORGO.mjs";
-import "./index-Dkqk_6g2.mjs";
+import { T as Theme } from "./themes-DEom6o-J.cjs";
+import "./index-C1uWcbTj.cjs";
 import { KeyboardEvent, MouseEvent, ReactNode, Ref, RefCallback, SyntheticEvent } from "react";
 //#region src/Modal/useModal.d.ts
 type ModalCloseReason = 'escapeKey' | 'backdropClick';

package/dist/{index-C-kvrbCi.d.cts → index-CQRdyj3E.d.mts}

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

package/dist/{index-C8SeYUxJ.d.cts → index-CSoaaZ20.d.cts}

@@ -1,5 +1,5 @@
-import { T as Theme } from "./themes-Dswy4M6B.cjs";
-import "./index-BsUsSWXP.cjs";
+import { T as Theme } from "./themes-DEom6o-J.cjs";
+import "./index-C1uWcbTj.cjs";
 import { CSSProperties, HTMLAttributes } from "react";
 import { BorderProps, FlexboxProps, LayoutFrameProps, LayoutProps, PositionProps, SpaceProps, SpanProps, TypographyProps } from "@soroush.tech/styled-system";
 //#region src/View/View.d.ts

package/dist/{index-D0XX9v0b.d.cts → index-ChPaQZ6F.d.cts}

@@ -1,6 +1,6 @@
-import { T as Theme } from "./themes-Dswy4M6B.cjs";
-import "./index-BsUsSWXP.cjs";
-import { n as ButtonColor, o as ButtonSize, s as ButtonVariant } from "./index-B2eLreA5.cjs";
+import { T as Theme } from "./themes-DEom6o-J.cjs";
+import "./index-C1uWcbTj.cjs";
+import { n as ButtonColor, o as ButtonSize, s as ButtonVariant } from "./index-DT6KvZ1x.cjs";
 import { ElementType, HTMLAttributes } from "react";
 import { SpaceProps } from "@soroush.tech/styled-system";
 //#region src/ButtonGroup/ButtonGroup.d.ts

package/dist/{index-C7bEBYuv.d.mts → index-Cj--T8Sh.d.mts}

@@ -1,6 +1,6 @@
-import { T as Theme } from "./themes-C3RTORGO.mjs";
-import "./index-Dkqk_6g2.mjs";
-import { n as IconProps, r as IconName } from "./index-BBV7_p-W.mjs";
+import { T as Theme } from "./themes-CQKn24UN.mjs";
+import "./index-e5hDFZ05.mjs";
+import { n as IconProps, r as IconName } from "./index-BUb6X9OH.mjs";
 import { SpaceProps } from "@soroush.tech/styled-system";
 import { ButtonHTMLAttributes } from "react";
 //#region src/Table/TableSortLabel/TableSortLabel.d.ts

package/dist/{index-DRM_YhHL.d.cts → index-ClclP_mB.d.cts}

@@ -1,6 +1,6 @@
-import { T as Theme } from "./themes-Dswy4M6B.cjs";
-import "./index-BsUsSWXP.cjs";
-import { s as ViewProps } from "./index-C8SeYUxJ.cjs";
+import { T as Theme } from "./themes-DEom6o-J.cjs";
+import "./index-C1uWcbTj.cjs";
+import { s as ViewProps } from "./index-CSoaaZ20.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. */

package/dist/{index-t6XUvJ_3.d.mts → index-CllDs3D0.d.mts}

@@ -1,5 +1,5 @@
-import { T as Theme } from "./themes-C3RTORGO.mjs";
-import "./index-Dkqk_6g2.mjs";
+import { T as Theme } from "./themes-CQKn24UN.mjs";
+import "./index-e5hDFZ05.mjs";
 import { BorderProps, FlexboxProps, LayoutFrameProps, LayoutProps, PositionProps, SpaceProps, SpanProps, TypographyProps } from "@soroush.tech/styled-system";
 import { CSSProperties, HTMLAttributes } from "react";
 //#region src/View/View.d.ts

package/dist/{index-BHyJ6P_D.d.mts → index-DLezwPW8.d.mts}

@@ -1,4 +1,4 @@
-import { M as ThemeDefaults, T as Theme, j as ThemeComponents } from "./themes-C3RTORGO.mjs";
+import { I as ThemeLayout, M as ThemeDefaults, T as Theme, j as ThemeComponents } from "./themes-CQKn24UN.mjs";
 import { ComponentType, ReactNode } from "react";
 //#region src/theme/ThemeProvider.d.ts
 interface ThemeProviderProps {
@@ -17,6 +17,24 @@ interface ThemeProviderProps {
 }
 declare function ThemeProvider({ children, theme, defaults }: Readonly<ThemeProviderProps>): import("react").JSX.Element;
 //#endregion
+//#region src/theme/LayoutProvider.d.ts
+interface LayoutProviderProps {
+  /**
+   * The page's layout: `theme.layout`'s shape - `content`, `panels`, `bars` per breakpoint -
+   * partial. A value holds from its breakpoint up, until the page sets it again. Keep it stable
+   * (defined outside the component, or memoized): a new object re-derives the theme.
+   */
+  layout: ThemeLayout;
+  children: ReactNode;
+}
+/**
+ * @description A page-level layout: everything inside sees `theme.layout` with the page's
+ * values merged on top - `View`, `Flex` and `Grid` with `layout`, and `useTheme().layout`. It
+ * derives the theme from the one around it and changes nothing else, so colours, light/dark
+ * switching and every other token stay the app theme's. Nested providers stack.
+ */
+declare function LayoutProvider({ layout, children }: Readonly<LayoutProviderProps>): import("react").JSX.Element;
+//#endregion
 //#region src/theme/utils/themeDefault.d.ts
 /**
  * Resolves a component's default token/variant key: the theme's optional
@@ -50,4 +68,4 @@ declare function withTheme<P extends object>(WrappedComponent: ComponentType<P &
   theme: Theme;
 }>): (props: P) => import("react").JSX.Element;
 //#endregion
-export { ThemeProvider as a, themeDefault as i, useDefaultProps as n, useTheme as r, withTheme as t };
+export { LayoutProvider as a, themeDefault as i, useDefaultProps as n, LayoutProviderProps as o, useTheme as r, ThemeProvider as s, withTheme as t };

package/dist/{index-BO-vkjtm.d.cts → index-DPMcs3Q1.d.cts}

@@ -1,4 +1,4 @@
-import { M as ThemeDefaults, T as Theme, j as ThemeComponents } from "./themes-Dswy4M6B.cjs";
+import { I as ThemeLayout, M as ThemeDefaults, T as Theme, j as ThemeComponents } from "./themes-DEom6o-J.cjs";
 import { ComponentType, ReactNode } from "react";
 //#region src/theme/ThemeProvider.d.ts
 interface ThemeProviderProps {
@@ -17,6 +17,24 @@ interface ThemeProviderProps {
 }
 declare function ThemeProvider({ children, theme, defaults }: Readonly<ThemeProviderProps>): import("react").JSX.Element;
 //#endregion
+//#region src/theme/LayoutProvider.d.ts
+interface LayoutProviderProps {
+  /**
+   * The page's layout: `theme.layout`'s shape - `content`, `panels`, `bars` per breakpoint -
+   * partial. A value holds from its breakpoint up, until the page sets it again. Keep it stable
+   * (defined outside the component, or memoized): a new object re-derives the theme.
+   */
+  layout: ThemeLayout;
+  children: ReactNode;
+}
+/**
+ * @description A page-level layout: everything inside sees `theme.layout` with the page's
+ * values merged on top - `View`, `Flex` and `Grid` with `layout`, and `useTheme().layout`. It
+ * derives the theme from the one around it and changes nothing else, so colours, light/dark
+ * switching and every other token stay the app theme's. Nested providers stack.
+ */
+declare function LayoutProvider({ layout, children }: Readonly<LayoutProviderProps>): import("react").JSX.Element;
+//#endregion
 //#region src/theme/utils/themeDefault.d.ts
 /**
  * Resolves a component's default token/variant key: the theme's optional
@@ -50,4 +68,4 @@ declare function withTheme<P extends object>(WrappedComponent: ComponentType<P &
   theme: Theme;
 }>): (props: P) => import("react").JSX.Element;
 //#endregion
-export { ThemeProvider as a, themeDefault as i, useDefaultProps as n, useTheme as r, withTheme as t };
+export { LayoutProvider as a, themeDefault as i, useDefaultProps as n, LayoutProviderProps as o, useTheme as r, ThemeProvider as s, withTheme as t };

package/dist/{index-B2eLreA5.d.cts → index-DT6KvZ1x.d.cts}

@@ -1,5 +1,5 @@
-import { T as Theme, i as ButtonVariants, x as PaletteColor } from "./themes-Dswy4M6B.cjs";
-import "./index-BsUsSWXP.cjs";
+import { T as Theme, i as ButtonVariants, x as PaletteColor } from "./themes-DEom6o-J.cjs";
+import "./index-C1uWcbTj.cjs";
 import { ButtonHTMLAttributes, ReactNode } from "react";
 import { BorderProps, LayoutProps, SpaceProps, TypographyProps } from "@soroush.tech/styled-system";
 //#region src/Button/Button.d.ts

package/dist/{index-CMKzrxOO.d.mts → index-DbkAYV9r.d.mts}

@@ -1,5 +1,5 @@
-import { T as Theme, x as PaletteColor } from "./themes-C3RTORGO.mjs";
-import "./index-Dkqk_6g2.mjs";
+import { T as Theme, x as PaletteColor } from "./themes-CQKn24UN.mjs";
+import "./index-e5hDFZ05.mjs";
 import { SpaceProps } from "@soroush.tech/styled-system";
 import { ButtonHTMLAttributes, ElementType, ReactNode } from "react";
 //#region src/Pagination/hooks/usePagination.d.ts

package/dist/{index-CxDY_w-H.d.cts → index-DmJCHY90.d.cts}

@@ -1,4 +1,4 @@
-import { n as TextColorToken } from "./index-D5Rj4uWe.cjs";
+import { n as TextColorToken } from "./index-5w87AK-Y.cjs";
 import { SVGProps } from "react";
 import { LayoutProps, SpaceProps } from "@soroush.tech/styled-system";
 //#region src/Icon/icons/AccountTree.d.ts

package/dist/{index-BW4rc8cK.d.cts → index-Dq5PHWL4.d.mts}

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

package/dist/{index-di-L2lJ9.d.mts → index-DzdiUOgM.d.cts}

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

package/dist/{index-DYtIEMr9.d.mts → index-FiPb4-DU.d.mts}

@@ -1,5 +1,5 @@
-import { T as Theme, i as ButtonVariants, x as PaletteColor } from "./themes-C3RTORGO.mjs";
-import "./index-Dkqk_6g2.mjs";
+import { T as Theme, i as ButtonVariants, x as PaletteColor } from "./themes-CQKn24UN.mjs";
+import "./index-e5hDFZ05.mjs";
 import { BorderProps, LayoutProps, SpaceProps, TypographyProps } from "@soroush.tech/styled-system";
 import { ButtonHTMLAttributes, ReactNode } from "react";
 //#region src/Button/Button.d.ts