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

package/dist/Typography.d.mts

@@ -1,3 +1,3 @@
-import { K as TypographyVariant } from "./themes-9YNnlVyY.mjs";
-import { a as TypographyProps, i as TypographyAlign, n as TextColorToken, r as Typography, t as BackgroundToken } from "./index-DuefjNlC.mjs";
+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";
 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-BQGlZoma.mjs";
+import { r as useTheme } from "./theme-C1o9qa2E.mjs";
 import "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/Typography/Typography.tsx

package/dist/View.cjs

@@ -31,7 +31,8 @@ const View = require_src.styled("div", {
 		colorSystem,
 		require_src.src_exports.typography,
 		require_src.src_exports.border,
-		require_src.src_exports.position
+		require_src.src_exports.position,
+		require_src.src_exports.span
 	]
 })();
 //#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-CvWslVk6.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-B2LR3Y5d.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-tv-TGYSG.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-AlVOmB-K.mjs";
 export { View, ViewBackgroundToken, ViewBorderColorToken, ViewBorderRadiusToken, ViewBorderWidthToken, ViewColorToken, ViewProps };

package/dist/View.mjs

@@ -29,7 +29,8 @@ const View = styled("div", {
 		colorSystem,
 		src_exports.typography,
 		src_exports.border,
-		src_exports.position
+		src_exports.position,
+		src_exports.span
 	]
 })();
 //#endregion

package/dist/engine.d.cts

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

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

@@ -1,7 +1,7 @@
-import { S as Theme, n as ButtonVariants, v as PaletteColor } from "./themes-9YNnlVyY.mjs";
-import "./index-CEqa8xx8.mjs";
-import { BorderProps, LayoutProps, SpaceProps, TypographyProps } from "@soroush.tech/styled-system";
+import { T as Theme, i as ButtonVariants, x as PaletteColor } from "./themes-CtTQTVqe.cjs";
+import "./index-CkYiijiE.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-CvWslVk6.d.cts → index-AlVOmB-K.d.mts}

@@ -1,7 +1,7 @@
-import { S as Theme } from "./themes-9YNnlVyY.cjs";
-import "./index-DkJzi96w.cjs";
+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 { CSSProperties, HTMLAttributes } from "react";
-import { BorderProps, FlexboxProps, LayoutProps, PositionProps, SpaceProps, TypographyProps } from "@soroush.tech/styled-system";
 //#region src/View/View.d.ts
 /** Valid values for the color prop - derived from theme.text keys. */
 type ViewColorToken = keyof Theme['text'];
@@ -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> {
+interface ViewProps extends Omit<HTMLAttributes<HTMLElement>, 'color'>, SpaceProps<Theme>, LayoutProps<Theme>, TypographyProps<Theme>, Omit<BorderProps<Theme>, 'borderColor' | 'borderWidth' | 'borderRadius'>, PositionProps<Theme>, SpanProps<Theme> {
   bg?: ViewBackgroundToken;
   /** Resolves against theme.border - light · primary · dark */
   borderColor?: ViewBorderColorToken;

package/dist/{index-tv-TGYSG.d.mts → index-B2LR3Y5d.d.cts}

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

package/dist/{index-EYR0z1Qv.d.cts → index-BAKGyLEF.d.mts}

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

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

@@ -1,6 +1,6 @@
-import { S as Theme } from "./themes-9YNnlVyY.cjs";
-import "./index-DkJzi96w.cjs";
-import { n as IconProps, r as IconName } from "./index-DPHwCZYf.cjs";
+import { T as Theme } from "./themes-CtTQTVqe.cjs";
+import "./index-CkYiijiE.cjs";
+import { n as IconProps, r as IconName } from "./index-wJbUPxSk.cjs";
 import { ButtonHTMLAttributes } from "react";
 import { SpaceProps } from "@soroush.tech/styled-system";
 //#region src/Table/TableSortLabel/TableSortLabel.d.ts

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

@@ -1,6 +1,6 @@
-import { S as Theme } from "./themes-9YNnlVyY.mjs";
-import "./index-CEqa8xx8.mjs";
-import { t as TableCellPadding } from "./TableContext-DBOk01Xl.mjs";
+import { T as Theme } from "./themes-CCguU8uo.mjs";
+import "./index-DVG64KQ4.mjs";
+import { t as TableCellPadding } from "./TableContext-BwK_fB9Q.mjs";
 import { BorderProps, SpaceProps, TypographyProps } from "@soroush.tech/styled-system";
 import { ElementType, ThHTMLAttributes } from "react";
 //#region src/Table/TableSectionContext.d.ts

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

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

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

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

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

@@ -1,6 +1,6 @@
-import { S as Theme } from "./themes-9YNnlVyY.cjs";
-import "./index-DkJzi96w.cjs";
-import { t as TableCellPadding } from "./TableContext-DRAhXvq3.cjs";
+import { T as Theme } from "./themes-CtTQTVqe.cjs";
+import "./index-CkYiijiE.cjs";
+import { t as TableCellPadding } from "./TableContext-98M9MAm7.cjs";
 import { ElementType, ThHTMLAttributes } from "react";
 import { BorderProps, SpaceProps, TypographyProps } from "@soroush.tech/styled-system";
 //#region src/Table/TableSectionContext.d.ts

package/dist/{index-Cjlax0-f.d.mts → index-BvLNPm5C.d.cts}

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

package/dist/index-C-ACdUhw.d.mts

@@ -0,0 +1,20 @@
+import { T as Theme } from "./themes-CCguU8uo.mjs";
+import "./index-DVG64KQ4.mjs";
+import { s as ViewProps } from "./index-AlVOmB-K.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`.
+ */
+interface FlexProps extends ViewProps, FlexboxProps<Theme>, LayoutGridProps<Theme> {}
+declare const Flex: import("@emotion/styled").StyledComponent<{
+  theme?: Theme;
+  as?: React.ElementType;
+} & ViewProps & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+  theme?: Theme;
+} & FlexProps, {}, {}>;
+//#endregion
+export { FlexProps as n, GapToken as r, Flex as t };

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

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

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

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

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

@@ -1,8 +1,8 @@
-import { S as Theme } from "./themes-9YNnlVyY.mjs";
-import "./index-CEqa8xx8.mjs";
-import { n as ButtonColor, o as ButtonSize, s as ButtonVariant } from "./index-D4i9vrQM.mjs";
-import { SpaceProps } from "@soroush.tech/styled-system";
+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 { SpaceProps } from "@soroush.tech/styled-system";
 //#region src/ButtonGroup/ButtonGroup.d.ts
 type ButtonGroupOrientation = 'horizontal' | 'vertical';
 type ButtonGroupRadius = keyof Theme['radii'];

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

@@ -1,6 +1,6 @@
-import { S as Theme } from "./themes-9YNnlVyY.mjs";
-import "./index-CEqa8xx8.mjs";
-import { a as PaginationItemSize, i as PaginationItemShape, l as UsePaginationProps, n as PaginationItemColor, o as PaginationItemVariant, s as PaginationItemType } from "./index-CzmA09Yf.mjs";
+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 { HTMLAttributes } from "react";
 //#region src/Pagination/Pagination.d.ts

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

@@ -1,7 +1,7 @@
-import { K as TypographyVariant, S as Theme } from "./themes-9YNnlVyY.cjs";
-import "./index-DkJzi96w.cjs";
-import { CSSProperties, ElementType, HTMLAttributes } from "react";
+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 { 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-CCrocxBL.d.cts → index-CaCfFN31.d.mts}

@@ -1,8 +1,8 @@
-import { S as Theme } from "./themes-9YNnlVyY.cjs";
-import "./index-DkJzi96w.cjs";
-import { n as ButtonColor, o as ButtonSize, s as ButtonVariant } from "./index-S3NZS-Qp.cjs";
-import { ElementType, HTMLAttributes } from "react";
+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 { ElementType, HTMLAttributes } from "react";
 //#region src/ButtonGroup/ButtonGroup.d.ts
 type ButtonGroupOrientation = 'horizontal' | 'vertical';
 type ButtonGroupRadius = keyof Theme['radii'];

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

@@ -1,4 +1,4 @@
-import { S as Theme } from "./themes-9YNnlVyY.cjs";
+import { T as Theme } from "./themes-CtTQTVqe.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-BSR9zrAA.d.mts → index-CorVAOY7.d.mts}

@@ -1,6 +1,6 @@
-import { S as Theme } from "./themes-9YNnlVyY.mjs";
-import "./index-CEqa8xx8.mjs";
-import { n as FlexProps } from "./index-B41OXLX8.mjs";
+import { T as Theme } from "./themes-CCguU8uo.mjs";
+import "./index-DVG64KQ4.mjs";
+import { n as FlexProps } from "./index-C-ACdUhw.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-CohgpyUj.d.cts → index-D3kNrl9W.d.cts}

@@ -1,6 +1,6 @@
-import { S as Theme } from "./themes-9YNnlVyY.cjs";
-import "./index-DkJzi96w.cjs";
-import { a as PaginationItemSize, i as PaginationItemShape, l as UsePaginationProps, n as PaginationItemColor, o as PaginationItemVariant, s as PaginationItemType } from "./index-CLttbRhG.cjs";
+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 { SpaceProps } from "@soroush.tech/styled-system";
 //#region src/Pagination/Pagination.d.ts

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

@@ -1,5 +1,5 @@
-import { S as Theme, v as PaletteColor } from "./themes-9YNnlVyY.mjs";
-import "./index-CEqa8xx8.mjs";
+import { T as Theme, x as PaletteColor } from "./themes-CCguU8uo.mjs";
+import "./index-DVG64KQ4.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-CtrxW81j.d.cts → index-D8jHpwh5.d.cts}

@@ -1,5 +1,5 @@
-import { S as Theme, v as PaletteColor } from "./themes-9YNnlVyY.cjs";
-import "./index-DkJzi96w.cjs";
+import { T as Theme, x as PaletteColor } from "./themes-CtTQTVqe.cjs";
+import "./index-CkYiijiE.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-DuefjNlC.d.mts → index-DClEfecw.d.cts}

@@ -1,7 +1,7 @@
-import { K as TypographyVariant, S as Theme } from "./themes-9YNnlVyY.mjs";
-import "./index-CEqa8xx8.mjs";
-import { BorderProps, FlexboxProps, LayoutProps, PositionProps, SpaceProps, TypographyProps } from "@soroush.tech/styled-system";
+import { T as Theme, Y as TypographyVariant } from "./themes-CtTQTVqe.cjs";
+import "./index-CkYiijiE.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-S3NZS-Qp.d.cts → index-DLtzp-Mg.d.mts}

@@ -1,7 +1,7 @@
-import { S as Theme, n as ButtonVariants, v as PaletteColor } from "./themes-9YNnlVyY.cjs";
-import "./index-DkJzi96w.cjs";
-import { ButtonHTMLAttributes, ReactNode } from "react";
+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 { 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-CEqa8xx8.d.mts → index-DVG64KQ4.d.mts}

@@ -1,4 +1,4 @@
-import { S as Theme } from "./themes-9YNnlVyY.mjs";
+import { T as Theme } from "./themes-CCguU8uo.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-Da9Sr6v7.d.cts

@@ -0,0 +1,20 @@
+import { T as Theme } from "./themes-CtTQTVqe.cjs";
+import "./index-CkYiijiE.cjs";
+import { s as ViewProps } from "./index-B2LR3Y5d.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`.
+ */
+interface FlexProps extends ViewProps, FlexboxProps<Theme>, LayoutGridProps<Theme> {}
+declare const Flex: import("@emotion/styled").StyledComponent<{
+  theme?: Theme;
+  as?: React.ElementType;
+} & ViewProps & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+  theme?: Theme;
+} & FlexProps, {}, {}>;
+//#endregion
+export { FlexProps as n, GapToken as r, Flex as t };

package/dist/{index-DPHwCZYf.d.cts → index-Dyfu-Otn.d.mts}

@@ -1,6 +1,6 @@
-import { n as TextColorToken } from "./index-bN91IhZi.cjs";
-import { SVGProps } from "react";
+import { n as TextColorToken } from "./index-COYl2TN0.mjs";
 import { LayoutProps, SpaceProps } from "@soroush.tech/styled-system";
+import { SVGProps } from "react";
 //#region src/Icon/icons/AccountTree.d.ts
 declare const SvgAccountTree: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
 //#endregion

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

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

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

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

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

@@ -1,6 +1,6 @@
-import { S as Theme } from "./themes-9YNnlVyY.cjs";
-import "./index-DkJzi96w.cjs";
-import { n as FlexProps } from "./index-BMJ3tyIw.cjs";
+import { T as Theme } from "./themes-CtTQTVqe.cjs";
+import "./index-CkYiijiE.cjs";
+import { n as FlexProps } from "./index-Da9Sr6v7.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-BDD-L8uL.d.cts → index-iHyGhLkM.d.mts}

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

package/dist/{index-r2avCy1z.d.mts → index-wJbUPxSk.d.cts}

@@ -1,6 +1,6 @@
-import { n as TextColorToken } from "./index-DuefjNlC.mjs";
-import { LayoutProps, SpaceProps } from "@soroush.tech/styled-system";
+import { n as TextColorToken } from "./index-DClEfecw.cjs";
 import { SVGProps } from "react";
+import { LayoutProps, SpaceProps } from "@soroush.tech/styled-system";
 //#region src/Icon/icons/AccountTree.d.ts
 declare const SvgAccountTree: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
 //#endregion

package/dist/index.d.cts

@@ -1,4 +1,4 @@
-import { S as Theme, r as CSSObject, v as PaletteColor } from "./themes-9YNnlVyY.cjs";
-import { a as ThemeCustomizationOptions, i as props, n as css, o as styled, r as keyframes, t as createShouldForwardProp } from "./index-DkJzi96w.cjs";
+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";
 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 { S as Theme, r as CSSObject, v as PaletteColor } from "./themes-9YNnlVyY.mjs";
-import { a as ThemeCustomizationOptions, i as props, n as css, o as styled, r as keyframes, t as createShouldForwardProp } from "./index-CEqa8xx8.mjs";
+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";
 export * from "@soroush.tech/styled-system";
 export { type CSSObject, type PaletteColor, type Theme, type ThemeCustomizationOptions, createShouldForwardProp, css, keyframes, props, styled };

package/dist/style.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_theme = require("./theme-BmEAXmwh.cjs");
+const require_theme = require("./theme-DfAqr7qo.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 let _emotion_react = require("@emotion/react");
 //#region src/style/hooks/useStyle.ts

package/dist/style.d.cts

@@ -1,5 +1,5 @@
-import { S as Theme, r as CSSObject } from "./themes-9YNnlVyY.cjs";
-import "./index-BDD-L8uL.cjs";
+import { T as Theme, a as CSSObject } from "./themes-CtTQTVqe.cjs";
+import "./index-C2e925FY.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 { S as Theme, r as CSSObject } from "./themes-9YNnlVyY.mjs";
-import "./index-CoHrw2p7.mjs";
+import { T as Theme, a as CSSObject } from "./themes-CCguU8uo.mjs";
+import "./index-iHyGhLkM.mjs";
 import { ComponentType, ReactNode } from "react";
 //#region src/style/hooks/useStyle.d.ts
 type StyleFactory = {

package/dist/style.mjs

@@ -1,4 +1,4 @@
-import { r as useTheme } from "./theme-BQGlZoma.mjs";
+import { r as useTheme } from "./theme-C1o9qa2E.mjs";
 import { n as EmotionThemeContext } from "./emotion-BAyqVw0c.mjs";
 import { jsx } from "react/jsx-runtime";
 //#region src/style/hooks/useStyle.ts