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

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-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-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-C-ACdUhw.d.mts → index-EuWfYhf8.d.mts}

@@ -1,13 +1,14 @@
-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-C3RTORGO.mjs";
+import "./index-Dkqk_6g2.mjs";
+import { s as ViewProps } from "./index-C0-SB0dL.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.
  */
 interface FlexProps extends ViewProps, FlexboxProps<Theme>, LayoutGridProps<Theme> {}
 declare const Flex: import("@emotion/styled").StyledComponent<{

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

@@ -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-Dswy4M6B.cjs";
+import "./index-BsUsSWXP.cjs";
+import { n as FlexProps } from "./index-ue1Ccvln.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-AlVOmB-K.d.mts → index-JSOR69Iy.d.cts}

@@ -1,7 +1,7 @@
-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-Dswy4M6B.cjs";
+import "./index-BsUsSWXP.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'];

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-Da9Sr6v7.d.cts → index-ue1Ccvln.d.cts}

@@ -1,13 +1,14 @@
-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-Dswy4M6B.cjs";
+import "./index-BsUsSWXP.cjs";
+import { s as ViewProps } from "./index-JSOR69Iy.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.
  */
 interface FlexProps extends ViewProps, FlexboxProps<Theme>, LayoutGridProps<Theme> {}
 declare const Flex: import("@emotion/styled").StyledComponent<{

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 {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@soroush.tech/design-system",
-  "version": "2.0.0-alpha.1",
+  "version": "2.0.0-alpha.2",
   "description": "Emotion + @soroush.tech/styled-system React component library - token-driven light/dark themes, layout primitives, forms, and overlays.",
   "keywords": [
     "design-system",
@@ -477,7 +477,7 @@
     "@emotion/cache": "^11.14.0",
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.1",
-    "@soroush.tech/styled-system": "^6.0.0-alpha.0"
+    "@soroush.tech/styled-system": "^6.0.0-alpha.1"
   },
   "peerDependencies": {
     "react": "^19.2.8",