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

package/dist/index-CERyXFjz.d.cts

@@ -0,0 +1,32 @@
+import { i as ButtonProps } from "./index-BQge4W7L.cjs";
+import { ReactNode, Ref } from "react";
+//#region src/Fab/Fab.d.ts
+type FabVariant = 'circular' | 'extended';
+type FabButtonProps = Omit<ButtonProps, 'variant' | 'shape' | 'endIcon' | 'loading' | 'loadingIndicator' | 'loadingPosition' | 'fullWidth' | 'href' | 'target' | 'rel' | 'gap'>;
+type FabProps = FabButtonProps & {
+  /** A circle, or a pill with a label. Default: `'circular'`. */
+  variant?: FabVariant;
+  /** An extended fab's icon, before the label. A circular one is its content. */
+  startIcon?: ReactNode;
+  /** The button element, for a trigger that places something against it or moves its focus. */
+  ref?: Ref<HTMLButtonElement>;
+  /**
+   * Draws an extended fab as its icon alone - a circle - and back again, the label moving in and out
+   * over `theme.transitions`. The label stays in the tree, so the fab keeps its name. A circular
+   * fab ignores it. Default: `false`.
+   */
+  isCollapsed?: boolean;
+};
+/**
+ * @description A floating action button: the one main action of a page, circular - its icon - or
+ * extended, a pill with a label. It is a `Button`, with its focus ring, press state and disabled
+ * behavior, raised on a shadow that lifts on hover and moves with `theme.transitions` (and not at
+ * all under `prefers-reduced-motion`). Its touch target is at least `theme.space[6]` square however
+ * small the fab. An extended fab keeps its label on one line, with the icon a `theme.space[1.5]`
+ * before it, and `isCollapsed` draws it as a circle - the label moving out over `theme.transitions`. Margin and padding are `theme.space` keys, as everywhere. Where it floats is the
+ * page's: no position is built in. A fab with no text - a circular one - must be named:
+ * `aria-label` or `aria-labelledby`.
+ */
+declare function Fab({ variant: variantProp, color, size, startIcon, isCollapsed, children, ...rest }: Readonly<FabProps>): import("react").JSX.Element;
+//#endregion
+export { FabProps as n, FabVariant as r, Fab as t };

package/dist/index-CLvlNnjM.d.mts

@@ -0,0 +1,32 @@
+import { i as ButtonProps } from "./index-DK3zgGPe.mjs";
+import { ReactNode, Ref } from "react";
+//#region src/Fab/Fab.d.ts
+type FabVariant = 'circular' | 'extended';
+type FabButtonProps = Omit<ButtonProps, 'variant' | 'shape' | 'endIcon' | 'loading' | 'loadingIndicator' | 'loadingPosition' | 'fullWidth' | 'href' | 'target' | 'rel' | 'gap'>;
+type FabProps = FabButtonProps & {
+  /** A circle, or a pill with a label. Default: `'circular'`. */
+  variant?: FabVariant;
+  /** An extended fab's icon, before the label. A circular one is its content. */
+  startIcon?: ReactNode;
+  /** The button element, for a trigger that places something against it or moves its focus. */
+  ref?: Ref<HTMLButtonElement>;
+  /**
+   * Draws an extended fab as its icon alone - a circle - and back again, the label moving in and out
+   * over `theme.transitions`. The label stays in the tree, so the fab keeps its name. A circular
+   * fab ignores it. Default: `false`.
+   */
+  isCollapsed?: boolean;
+};
+/**
+ * @description A floating action button: the one main action of a page, circular - its icon - or
+ * extended, a pill with a label. It is a `Button`, with its focus ring, press state and disabled
+ * behavior, raised on a shadow that lifts on hover and moves with `theme.transitions` (and not at
+ * all under `prefers-reduced-motion`). Its touch target is at least `theme.space[6]` square however
+ * small the fab. An extended fab keeps its label on one line, with the icon a `theme.space[1.5]`
+ * before it, and `isCollapsed` draws it as a circle - the label moving out over `theme.transitions`. Margin and padding are `theme.space` keys, as everywhere. Where it floats is the
+ * page's: no position is built in. A fab with no text - a circular one - must be named:
+ * `aria-label` or `aria-labelledby`.
+ */
+declare function Fab({ variant: variantProp, color, size, startIcon, isCollapsed, children, ...rest }: Readonly<FabProps>): import("react").JSX.Element;
+//#endregion
+export { FabProps as n, FabVariant as r, Fab as t };

package/dist/{index-C3KrFPCj.d.mts → index-CO-XxjiZ.d.cts}

@@ -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-BrCKLgKZ.cjs";
+import { i as MenuItemRole } from "./index-BSGu9rPv.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-DXhMkjQ6.d.cts → index-CR0akDlJ.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 { nt as Theme } from "./index-XN4-ZqTB.cjs";
+import { n as IconProps, r as IconName } from "./index-05VGk0y_.cjs";
 import { ButtonHTMLAttributes } from "react";
 import { SpaceProps } from "@soroush.tech/styled-system";
 //#region src/Table/TableSortLabel/TableSortLabel.d.ts

package/dist/{index-CVNJEUwJ.d.mts → index-CRQ7XLri.d.mts}

@@ -152,6 +152,10 @@ interface ThemeBackground {
   terminal: string;
   grid: string;
   transparent: string;
+  /** The thumb of a drawn scrollbar (`ScrollArea`). */
+  scrollbar: string;
+  /** The track of a drawn scrollbar, while it is hovered or dragged. */
+  scrollbarTrack: string;
 }
 interface ThemeBorder {
   default?: string;
@@ -188,6 +192,25 @@ interface ThemeZOrder {
   appBar: number;
   drawer: number;
   modal: number;
+  snackbar: number;
+  tooltip: number;
+}
+/** The durations of `theme.transitions.duration`, in milliseconds. */
+interface ThemeTransitionDuration {
+  short: number;
+  standard: number;
+  long: number;
+}
+/** The easings of `theme.transitions.easing` - CSS timing functions. */
+interface ThemeTransitionEasing {
+  standard: string;
+  enter: string;
+  exit: string;
+}
+/** How long and how smoothly things move - read by `Collapse`, `Fade`, `Grow`, `Slide` and `Zoom`. */
+interface ThemeTransitions {
+  duration: OpenScale<ThemeTransitionDuration>;
+  easing: OpenScale<ThemeTransitionEasing>;
 }
 interface ThemeRadii {
   sq: string;
@@ -417,6 +440,8 @@ interface ThemeDefaults {
   avatarSize?: keyof ThemeAvatarSizes;
   /** Icon glyph size step. Fallback: `'lg'`. */
   iconSize?: keyof ThemeIconSizes;
+  /** Least width of an input that does not fill its row (text, number, select, autocomplete) - a CSS length. Fallback: `'12rem'`. */
+  inputMinWidth?: string;
   /** Border/ring color. Fallback: `'primary'`. */
   borderColor?: keyof ThemeBorder;
   /** Border/ring width. Fallback: `'thin'`. */
@@ -426,7 +451,7 @@ interface ThemeDefaults {
   /** Switch thumb/track layout. Fallback: `'outside'`. */
   switchVariant?: 'outside' | 'inside';
   /** Input frame style (TextInput, Select, NativeSelect). Fallback: `'default'`. */
-  inputVariant?: 'default' | 'outlined' | 'text' | 'underline';
+  inputVariant?: InputVariantKey;
   /** Avatar shape. Fallback: `'circular'`. */
   avatarVariant?: 'circular' | 'rounded' | 'square';
   /** Link underline behavior. Fallback: `'always'`. */
@@ -467,6 +492,173 @@ interface ButtonVariants {
   outlined: true;
   text: true;
 }
+/** The defaults a theme may set for every `RangeInput`. */
+interface RangeInputOwnerState {
+  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 `NumberInput` - its button labels give it a language. */
+interface NumberInputOwnerState {
+  variant?: InputVariantKey;
+  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 `Autocomplete` - its labels give it a language. */
+interface AutocompleteOwnerState {
+  borderRadius?: keyof ThemeRadii;
+  bg?: keyof ThemeBackground;
+  textColor?: keyof ThemeText;
+  variant?: InputVariantKey;
+  size?: keyof ThemeSizes;
+  color?: keyof ThemePalette;
+  shouldAllowFreeText?: boolean;
+  layer?: keyof ThemeZOrder;
+  clearLabel?: string;
+  openLabel?: string;
+  closeLabel?: string;
+  loadingText?: string;
+  noOptionsText?: string;
+}
+/** The defaults a theme may set for every `ScrollArea`. */
+interface ScrollAreaOwnerState {
+  axes?: 'x' | 'y' | 'both';
+}
+/** The frames a form input is drawn in. */
+type InputVariantKey = 'default' | 'outlined' | 'text' | 'underline';
+/** The corner shapes of a control or a surface. */
+type ShapeKey = 'square' | 'rounded' | 'pill';
+/** The defaults a theme may set for every `Tooltip`. */
+interface TooltipOwnerState {
+  borderRadius?: keyof ThemeRadii;
+  bg?: keyof ThemeBackground;
+  textColor?: keyof ThemeText;
+  placement?: 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end' | 'right' | 'right-start' | 'right-end' | 'auto' | 'auto-start' | 'auto-end';
+  hasArrow?: boolean;
+  enterDelay?: number;
+  leaveDelay?: number;
+  enterTouchDelay?: number;
+  leaveTouchDelay?: number;
+  shouldDescribeChild?: boolean;
+  shouldOpenOnHover?: boolean;
+  shouldOpenOnFocus?: boolean;
+  shouldOpenOnTouch?: boolean;
+  layer?: keyof ThemeZOrder;
+}
+/** The defaults a theme may set for every `Snackbar`. */
+interface SnackbarOwnerState {
+  anchorOrigin?: {
+    vertical: 'top' | 'bottom';
+    horizontal: 'start' | 'center' | 'end';
+  };
+  autoHideDuration?: number;
+  resumeHideDuration?: number;
+  layer?: keyof ThemeZOrder;
+  shape?: ShapeKey;
+  borderRadius?: keyof ThemeRadii;
+  bg?: keyof ThemeBackground;
+  textColor?: keyof ThemeText;
+}
+/** The defaults a theme may set for every `Fab`. */
+interface FabOwnerState {
+  variant?: 'circular' | 'extended';
+  color?: keyof ThemePalette;
+  size?: keyof ThemeSizes;
+}
+/** The defaults a theme may set for every `FabMenu`. */
+interface FabMenuOwnerState {
+  direction?: 'up' | 'down' | 'left' | 'right';
+  align?: 'start' | 'end';
+  color?: keyof ThemePalette;
+  size?: keyof ThemeSizes;
+}
+/** The defaults a theme may set for every `Alert` - its `closeLabel` gives it a language. */
+interface AlertOwnerState {
+  severity?: 'success' | 'info' | 'warning' | 'error';
+  variant?: 'standard' | 'contained' | 'outlined';
+  closeLabel?: string;
+  role?: 'alert' | 'status';
+  borderRadius?: keyof ThemeRadii;
+}
+/** The defaults a theme may set for every `Badge`. */
+interface BadgeOwnerState {
+  max?: number;
+  variant?: 'standard' | 'dot';
+  color?: keyof ThemePalette;
+  anchorOrigin?: {
+    vertical: 'top' | 'bottom';
+    horizontal: 'start' | 'end';
+  };
+  overlap?: 'rectangular' | 'circular';
+}
+/** The defaults a theme may set for every `Chip` - its `deleteLabel` gives it a language. */
+interface ChipOwnerState {
+  variant?: 'contained' | 'outlined' | 'text';
+  color?: keyof ThemePalette;
+  size?: keyof ThemeSizes;
+  shape?: ShapeKey;
+  borderRadius?: keyof ThemeRadii;
+  deleteLabel?: string;
+}
+/** The defaults a theme may set for every `Accordion`. */
+interface AccordionOwnerState {
+  hasGutters?: boolean;
+  borderRadius?: keyof ThemeRadii;
+  bg?: keyof ThemeBackground;
+  textColor?: keyof ThemeText;
+}
+/** The defaults a theme may set for every `AccordionSummary`. */
+interface AccordionSummaryOwnerState {
+  headingLevel?: 1 | 2 | 3 | 4 | 5 | 6;
+}
+/** The defaults a theme may set for every `AccordionGroup`. */
+interface AccordionGroupOwnerState {
+  isExclusive?: boolean;
+  variant?: 'separated' | 'attached';
+}
+/** The defaults a theme may set for every `Collapse`. */
+interface CollapseOwnerState {
+  orientation?: 'vertical' | 'horizontal';
+  collapsedSize?: string | number;
+  timeout?: number | {
+    enter: number;
+    exit: number;
+  };
+  easing?: keyof ThemeTransitionEasing;
+  shouldAppear?: boolean;
+}
+/** 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;
@@ -481,7 +673,7 @@ interface ButtonOwnerState {
   variant?: keyof ButtonVariants;
   color?: keyof ThemePalette;
   size?: keyof ThemeSizes;
-  shape?: 'square' | 'rounded' | 'pill';
+  shape?: ShapeKey;
   fullWidth?: boolean;
   disabled?: boolean;
 }
@@ -504,6 +696,7 @@ interface TabsOwnerState {
 /** The defaults a theme may set for every `Menu`. */
 interface MenuOwnerState {
   align?: 'start' | 'end';
+  borderRadius?: keyof ThemeRadii;
   marginThreshold?: keyof ThemeSpace;
   elevation?: PaperElevation;
   layer?: keyof ThemeZOrder;
@@ -595,7 +788,7 @@ interface ThemeComponents {
   Button?: ComponentConfig<ButtonOwnerState, 'root' | 'label' | 'icon' | 'loader'>;
   ButtonGroup?: ComponentConfig;
   Card?: ComponentConfig<CardOwnerState, 'root' | 'title' | 'caption' | 'icon'>;
-  Checkbox?: ComponentConfig<Record<string, unknown>, 'root' | 'input' | 'icon'>;
+  Checkbox?: ComponentConfig<Record<string, unknown>, 'root' | 'input' | 'icon' | 'label'>;
   CircularProgress?: ComponentConfig<Record<string, unknown>, 'root' | 'track' | 'circle'>;
   ContextMenu?: ComponentConfig<ContextMenuOwnerState, 'root' | 'paper'>;
   Drawer?: ComponentConfig;
@@ -622,12 +815,32 @@ interface ThemeComponents {
   Popover?: ComponentConfig<Record<string, unknown>, 'root' | 'positioner'>;
   Pressable?: ComponentConfig<PressableOwnerState>;
   Quote?: ComponentConfig;
-  Radio?: ComponentConfig<Record<string, unknown>, 'root' | 'input' | 'icon'>;
+  Radio?: ComponentConfig<Record<string, unknown>, 'root' | 'input' | 'icon' | 'label'>;
+  RangeInput?: ComponentConfig<RangeInputOwnerState, 'root' | 'rail' | 'track' | 'thumb' | 'mark' | 'markLabel' | 'valueLabel' | 'input'>;
+  Tooltip?: ComponentConfig<TooltipOwnerState, 'root' | 'arrow'>;
+  Snackbar?: ComponentConfig<SnackbarOwnerState, 'root' | 'content' | 'message' | 'action'>;
+  Fab?: ComponentConfig<FabOwnerState, 'root' | 'label' | 'labelText'>;
+  FabMenu?: ComponentConfig<FabMenuOwnerState, 'root' | 'list'>;
+  Alert?: ComponentConfig<AlertOwnerState, 'root' | 'icon' | 'message' | 'action' | 'closeButton'>;
+  AlertTitle?: ComponentConfig;
+  Badge?: ComponentConfig<BadgeOwnerState, 'root' | 'badge' | 'label'>;
+  Chip?: ComponentConfig<ChipOwnerState, 'root' | 'body' | 'label' | 'icon' | 'avatar' | 'deleteIcon'>;
+  Accordion?: ComponentConfig<AccordionOwnerState, 'root' | 'region'>;
+  AccordionSummary?: ComponentConfig<AccordionSummaryOwnerState, 'root' | 'button' | 'content' | 'icon'>;
+  AccordionDetails?: ComponentConfig;
+  AccordionActions?: ComponentConfig;
+  AccordionGroup?: ComponentConfig<AccordionGroupOwnerState>;
+  Collapse?: ComponentConfig<CollapseOwnerState, 'root' | 'wrapper' | 'inner'>;
+  TransferList?: ComponentConfig<TransferListOwnerState, 'root' | 'list' | 'header' | 'title' | 'count' | 'items' | 'item' | 'controls' | 'icon'>;
+  Autocomplete?: ComponentConfig<AutocompleteOwnerState, 'root' | 'tags' | 'input' | 'clearIndicator' | 'popupIndicator' | 'popup' | 'listbox' | 'group' | 'groupLabel' | 'groupItems' | 'option' | 'status'>;
+  NumberInput?: ComponentConfig<NumberInputOwnerState, 'root' | 'input' | 'content' | 'spinButtons' | 'increment' | 'decrement'>;
+  Rating?: ComponentConfig<RatingOwnerState, 'root' | 'item' | 'icon' | 'decimal' | 'input' | 'text' | 'emptyLabel'>;
+  ScrollArea?: ComponentConfig<ScrollAreaOwnerState, 'root' | 'viewport' | 'track' | 'thumb'>;
   Select?: ComponentConfig<Record<string, unknown>, 'root' | 'value' | 'valueArea' | 'valueGhost' | 'listbox'>;
   Sidebar?: ComponentConfig<Record<string, unknown>, 'root' | 'rail' | 'panel'>;
   SidebarItem?: ComponentConfig;
   Skeleton?: ComponentConfig<Record<string, unknown>, 'root' | 'content'>;
-  Switch?: ComponentConfig<Record<string, unknown>, 'root' | 'input' | 'track' | 'thumb'>;
+  Switch?: ComponentConfig<Record<string, unknown>, 'root' | 'input' | 'track' | 'thumb' | 'label'>;
   Tab?: ComponentConfig<TabOwnerState, 'root' | 'label' | 'icon' | 'secondaryAction' | 'close'>;
   Table?: ComponentConfig;
   TableBody?: ComponentConfig;
@@ -684,6 +897,7 @@ interface Theme {
   fontWeights: OpenScale<ThemeFontWeights>;
   palette: OpenScale<ThemePalette>;
   zOrder: OpenScale<ThemeZOrder>;
+  transitions: ThemeTransitions;
 }
 /** The semantic color keys of `theme.palette`. */
 type PaletteColor = keyof ThemePalette;
@@ -705,6 +919,20 @@ declare const zOrder: {
   appBar: number;
   drawer: number;
   modal: number;
+  snackbar: number;
+  tooltip: number;
+};
+declare const transitions: {
+  duration: {
+    short: number;
+    standard: number;
+    long: number;
+  };
+  easing: {
+    standard: string;
+    enter: string;
+    exit: string;
+  };
 };
 declare const fontSizes: number[];
 declare const lineHeights: {
@@ -825,4 +1053,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 { TabScrollButtonOwnerState as $, typography$1 as $t, FabOwnerState as A, TransferListOwnerState as At, MenuOwnerState as B, fontSizes as Bt, CollapseOwnerState as C, ThemeText as Ct, ContextMenuOwnerState as D, ThemeTypographyVariants as Dt, ComponentVariant as E, ThemeTransitions as Et, LayoutPanel as F, between as Ft, PressableOwnerState as G, letterSpacings as Gt, OpenScale as H, fonts as Ht, LayoutPanels as I, borderWidths as It, ScrollAreaOwnerState as J, only as Jt, RangeInputOwnerState as K, lineHeights as Kt, LayoutSpace as L, breakpoints as Lt, LayoutContent as M, TypographyVariantStyle as Mt, LayoutEntry as N, avatar as Nt, DefaultBreakpoints as O, ThemeZOrder as Ot, LayoutLength as P, baseTheme as Pt, TabPanelOwnerState as Q, transitions as Qt, MenuItemOwnerState as R, containerQueries as Rt, ChipOwnerState as S, ThemeSwitch as St, ComponentStyle as T, ThemeTransitionEasing as Tt, PaletteColor as U, icon as Ut, NumberInputOwnerState as V, fontWeights as Vt, PaletteEntry as W, layout$1 as Wt, SnackbarOwnerState as X, sizes as Xt, SizeEntry as Y, radii as Yt, TabOwnerState as Z, space$1 as Zt, ButtonVariants as _, ViewBorderWidthToken as _n, ThemeRadii as _t, ThemeCustomizationOptions as a, BreakpointHelpers as an, ThemeBorder as at, CardSlotIconProps as b, ThemeSkeleton as bt, AccordionOwnerState as c, PaperElevation as cn, ThemeComponents as ct, AutocompleteOwnerState as d, FlexProps as dn, ThemeFonts as dt, up as en, TabsOwnerState as et, BadgeOwnerState as f, GapToken as fn, ThemeIconSizes as ft, ButtonOwnerState as g, ViewBorderRadiusToken as gn, ThemePalette as gt, BreakpointOverrides as h, ViewBorderColorToken as hn, ThemeLineHeights as ht, props as i, createTheme as in, ThemeBackground as it, LayoutBars as j, TypographyVariant as jt, FabMenuOwnerState as k, TooltipOwnerState as kt, AccordionSummaryOwnerState as l, PaperProps as ln, ThemeDefaults as lt, BreakpointKey as m, ViewBackgroundToken as mn, ThemeLetterSpacings as mt, css$1 as n, DeepPartial as nn, Theme as nt, styled as o, withBreakpointHelpers as on, ThemeBorderWidths as ot, BreadcrumbsOwnerState as p, View as pn, ThemeLayout as pt, RatingOwnerState as q, not as qt, keyframes as r, ThemeOverride as rn, ThemeAvatarSizes as rt, AccordionGroupOwnerState as s, Paper as sn, ThemeBreakpoints as st, createShouldForwardProp as t, zOrder as tn, TabsVariants as tt, AlertOwnerState as u, Flex as un, ThemeFontWeights as ut, CSSObject$1 as v, ViewColorToken as vn, ThemeShadow as vt, ComponentConfig as w, ThemeTransitionDuration as wt, CardSlotTypographyProps as x, ThemeSpace as xt, CardOwnerState as y, ViewProps as yn, ThemeSizes as yt, MenuListOwnerState as z, down as zt };

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

@@ -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-BWL5fM_L.mjs";
+import { i as MenuItemRole } from "./index-46mhlgP6.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-BCnKYNlZ.d.cts → index-CWPvdEjP.d.mts}

@@ -1,6 +1,6 @@
-import { M as PaletteColor, V as Theme } from "./index-DmJ7yWWi.cjs";
-import { ButtonHTMLAttributes, ElementType } from "react";
+import { U as PaletteColor, nt as Theme } from "./index-CRQ7XLri.mjs";
 import { BorderProps, LayoutProps, SpaceProps, TypographyProps } from "@soroush.tech/styled-system";
+import { ButtonHTMLAttributes, ElementType } from "react";
 //#region src/Pressable/Pressable.d.ts
 /**
  * Press feedback: `none` leaves the wrapped content untouched, `opacity` dims it
@@ -44,6 +44,6 @@ interface PressableProps extends Omit<ButtonHTMLAttributes<HTMLElement>, 'color'
  * `feedback` picks what happens while it is held: nothing (default), the content
  * dims, or the surface tints.
  */
-declare function Pressable({ as, feedback, color, activeOpacity, href, type, disabled, onClick, onKeyDown, onKeyUp, ...rest }: Readonly<PressableProps>): import("react").JSX.Element;
+declare function Pressable({ as, feedback, color, activeOpacity, href, target, rel, type, disabled, onClick, onKeyDown, onKeyUp, ...rest }: Readonly<PressableProps>): import("react").JSX.Element;
 //#endregion
 export { PressableProps as i, PressableColor as n, PressableFeedback as r, Pressable as t };

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

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

package/dist/index-Ctx-DKV3.d.cts

@@ -0,0 +1,18 @@
+import { ReactNode } from "react";
+//#region src/Portal/Portal.d.ts
+interface PortalProps {
+  /** Content to render into the container. */
+  children: ReactNode;
+  /** Target node, or a function returning one. Defaults to `document.body`. */
+  container?: HTMLElement | (() => HTMLElement | null) | null;
+}
+/**
+ * Renders its children into a DOM node outside the parent hierarchy (the document
+ * body by default). Resolves the container synchronously during render, so the
+ * portaled content mounts in the same commit - consumers like Modal can rely on
+ * their root ref being attached before their effects run. Renders nothing during
+ * server rendering.
+ */
+declare function Portal({ children, container }: Readonly<PortalProps>): import("react").ReactPortal | null;
+//#endregion
+export { PortalProps as n, Portal as t };

package/dist/index-Ctx-DKV3.d.mts

@@ -0,0 +1,18 @@
+import { ReactNode } from "react";
+//#region src/Portal/Portal.d.ts
+interface PortalProps {
+  /** Content to render into the container. */
+  children: ReactNode;
+  /** Target node, or a function returning one. Defaults to `document.body`. */
+  container?: HTMLElement | (() => HTMLElement | null) | null;
+}
+/**
+ * Renders its children into a DOM node outside the parent hierarchy (the document
+ * body by default). Resolves the container synchronously during render, so the
+ * portaled content mounts in the same commit - consumers like Modal can rely on
+ * their root ref being attached before their effects run. Renders nothing during
+ * server rendering.
+ */
+declare function Portal({ children, container }: Readonly<PortalProps>): import("react").ReactPortal | null;
+//#endregion
+export { PortalProps as n, Portal as t };

package/dist/{index-BjPX49XA.d.mts → index-CyLhEXYB.d.mts}

@@ -1,4 +1,4 @@
-import { V as Theme } from "./index-CVNJEUwJ.mjs";
+import { nt as Theme } from "./index-CRQ7XLri.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-DeDxYlSQ.d.mts → index-D05fSuF1.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 { nt as Theme } from "./index-CRQ7XLri.mjs";
+import { n as IconProps, r as IconName } from "./index-DNj5P2NH.mjs";
 import { SpaceProps } from "@soroush.tech/styled-system";
 import { ButtonHTMLAttributes } from "react";
 //#region src/Table/TableSortLabel/TableSortLabel.d.ts

package/dist/{index-XxydXX8l.d.cts → index-DK3zgGPe.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 { U as PaletteColor, _ as ButtonVariants, nt as Theme } from "./index-CRQ7XLri.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;
@@ -44,6 +44,6 @@ interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'col
   /** Anchor `rel` - only meaningful when `href` is set. */
   rel?: string;
 }
-declare function Button({ variant, color, size, shape, gap, fontWeight, letterSpacing, startIcon, endIcon, fullWidth, loading, loadingIndicator, loadingPosition, children, disabled, href, ...rest }: Readonly<ButtonProps>): import("react").JSX.Element;
+declare function Button({ variant, color, size, shape, gap, fontWeight, letterSpacing, startIcon, endIcon, fullWidth, loading, loadingIndicator, loadingPosition, children, disabled, href, target, rel, ...rest }: Readonly<ButtonProps>): import("react").JSX.Element;
 //#endregion
 export { ButtonShape as a, GapToken as c, ButtonProps as i, ButtonColor as n, ButtonSize as o, ButtonLoadingPosition as r, ButtonVariant as s, Button as t };

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

@@ -1,10 +1,13 @@
-import { Z as ThemeIconSizes } from "./index-CVNJEUwJ.mjs";
-import { n as TextColorToken } from "./index-BSA6SKao.mjs";
+import { ft as ThemeIconSizes } from "./index-CRQ7XLri.mjs";
+import { n as TextColorToken } from "./index-BPh60KDs.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
@@ -26,6 +29,9 @@ declare const SvgArrowUpward: (props: SVGProps<SVGSVGElement>) => import("react"
 //#region src/Icon/icons/Check.d.ts
 declare const SvgCheck: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
 //#endregion
+//#region src/Icon/icons/CheckCircle.d.ts
+declare const SvgCheckCircle: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+//#endregion
 //#region src/Icon/icons/ChevronLeft.d.ts
 declare const SvgChevronLeft: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
 //#endregion
@@ -62,6 +68,9 @@ declare const SvgDns: (props: SVGProps<SVGSVGElement>) => import("react").JSX.El
 //#region src/Icon/icons/EditNote.d.ts
 declare const SvgEditNote: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
 //#endregion
+//#region src/Icon/icons/ErrorCircle.d.ts
+declare const SvgErrorCircle: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+//#endregion
 //#region src/Icon/icons/ExpandLess.d.ts
 declare const SvgExpandLess: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
 //#endregion
@@ -104,6 +113,9 @@ declare const SvgHub: (props: SVGProps<SVGSVGElement>) => import("react").JSX.El
 //#region src/Icon/icons/Image.d.ts
 declare const SvgImage: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
 //#endregion
+//#region src/Icon/icons/Info.d.ts
+declare const SvgInfo: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+//#endregion
 //#region src/Icon/icons/Language.d.ts
 declare const SvgLanguage: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
 //#endregion
@@ -134,6 +146,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 +170,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 +201,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;
@@ -187,6 +209,7 @@ declare const icons: {
   readonly arrow_forward: typeof SvgArrowForward;
   readonly arrow_upward: typeof SvgArrowUpward;
   readonly check: typeof SvgCheck;
+  readonly check_circle: typeof SvgCheckCircle;
   readonly chevron_left: typeof SvgChevronLeft;
   readonly chevron_right: typeof SvgChevronRight;
   readonly checklist: typeof SvgChecklist;
@@ -199,6 +222,7 @@ declare const icons: {
   readonly desktop_windows: typeof SvgDesktopWindows;
   readonly dns: typeof SvgDns;
   readonly edit_note: typeof SvgEditNote;
+  readonly error: typeof SvgErrorCircle;
   readonly expand_less: typeof SvgExpandLess;
   readonly expand_more: typeof SvgExpandMore;
   readonly external_link: typeof SvgExternalLink;
@@ -213,6 +237,7 @@ declare const icons: {
   readonly history: typeof SvgHistory;
   readonly hub: typeof SvgHub;
   readonly image: typeof SvgImage;
+  readonly info: typeof SvgInfo;
   readonly language: typeof SvgLanguage;
   readonly last_page: typeof SvgLastPage;
   readonly link: typeof SvgLink;
@@ -223,6 +248,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 +256,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-BFruxTHv.d.cts → index-DOH1xY0L.d.cts}

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