@soroush.tech/design-system 2.1.0-alpha.0 → 2.1.0-alpha.2

package/dist/{index-CW0DW6Aq.d.mts → index-CRbfhyQ6.d.mts}

@@ -1,5 +1,5 @@
-import { t as MenuItemValue } from "./MenuListContext-DiZAVDCb.mjs";
-import { i as MenuItemRole } from "./index-Bp9ECTzr.mjs";
+import { t as MenuItemValue } from "./MenuListContext-BN1VV12-.mjs";
+import { i as MenuItemRole } from "./index-C3D70-3U.mjs";
 import { KeyboardEvent, MouseEvent, ReactNode } from "react";
 /** A menu row as data - what a `MenuItem` takes, with its label as `label`. */
 interface MenuItemRowData {

package/dist/{index-m1RGSQlP.d.mts → index-CZofj6vc.d.cts}

@@ -1,7 +1,7 @@
-import { nt as Theme } from "./index-BWiDilH8.mjs";
-import { n as ButtonColor, o as ButtonSize, s as ButtonVariant } from "./index-Bx-4KmJU.mjs";
-import { SpaceProps } from "@soroush.tech/styled-system";
+import { nt as Theme } from "./index-CK-uaK5U.cjs";
+import { n as ButtonColor, o as ButtonSize, s as ButtonVariant } from "./index-Cf2D7Y1b.cjs";
 import { ElementType, HTMLAttributes } from "react";
+import { SpaceProps } from "@soroush.tech/styled-system";
 type ButtonGroupOrientation = 'horizontal' | 'vertical';
 type ButtonGroupRadius = keyof Theme['radii'];
 interface ButtonGroupProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color'>, SpaceProps<Theme> {

package/dist/{index-Buu5MtRG.d.mts → index-C_K0hsEr.d.mts}

@@ -1,4 +1,4 @@
-import { ct as ThemeComponents, lt as ThemeDefaults, nt as Theme, pt as ThemeLayout } from "./index-BWiDilH8.mjs";
+import { ct as ThemeComponents, lt as ThemeDefaults, nt as Theme, pt as ThemeLayout } from "./index-B-1sp9oV.mjs";
 import { ComponentType, ReactNode } from "react";
 interface ThemeProviderProps {
   children: ReactNode;

package/dist/index-C_n4ZPpQ.d.mts

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

package/dist/{index-fRyMPKtY.d.cts → index-Cc7Yhn7-.d.cts}

@@ -1,4 +1,4 @@
-import { U as PaletteColor, nt as Theme } from "./index-DvVQLBZc.cjs";
+import { U as PaletteColor, nt as Theme } from "./index-CK-uaK5U.cjs";
 import { ButtonHTMLAttributes, ElementType } from "react";
 import { BorderProps, LayoutProps, SpaceProps, TypographyProps } from "@soroush.tech/styled-system";
 /**

package/dist/{index-DgLjcrkG.d.cts → index-Cf2D7Y1b.d.cts}

@@ -1,4 +1,4 @@
-import { U as PaletteColor, _ as ButtonVariants, nt as Theme } from "./index-DvVQLBZc.cjs";
+import { U as PaletteColor, _ as ButtonVariants, nt as Theme } from "./index-CK-uaK5U.cjs";
 import { ButtonHTMLAttributes, ReactNode } from "react";
 import { BorderProps, LayoutProps, SpaceProps, TypographyProps } from "@soroush.tech/styled-system";
 /** Augmentable via the `ButtonVariants` interface - style new values through `theme.components.Button.variants`. */

package/dist/{index-YKXzINGk.d.mts → index-ClTo3BEJ.d.mts}

@@ -1,5 +1,5 @@
-import { nt as Theme } from "./index-BWiDilH8.mjs";
-import { t as TableCellPadding } from "./TableContext-BCW5av9c.mjs";
+import { nt as Theme } from "./index-B-1sp9oV.mjs";
+import { t as TableCellPadding } from "./TableContext-jOlk5jxs.mjs";
 import { BorderProps, SpaceProps, TypographyProps } from "@soroush.tech/styled-system";
 import { ElementType, ThHTMLAttributes } from "react";
 /** The table section a cell lives in - drives `TableCell`'s th/td element resolution. */

package/dist/{index-DR76LcSz.d.mts → index-CoHM1HQY.d.cts}

@@ -1,4 +1,4 @@
-import { i as ButtonProps } from "./index-Bx-4KmJU.mjs";
+import { i as ButtonProps } from "./index-Cf2D7Y1b.cjs";
 import { ReactNode, Ref } from "react";
 type FabVariant = 'circular' | 'extended';
 type FabButtonProps = Omit<ButtonProps, 'variant' | 'shape' | 'endIcon' | 'loading' | 'loadingIndicator' | 'loadingPosition' | 'fullWidth' | 'href' | 'target' | 'rel' | 'gap'>;

package/dist/{index-DtVrZFJI.d.mts → index-Cp96BUYc.d.cts}

@@ -1,6 +1,6 @@
-import { jt as TypographyVariant, nt as Theme } from "./index-BWiDilH8.mjs";
-import { BorderProps, FlexboxProps, LayoutProps, PositionProps, SpaceProps, TypographyProps } from "@soroush.tech/styled-system";
+import { jt as TypographyVariant, nt as Theme } from "./index-CK-uaK5U.cjs";
 import { CSSProperties, ElementType, HTMLAttributes } from "react";
+import { BorderProps, FlexboxProps, LayoutProps, PositionProps, SpaceProps, TypographyProps } from "@soroush.tech/styled-system";
 type TypographyAlign = 'left' | 'right' | 'center' | 'justify' | 'inherit';
 /** Valid values for the color prop - derived from theme.text keys. */
 type TextColorToken = keyof Theme['text'];

package/dist/{index-CAICXdTA.d.cts → index-CvV0TCBK.d.cts}

@@ -1,4 +1,4 @@
-import { ct as ThemeComponents, lt as ThemeDefaults, nt as Theme, pt as ThemeLayout } from "./index-DvVQLBZc.cjs";
+import { ct as ThemeComponents, lt as ThemeDefaults, nt as Theme, pt as ThemeLayout } from "./index-CK-uaK5U.cjs";
 import { ComponentType, ReactNode } from "react";
 interface ThemeProviderProps {
   children: ReactNode;

package/dist/{index-DhTzn0mf.d.cts → index-CwWM6Xfz.d.cts}

@@ -1,4 +1,4 @@
-import { U as PaletteColor, nt as Theme } from "./index-DvVQLBZc.cjs";
+import { U as PaletteColor, nt as Theme } from "./index-CK-uaK5U.cjs";
 import { ButtonHTMLAttributes, ElementType, ReactNode } from "react";
 import { SpaceProps } from "@soroush.tech/styled-system";
 type PaginationItemType = 'page' | 'first' | 'previous' | 'next' | 'last' | 'start-ellipsis' | 'end-ellipsis';

package/dist/{index-BlHFb150.d.cts → index-CykbbqeN.d.cts}

@@ -1,5 +1,5 @@
-import { t as MenuItemValue } from "./MenuListContext-DJ_qJ1Uo.cjs";
-import { i as MenuItemRole } from "./index-CeFExef3.cjs";
+import { t as MenuItemValue } from "./MenuListContext-BkQzp2DA.cjs";
+import { i as MenuItemRole } from "./index-d5jm3kxO.cjs";
 import { KeyboardEvent, MouseEvent, ReactNode } from "react";
 /** A menu row as data - what a `MenuItem` takes, with its label as `label`. */
 interface MenuItemRowData {

package/dist/{index-Ba39mhDf.d.cts → index-DA3M2w5w.d.cts}

@@ -1,7 +1,8 @@
-import { cn as PaperElevation, nt as Theme } from "./index-DvVQLBZc.cjs";
-import "./index-6zQ2VUlM.cjs";
-import { t as MenuItemValue } from "./MenuListContext-DJ_qJ1Uo.cjs";
-import { n as MenuItemData } from "./index-BlHFb150.cjs";
+import { cn as PaperElevation, nt as Theme } from "./index-CK-uaK5U.cjs";
+import "./index-fwRQcB91.cjs";
+import { t as MenuItemValue } from "./MenuListContext-BkQzp2DA.cjs";
+import { r as MenuListSlotProps } from "./index-DiQHPHUv.cjs";
+import { n as MenuItemData } from "./index-CykbbqeN.cjs";
 import { KeyboardEvent, MouseEvent, ReactElement, ReactNode, Ref, SyntheticEvent } from "react";
 /** Which edge of its trigger a menu lines up with: the start edge, or the end edge. */
 type MenuAlign = 'start' | 'end';
@@ -56,6 +57,10 @@ interface MenuProps {
   dense?: boolean;
   /** Names the list. Default: the trigger names it (`aria-labelledby`). */
   'aria-label'?: string;
+  /** Props for a part: `list` is the `role="menu"` list - and every submenu's - for the app's `data-*`, class and `aria-*`. The menu's own `role`, `id` and name win. */
+  slotProps?: {
+    list?: MenuListSlotProps;
+  };
   className?: string;
   'data-testid'?: string;
 }
@@ -66,5 +71,5 @@ interface MenuProps {
  * can't clip it, but stays inside the menu's own box in the DOM. Escape or a chosen row
  * closes it and returns focus to the trigger; focus leaving it closes it where it went.
  */
-declare function Menu({ trigger, children, items, isOpen: isOpenProp, defaultOpen, onOpen, onClose, onStep, onSelect, align: alignProp, marginThreshold: marginThresholdProp, elevation: elevationProp, layer: layerProp, borderRadius: borderRadiusProp, emptyLabel, color: colorProp, textColor: textColorProp, size: sizeProp, dense: denseProp, 'aria-label': ariaLabel, className, 'data-testid': dataTestid }: Readonly<MenuProps>): import("react").JSX.Element;
+declare function Menu({ trigger, children, items, isOpen: isOpenProp, defaultOpen, onOpen, onClose, onStep, onSelect, align: alignProp, marginThreshold: marginThresholdProp, elevation: elevationProp, layer: layerProp, borderRadius: borderRadiusProp, emptyLabel, color: colorProp, textColor: textColorProp, size: sizeProp, dense: denseProp, 'aria-label': ariaLabel, className, slotProps, 'data-testid': dataTestid }: Readonly<MenuProps>): import("react").JSX.Element;
 export { MenuAlign as a, MenuStep as i, MenuCloseReason as n, MenuProps as r, Menu as t };

package/dist/index-DOimZ1Wo.d.mts

@@ -0,0 +1,44 @@
+import { nt as Theme } from "./index-B-1sp9oV.mjs";
+import { t as MenuItemValue } from "./MenuListContext-BN1VV12-.mjs";
+import { LayoutProps, SpaceProps } from "@soroush.tech/styled-system";
+import { AriaAttributes, KeyboardEvent, ReactNode } from "react";
+interface MenuListProps extends SpaceProps<Theme>, LayoutProps<Theme> {
+  /** `MenuItem` rows and `MenuDivider`s. */
+  children?: ReactNode;
+  /** Fired with a row's `value` when a row that has one is chosen. */
+  onSelect?: (value: MenuItemValue) => void;
+  /** Carry the arrow keys past the last row to the first, and back. Default: `true`. */
+  shouldWrap?: boolean;
+  /** Focus the selected row, or the first enabled one, on mount. Default: `false`. */
+  shouldAutoFocus?: boolean;
+  /** Accent color for every row - resolves to `theme.palette[color]`. A row's own value wins. */
+  color?: keyof Theme['palette'];
+  /** Base text color for every row - resolves against `theme.text`. A row's own value wins. */
+  textColor?: keyof Theme['text'];
+  /** Density token for every row - resolves against `theme.sizes`. A row's own value wins. */
+  size?: keyof Theme['sizes'];
+  /** Compact vertical padding for every row. */
+  dense?: boolean;
+  onKeyDown?: (event: KeyboardEvent<HTMLElement>) => void;
+  id?: string;
+  className?: string;
+  'aria-label'?: string;
+  'aria-labelledby'?: string;
+  'data-testid'?: string;
+}
+/**
+ * What an app may put on the `role="menu"` list a `Menu` or a `ContextMenu` renders, through
+ * `slotProps.list`: its marks (`data-*`), class, `aria-*` and an `onKeyDown`, which runs before the
+ * list's own. The list's `role`, `id` and name are the menu's, and win.
+ */
+type MenuListSlotProps = Pick<MenuListProps, 'className' | 'data-testid' | 'onKeyDown'> & Omit<AriaAttributes, 'aria-label' | 'aria-labelledby'> & {
+  [name: `data-${string}`]: string | number | boolean | undefined;
+};
+/**
+ * @description A `role="menu"` list that owns the keyboard: the arrow keys, Home and End
+ * move focus between its own rows, skipping disabled ones; typing jumps to a row by its
+ * label. Rows are found in the DOM by their nearest `role="menu"`, so a nested submenu's
+ * rows are never this list's. Renders in place - `Menu` floats one next to a trigger.
+ */
+declare function MenuList({ children, onSelect, shouldWrap: shouldWrapProp, shouldAutoFocus, color, textColor, size, dense, onKeyDown, ...rest }: Readonly<MenuListProps>): import("react").JSX.Element;
+export { MenuListProps as n, MenuListSlotProps as r, MenuList as t };

package/dist/{index-HAVWK7RM.d.cts → index-DOnYRzqY.d.cts}

@@ -1,5 +1,5 @@
-import { nt as Theme } from "./index-DvVQLBZc.cjs";
-import { t as TableCellPadding } from "./TableContext-4sJdk84N.cjs";
+import { nt as Theme } from "./index-CK-uaK5U.cjs";
+import { t as TableCellPadding } from "./TableContext-BNwokJ3f.cjs";
 import { ElementType, ThHTMLAttributes } from "react";
 import { BorderProps, SpaceProps, TypographyProps } from "@soroush.tech/styled-system";
 /** The table section a cell lives in - drives `TableCell`'s th/td element resolution. */

package/dist/{index-BYAtunSZ.d.cts → index-DPCh-ols.d.mts}

@@ -1,5 +1,5 @@
-import { a as PaginationItemSize } from "./index-DhTzn0mf.cjs";
-import "./index-Bo8Og0oC.cjs";
+import { a as PaginationItemSize } from "./index-C9jnQ-mQ.mjs";
+import "./index-Bwry7fNj.mjs";
 import { HTMLAttributes } from "react";
 type TablePaginationActionType = 'first' | 'previous' | 'next' | 'last';
 interface TablePaginationActionsProps extends HTMLAttributes<HTMLDivElement> {

package/dist/{index-CBOtkDdX.d.cts → index-DXUVsHux.d.mts}

@@ -1,4 +1,4 @@
-import { nt as Theme } from "./index-DvVQLBZc.cjs";
+import { nt as Theme } from "./index-B-1sp9oV.mjs";
 import { MouseEvent, ReactNode } from "react";
 /** Which way a scroll button scrolls a row of tabs: towards its start, or its end. */
 type TabScrollDirection = 'start' | 'end';

package/dist/{index-DrfJt7W6.d.cts → index-Dh_9qMhj.d.mts}

@@ -1,5 +1,5 @@
-import { nt as Theme } from "./index-DvVQLBZc.cjs";
-import { r as TransitionTimeout, t as TransitionCallbacks } from "./useTransition-CF_Zy_tM.cjs";
+import { nt as Theme } from "./index-B-1sp9oV.mjs";
+import { r as TransitionTimeout, t as TransitionCallbacks } from "./useTransition-Dk84FQFT.mjs";
 import { ReactNode } from "react";
 type CollapseOrientation = 'vertical' | 'horizontal';
 interface CollapseProps extends TransitionCallbacks {

package/dist/index-DiQHPHUv.d.cts

@@ -0,0 +1,44 @@
+import { nt as Theme } from "./index-CK-uaK5U.cjs";
+import { t as MenuItemValue } from "./MenuListContext-BkQzp2DA.cjs";
+import { AriaAttributes, KeyboardEvent, ReactNode } from "react";
+import { LayoutProps, SpaceProps } from "@soroush.tech/styled-system";
+interface MenuListProps extends SpaceProps<Theme>, LayoutProps<Theme> {
+  /** `MenuItem` rows and `MenuDivider`s. */
+  children?: ReactNode;
+  /** Fired with a row's `value` when a row that has one is chosen. */
+  onSelect?: (value: MenuItemValue) => void;
+  /** Carry the arrow keys past the last row to the first, and back. Default: `true`. */
+  shouldWrap?: boolean;
+  /** Focus the selected row, or the first enabled one, on mount. Default: `false`. */
+  shouldAutoFocus?: boolean;
+  /** Accent color for every row - resolves to `theme.palette[color]`. A row's own value wins. */
+  color?: keyof Theme['palette'];
+  /** Base text color for every row - resolves against `theme.text`. A row's own value wins. */
+  textColor?: keyof Theme['text'];
+  /** Density token for every row - resolves against `theme.sizes`. A row's own value wins. */
+  size?: keyof Theme['sizes'];
+  /** Compact vertical padding for every row. */
+  dense?: boolean;
+  onKeyDown?: (event: KeyboardEvent<HTMLElement>) => void;
+  id?: string;
+  className?: string;
+  'aria-label'?: string;
+  'aria-labelledby'?: string;
+  'data-testid'?: string;
+}
+/**
+ * What an app may put on the `role="menu"` list a `Menu` or a `ContextMenu` renders, through
+ * `slotProps.list`: its marks (`data-*`), class, `aria-*` and an `onKeyDown`, which runs before the
+ * list's own. The list's `role`, `id` and name are the menu's, and win.
+ */
+type MenuListSlotProps = Pick<MenuListProps, 'className' | 'data-testid' | 'onKeyDown'> & Omit<AriaAttributes, 'aria-label' | 'aria-labelledby'> & {
+  [name: `data-${string}`]: string | number | boolean | undefined;
+};
+/**
+ * @description A `role="menu"` list that owns the keyboard: the arrow keys, Home and End
+ * move focus between its own rows, skipping disabled ones; typing jumps to a row by its
+ * label. Rows are found in the DOM by their nearest `role="menu"`, so a nested submenu's
+ * rows are never this list's. Renders in place - `Menu` floats one next to a trigger.
+ */
+declare function MenuList({ children, onSelect, shouldWrap: shouldWrapProp, shouldAutoFocus, color, textColor, size, dense, onKeyDown, ...rest }: Readonly<MenuListProps>): import("react").JSX.Element;
+export { MenuListProps as n, MenuListSlotProps as r, MenuList as t };

package/dist/{index-CyOSmefH.d.cts → index-F81TdZtB.d.mts}

@@ -1,6 +1,6 @@
-import { jt as TypographyVariant, nt as Theme } from "./index-DvVQLBZc.cjs";
-import { CSSProperties, ElementType, HTMLAttributes } from "react";
+import { jt as TypographyVariant, nt as Theme } from "./index-B-1sp9oV.mjs";
 import { BorderProps, FlexboxProps, LayoutProps, PositionProps, SpaceProps, TypographyProps } from "@soroush.tech/styled-system";
+import { CSSProperties, ElementType, HTMLAttributes } from "react";
 type TypographyAlign = 'left' | 'right' | 'center' | 'justify' | 'inherit';
 /** Valid values for the color prop - derived from theme.text keys. */
 type TextColorToken = keyof Theme['text'];

package/dist/{index-DM7HHa4V.d.mts → index-YxsjfTkO.d.cts}

@@ -1,5 +1,5 @@
-import { a as PaginationItemSize } from "./index-BgmEVOSj.mjs";
-import "./index-DKNvADeE.mjs";
+import { a as PaginationItemSize } from "./index-CwWM6Xfz.cjs";
+import "./index-BhWBXIkH.cjs";
 import { HTMLAttributes } from "react";
 type TablePaginationActionType = 'first' | 'previous' | 'next' | 'last';
 interface TablePaginationActionsProps extends HTMLAttributes<HTMLDivElement> {

package/dist/{index-Bp9ECTzr.d.mts → index-d5jm3kxO.d.cts}

@@ -1,5 +1,5 @@
-import { nt as Theme } from "./index-BWiDilH8.mjs";
-import { t as MenuItemValue } from "./MenuListContext-DiZAVDCb.mjs";
+import { nt as Theme } from "./index-CK-uaK5U.cjs";
+import { t as MenuItemValue } from "./MenuListContext-BkQzp2DA.cjs";
 import { ElementType, KeyboardEvent, MouseEvent, ReactNode } from "react";
 type MenuItemColor = keyof Theme['palette'];
 type MenuItemSize = keyof Theme['sizes'];

package/dist/index-fwRQcB91.d.cts

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

package/dist/{index-D_azfqsX.d.mts → index-qgFJF8n2.d.cts}

@@ -1,4 +1,4 @@
-import { nt as Theme } from "./index-BWiDilH8.mjs";
+import { nt as Theme } from "./index-CK-uaK5U.cjs";
 import { MouseEvent, ReactNode } from "react";
 /** Which way a scroll button scrolls a row of tabs: towards its start, or its end. */
 type TabScrollDirection = 'start' | 'end';

package/dist/{index-DtK3SaKA.d.mts → index-vls8Jhdl.d.cts}

@@ -1,4 +1,4 @@
-import { nt as Theme } from "./index-BWiDilH8.mjs";
+import { nt as Theme } from "./index-CK-uaK5U.cjs";
 import { KeyboardEvent, MouseEvent, ReactNode, Ref, RefCallback, SyntheticEvent } from "react";
 type ModalCloseReason = 'escapeKey' | 'backdropClick';
 type EventHandlers = Record<string, ((event: SyntheticEvent) => void) | undefined>;

package/dist/{index-Dudkopvi.d.mts → index-xhbtDtsc.d.mts}

@@ -1,4 +1,4 @@
-import { U as PaletteColor, nt as Theme } from "./index-BWiDilH8.mjs";
+import { U as PaletteColor, nt as Theme } from "./index-B-1sp9oV.mjs";
 import { BorderProps, LayoutProps, SpaceProps, TypographyProps } from "@soroush.tech/styled-system";
 import { ButtonHTMLAttributes, ElementType } from "react";
 /**

package/dist/index.d.cts

@@ -1,3 +1,3 @@
-import { U as PaletteColor, a as ThemeCustomizationOptions, i as props, n as css, nt as Theme, o as styled, r as keyframes, t as createShouldForwardProp, v as CSSObject } from "./index-DvVQLBZc.cjs";
+import { U as PaletteColor, a as ThemeCustomizationOptions, i as props, n as css, nt as Theme, o as styled, r as keyframes, t as createShouldForwardProp, v as CSSObject } from "./index-CK-uaK5U.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 { U as PaletteColor, a as ThemeCustomizationOptions, i as props, n as css, nt as Theme, o as styled, r as keyframes, t as createShouldForwardProp, v as CSSObject } from "./index-BWiDilH8.mjs";
+import { U as PaletteColor, a as ThemeCustomizationOptions, i as props, n as css, nt as Theme, o as styled, r as keyframes, t as createShouldForwardProp, v as CSSObject } from "./index-B-1sp9oV.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 { nt as Theme, v as CSSObject } from "./index-DvVQLBZc.cjs";
-import "./index-CAICXdTA.cjs";
+import { nt as Theme, v as CSSObject } from "./index-CK-uaK5U.cjs";
+import "./index-CvV0TCBK.cjs";
 import { ComponentType, ReactNode } from "react";
 type StyleFactory = {
   getStyles: (theme: Theme) => CSSObject;

package/dist/style.d.mts

@@ -1,5 +1,5 @@
-import { nt as Theme, v as CSSObject } from "./index-BWiDilH8.mjs";
-import "./index-Buu5MtRG.mjs";
+import { nt as Theme, v as CSSObject } from "./index-B-1sp9oV.mjs";
+import "./index-C_K0hsEr.mjs";
 import { ComponentType, ReactNode } from "react";
 type StyleFactory = {
   getStyles: (theme: Theme) => CSSObject;

package/dist/theme.d.cts

@@ -1,3 +1,3 @@
-import { $ as TabScrollButtonOwnerState, $t as typography, A as FabOwnerState, At as TransferListOwnerState, B as MenuOwnerState, Bt as fontSizes, C as CollapseOwnerState, Ct as ThemeText, D as ContextMenuOwnerState, Dt as ThemeTypographyVariants, E as ComponentVariant, Et as ThemeTransitions, F as LayoutPanel, Ft as between, G as PressableOwnerState, Gt as letterSpacings, H as OpenScale, Ht as fonts, I as LayoutPanels, It as borderWidths, J as ScrollAreaOwnerState, Jt as only, K as RangeInputOwnerState, Kt as lineHeights, L as LayoutSpace, Lt as breakpoints, M as LayoutContent, Mt as TypographyVariantStyle, N as LayoutEntry, Nt as avatar, O as DefaultBreakpoints, Ot as ThemeZOrder, P as LayoutLength, Pt as baseTheme, Q as TabPanelOwnerState, Qt as transitions, R as MenuItemOwnerState, Rt as containerQueries, S as ChipOwnerState, St as ThemeSwitch, T as ComponentStyle, Tt as ThemeTransitionEasing, U as PaletteColor, Ut as icon, V as NumberInputOwnerState, Vt as fontWeights, W as PaletteEntry, Wt as layout, X as SnackbarOwnerState, Xt as sizes, Y as SizeEntry, Yt as radii, Z as TabOwnerState, Zt as space, _ as ButtonVariants, _t as ThemeRadii, an as BreakpointHelpers, at as ThemeBorder, b as CardSlotIconProps, bt as ThemeSkeleton, c as AccordionOwnerState, ct as ThemeComponents, d as AutocompleteOwnerState, dt as ThemeFonts, en as up, et as TabsOwnerState, f as BadgeOwnerState, ft as ThemeIconSizes, g as ButtonOwnerState, gt as ThemePalette, h as BreakpointOverrides, ht as ThemeLineHeights, in as createTheme, it as ThemeBackground, j as LayoutBars, jt as TypographyVariant, k as FabMenuOwnerState, kt as TooltipOwnerState, l as AccordionSummaryOwnerState, lt as ThemeDefaults, m as BreakpointKey, mt as ThemeLetterSpacings, nn as DeepPartial, nt as Theme, on as withBreakpointHelpers, ot as ThemeBorderWidths, p as BreadcrumbsOwnerState, pt as ThemeLayout, q as RatingOwnerState, qt as not, rn as ThemeOverride, rt as ThemeAvatarSizes, s as AccordionGroupOwnerState, st as ThemeBreakpoints, tn as zOrder, tt as TabsVariants, u as AlertOwnerState, ut as ThemeFontWeights, v as CSSObject, vt as ThemeShadow, w as ComponentConfig, wt as ThemeTransitionDuration, x as CardSlotTypographyProps, xt as ThemeSpace, y as CardOwnerState, yt as ThemeSizes, z as MenuListOwnerState, zt as down } from "./index-DvVQLBZc.cjs";
-import { a as LayoutProvider, i as themeDefault, n as useDefaultProps, o as LayoutProviderProps, r as useTheme, s as ThemeProvider, t as withTheme } from "./index-CAICXdTA.cjs";
+import { $ as TabScrollButtonOwnerState, $t as typography, A as FabOwnerState, At as TransferListOwnerState, B as MenuOwnerState, Bt as fontSizes, C as CollapseOwnerState, Ct as ThemeText, D as ContextMenuOwnerState, Dt as ThemeTypographyVariants, E as ComponentVariant, Et as ThemeTransitions, F as LayoutPanel, Ft as between, G as PressableOwnerState, Gt as letterSpacings, H as OpenScale, Ht as fonts, I as LayoutPanels, It as borderWidths, J as ScrollAreaOwnerState, Jt as only, K as RangeInputOwnerState, Kt as lineHeights, L as LayoutSpace, Lt as breakpoints, M as LayoutContent, Mt as TypographyVariantStyle, N as LayoutEntry, Nt as avatar, O as DefaultBreakpoints, Ot as ThemeZOrder, P as LayoutLength, Pt as baseTheme, Q as TabPanelOwnerState, Qt as transitions, R as MenuItemOwnerState, Rt as containerQueries, S as ChipOwnerState, St as ThemeSwitch, T as ComponentStyle, Tt as ThemeTransitionEasing, U as PaletteColor, Ut as icon, V as NumberInputOwnerState, Vt as fontWeights, W as PaletteEntry, Wt as layout, X as SnackbarOwnerState, Xt as sizes, Y as SizeEntry, Yt as radii, Z as TabOwnerState, Zt as space, _ as ButtonVariants, _t as ThemeRadii, an as BreakpointHelpers, at as ThemeBorder, b as CardSlotIconProps, bt as ThemeSkeleton, c as AccordionOwnerState, ct as ThemeComponents, d as AutocompleteOwnerState, dt as ThemeFonts, en as up, et as TabsOwnerState, f as BadgeOwnerState, ft as ThemeIconSizes, g as ButtonOwnerState, gt as ThemePalette, h as BreakpointOverrides, ht as ThemeLineHeights, in as createTheme, it as ThemeBackground, j as LayoutBars, jt as TypographyVariant, k as FabMenuOwnerState, kt as TooltipOwnerState, l as AccordionSummaryOwnerState, lt as ThemeDefaults, m as BreakpointKey, mt as ThemeLetterSpacings, nn as DeepPartial, nt as Theme, on as withBreakpointHelpers, ot as ThemeBorderWidths, p as BreadcrumbsOwnerState, pt as ThemeLayout, q as RatingOwnerState, qt as not, rn as ThemeOverride, rt as ThemeAvatarSizes, s as AccordionGroupOwnerState, st as ThemeBreakpoints, tn as zOrder, tt as TabsVariants, u as AlertOwnerState, ut as ThemeFontWeights, v as CSSObject, vt as ThemeShadow, w as ComponentConfig, wt as ThemeTransitionDuration, x as CardSlotTypographyProps, xt as ThemeSpace, y as CardOwnerState, yt as ThemeSizes, z as MenuListOwnerState, zt as down } from "./index-CK-uaK5U.cjs";
+import { a as LayoutProvider, i as themeDefault, n as useDefaultProps, o as LayoutProviderProps, r as useTheme, s as ThemeProvider, t as withTheme } from "./index-CvV0TCBK.cjs";
 export { AccordionGroupOwnerState, AccordionOwnerState, AccordionSummaryOwnerState, AlertOwnerState, AutocompleteOwnerState, BadgeOwnerState, BreadcrumbsOwnerState, BreakpointHelpers, BreakpointKey, BreakpointOverrides, ButtonOwnerState, ButtonVariants, CSSObject, CardOwnerState, CardSlotIconProps, CardSlotTypographyProps, ChipOwnerState, CollapseOwnerState, ComponentConfig, ComponentStyle, ComponentVariant, ContextMenuOwnerState, type DeepPartial, DefaultBreakpoints, FabMenuOwnerState, FabOwnerState, LayoutBars, LayoutContent, LayoutEntry, LayoutLength, LayoutPanel, LayoutPanels, LayoutProvider, LayoutProviderProps, LayoutSpace, MenuItemOwnerState, MenuListOwnerState, MenuOwnerState, NumberInputOwnerState, OpenScale, PaletteColor, PaletteEntry, PressableOwnerState, RangeInputOwnerState, RatingOwnerState, ScrollAreaOwnerState, SizeEntry, SnackbarOwnerState, TabOwnerState, TabPanelOwnerState, TabScrollButtonOwnerState, TabsOwnerState, TabsVariants, 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, ThemeTransitionDuration, ThemeTransitionEasing, ThemeTransitions, ThemeTypographyVariants, ThemeZOrder, TooltipOwnerState, TransferListOwnerState, TypographyVariant, TypographyVariantStyle, avatar, baseTheme, between, borderWidths, breakpoints, containerQueries, createTheme, down, fontSizes, fontWeights, fonts, icon, layout, letterSpacings, lineHeights, not, only, radii, sizes, space, themeDefault, transitions, typography, up, useDefaultProps, useTheme, withBreakpointHelpers, withTheme, zOrder };

package/dist/theme.d.mts

@@ -1,3 +1,3 @@
-import { $ as TabScrollButtonOwnerState, $t as typography, A as FabOwnerState, At as TransferListOwnerState, B as MenuOwnerState, Bt as fontSizes, C as CollapseOwnerState, Ct as ThemeText, D as ContextMenuOwnerState, Dt as ThemeTypographyVariants, E as ComponentVariant, Et as ThemeTransitions, F as LayoutPanel, Ft as between, G as PressableOwnerState, Gt as letterSpacings, H as OpenScale, Ht as fonts, I as LayoutPanels, It as borderWidths, J as ScrollAreaOwnerState, Jt as only, K as RangeInputOwnerState, Kt as lineHeights, L as LayoutSpace, Lt as breakpoints, M as LayoutContent, Mt as TypographyVariantStyle, N as LayoutEntry, Nt as avatar, O as DefaultBreakpoints, Ot as ThemeZOrder, P as LayoutLength, Pt as baseTheme, Q as TabPanelOwnerState, Qt as transitions, R as MenuItemOwnerState, Rt as containerQueries, S as ChipOwnerState, St as ThemeSwitch, T as ComponentStyle, Tt as ThemeTransitionEasing, U as PaletteColor, Ut as icon, V as NumberInputOwnerState, Vt as fontWeights, W as PaletteEntry, Wt as layout, X as SnackbarOwnerState, Xt as sizes, Y as SizeEntry, Yt as radii, Z as TabOwnerState, Zt as space, _ as ButtonVariants, _t as ThemeRadii, an as BreakpointHelpers, at as ThemeBorder, b as CardSlotIconProps, bt as ThemeSkeleton, c as AccordionOwnerState, ct as ThemeComponents, d as AutocompleteOwnerState, dt as ThemeFonts, en as up, et as TabsOwnerState, f as BadgeOwnerState, ft as ThemeIconSizes, g as ButtonOwnerState, gt as ThemePalette, h as BreakpointOverrides, ht as ThemeLineHeights, in as createTheme, it as ThemeBackground, j as LayoutBars, jt as TypographyVariant, k as FabMenuOwnerState, kt as TooltipOwnerState, l as AccordionSummaryOwnerState, lt as ThemeDefaults, m as BreakpointKey, mt as ThemeLetterSpacings, nn as DeepPartial, nt as Theme, on as withBreakpointHelpers, ot as ThemeBorderWidths, p as BreadcrumbsOwnerState, pt as ThemeLayout, q as RatingOwnerState, qt as not, rn as ThemeOverride, rt as ThemeAvatarSizes, s as AccordionGroupOwnerState, st as ThemeBreakpoints, tn as zOrder, tt as TabsVariants, u as AlertOwnerState, ut as ThemeFontWeights, v as CSSObject, vt as ThemeShadow, w as ComponentConfig, wt as ThemeTransitionDuration, x as CardSlotTypographyProps, xt as ThemeSpace, y as CardOwnerState, yt as ThemeSizes, z as MenuListOwnerState, zt as down } from "./index-BWiDilH8.mjs";
-import { a as LayoutProvider, i as themeDefault, n as useDefaultProps, o as LayoutProviderProps, r as useTheme, s as ThemeProvider, t as withTheme } from "./index-Buu5MtRG.mjs";
+import { $ as TabScrollButtonOwnerState, $t as typography, A as FabOwnerState, At as TransferListOwnerState, B as MenuOwnerState, Bt as fontSizes, C as CollapseOwnerState, Ct as ThemeText, D as ContextMenuOwnerState, Dt as ThemeTypographyVariants, E as ComponentVariant, Et as ThemeTransitions, F as LayoutPanel, Ft as between, G as PressableOwnerState, Gt as letterSpacings, H as OpenScale, Ht as fonts, I as LayoutPanels, It as borderWidths, J as ScrollAreaOwnerState, Jt as only, K as RangeInputOwnerState, Kt as lineHeights, L as LayoutSpace, Lt as breakpoints, M as LayoutContent, Mt as TypographyVariantStyle, N as LayoutEntry, Nt as avatar, O as DefaultBreakpoints, Ot as ThemeZOrder, P as LayoutLength, Pt as baseTheme, Q as TabPanelOwnerState, Qt as transitions, R as MenuItemOwnerState, Rt as containerQueries, S as ChipOwnerState, St as ThemeSwitch, T as ComponentStyle, Tt as ThemeTransitionEasing, U as PaletteColor, Ut as icon, V as NumberInputOwnerState, Vt as fontWeights, W as PaletteEntry, Wt as layout, X as SnackbarOwnerState, Xt as sizes, Y as SizeEntry, Yt as radii, Z as TabOwnerState, Zt as space, _ as ButtonVariants, _t as ThemeRadii, an as BreakpointHelpers, at as ThemeBorder, b as CardSlotIconProps, bt as ThemeSkeleton, c as AccordionOwnerState, ct as ThemeComponents, d as AutocompleteOwnerState, dt as ThemeFonts, en as up, et as TabsOwnerState, f as BadgeOwnerState, ft as ThemeIconSizes, g as ButtonOwnerState, gt as ThemePalette, h as BreakpointOverrides, ht as ThemeLineHeights, in as createTheme, it as ThemeBackground, j as LayoutBars, jt as TypographyVariant, k as FabMenuOwnerState, kt as TooltipOwnerState, l as AccordionSummaryOwnerState, lt as ThemeDefaults, m as BreakpointKey, mt as ThemeLetterSpacings, nn as DeepPartial, nt as Theme, on as withBreakpointHelpers, ot as ThemeBorderWidths, p as BreadcrumbsOwnerState, pt as ThemeLayout, q as RatingOwnerState, qt as not, rn as ThemeOverride, rt as ThemeAvatarSizes, s as AccordionGroupOwnerState, st as ThemeBreakpoints, tn as zOrder, tt as TabsVariants, u as AlertOwnerState, ut as ThemeFontWeights, v as CSSObject, vt as ThemeShadow, w as ComponentConfig, wt as ThemeTransitionDuration, x as CardSlotTypographyProps, xt as ThemeSpace, y as CardOwnerState, yt as ThemeSizes, z as MenuListOwnerState, zt as down } from "./index-B-1sp9oV.mjs";
+import { a as LayoutProvider, i as themeDefault, n as useDefaultProps, o as LayoutProviderProps, r as useTheme, s as ThemeProvider, t as withTheme } from "./index-C_K0hsEr.mjs";
 export { AccordionGroupOwnerState, AccordionOwnerState, AccordionSummaryOwnerState, AlertOwnerState, AutocompleteOwnerState, BadgeOwnerState, BreadcrumbsOwnerState, BreakpointHelpers, BreakpointKey, BreakpointOverrides, ButtonOwnerState, ButtonVariants, CSSObject, CardOwnerState, CardSlotIconProps, CardSlotTypographyProps, ChipOwnerState, CollapseOwnerState, ComponentConfig, ComponentStyle, ComponentVariant, ContextMenuOwnerState, type DeepPartial, DefaultBreakpoints, FabMenuOwnerState, FabOwnerState, LayoutBars, LayoutContent, LayoutEntry, LayoutLength, LayoutPanel, LayoutPanels, LayoutProvider, LayoutProviderProps, LayoutSpace, MenuItemOwnerState, MenuListOwnerState, MenuOwnerState, NumberInputOwnerState, OpenScale, PaletteColor, PaletteEntry, PressableOwnerState, RangeInputOwnerState, RatingOwnerState, ScrollAreaOwnerState, SizeEntry, SnackbarOwnerState, TabOwnerState, TabPanelOwnerState, TabScrollButtonOwnerState, TabsOwnerState, TabsVariants, 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, ThemeTransitionDuration, ThemeTransitionEasing, ThemeTransitions, ThemeTypographyVariants, ThemeZOrder, TooltipOwnerState, TransferListOwnerState, TypographyVariant, TypographyVariantStyle, avatar, baseTheme, between, borderWidths, breakpoints, containerQueries, createTheme, down, fontSizes, fontWeights, fonts, icon, layout, letterSpacings, lineHeights, not, only, radii, sizes, space, themeDefault, transitions, typography, up, useDefaultProps, useTheme, withBreakpointHelpers, withTheme, zOrder };

package/dist/{useTablePagination-BOzuKUnF.d.mts → useTablePagination-DOLl6Ba7.d.cts}

@@ -1,4 +1,4 @@
-import { n as TableSortLabelDirection } from "./index-5TAVgzbU.mjs";
+import { n as TableSortLabelDirection } from "./index-BYg-l1_n.cjs";
 /** One column's sort state - spreads directly onto `TableSortLabel`. */
 interface TableSortEntry {
   isActive: boolean;

package/dist/{useTablePagination-CraL2Mux.d.cts → useTablePagination-bZTeweJ_.d.mts}

@@ -1,4 +1,4 @@
-import { n as TableSortLabelDirection } from "./index-DQYhGgbl.cjs";
+import { n as TableSortLabelDirection } from "./index-BJIqJbF4.mjs";
 /** One column's sort state - spreads directly onto `TableSortLabel`. */
 interface TableSortEntry {
   isActive: boolean;

package/dist/{useTransition-B-hzi7Sm.d.mts → useTransition-Dk84FQFT.d.mts}

@@ -1,4 +1,4 @@
-import { nt as Theme } from "./index-BWiDilH8.mjs";
+import { nt as Theme } from "./index-B-1sp9oV.mjs";
 import { ReactElement } from "react";
 /** How long a transition takes in milliseconds - one for both ways, or one for each. */
 type TransitionTimeout = number | {

package/dist/{useTransition-CF_Zy_tM.d.cts → useTransition-DnOAXNav.d.cts}

@@ -1,4 +1,4 @@
-import { nt as Theme } from "./index-DvVQLBZc.cjs";
+import { nt as Theme } from "./index-CK-uaK5U.cjs";
 import { ReactElement } from "react";
 /** How long a transition takes in milliseconds - one for both ways, or one for each. */
 type TransitionTimeout = number | {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@soroush.tech/design-system",
-  "version": "2.1.0-alpha.0",
+  "version": "2.1.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",

package/dist/index-6zQ2VUlM.d.cts

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

package/dist/index-B1qv6yGM.d.mts

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