@soroush.tech/design-system 2.0.0-rc.2 → 2.0.0-rc.3

package/dist/{index-BbgFYfX_.d.mts → index-BQWjh4rK.d.mts}

@@ -1,5 +1,5 @@
-import { V as Theme } from "./index-CVNJEUwJ.mjs";
-import { a as PaginationItemSize, i as PaginationItemShape, l as UsePaginationProps, n as PaginationItemColor, o as PaginationItemVariant, s as PaginationItemType } from "./index-DIC7HKpP.mjs";
+import { W as Theme } from "./index-CJhK7JND.mjs";
+import { a as PaginationItemSize, i as PaginationItemShape, l as UsePaginationProps, n as PaginationItemColor, o as PaginationItemVariant, s as PaginationItemType } from "./index-BGbTuHP9.mjs";
 import { SpaceProps } from "@soroush.tech/styled-system";
 import { HTMLAttributes } from "react";
 //#region src/Pagination/Pagination.d.ts

package/dist/{index-DJCpnTH3.d.mts → index-BelFIizY.d.cts}

@@ -1,7 +1,7 @@
-import { V as Theme } from "./index-CVNJEUwJ.mjs";
-import { t as TableCellPadding } from "./TableContext-6PgGpUzM.mjs";
-import { BorderProps, SpaceProps, TypographyProps } from "@soroush.tech/styled-system";
+import { W as Theme } from "./index-DJ0f69wh.cjs";
+import { t as TableCellPadding } from "./TableContext-Duj1nVG7.cjs";
 import { ElementType, ThHTMLAttributes } from "react";
+import { BorderProps, SpaceProps, TypographyProps } from "@soroush.tech/styled-system";
 //#region src/Table/TableSectionContext.d.ts
 /** The table section a cell lives in - drives `TableCell`'s th/td element resolution. */
 type TableSection = 'head' | 'body' | 'footer';

package/dist/{index-C3KrFPCj.d.mts → index-BkzZxHVj.d.mts}

@@ -1,5 +1,5 @@
-import { t as MenuItemValue } from "./MenuListContext-Dml16k0X.mjs";
-import { i as MenuItemRole } from "./index-Cj5Rhh_9.mjs";
+import { t as MenuItemValue } from "./MenuListContext-x-7lH4CH.mjs";
+import { i as MenuItemRole } from "./index-B1RFybA_.mjs";
 import { KeyboardEvent, MouseEvent, ReactNode } from "react";
 //#region src/Menu/MenuItems/MenuItems.d.ts
 /** A menu row as data - what a `MenuItem` takes, with its label as `label`. */

package/dist/{index-B8DNxyEw.d.mts → index-BrgwkY6z.d.mts}

@@ -1,5 +1,5 @@
-import { V as Theme } from "./index-CVNJEUwJ.mjs";
-import { n as ButtonColor, o as ButtonSize, s as ButtonVariant } from "./index-Bxd9NOWb.mjs";
+import { W as Theme } from "./index-CJhK7JND.mjs";
+import { n as ButtonColor, o as ButtonSize, s as ButtonVariant } from "./index-CG_1uPrD.mjs";
 import { SpaceProps } from "@soroush.tech/styled-system";
 import { ElementType, HTMLAttributes } from "react";
 //#region src/ButtonGroup/ButtonGroup.d.ts

package/dist/{index-DqjXDutI.d.mts → index-Bx0-6yeX.d.mts}

@@ -1,4 +1,4 @@
-import { V as Theme } from "./index-CVNJEUwJ.mjs";
+import { W as Theme } from "./index-CJhK7JND.mjs";
 import { KeyboardEvent, MouseEvent, ReactNode, Ref, RefCallback, SyntheticEvent } from "react";
 //#region src/Modal/useModal.d.ts
 type ModalCloseReason = 'escapeKey' | 'backdropClick';

package/dist/index-BxVTIMnB.d.cts

@@ -0,0 +1 @@
+import "./index-DJ0f69wh.cjs";

package/dist/{index-Bhdn4KTy.d.cts → index-ByYxVl9O.d.mts}

@@ -1,7 +1,7 @@
-import { V as Theme } from "./index-DmJ7yWWi.cjs";
-import { t as TableCellPadding } from "./TableContext-CBGk-Lh8.cjs";
-import { ElementType, ThHTMLAttributes } from "react";
+import { W as Theme } from "./index-CJhK7JND.mjs";
+import { t as TableCellPadding } from "./TableContext-DhuRf6Wy.mjs";
 import { BorderProps, SpaceProps, TypographyProps } from "@soroush.tech/styled-system";
+import { ElementType, ThHTMLAttributes } from "react";
 //#region src/Table/TableSectionContext.d.ts
 /** The table section a cell lives in - drives `TableCell`'s th/td element resolution. */
 type TableSection = 'head' | 'body' | 'footer';

package/dist/{index-gnh-Oe0n.d.cts → index-CE5JG1us.d.mts}

@@ -1,4 +1,4 @@
-import { V as Theme } from "./index-DmJ7yWWi.cjs";
+import { W as Theme } from "./index-CJhK7JND.mjs";
 import { MouseEvent, ReactNode } from "react";
 //#region src/Tabs/TabScrollButton/TabScrollButton.d.ts
 /** Which way a scroll button scrolls a row of tabs: towards its start, or its end. */

package/dist/{index-XxydXX8l.d.cts → index-CG_1uPrD.d.mts}

@@ -1,6 +1,6 @@
-import { M as PaletteColor, V as Theme, d as ButtonVariants } from "./index-DmJ7yWWi.cjs";
-import { ButtonHTMLAttributes, ReactNode } from "react";
+import { P as PaletteColor, W as Theme, d as ButtonVariants } from "./index-CJhK7JND.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-CVNJEUwJ.d.mts → index-CJhK7JND.d.mts}

@@ -467,6 +467,50 @@ interface ButtonVariants {
   outlined: true;
   text: true;
 }
+/** The defaults a theme may set for every `InputRange`. */
+interface InputRangeOwnerState {
+  size?: keyof ThemeSizes;
+  color?: keyof ThemePalette;
+  orientation?: 'horizontal' | 'vertical';
+  track?: 'normal' | false | 'inverted';
+  step?: number | null;
+  shiftStep?: number;
+  valueLabel?: 'auto' | 'on' | 'off';
+  shouldSwapThumbs?: boolean;
+}
+/** The defaults a theme may set for every `NumberField` - its button labels give it a language. */
+interface NumberFieldOwnerState {
+  variant?: 'default' | 'outlined' | 'text' | 'underline';
+  size?: keyof ThemeSizes;
+  color?: keyof ThemePalette;
+  spinButtons?: 'stacked' | 'sides' | 'none';
+  step?: number;
+  smallStep?: number;
+  largeStep?: number;
+  shouldSnapOnStep?: boolean;
+  shouldScrubOnWheel?: boolean;
+  incrementLabel?: string;
+  decrementLabel?: string;
+}
+/** The defaults a theme may set for every `Rating`. */
+interface RatingOwnerState {
+  max?: number;
+  precision?: number;
+  highlightSelectedOnly?: boolean;
+  size?: keyof ThemeSizes;
+  color?: keyof ThemePalette;
+}
+/** The defaults a theme may set for every `TransferList` - its button labels give it a language. */
+interface TransferListOwnerState {
+  size?: keyof ThemeSizes;
+  color?: keyof ThemePalette;
+  shouldShowMoveAll?: boolean;
+  hasSelectAll?: boolean;
+  moveAllRightLabel?: string;
+  moveRightLabel?: string;
+  moveLeftLabel?: string;
+  moveAllLeftLabel?: string;
+}
 /** The defaults a theme may set for every `Breadcrumbs` - its `expandLabel` gives a trail its language. */
 interface BreadcrumbsOwnerState {
   separator?: ReactNode;
@@ -623,6 +667,10 @@ interface ThemeComponents {
   Pressable?: ComponentConfig<PressableOwnerState>;
   Quote?: ComponentConfig;
   Radio?: ComponentConfig<Record<string, unknown>, 'root' | 'input' | 'icon'>;
+  InputRange?: ComponentConfig<InputRangeOwnerState, 'root' | 'rail' | 'track' | 'thumb' | 'mark' | 'markLabel' | 'valueLabel' | 'input'>;
+  TransferList?: ComponentConfig<TransferListOwnerState, 'root' | 'list' | 'header' | 'title' | 'count' | 'items' | 'item' | 'controls' | 'icon'>;
+  NumberField?: ComponentConfig<NumberFieldOwnerState, 'root' | 'input' | 'spinButtons' | 'increment' | 'decrement'>;
+  Rating?: ComponentConfig<RatingOwnerState, 'root' | 'item' | 'icon' | 'decimal' | 'input' | 'text' | 'emptyLabel'>;
   Select?: ComponentConfig<Record<string, unknown>, 'root' | 'value' | 'valueArea' | 'valueGhost' | 'listbox'>;
   Sidebar?: ComponentConfig<Record<string, unknown>, 'root' | 'rail' | 'panel'>;
   SidebarItem?: ComponentConfig;
@@ -825,4 +873,4 @@ interface CreateThemedStyled extends StyledTags {
  */
 declare const styled: CreateThemedStyled;
 //#endregion
-export { ThemeLetterSpacings as $, MenuOwnerState as A, sizes as At, TabsVariants as B, Paper as Bt, LayoutEntry as C, icon as Ct, LayoutSpace as D, not as Dt, LayoutPanels as E, lineHeights as Et, SizeEntry as F, DeepPartial as Ft, ThemeBorderWidths as G, GapToken as Gt, ThemeAvatarSizes as H, PaperProps as Ht, TabOwnerState as I, ThemeOverride as It, ThemeDefaults as J, ViewBorderColorToken as Jt, ThemeBreakpoints as K, View as Kt, TabPanelOwnerState as L, createTheme as Lt, PaletteColor as M, typography$1 as Mt, PaletteEntry as N, up as Nt, MenuItemOwnerState as O, only as Ot, PressableOwnerState as P, zOrder as Pt, ThemeLayout as Q, ViewProps as Qt, TabScrollButtonOwnerState as R, BreakpointHelpers as Rt, LayoutContent as S, fonts as St, LayoutPanel as T, letterSpacings as Tt, ThemeBackground as U, Flex as Ut, Theme as V, PaperElevation as Vt, ThemeBorder as W, FlexProps as Wt, ThemeFonts as X, ViewBorderWidthToken as Xt, ThemeFontWeights as Y, ViewBorderRadiusToken as Yt, ThemeIconSizes as Z, ViewColorToken as Zt, ComponentStyle as _, breakpoints as _t, ThemeCustomizationOptions as a, ThemeSkeleton as at, DefaultBreakpoints as b, fontSizes as bt, BreakpointKey as c, ThemeText as ct, ButtonVariants as d, TypographyVariant as dt, ThemeLineHeights as et, CSSObject$1 as f, TypographyVariantStyle as ft, ComponentConfig as g, borderWidths as gt, CardSlotTypographyProps as h, between as ht, props as i, ThemeSizes as it, OpenScale as j, space$1 as jt, MenuListOwnerState as k, radii as kt, BreakpointOverrides as l, ThemeTypographyVariants as lt, CardSlotIconProps as m, baseTheme as mt, css$1 as n, ThemeRadii as nt, styled as o, ThemeSpace as ot, CardOwnerState as p, avatar as pt, ThemeComponents as q, ViewBackgroundToken as qt, keyframes as r, ThemeShadow as rt, BreadcrumbsOwnerState as s, ThemeSwitch as st, createShouldForwardProp as t, ThemePalette as tt, ButtonOwnerState as u, ThemeZOrder as ut, ComponentVariant as v, containerQueries as vt, LayoutLength as w, layout$1 as wt, LayoutBars as x, fontWeights as xt, ContextMenuOwnerState as y, down as yt, TabsOwnerState as z, withBreakpointHelpers as zt };
+export { ThemeFonts as $, ViewBorderRadiusToken as $t, MenuListOwnerState as A, lineHeights as At, TabPanelOwnerState as B, ThemeOverride as Bt, LayoutContent as C, down as Ct, LayoutPanels as D, icon as Dt, LayoutPanel as E, fonts as Et, PaletteEntry as F, space$1 as Ft, ThemeAvatarSizes as G, PaperElevation as Gt, TabsOwnerState as H, BreakpointHelpers as Ht, PressableOwnerState as I, typography$1 as It, ThemeBorderWidths as J, FlexProps as Jt, ThemeBackground as K, PaperProps as Kt, RatingOwnerState as L, up as Lt, NumberFieldOwnerState as M, only as Mt, OpenScale as N, radii as Nt, LayoutSpace as O, layout$1 as Ot, PaletteColor as P, sizes as Pt, ThemeFontWeights as Q, ViewBorderColorToken as Qt, SizeEntry as R, zOrder as Rt, LayoutBars as S, containerQueries as St, LayoutLength as T, fontWeights as Tt, TabsVariants as U, withBreakpointHelpers as Ut, TabScrollButtonOwnerState as V, createTheme as Vt, Theme as W, Paper as Wt, ThemeComponents as X, View as Xt, ThemeBreakpoints as Y, GapToken as Yt, ThemeDefaults as Z, ViewBackgroundToken as Zt, ComponentStyle as _, avatar as _t, ThemeCustomizationOptions as a, ThemeRadii as at, DefaultBreakpoints as b, borderWidths as bt, BreakpointKey as c, ThemeSkeleton as ct, ButtonVariants as d, ThemeText as dt, ViewBorderWidthToken as en, ThemeIconSizes as et, CSSObject$1 as f, ThemeTypographyVariants as ft, ComponentConfig as g, TypographyVariantStyle as gt, CardSlotTypographyProps as h, TypographyVariant as ht, props as i, ThemePalette as it, MenuOwnerState as j, not as jt, MenuItemOwnerState as k, letterSpacings as kt, BreakpointOverrides as l, ThemeSpace as lt, CardSlotIconProps as m, TransferListOwnerState as mt, css$1 as n, ViewProps as nn, ThemeLetterSpacings as nt, styled as o, ThemeShadow as ot, CardOwnerState as p, ThemeZOrder as pt, ThemeBorder as q, Flex as qt, keyframes as r, ThemeLineHeights as rt, BreadcrumbsOwnerState as s, ThemeSizes as st, createShouldForwardProp as t, ViewColorToken as tn, ThemeLayout as tt, ButtonOwnerState as u, ThemeSwitch as ut, ComponentVariant as v, baseTheme as vt, LayoutEntry as w, fontSizes as wt, InputRangeOwnerState as x, breakpoints as xt, ContextMenuOwnerState as y, between as yt, TabOwnerState as z, DeepPartial as zt };

package/dist/{index-BjfPEP_5.d.cts → index-CQfJZADG.d.cts}

@@ -1,5 +1,5 @@
-import { V as Theme } from "./index-DmJ7yWWi.cjs";
-import { n as ButtonColor, o as ButtonSize, s as ButtonVariant } from "./index-XxydXX8l.cjs";
+import { W as Theme } from "./index-DJ0f69wh.cjs";
+import { n as ButtonColor, o as ButtonSize, s as ButtonVariant } from "./index-DAwcmIjN.cjs";
 import { ElementType, HTMLAttributes } from "react";
 import { SpaceProps } from "@soroush.tech/styled-system";
 //#region src/ButtonGroup/ButtonGroup.d.ts

package/dist/{index-DrVYWt-X.d.mts → index-CUz2h5xY.d.mts}

@@ -1,4 +1,4 @@
-import { M as PaletteColor, V as Theme } from "./index-CVNJEUwJ.mjs";
+import { P as PaletteColor, W as Theme } from "./index-CJhK7JND.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-CrIxI8Na.d.mts → index-CbFaWtjK.d.mts}

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

package/dist/{index-BFruxTHv.d.cts → index-ChXeKJCk.d.cts}

@@ -1,4 +1,4 @@
-import { M as PaletteColor, V as Theme } from "./index-DmJ7yWWi.cjs";
+import { P as PaletteColor, W as Theme } from "./index-DJ0f69wh.cjs";
 import { ButtonHTMLAttributes, ElementType, ReactNode } from "react";
 import { SpaceProps } from "@soroush.tech/styled-system";
 //#region src/Pagination/hooks/usePagination.d.ts

package/dist/{index-DQcnJ5H4.d.cts → index-CknoXDLQ.d.cts}

@@ -1,5 +1,5 @@
-import { t as MenuItemValue } from "./MenuListContext-vujGcRk9.cjs";
-import { i as MenuItemRole } from "./index-DCmH5f9I.cjs";
+import { t as MenuItemValue } from "./MenuListContext-DKUOhNyw.cjs";
+import { i as MenuItemRole } from "./index-B4TeaB7b.cjs";
 import { KeyboardEvent, MouseEvent, ReactNode } from "react";
 //#region src/Menu/MenuItems/MenuItems.d.ts
 /** A menu row as data - what a `MenuItem` takes, with its label as `label`. */

package/dist/{index-IdMqR82e.d.cts → index-ClZyaZrR.d.mts}

@@ -1,6 +1,6 @@
-import { V as Theme, dt as TypographyVariant } from "./index-DmJ7yWWi.cjs";
-import { CSSProperties, ElementType, HTMLAttributes } from "react";
+import { W as Theme, ht as TypographyVariant } from "./index-CJhK7JND.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-Bxd9NOWb.d.mts → index-DAwcmIjN.d.cts}

@@ -1,6 +1,6 @@
-import { M as PaletteColor, V as Theme, d as ButtonVariants } from "./index-CVNJEUwJ.mjs";
-import { BorderProps, LayoutProps, SpaceProps, TypographyProps } from "@soroush.tech/styled-system";
+import { P as PaletteColor, W as Theme, d as ButtonVariants } from "./index-DJ0f69wh.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-CWnbCxgw.d.cts → index-DGnXJwLj.d.mts}

@@ -1,7 +1,7 @@
-import { V as Theme, Vt as PaperElevation } from "./index-DmJ7yWWi.cjs";
-import "./index-DBteSahY.cjs";
-import { t as MenuItemValue } from "./MenuListContext-vujGcRk9.cjs";
-import { n as MenuItemData } from "./index-DQcnJ5H4.cjs";
+import { Gt as PaperElevation, W as Theme } from "./index-CJhK7JND.mjs";
+import "./index-DaIIo5QU.mjs";
+import { t as MenuItemValue } from "./MenuListContext-x-7lH4CH.mjs";
+import { n as MenuItemData } from "./index-BkzZxHVj.mjs";
 import { KeyboardEvent, MouseEvent, ReactElement, ReactNode, Ref, SyntheticEvent } from "react";
 //#region src/Menu/utils/getMenuOrigins.d.ts
 /** Which edge of its trigger a menu lines up with: the start edge, or the end edge. */

package/dist/{index-DmJ7yWWi.d.cts → index-DJ0f69wh.d.cts}

@@ -467,6 +467,50 @@ interface ButtonVariants {
   outlined: true;
   text: true;
 }
+/** The defaults a theme may set for every `InputRange`. */
+interface InputRangeOwnerState {
+  size?: keyof ThemeSizes;
+  color?: keyof ThemePalette;
+  orientation?: 'horizontal' | 'vertical';
+  track?: 'normal' | false | 'inverted';
+  step?: number | null;
+  shiftStep?: number;
+  valueLabel?: 'auto' | 'on' | 'off';
+  shouldSwapThumbs?: boolean;
+}
+/** The defaults a theme may set for every `NumberField` - its button labels give it a language. */
+interface NumberFieldOwnerState {
+  variant?: 'default' | 'outlined' | 'text' | 'underline';
+  size?: keyof ThemeSizes;
+  color?: keyof ThemePalette;
+  spinButtons?: 'stacked' | 'sides' | 'none';
+  step?: number;
+  smallStep?: number;
+  largeStep?: number;
+  shouldSnapOnStep?: boolean;
+  shouldScrubOnWheel?: boolean;
+  incrementLabel?: string;
+  decrementLabel?: string;
+}
+/** The defaults a theme may set for every `Rating`. */
+interface RatingOwnerState {
+  max?: number;
+  precision?: number;
+  highlightSelectedOnly?: boolean;
+  size?: keyof ThemeSizes;
+  color?: keyof ThemePalette;
+}
+/** The defaults a theme may set for every `TransferList` - its button labels give it a language. */
+interface TransferListOwnerState {
+  size?: keyof ThemeSizes;
+  color?: keyof ThemePalette;
+  shouldShowMoveAll?: boolean;
+  hasSelectAll?: boolean;
+  moveAllRightLabel?: string;
+  moveRightLabel?: string;
+  moveLeftLabel?: string;
+  moveAllLeftLabel?: string;
+}
 /** The defaults a theme may set for every `Breadcrumbs` - its `expandLabel` gives a trail its language. */
 interface BreadcrumbsOwnerState {
   separator?: ReactNode;
@@ -623,6 +667,10 @@ interface ThemeComponents {
   Pressable?: ComponentConfig<PressableOwnerState>;
   Quote?: ComponentConfig;
   Radio?: ComponentConfig<Record<string, unknown>, 'root' | 'input' | 'icon'>;
+  InputRange?: ComponentConfig<InputRangeOwnerState, 'root' | 'rail' | 'track' | 'thumb' | 'mark' | 'markLabel' | 'valueLabel' | 'input'>;
+  TransferList?: ComponentConfig<TransferListOwnerState, 'root' | 'list' | 'header' | 'title' | 'count' | 'items' | 'item' | 'controls' | 'icon'>;
+  NumberField?: ComponentConfig<NumberFieldOwnerState, 'root' | 'input' | 'spinButtons' | 'increment' | 'decrement'>;
+  Rating?: ComponentConfig<RatingOwnerState, 'root' | 'item' | 'icon' | 'decimal' | 'input' | 'text' | 'emptyLabel'>;
   Select?: ComponentConfig<Record<string, unknown>, 'root' | 'value' | 'valueArea' | 'valueGhost' | 'listbox'>;
   Sidebar?: ComponentConfig<Record<string, unknown>, 'root' | 'rail' | 'panel'>;
   SidebarItem?: ComponentConfig;
@@ -825,4 +873,4 @@ interface CreateThemedStyled extends StyledTags {
  */
 declare const styled: CreateThemedStyled;
 //#endregion
-export { ThemeLetterSpacings as $, MenuOwnerState as A, sizes as At, TabsVariants as B, Paper as Bt, LayoutEntry as C, icon as Ct, LayoutSpace as D, not as Dt, LayoutPanels as E, lineHeights as Et, SizeEntry as F, DeepPartial as Ft, ThemeBorderWidths as G, GapToken as Gt, ThemeAvatarSizes as H, PaperProps as Ht, TabOwnerState as I, ThemeOverride as It, ThemeDefaults as J, ViewBorderColorToken as Jt, ThemeBreakpoints as K, View as Kt, TabPanelOwnerState as L, createTheme as Lt, PaletteColor as M, typography as Mt, PaletteEntry as N, up as Nt, MenuItemOwnerState as O, only as Ot, PressableOwnerState as P, zOrder as Pt, ThemeLayout as Q, ViewProps as Qt, TabScrollButtonOwnerState as R, BreakpointHelpers as Rt, LayoutContent as S, fonts as St, LayoutPanel as T, letterSpacings as Tt, ThemeBackground as U, Flex as Ut, Theme as V, PaperElevation as Vt, ThemeBorder as W, FlexProps as Wt, ThemeFonts as X, ViewBorderWidthToken as Xt, ThemeFontWeights as Y, ViewBorderRadiusToken as Yt, ThemeIconSizes as Z, ViewColorToken as Zt, ComponentStyle as _, breakpoints as _t, ThemeCustomizationOptions as a, ThemeSkeleton as at, DefaultBreakpoints as b, fontSizes as bt, BreakpointKey as c, ThemeText as ct, ButtonVariants as d, TypographyVariant as dt, ThemeLineHeights as et, CSSObject$1 as f, TypographyVariantStyle as ft, ComponentConfig as g, borderWidths as gt, CardSlotTypographyProps as h, between as ht, props as i, ThemeSizes as it, OpenScale as j, space as jt, MenuListOwnerState as k, radii as kt, BreakpointOverrides as l, ThemeTypographyVariants as lt, CardSlotIconProps as m, baseTheme as mt, css as n, ThemeRadii as nt, styled as o, ThemeSpace as ot, CardOwnerState as p, avatar as pt, ThemeComponents as q, ViewBackgroundToken as qt, keyframes as r, ThemeShadow as rt, BreadcrumbsOwnerState as s, ThemeSwitch as st, createShouldForwardProp as t, ThemePalette as tt, ButtonOwnerState as u, ThemeZOrder as ut, ComponentVariant as v, containerQueries as vt, LayoutLength as w, layout as wt, LayoutBars as x, fontWeights as xt, ContextMenuOwnerState as y, down as yt, TabsOwnerState as z, withBreakpointHelpers as zt };
+export { ThemeFonts as $, ViewBorderRadiusToken as $t, MenuListOwnerState as A, lineHeights as At, TabPanelOwnerState as B, ThemeOverride as Bt, LayoutContent as C, down as Ct, LayoutPanels as D, icon as Dt, LayoutPanel as E, fonts as Et, PaletteEntry as F, space as Ft, ThemeAvatarSizes as G, PaperElevation as Gt, TabsOwnerState as H, BreakpointHelpers as Ht, PressableOwnerState as I, typography as It, ThemeBorderWidths as J, FlexProps as Jt, ThemeBackground as K, PaperProps as Kt, RatingOwnerState as L, up as Lt, NumberFieldOwnerState as M, only as Mt, OpenScale as N, radii as Nt, LayoutSpace as O, layout as Ot, PaletteColor as P, sizes as Pt, ThemeFontWeights as Q, ViewBorderColorToken as Qt, SizeEntry as R, zOrder as Rt, LayoutBars as S, containerQueries as St, LayoutLength as T, fontWeights as Tt, TabsVariants as U, withBreakpointHelpers as Ut, TabScrollButtonOwnerState as V, createTheme as Vt, Theme as W, Paper as Wt, ThemeComponents as X, View as Xt, ThemeBreakpoints as Y, GapToken as Yt, ThemeDefaults as Z, ViewBackgroundToken as Zt, ComponentStyle as _, avatar as _t, ThemeCustomizationOptions as a, ThemeRadii as at, DefaultBreakpoints as b, borderWidths as bt, BreakpointKey as c, ThemeSkeleton as ct, ButtonVariants as d, ThemeText as dt, ViewBorderWidthToken as en, ThemeIconSizes as et, CSSObject$1 as f, ThemeTypographyVariants as ft, ComponentConfig as g, TypographyVariantStyle as gt, CardSlotTypographyProps as h, TypographyVariant as ht, props as i, ThemePalette as it, MenuOwnerState as j, not as jt, MenuItemOwnerState as k, letterSpacings as kt, BreakpointOverrides as l, ThemeSpace as lt, CardSlotIconProps as m, TransferListOwnerState as mt, css as n, ViewProps as nn, ThemeLetterSpacings as nt, styled as o, ThemeShadow as ot, CardOwnerState as p, ThemeZOrder as pt, ThemeBorder as q, Flex as qt, keyframes as r, ThemeLineHeights as rt, BreadcrumbsOwnerState as s, ThemeSizes as st, createShouldForwardProp as t, ViewColorToken as tn, ThemeLayout as tt, ButtonOwnerState as u, ThemeSwitch as ut, ComponentVariant as v, baseTheme as vt, LayoutEntry as w, fontSizes as wt, InputRangeOwnerState as x, breakpoints as xt, ContextMenuOwnerState as y, between as yt, TabOwnerState as z, DeepPartial as zt };

package/dist/{index-DckSub2J.d.mts → index-DWjz5ZzG.d.cts}

@@ -1,7 +1,7 @@
-import { V as Theme, Vt as PaperElevation } from "./index-CVNJEUwJ.mjs";
-import "./index-_G1osn09.mjs";
-import { t as MenuItemValue } from "./MenuListContext-Dml16k0X.mjs";
-import { n as MenuItemData } from "./index-C3KrFPCj.mjs";
+import { Gt as PaperElevation, W as Theme } from "./index-DJ0f69wh.cjs";
+import "./index-BxVTIMnB.cjs";
+import { t as MenuItemValue } from "./MenuListContext-DKUOhNyw.cjs";
+import { n as MenuItemData } from "./index-CknoXDLQ.cjs";
 import { KeyboardEvent, MouseEvent, ReactElement, ReactNode, Ref, SyntheticEvent } from "react";
 //#region src/Menu/utils/getMenuOrigins.d.ts
 /** Which edge of its trigger a menu lines up with: the start edge, or the end edge. */

package/dist/{index-DXhMkjQ6.d.cts → index-DYF8sRE-.d.cts}

@@ -1,5 +1,5 @@
-import { V as Theme } from "./index-DmJ7yWWi.cjs";
-import { n as IconProps, r as IconName } from "./index-qlfNErNd.cjs";
+import { W as Theme } from "./index-DJ0f69wh.cjs";
+import { n as IconProps, r as IconName } from "./index-Dv_fk1_F.cjs";
 import { ButtonHTMLAttributes } from "react";
 import { SpaceProps } from "@soroush.tech/styled-system";
 //#region src/Table/TableSortLabel/TableSortLabel.d.ts

package/dist/index-DaIIo5QU.d.mts

@@ -0,0 +1 @@
+import "./index-CJhK7JND.mjs";

package/dist/{index-BVPrG1L0.d.mts → index-DchHf5cF.d.cts}

@@ -1,4 +1,4 @@
-import { J as ThemeDefaults, Q as ThemeLayout, V as Theme, q as ThemeComponents } from "./index-CVNJEUwJ.mjs";
+import { W as Theme, X as ThemeComponents, Z as ThemeDefaults, tt as ThemeLayout } from "./index-DJ0f69wh.cjs";
 import { ComponentType, ReactNode } from "react";
 //#region src/theme/ThemeProvider.d.ts
 interface ThemeProviderProps {

package/dist/{index-BlLH6rlE.d.cts → index-DtYjdBvO.d.cts}

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

package/dist/{index-BqpS_Huq.d.mts → index-Dv_fk1_F.d.cts}

@@ -1,10 +1,13 @@
-import { Z as ThemeIconSizes } from "./index-CVNJEUwJ.mjs";
-import { n as TextColorToken } from "./index-BSA6SKao.mjs";
-import { LayoutProps, SpaceProps } from "@soroush.tech/styled-system";
+import { et as ThemeIconSizes } from "./index-DJ0f69wh.cjs";
+import { n as TextColorToken } from "./index-K5exjvnX.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
+//#region src/Icon/icons/Add.d.ts
+declare const SvgAdd: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+//#endregion
 //#region src/Icon/icons/AdsClick.d.ts
 declare const SvgAdsClick: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
 //#endregion
@@ -134,6 +137,9 @@ declare const SvgRebaseEdit: (props: SVGProps<SVGSVGElement>) => import("react")
 //#region src/Icon/icons/Refresh.d.ts
 declare const SvgRefresh: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
 //#endregion
+//#region src/Icon/icons/Remove.d.ts
+declare const SvgRemove: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+//#endregion
 //#region src/Icon/icons/Schema.d.ts
 declare const SvgSchema: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
 //#endregion
@@ -155,6 +161,12 @@ declare const SvgSpeed: (props: SVGProps<SVGSVGElement>) => import("react").JSX.
 //#region src/Icon/icons/Stacks.d.ts
 declare const SvgStacks: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
 //#endregion
+//#region src/Icon/icons/Star.d.ts
+declare const SvgStar: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+//#endregion
+//#region src/Icon/icons/StarBorder.d.ts
+declare const SvgStarBorder: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+//#endregion
 //#region src/Icon/icons/Table.d.ts
 declare const SvgTable: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
 //#endregion
@@ -180,6 +192,7 @@ declare const SvgZoomOut: (props: SVGProps<SVGSVGElement>) => import("react").JS
 /** Registry of available icons, keyed by their asset file name. */
 declare const icons: {
   readonly account_tree: typeof SvgAccountTree;
+  readonly add: typeof SvgAdd;
   readonly ads_click: typeof SvgAdsClick;
   readonly analytics: typeof SvgAnalytics;
   readonly architecture: typeof SvgArchitecture;
@@ -223,6 +236,7 @@ declare const icons: {
   readonly psychology: typeof SvgPsychology;
   readonly rebase_edit: typeof SvgRebaseEdit;
   readonly refresh: typeof SvgRefresh;
+  readonly remove: typeof SvgRemove;
   readonly schema: typeof SvgSchema;
   readonly security: typeof SvgSecurity;
   readonly settings_input_component: typeof SvgSettingsInputComponent;
@@ -230,6 +244,8 @@ declare const icons: {
   readonly smartphone: typeof SvgSmartphone;
   readonly speed: typeof SvgSpeed;
   readonly stacks: typeof SvgStacks;
+  readonly star: typeof SvgStar;
+  readonly star_border: typeof SvgStarBorder;
   readonly table: typeof SvgTable;
   readonly terminal: typeof SvgTerminal;
   readonly visibility: typeof SvgVisibility;

package/dist/{index-BSA6SKao.d.mts → index-K5exjvnX.d.cts}

@@ -1,6 +1,6 @@
-import { V as Theme, dt as TypographyVariant } from "./index-CVNJEUwJ.mjs";
-import { BorderProps, FlexboxProps, LayoutProps, PositionProps, SpaceProps, TypographyProps } from "@soroush.tech/styled-system";
+import { W as Theme, ht as TypographyVariant } from "./index-DJ0f69wh.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-BjPX49XA.d.mts → index-KnXhlKMr.d.cts}

@@ -1,4 +1,4 @@
-import { V as Theme } from "./index-CVNJEUwJ.mjs";
+import { W as Theme } from "./index-DJ0f69wh.cjs";
 import { MouseEvent, ReactNode } from "react";
 //#region src/Tabs/TabScrollButton/TabScrollButton.d.ts
 /** Which way a scroll button scrolls a row of tabs: towards its start, or its end. */

package/dist/{index-B3LIhqHR.d.cts → index-WHFhjfgy.d.cts}

@@ -1,7 +1,7 @@
-import { B as TabsVariants, V as Theme } from "./index-DmJ7yWWi.cjs";
-import "./index-DDJuUfL5.cjs";
-import { t as TabValue } from "./TabsContext-C2agsLBN.cjs";
-import { n as TabScrollButtonProps } from "./index-gnh-Oe0n.cjs";
+import { U as TabsVariants, W as Theme } from "./index-DJ0f69wh.cjs";
+import "./index-DchHf5cF.cjs";
+import { t as TabValue } from "./TabsContext-B_XHbjcS.cjs";
+import { n as TabScrollButtonProps } from "./index-KnXhlKMr.cjs";
 import { ComponentType, ReactNode, Ref } from "react";
 import { SpaceProps } from "@soroush.tech/styled-system";
 //#region src/Tabs/Tabs/Tabs.d.ts

package/dist/{index-BCnKYNlZ.d.cts → index-YKrfFC_I.d.cts}

@@ -1,4 +1,4 @@
-import { M as PaletteColor, V as Theme } from "./index-DmJ7yWWi.cjs";
+import { P as PaletteColor, W as Theme } from "./index-DJ0f69wh.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-CoEqjFYn.d.mts → index-bpnLB_4K.d.mts}

@@ -1,7 +1,7 @@
-import { B as TabsVariants, V as Theme } from "./index-CVNJEUwJ.mjs";
-import "./index-BVPrG1L0.mjs";
-import { t as TabValue } from "./TabsContext-DqyxdmGW.mjs";
-import { n as TabScrollButtonProps } from "./index-BjPX49XA.mjs";
+import { U as TabsVariants, W as Theme } from "./index-CJhK7JND.mjs";
+import "./index-h4dYtVrp.mjs";
+import { t as TabValue } from "./TabsContext-Dn2kqUwr.mjs";
+import { n as TabScrollButtonProps } from "./index-CE5JG1us.mjs";
 import { SpaceProps } from "@soroush.tech/styled-system";
 import { ComponentType, ReactNode, Ref } from "react";
 //#region src/Tabs/Tabs/Tabs.d.ts

package/dist/{index-DDJuUfL5.d.cts → index-h4dYtVrp.d.mts}

@@ -1,4 +1,4 @@
-import { J as ThemeDefaults, Q as ThemeLayout, V as Theme, q as ThemeComponents } from "./index-DmJ7yWWi.cjs";
+import { W as Theme, X as ThemeComponents, Z as ThemeDefaults, tt as ThemeLayout } from "./index-CJhK7JND.mjs";
 import { ComponentType, ReactNode } from "react";
 //#region src/theme/ThemeProvider.d.ts
 interface ThemeProviderProps {

package/dist/{index-qlfNErNd.d.cts → index-ha1WjSZ5.d.mts}

@@ -1,10 +1,13 @@
-import { Z as ThemeIconSizes } from "./index-DmJ7yWWi.cjs";
-import { n as TextColorToken } from "./index-IdMqR82e.cjs";
-import { SVGProps } from "react";
+import { et as ThemeIconSizes } from "./index-CJhK7JND.mjs";
+import { n as TextColorToken } from "./index-ClZyaZrR.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
+//#region src/Icon/icons/Add.d.ts
+declare const SvgAdd: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+//#endregion
 //#region src/Icon/icons/AdsClick.d.ts
 declare const SvgAdsClick: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
 //#endregion
@@ -134,6 +137,9 @@ declare const SvgRebaseEdit: (props: SVGProps<SVGSVGElement>) => import("react")
 //#region src/Icon/icons/Refresh.d.ts
 declare const SvgRefresh: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
 //#endregion
+//#region src/Icon/icons/Remove.d.ts
+declare const SvgRemove: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+//#endregion
 //#region src/Icon/icons/Schema.d.ts
 declare const SvgSchema: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
 //#endregion
@@ -155,6 +161,12 @@ declare const SvgSpeed: (props: SVGProps<SVGSVGElement>) => import("react").JSX.
 //#region src/Icon/icons/Stacks.d.ts
 declare const SvgStacks: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
 //#endregion
+//#region src/Icon/icons/Star.d.ts
+declare const SvgStar: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+//#endregion
+//#region src/Icon/icons/StarBorder.d.ts
+declare const SvgStarBorder: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+//#endregion
 //#region src/Icon/icons/Table.d.ts
 declare const SvgTable: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
 //#endregion
@@ -180,6 +192,7 @@ declare const SvgZoomOut: (props: SVGProps<SVGSVGElement>) => import("react").JS
 /** Registry of available icons, keyed by their asset file name. */
 declare const icons: {
   readonly account_tree: typeof SvgAccountTree;
+  readonly add: typeof SvgAdd;
   readonly ads_click: typeof SvgAdsClick;
   readonly analytics: typeof SvgAnalytics;
   readonly architecture: typeof SvgArchitecture;
@@ -223,6 +236,7 @@ declare const icons: {
   readonly psychology: typeof SvgPsychology;
   readonly rebase_edit: typeof SvgRebaseEdit;
   readonly refresh: typeof SvgRefresh;
+  readonly remove: typeof SvgRemove;
   readonly schema: typeof SvgSchema;
   readonly security: typeof SvgSecurity;
   readonly settings_input_component: typeof SvgSettingsInputComponent;
@@ -230,6 +244,8 @@ declare const icons: {
   readonly smartphone: typeof SvgSmartphone;
   readonly speed: typeof SvgSpeed;
   readonly stacks: typeof SvgStacks;
+  readonly star: typeof SvgStar;
+  readonly star_border: typeof SvgStarBorder;
   readonly table: typeof SvgTable;
   readonly terminal: typeof SvgTerminal;
   readonly visibility: typeof SvgVisibility;

package/dist/{index-DuVNRXP4.d.cts → index-nqUA_6J_.d.cts}

@@ -1,4 +1,4 @@
-import { V as Theme } from "./index-DmJ7yWWi.cjs";
+import { W as Theme } from "./index-DJ0f69wh.cjs";
 import { KeyboardEvent, MouseEvent, ReactNode, Ref, RefCallback, SyntheticEvent } from "react";
 //#region src/Modal/useModal.d.ts
 type ModalCloseReason = 'escapeKey' | 'backdropClick';

package/dist/{index-DeDxYlSQ.d.mts → index-pTNq3iQn.d.mts}

@@ -1,5 +1,5 @@
-import { V as Theme } from "./index-CVNJEUwJ.mjs";
-import { n as IconProps, r as IconName } from "./index-BqpS_Huq.mjs";
+import { W as Theme } from "./index-CJhK7JND.mjs";
+import { n as IconProps, r as IconName } from "./index-ha1WjSZ5.mjs";
 import { SpaceProps } from "@soroush.tech/styled-system";
 import { ButtonHTMLAttributes } from "react";
 //#region src/Table/TableSortLabel/TableSortLabel.d.ts

package/dist/index.d.cts

@@ -1,3 +1,3 @@
-import { M as PaletteColor, V as Theme, a as ThemeCustomizationOptions, f as CSSObject, i as props, n as css, o as styled, r as keyframes, t as createShouldForwardProp } from "./index-DmJ7yWWi.cjs";
+import { P as PaletteColor, W as Theme, a as ThemeCustomizationOptions, f as CSSObject, i as props, n as css, o as styled, r as keyframes, t as createShouldForwardProp } from "./index-DJ0f69wh.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,3 +1,3 @@
-import { M as PaletteColor, V as Theme, a as ThemeCustomizationOptions, f as CSSObject, i as props, n as css, o as styled, r as keyframes, t as createShouldForwardProp } from "./index-CVNJEUwJ.mjs";
+import { P as PaletteColor, W as Theme, a as ThemeCustomizationOptions, f as CSSObject, i as props, n as css, o as styled, r as keyframes, t as createShouldForwardProp } from "./index-CJhK7JND.mjs";
 export * from "@soroush.tech/styled-system";
 export { type CSSObject, type PaletteColor, type Theme, type ThemeCustomizationOptions, createShouldForwardProp, css, keyframes, props, styled };

package/dist/isRtl-BJDtm86G.mjs

@@ -0,0 +1,7 @@
+//#region src/utils/isRtl.ts
+/** Whether an element sits in a right-to-left context - its nearest `dir` says so. */
+function isRtl(element) {
+	return element.closest("[dir]")?.getAttribute("dir") === "rtl";
+}
+//#endregion
+export { isRtl as t };

package/dist/isRtl-DTkYHRPo.cjs

@@ -0,0 +1,12 @@
+//#region src/utils/isRtl.ts
+/** Whether an element sits in a right-to-left context - its nearest `dir` says so. */
+function isRtl(element) {
+	return element.closest("[dir]")?.getAttribute("dir") === "rtl";
+}
+//#endregion
+Object.defineProperty(exports, "isRtl", {
+	enumerable: true,
+	get: function() {
+		return isRtl;
+	}
+});