@soroush.tech/design-system 2.0.0-alpha.1 → 2.0.0-alpha.3

package/dist/ToggleButton/ToggleButtonGroup.d.cts

@@ -1,4 +1,4 @@
-import { a as ButtonGroupProps } from "../index-CJWXZFFZ.cjs";
+import { a as ButtonGroupProps } from "../index-D0XX9v0b.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-CaCfFN31.mjs";
+import { a as ButtonGroupProps } from "../index-BT-mcuE6.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/Typography.d.cts

@@ -1,3 +1,3 @@
-import { Y as TypographyVariant } from "./themes-CtTQTVqe.cjs";
-import { a as TypographyProps, i as TypographyAlign, n as TextColorToken, r as Typography, t as BackgroundToken } from "./index-DClEfecw.cjs";
+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";
 export { BackgroundToken, TextColorToken, Typography, TypographyAlign, TypographyProps, type TypographyVariant };

package/dist/Typography.d.mts

@@ -1,3 +1,3 @@
-import { Y as TypographyVariant } from "./themes-CCguU8uo.mjs";
-import { a as TypographyProps, i as TypographyAlign, n as TextColorToken, r as Typography, t as BackgroundToken } from "./index-COYl2TN0.mjs";
+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";
 export { BackgroundToken, TextColorToken, Typography, TypographyAlign, TypographyProps, type TypographyVariant };

package/dist/View.cjs

@@ -6,7 +6,8 @@ let _soroush_tech_styled_system_should_forward_prop = require("@soroush.tech/sty
 const shouldForwardProp = (0, _soroush_tech_styled_system_should_forward_prop.createShouldForwardProp)([
 	..._soroush_tech_styled_system_should_forward_prop.props,
 	"cursor",
-	"order"
+	"order",
+	"layout"
 ]);
 const colorSystem = (0, require_src.src_exports.system)({
 	bg: {
@@ -32,7 +33,8 @@ const View = require_src.styled("div", {
 		require_src.src_exports.typography,
 		require_src.src_exports.border,
 		require_src.src_exports.position,
-		require_src.src_exports.span
+		require_src.src_exports.span,
+		require_src.src_exports.layoutFrame
 	]
 })();
 //#endregion

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

package/dist/View.mjs

@@ -4,7 +4,8 @@ import "react";
 const shouldForwardProp = createShouldForwardProp([
 	...props,
 	"cursor",
-	"order"
+	"order",
+	"layout"
 ]);
 const colorSystem = (0, src_exports.system)({
 	bg: {
@@ -30,7 +31,8 @@ const View = styled("div", {
 		src_exports.typography,
 		src_exports.border,
 		src_exports.position,
-		src_exports.span
+		src_exports.span,
+		src_exports.layoutFrame
 	]
 })();
 //#endregion

package/dist/engine.d.cts

@@ -1,4 +1,4 @@
-import { T as Theme } from "./themes-CtTQTVqe.cjs";
+import { T as Theme } from "./themes-Dswy4M6B.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-CCguU8uo.mjs";
+import { T as Theme } from "./themes-C3RTORGO.mjs";
 import { CacheProvider, Interpolation } from "@emotion/react";
 import { ComponentType, RefAttributes } from "react";
 //#region src/theme/emotion.d.ts

package/dist/{index-DLtzp-Mg.d.mts → index-B2eLreA5.d.cts}

@@ -1,7 +1,7 @@
-import { T as Theme, i as ButtonVariants, x as PaletteColor } from "./themes-CCguU8uo.mjs";
-import "./index-DVG64KQ4.mjs";
-import { BorderProps, LayoutProps, SpaceProps, TypographyProps } from "@soroush.tech/styled-system";
+import { T as Theme, i as ButtonVariants, x as PaletteColor } from "./themes-Dswy4M6B.cjs";
+import "./index-BsUsSWXP.cjs";
 import { ButtonHTMLAttributes, ReactNode } from "react";
+import { BorderProps, LayoutProps, SpaceProps, TypographyProps } from "@soroush.tech/styled-system";
 //#region src/Button/Button.d.ts
 /** Augmentable via the `ButtonVariants` interface - style new values through `theme.components.Button.variants`. */
 type ButtonVariant = keyof ButtonVariants;

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

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

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

@@ -1,4 +1,4 @@
-import { M as ThemeDefaults, T as Theme, j as ThemeComponents } from "./themes-CtTQTVqe.cjs";
+import { M as ThemeDefaults, T as Theme, j as ThemeComponents } from "./themes-C3RTORGO.mjs";
 import { ComponentType, ReactNode } from "react";
 //#region src/theme/ThemeProvider.d.ts
 interface ThemeProviderProps {

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

@@ -1,4 +1,4 @@
-import { M as ThemeDefaults, T as Theme, j as ThemeComponents } from "./themes-CCguU8uo.mjs";
+import { M as ThemeDefaults, T as Theme, j as ThemeComponents } from "./themes-Dswy4M6B.cjs";
 import { ComponentType, ReactNode } from "react";
 //#region src/theme/ThemeProvider.d.ts
 interface ThemeProviderProps {

package/dist/{index-CJWXZFFZ.d.cts → index-BT-mcuE6.d.mts}

@@ -1,8 +1,8 @@
-import { T as Theme } from "./themes-CtTQTVqe.cjs";
-import "./index-CkYiijiE.cjs";
-import { n as ButtonColor, o as ButtonSize, s as ButtonVariant } from "./index-6BHvkjdp.cjs";
-import { ElementType, HTMLAttributes } from "react";
+import { T as Theme } from "./themes-C3RTORGO.mjs";
+import "./index-Dkqk_6g2.mjs";
+import { n as ButtonColor, o as ButtonSize, s as ButtonVariant } from "./index-DYtIEMr9.mjs";
 import { SpaceProps } from "@soroush.tech/styled-system";
+import { ElementType, HTMLAttributes } from "react";
 //#region src/ButtonGroup/ButtonGroup.d.ts
 type ButtonGroupOrientation = 'horizontal' | 'vertical';
 type ButtonGroupRadius = keyof Theme['radii'];

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

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

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

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

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

@@ -1,4 +1,4 @@
-import { T as Theme } from "./themes-CtTQTVqe.cjs";
+import { T as Theme } from "./themes-Dswy4M6B.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-BvLNPm5C.d.cts → index-C-kvrbCi.d.cts}

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

package/dist/{index-COKAN6-s.d.mts → index-C58AZZQ2.d.cts}

@@ -1,8 +1,8 @@
-import { T as Theme } from "./themes-CCguU8uo.mjs";
-import "./index-DVG64KQ4.mjs";
-import { a as PaginationItemSize, i as PaginationItemShape, l as UsePaginationProps, n as PaginationItemColor, o as PaginationItemVariant, s as PaginationItemType } from "./index-BS5dkngf.mjs";
-import { SpaceProps } from "@soroush.tech/styled-system";
+import { T as Theme } from "./themes-Dswy4M6B.cjs";
+import "./index-BsUsSWXP.cjs";
+import { a as PaginationItemSize, i as PaginationItemShape, l as UsePaginationProps, n as PaginationItemColor, o as PaginationItemVariant, s as PaginationItemType } from "./index-VwsWkazt.cjs";
 import { HTMLAttributes } from "react";
+import { SpaceProps } from "@soroush.tech/styled-system";
 //#region src/Pagination/Pagination.d.ts
 type PaginationColor = PaginationItemColor;
 type PaginationVariant = PaginationItemVariant;

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

@@ -1,6 +1,6 @@
-import { T as Theme } from "./themes-CCguU8uo.mjs";
-import "./index-DVG64KQ4.mjs";
-import { n as IconProps, r as IconName } from "./index-Dyfu-Otn.mjs";
+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 { SpaceProps } from "@soroush.tech/styled-system";
 import { ButtonHTMLAttributes } from "react";
 //#region src/Table/TableSortLabel/TableSortLabel.d.ts

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

@@ -1,7 +1,7 @@
-import { T as Theme } from "./themes-CtTQTVqe.cjs";
-import "./index-CkYiijiE.cjs";
+import { T as Theme } from "./themes-Dswy4M6B.cjs";
+import "./index-BsUsSWXP.cjs";
 import { CSSProperties, HTMLAttributes } from "react";
-import { BorderProps, FlexboxProps, LayoutProps, PositionProps, SpaceProps, SpanProps, TypographyProps } from "@soroush.tech/styled-system";
+import { BorderProps, FlexboxProps, LayoutFrameProps, LayoutProps, PositionProps, SpaceProps, SpanProps, 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'];
@@ -13,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'>, SpaceProps<Theme>, LayoutProps<Theme>, TypographyProps<Theme>, Omit<BorderProps<Theme>, 'borderColor' | 'borderWidth' | 'borderRadius'>, PositionProps<Theme>, SpanProps<Theme> {
+interface ViewProps extends Omit<HTMLAttributes<HTMLElement>, 'color'>, SpaceProps<Theme>, LayoutProps<Theme>, TypographyProps<Theme>, Omit<BorderProps<Theme>, 'borderColor' | 'borderWidth' | 'borderRadius'>, PositionProps<Theme>, SpanProps<Theme>, LayoutFrameProps<Theme> {
   bg?: ViewBackgroundToken;
   /** Resolves against theme.border - light · primary · dark */
   borderColor?: ViewBorderColorToken;

package/dist/{index-D3kNrl9W.d.cts → index-CGCO5eo7.d.mts}

@@ -1,8 +1,8 @@
-import { T as Theme } from "./themes-CtTQTVqe.cjs";
-import "./index-CkYiijiE.cjs";
-import { a as PaginationItemSize, i as PaginationItemShape, l as UsePaginationProps, n as PaginationItemColor, o as PaginationItemVariant, s as PaginationItemType } from "./index-BfOZMmZA.cjs";
-import { HTMLAttributes } from "react";
+import { T as Theme } from "./themes-C3RTORGO.mjs";
+import "./index-Dkqk_6g2.mjs";
+import { a as PaginationItemSize, i as PaginationItemShape, l as UsePaginationProps, n as PaginationItemColor, o as PaginationItemVariant, s as PaginationItemType } from "./index-CMKzrxOO.mjs";
 import { SpaceProps } from "@soroush.tech/styled-system";
+import { HTMLAttributes } from "react";
 //#region src/Pagination/Pagination.d.ts
 type PaginationColor = PaginationItemColor;
 type PaginationVariant = PaginationItemVariant;

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

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

package/dist/{index-BAb24XNa.d.cts → index-CNzkJGNq.d.cts}

@@ -1,6 +1,6 @@
-import { T as Theme } from "./themes-CtTQTVqe.cjs";
-import "./index-CkYiijiE.cjs";
-import { n as IconProps, r as IconName } from "./index-wJbUPxSk.cjs";
+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 { ButtonHTMLAttributes } from "react";
 import { SpaceProps } from "@soroush.tech/styled-system";
 //#region src/Table/TableSortLabel/TableSortLabel.d.ts

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

@@ -1,5 +1,5 @@
-import { T as Theme, x as PaletteColor } from "./themes-CtTQTVqe.cjs";
-import "./index-CkYiijiE.cjs";
+import { T as Theme, x as PaletteColor } from "./themes-Dswy4M6B.cjs";
+import "./index-BsUsSWXP.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-C-ACdUhw.d.mts → index-CS4yFHlC.d.cts}

@@ -1,15 +1,17 @@
-import { T as Theme } from "./themes-CCguU8uo.mjs";
-import "./index-DVG64KQ4.mjs";
-import { s as ViewProps } from "./index-AlVOmB-K.mjs";
+import { T as Theme } from "./themes-Dswy4M6B.cjs";
+import "./index-BsUsSWXP.cjs";
+import { s as ViewProps } from "./index-C8SeYUxJ.cjs";
 import { FlexboxProps, LayoutGridProps } from "@soroush.tech/styled-system";
 //#region src/Flex/Flex.d.ts
 /** Valid values for the gap prop - derived from theme.space keys. */
 type GapToken = keyof Theme['space'];
 /**
  * `layout` lays a wrapping row out from `theme.layout` - the theme's gutter and margin per
- * breakpoint, with `--layout-columns` / `--layout-gutter` for the children's `span`.
+ * breakpoint, with `--layout-columns` / `--layout-gutter` for the children's `span`. Entries
+ * work as on `Grid`: `layout={{ gutter: 8 }}` at every breakpoint, `{ md: { gutter: 4 } }` at one.
+ * View draws the frame; Flex adds the row. Column spacing comes from `gutter`, rows take `rowGap`.
  */
-interface FlexProps extends ViewProps, FlexboxProps<Theme>, LayoutGridProps<Theme> {}
+interface FlexProps extends Omit<ViewProps, 'layout'>, FlexboxProps<Theme>, LayoutGridProps<Theme> {}
 declare const Flex: import("@emotion/styled").StyledComponent<{
   theme?: Theme;
   as?: React.ElementType;

package/dist/{index-Da9Sr6v7.d.cts → index-CWYckiaS.d.mts}

@@ -1,15 +1,17 @@
-import { T as Theme } from "./themes-CtTQTVqe.cjs";
-import "./index-CkYiijiE.cjs";
-import { s as ViewProps } from "./index-B2LR3Y5d.cjs";
+import { T as Theme } from "./themes-C3RTORGO.mjs";
+import "./index-Dkqk_6g2.mjs";
+import { s as ViewProps } from "./index-t6XUvJ_3.mjs";
 import { FlexboxProps, LayoutGridProps } from "@soroush.tech/styled-system";
 //#region src/Flex/Flex.d.ts
 /** Valid values for the gap prop - derived from theme.space keys. */
 type GapToken = keyof Theme['space'];
 /**
  * `layout` lays a wrapping row out from `theme.layout` - the theme's gutter and margin per
- * breakpoint, with `--layout-columns` / `--layout-gutter` for the children's `span`.
+ * breakpoint, with `--layout-columns` / `--layout-gutter` for the children's `span`. Entries
+ * work as on `Grid`: `layout={{ gutter: 8 }}` at every breakpoint, `{ md: { gutter: 4 } }` at one.
+ * View draws the frame; Flex adds the row. Column spacing comes from `gutter`, rows take `rowGap`.
  */
-interface FlexProps extends ViewProps, FlexboxProps<Theme>, LayoutGridProps<Theme> {}
+interface FlexProps extends Omit<ViewProps, 'layout'>, FlexboxProps<Theme>, LayoutGridProps<Theme> {}
 declare const Flex: import("@emotion/styled").StyledComponent<{
   theme?: Theme;
   as?: React.ElementType;

package/dist/{index-D4M18wt_.d.mts → index-CmscFo1L.d.mts}

@@ -1,5 +1,5 @@
-import { T as Theme, x as PaletteColor } from "./themes-CCguU8uo.mjs";
-import "./index-DVG64KQ4.mjs";
+import { T as Theme, x as PaletteColor } from "./themes-C3RTORGO.mjs";
+import "./index-Dkqk_6g2.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-wJbUPxSk.d.cts → index-CxDY_w-H.d.cts}

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

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

@@ -1,8 +1,8 @@
-import { T as Theme } from "./themes-CCguU8uo.mjs";
-import "./index-DVG64KQ4.mjs";
-import { n as ButtonColor, o as ButtonSize, s as ButtonVariant } from "./index-DLtzp-Mg.mjs";
-import { SpaceProps } from "@soroush.tech/styled-system";
+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 { 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'];

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

@@ -1,6 +1,6 @@
-import { T as Theme } from "./themes-CCguU8uo.mjs";
-import "./index-DVG64KQ4.mjs";
-import { t as TableCellPadding } from "./TableContext-BwK_fB9Q.mjs";
+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 { ElementType, ThHTMLAttributes } from "react";
 //#region src/Table/TableSectionContext.d.ts

package/dist/{index-COYl2TN0.d.mts → index-D5Rj4uWe.d.cts}

@@ -1,7 +1,7 @@
-import { T as Theme, Y as TypographyVariant } from "./themes-CCguU8uo.mjs";
-import "./index-DVG64KQ4.mjs";
-import { BorderProps, FlexboxProps, LayoutProps, PositionProps, SpaceProps, TypographyProps } from "@soroush.tech/styled-system";
+import { T as Theme, Y as TypographyVariant } from "./themes-Dswy4M6B.cjs";
+import "./index-BsUsSWXP.cjs";
 import { CSSProperties, ElementType, HTMLAttributes } from "react";
+import { BorderProps, FlexboxProps, LayoutProps, PositionProps, SpaceProps, TypographyProps } from "@soroush.tech/styled-system";
 //#region src/Typography/Typography.d.ts
 type TypographyAlign = 'left' | 'right' | 'center' | 'justify' | 'inherit';
 /** Valid values for the color prop - derived from theme.text keys. */

package/dist/{index-DClEfecw.d.cts → index-DJ8NTYR8.d.mts}

@@ -1,7 +1,7 @@
-import { T as Theme, Y as TypographyVariant } from "./themes-CtTQTVqe.cjs";
-import "./index-CkYiijiE.cjs";
-import { CSSProperties, ElementType, HTMLAttributes } from "react";
+import { T as Theme, Y as TypographyVariant } from "./themes-C3RTORGO.mjs";
+import "./index-Dkqk_6g2.mjs";
 import { BorderProps, FlexboxProps, LayoutProps, PositionProps, SpaceProps, TypographyProps } from "@soroush.tech/styled-system";
+import { CSSProperties, ElementType, HTMLAttributes } from "react";
 //#region src/Typography/Typography.d.ts
 type TypographyAlign = 'left' | 'right' | 'center' | 'justify' | 'inherit';
 /** Valid values for the color prop - derived from theme.text keys. */

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

@@ -1,6 +1,6 @@
-import { T as Theme } from "./themes-CtTQTVqe.cjs";
-import "./index-CkYiijiE.cjs";
-import { t as TableCellPadding } from "./TableContext-98M9MAm7.cjs";
+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 { BorderProps, SpaceProps, TypographyProps } from "@soroush.tech/styled-system";
 //#region src/Table/TableSectionContext.d.ts

package/dist/{index-6BHvkjdp.d.cts → index-DYtIEMr9.d.mts}

@@ -1,7 +1,7 @@
-import { T as Theme, i as ButtonVariants, x as PaletteColor } from "./themes-CtTQTVqe.cjs";
-import "./index-CkYiijiE.cjs";
-import { ButtonHTMLAttributes, ReactNode } from "react";
+import { T as Theme, i as ButtonVariants, x as PaletteColor } from "./themes-C3RTORGO.mjs";
+import "./index-Dkqk_6g2.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`. */
 type ButtonVariant = keyof ButtonVariants;

package/dist/{index-CorVAOY7.d.mts → index-Ddetmkqd.d.cts}

@@ -1,6 +1,6 @@
-import { T as Theme } from "./themes-CCguU8uo.mjs";
-import "./index-DVG64KQ4.mjs";
-import { n as FlexProps } from "./index-C-ACdUhw.mjs";
+import { T as Theme } from "./themes-Dswy4M6B.cjs";
+import "./index-BsUsSWXP.cjs";
+import { n as FlexProps } from "./index-CS4yFHlC.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-DVG64KQ4.d.mts → index-Dkqk_6g2.d.mts}

@@ -1,4 +1,4 @@
-import { T as Theme } from "./themes-CCguU8uo.mjs";
+import { T as Theme } from "./themes-C3RTORGO.mjs";
 import { CreateStyledComponent, FilteringStyledOptions, Interpolation, StyledOptions } from "@emotion/styled";
 import { PropsOf, css as css$1, keyframes } from "@emotion/react";
 import { createShouldForwardProp, props } from "@soroush.tech/styled-system/should-forward-prop";

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

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

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

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

package/dist/{index-OWbQXOvw.d.cts → index-suqlMrTp.d.mts}

@@ -1,6 +1,6 @@
-import { T as Theme } from "./themes-CtTQTVqe.cjs";
-import "./index-CkYiijiE.cjs";
-import { n as FlexProps } from "./index-Da9Sr6v7.cjs";
+import { T as Theme } from "./themes-C3RTORGO.mjs";
+import "./index-Dkqk_6g2.mjs";
+import { n as FlexProps } from "./index-CWYckiaS.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-AlVOmB-K.d.mts → index-t6XUvJ_3.d.mts}

@@ -1,6 +1,6 @@
-import { T as Theme } from "./themes-CCguU8uo.mjs";
-import "./index-DVG64KQ4.mjs";
-import { BorderProps, FlexboxProps, LayoutProps, PositionProps, SpaceProps, SpanProps, TypographyProps } from "@soroush.tech/styled-system";
+import { T as Theme } from "./themes-C3RTORGO.mjs";
+import "./index-Dkqk_6g2.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
 /** Valid values for the color prop - derived from theme.text keys. */
@@ -13,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'>, SpaceProps<Theme>, LayoutProps<Theme>, TypographyProps<Theme>, Omit<BorderProps<Theme>, 'borderColor' | 'borderWidth' | 'borderRadius'>, PositionProps<Theme>, SpanProps<Theme> {
+interface ViewProps extends Omit<HTMLAttributes<HTMLElement>, 'color'>, SpaceProps<Theme>, LayoutProps<Theme>, TypographyProps<Theme>, Omit<BorderProps<Theme>, 'borderColor' | 'borderWidth' | 'borderRadius'>, PositionProps<Theme>, SpanProps<Theme>, LayoutFrameProps<Theme> {
   bg?: ViewBackgroundToken;
   /** Resolves against theme.border - light · primary · dark */
   borderColor?: ViewBorderColorToken;

package/dist/index.d.cts

@@ -1,4 +1,4 @@
-import { T as Theme, a as CSSObject, x as PaletteColor } from "./themes-CtTQTVqe.cjs";
-import { a as ThemeCustomizationOptions, i as props, n as css, o as styled, r as keyframes, t as createShouldForwardProp } from "./index-CkYiijiE.cjs";
+import { T as Theme, a as CSSObject, x as PaletteColor } from "./themes-Dswy4M6B.cjs";
+import { a as ThemeCustomizationOptions, i as props, n as css, o as styled, r as keyframes, t as createShouldForwardProp } from "./index-BsUsSWXP.cjs";
 export * from "@soroush.tech/styled-system";
 export { type CSSObject, type PaletteColor, type Theme, type ThemeCustomizationOptions, createShouldForwardProp, css, keyframes, props, styled };

package/dist/index.d.mts

@@ -1,4 +1,4 @@
-import { T as Theme, a as CSSObject, x as PaletteColor } from "./themes-CCguU8uo.mjs";
-import { a as ThemeCustomizationOptions, i as props, n as css, o as styled, r as keyframes, t as createShouldForwardProp } from "./index-DVG64KQ4.mjs";
+import { T as Theme, a as CSSObject, x as PaletteColor } from "./themes-C3RTORGO.mjs";
+import { a as ThemeCustomizationOptions, i as props, n as css, o as styled, r as keyframes, t as createShouldForwardProp } from "./index-Dkqk_6g2.mjs";
 export * from "@soroush.tech/styled-system";
 export { type CSSObject, type PaletteColor, type Theme, type ThemeCustomizationOptions, createShouldForwardProp, css, keyframes, props, styled };

package/dist/style.d.cts

@@ -1,5 +1,5 @@
-import { T as Theme, a as CSSObject } from "./themes-CtTQTVqe.cjs";
-import "./index-C2e925FY.cjs";
+import { T as Theme, a as CSSObject } from "./themes-Dswy4M6B.cjs";
+import "./index-BO-vkjtm.cjs";
 import { ComponentType, ReactNode } from "react";
 //#region src/style/hooks/useStyle.d.ts
 type StyleFactory = {

package/dist/style.d.mts

@@ -1,5 +1,5 @@
-import { T as Theme, a as CSSObject } from "./themes-CCguU8uo.mjs";
-import "./index-iHyGhLkM.mjs";
+import { T as Theme, a as CSSObject } from "./themes-C3RTORGO.mjs";
+import "./index-BHyJ6P_D.mjs";
 import { ComponentType, ReactNode } from "react";
 //#region src/style/hooks/useStyle.d.ts
 type StyleFactory = {

package/dist/theme.d.cts

@@ -1,3 +1,3 @@
-import { $ as between, A as ThemeBreakpoints, B as ThemeRadii, C as PressableOwnerState, Ct as withBreakpointHelpers, D as ThemeBackground, E as ThemeAvatarSizes, F as ThemeIconSizes, G as ThemeSwitch, H as ThemeSizes, I as ThemeLayout, J as ThemeZOrder, K as ThemeText, L as ThemeLetterSpacings, M as ThemeDefaults, N as ThemeFontWeights, O as ThemeBorder, P as ThemeFonts, Q as baseTheme, R as ThemeLineHeights, S as PaletteEntry, St as BreakpointHelpers, T as Theme, U as ThemeSkeleton, V as ThemeShadow, W as ThemeSpace, X as TypographyVariantStyle, Y as TypographyVariant, Z as avatar, _ as LayoutPanel, _t as up, a as CSSObject, at as fontWeights, b as OpenScale, bt as ThemeOverride, c as CardSlotTypographyProps, ct as layout, d as ComponentVariant, dt as not, et as borderWidths, f as DefaultBreakpoints, ft as only, g as LayoutLength, gt as typography, h as LayoutEntry, ht as space, i as ButtonVariants, it as fontSizes, j as ThemeComponents, k as ThemeBorderWidths, l as ComponentConfig, lt as letterSpacings, m as LayoutContent, mt as sizes, n as BreakpointOverrides, nt as containerQueries, o as CardOwnerState, ot as fonts, p as LayoutBars, pt as radii, q as ThemeTypographyVariants, r as ButtonOwnerState, rt as down, s as CardSlotIconProps, st as icon, t as BreakpointKey, tt as breakpoints, u as ComponentStyle, ut as lineHeights, v as LayoutPanels, vt as zOrder, w as SizeEntry, x as PaletteColor, xt as createTheme, y as LayoutSpace, yt as DeepPartial, z as ThemePalette } from "./themes-CtTQTVqe.cjs";
-import { a as ThemeProvider, i as themeDefault, n as useDefaultProps, r as useTheme, t as withTheme } from "./index-C2e925FY.cjs";
+import { $ as between, A as ThemeBreakpoints, B as ThemeRadii, C as PressableOwnerState, Ct as withBreakpointHelpers, D as ThemeBackground, E as ThemeAvatarSizes, F as ThemeIconSizes, G as ThemeSwitch, H as ThemeSizes, I as ThemeLayout, J as ThemeZOrder, K as ThemeText, L as ThemeLetterSpacings, M as ThemeDefaults, N as ThemeFontWeights, O as ThemeBorder, P as ThemeFonts, Q as baseTheme, R as ThemeLineHeights, S as PaletteEntry, St as BreakpointHelpers, T as Theme, U as ThemeSkeleton, V as ThemeShadow, W as ThemeSpace, X as TypographyVariantStyle, Y as TypographyVariant, Z as avatar, _ as LayoutPanel, _t as up, a as CSSObject, at as fontWeights, b as OpenScale, bt as ThemeOverride, c as CardSlotTypographyProps, ct as layout, d as ComponentVariant, dt as not, et as borderWidths, f as DefaultBreakpoints, ft as only, g as LayoutLength, gt as typography, h as LayoutEntry, ht as space, i as ButtonVariants, it as fontSizes, j as ThemeComponents, k as ThemeBorderWidths, l as ComponentConfig, lt as letterSpacings, m as LayoutContent, mt as sizes, n as BreakpointOverrides, nt as containerQueries, o as CardOwnerState, ot as fonts, p as LayoutBars, pt as radii, q as ThemeTypographyVariants, r as ButtonOwnerState, rt as down, s as CardSlotIconProps, st as icon, t as BreakpointKey, tt as breakpoints, u as ComponentStyle, ut as lineHeights, v as LayoutPanels, vt as zOrder, w as SizeEntry, x as PaletteColor, xt as createTheme, y as LayoutSpace, yt as DeepPartial, z as ThemePalette } from "./themes-Dswy4M6B.cjs";
+import { a as ThemeProvider, i as themeDefault, n as useDefaultProps, r as useTheme, t as withTheme } from "./index-BO-vkjtm.cjs";
 export { BreakpointHelpers, BreakpointKey, BreakpointOverrides, ButtonOwnerState, ButtonVariants, CSSObject, CardOwnerState, CardSlotIconProps, CardSlotTypographyProps, ComponentConfig, ComponentStyle, ComponentVariant, type DeepPartial, DefaultBreakpoints, LayoutBars, LayoutContent, LayoutEntry, LayoutLength, LayoutPanel, LayoutPanels, LayoutSpace, OpenScale, PaletteColor, PaletteEntry, PressableOwnerState, SizeEntry, Theme, ThemeAvatarSizes, ThemeBackground, ThemeBorder, ThemeBorderWidths, ThemeBreakpoints, ThemeComponents, ThemeDefaults, ThemeFontWeights, ThemeFonts, ThemeIconSizes, ThemeLayout, ThemeLetterSpacings, ThemeLineHeights, type ThemeOverride, ThemePalette, ThemeProvider, ThemeRadii, ThemeShadow, ThemeSizes, ThemeSkeleton, ThemeSpace, ThemeSwitch, ThemeText, ThemeTypographyVariants, ThemeZOrder, TypographyVariant, TypographyVariantStyle, avatar, baseTheme, between, borderWidths, breakpoints, containerQueries, createTheme, down, fontSizes, fontWeights, fonts, icon, layout, letterSpacings, lineHeights, not, only, radii, sizes, space, themeDefault, typography, up, useDefaultProps, useTheme, withBreakpointHelpers, withTheme, zOrder };

package/dist/theme.d.mts

@@ -1,3 +1,3 @@
-import { $ as between, A as ThemeBreakpoints, B as ThemeRadii, C as PressableOwnerState, Ct as withBreakpointHelpers, D as ThemeBackground, E as ThemeAvatarSizes, F as ThemeIconSizes, G as ThemeSwitch, H as ThemeSizes, I as ThemeLayout, J as ThemeZOrder, K as ThemeText, L as ThemeLetterSpacings, M as ThemeDefaults, N as ThemeFontWeights, O as ThemeBorder, P as ThemeFonts, Q as baseTheme, R as ThemeLineHeights, S as PaletteEntry, St as BreakpointHelpers, T as Theme, U as ThemeSkeleton, V as ThemeShadow, W as ThemeSpace, X as TypographyVariantStyle, Y as TypographyVariant, Z as avatar, _ as LayoutPanel, _t as up, a as CSSObject, at as fontWeights, b as OpenScale, bt as ThemeOverride, c as CardSlotTypographyProps, ct as layout, d as ComponentVariant, dt as not, et as borderWidths, f as DefaultBreakpoints, ft as only, g as LayoutLength, gt as typography, h as LayoutEntry, ht as space, i as ButtonVariants, it as fontSizes, j as ThemeComponents, k as ThemeBorderWidths, l as ComponentConfig, lt as letterSpacings, m as LayoutContent, mt as sizes, n as BreakpointOverrides, nt as containerQueries, o as CardOwnerState, ot as fonts, p as LayoutBars, pt as radii, q as ThemeTypographyVariants, r as ButtonOwnerState, rt as down, s as CardSlotIconProps, st as icon, t as BreakpointKey, tt as breakpoints, u as ComponentStyle, ut as lineHeights, v as LayoutPanels, vt as zOrder, w as SizeEntry, x as PaletteColor, xt as createTheme, y as LayoutSpace, yt as DeepPartial, z as ThemePalette } from "./themes-CCguU8uo.mjs";
-import { a as ThemeProvider, i as themeDefault, n as useDefaultProps, r as useTheme, t as withTheme } from "./index-iHyGhLkM.mjs";
+import { $ as between, A as ThemeBreakpoints, B as ThemeRadii, C as PressableOwnerState, Ct as withBreakpointHelpers, D as ThemeBackground, E as ThemeAvatarSizes, F as ThemeIconSizes, G as ThemeSwitch, H as ThemeSizes, I as ThemeLayout, J as ThemeZOrder, K as ThemeText, L as ThemeLetterSpacings, M as ThemeDefaults, N as ThemeFontWeights, O as ThemeBorder, P as ThemeFonts, Q as baseTheme, R as ThemeLineHeights, S as PaletteEntry, St as BreakpointHelpers, T as Theme, U as ThemeSkeleton, V as ThemeShadow, W as ThemeSpace, X as TypographyVariantStyle, Y as TypographyVariant, Z as avatar, _ as LayoutPanel, _t as up, a as CSSObject, at as fontWeights, b as OpenScale, bt as ThemeOverride, c as CardSlotTypographyProps, ct as layout, d as ComponentVariant, dt as not, et as borderWidths, f as DefaultBreakpoints, ft as only, g as LayoutLength, gt as typography, h as LayoutEntry, ht as space, i as ButtonVariants, it as fontSizes, j as ThemeComponents, k as ThemeBorderWidths, l as ComponentConfig, lt as letterSpacings, m as LayoutContent, mt as sizes, n as BreakpointOverrides, nt as containerQueries, o as CardOwnerState, ot as fonts, p as LayoutBars, pt as radii, q as ThemeTypographyVariants, r as ButtonOwnerState, rt as down, s as CardSlotIconProps, st as icon, t as BreakpointKey, tt as breakpoints, u as ComponentStyle, ut as lineHeights, v as LayoutPanels, vt as zOrder, w as SizeEntry, x as PaletteColor, xt as createTheme, y as LayoutSpace, yt as DeepPartial, z as ThemePalette } from "./themes-C3RTORGO.mjs";
+import { a as ThemeProvider, i as themeDefault, n as useDefaultProps, r as useTheme, t as withTheme } from "./index-BHyJ6P_D.mjs";
 export { BreakpointHelpers, BreakpointKey, BreakpointOverrides, ButtonOwnerState, ButtonVariants, CSSObject, CardOwnerState, CardSlotIconProps, CardSlotTypographyProps, ComponentConfig, ComponentStyle, ComponentVariant, type DeepPartial, DefaultBreakpoints, LayoutBars, LayoutContent, LayoutEntry, LayoutLength, LayoutPanel, LayoutPanels, LayoutSpace, OpenScale, PaletteColor, PaletteEntry, PressableOwnerState, SizeEntry, Theme, ThemeAvatarSizes, ThemeBackground, ThemeBorder, ThemeBorderWidths, ThemeBreakpoints, ThemeComponents, ThemeDefaults, ThemeFontWeights, ThemeFonts, ThemeIconSizes, ThemeLayout, ThemeLetterSpacings, ThemeLineHeights, type ThemeOverride, ThemePalette, ThemeProvider, ThemeRadii, ThemeShadow, ThemeSizes, ThemeSkeleton, ThemeSpace, ThemeSwitch, ThemeText, ThemeTypographyVariants, ThemeZOrder, TypographyVariant, TypographyVariantStyle, avatar, baseTheme, between, borderWidths, breakpoints, containerQueries, createTheme, down, fontSizes, fontWeights, fonts, icon, layout, letterSpacings, lineHeights, not, only, radii, sizes, space, themeDefault, typography, up, useDefaultProps, useTheme, withBreakpointHelpers, withTheme, zOrder };

package/dist/{themes-CCguU8uo.d.mts → themes-C3RTORGO.d.mts}

@@ -227,8 +227,9 @@ interface DefaultBreakpoints {
  *   }
  */
 interface BreakpointOverrides {}
+type RemovedBreakpoints = keyof { [K in keyof BreakpointOverrides as BreakpointOverrides[K] extends false ? K : never]: true; };
 /** The theme's breakpoint names: the defaults, plus every override set to `true`, minus every one set to `false`. */
-type BreakpointKey = Exclude<keyof DefaultBreakpoints | keyof BreakpointOverrides, { [K in keyof BreakpointOverrides]: BreakpointOverrides[K] extends false ? K : never; }[keyof BreakpointOverrides]>;
+type BreakpointKey = Exclude<keyof DefaultBreakpoints | keyof BreakpointOverrides, RemovedBreakpoints>;
 /**
  * `theme.breakpoints`: where each window class starts, ascending, in declared order. A key holds
  * from its value until the next key, so `xs: '0px'` applies everywhere until `sm` overrides it;

package/dist/{themes-CtTQTVqe.d.cts → themes-Dswy4M6B.d.cts}

@@ -227,8 +227,9 @@ interface DefaultBreakpoints {
  *   }
  */
 interface BreakpointOverrides {}
+type RemovedBreakpoints = keyof { [K in keyof BreakpointOverrides as BreakpointOverrides[K] extends false ? K : never]: true; };
 /** The theme's breakpoint names: the defaults, plus every override set to `true`, minus every one set to `false`. */
-type BreakpointKey = Exclude<keyof DefaultBreakpoints | keyof BreakpointOverrides, { [K in keyof BreakpointOverrides]: BreakpointOverrides[K] extends false ? K : never; }[keyof BreakpointOverrides]>;
+type BreakpointKey = Exclude<keyof DefaultBreakpoints | keyof BreakpointOverrides, RemovedBreakpoints>;
 /**
  * `theme.breakpoints`: where each window class starts, ascending, in declared order. A key holds
  * from its value until the next key, so `xs: '0px'` applies everywhere until `sm` overrides it;

package/dist/{useTablePagination-BG93T2Od.d.cts → useTablePagination-BueH0_dG.d.cts}

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

package/dist/{useTablePagination-jBWK8cmx.d.mts → useTablePagination-CxBh-gU8.d.mts}

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