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

package/dist/Accordion/Accordion.d.cts

@@ -1,5 +1,5 @@
-import { nt as Theme } from "../index-DvVQLBZc.cjs";
-import { r as CollapseProps } from "../index-DrfJt7W6.cjs";
+import { nt as Theme } from "../index-C6a3kDn2.cjs";
+import { r as CollapseProps } from "../index-D7h8qFS1.cjs";
 import { ComponentType, ReactNode, SyntheticEvent } from "react";
 import { SpaceProps } from "@soroush.tech/styled-system";
 /** What an `Accordion` hands the transition that opens and closes its region. */

package/dist/Accordion/Accordion.d.mts

@@ -1,5 +1,5 @@
-import { nt as Theme } from "../index-BWiDilH8.mjs";
-import { r as CollapseProps } from "../index-D--R4_5H.mjs";
+import { nt as Theme } from "../index-DOH6uskj.mjs";
+import { r as CollapseProps } from "../index-Bhb0bFxe.mjs";
 import { SpaceProps } from "@soroush.tech/styled-system";
 import { ComponentType, ReactNode, SyntheticEvent } from "react";
 /** What an `Accordion` hands the transition that opens and closes its region. */

package/dist/Accordion/AccordionGroup.d.cts

@@ -1,4 +1,4 @@
-import { nt as Theme } from "../index-DvVQLBZc.cjs";
+import { nt as Theme } from "../index-C6a3kDn2.cjs";
 import { ReactNode } from "react";
 import { SpaceProps } from "@soroush.tech/styled-system";
 type AccordionGroupVariant = 'separated' | 'attached';

package/dist/Accordion/AccordionGroup.d.mts

@@ -1,4 +1,4 @@
-import { nt as Theme } from "../index-BWiDilH8.mjs";
+import { nt as Theme } from "../index-DOH6uskj.mjs";
 import { SpaceProps } from "@soroush.tech/styled-system";
 import { ReactNode } from "react";
 type AccordionGroupVariant = 'separated' | 'attached';

package/dist/Alert/Alert.d.cts

@@ -1,4 +1,4 @@
-import { nt as Theme } from "../index-DvVQLBZc.cjs";
+import { nt as Theme } from "../index-C6a3kDn2.cjs";
 import { MouseEvent, ReactNode } from "react";
 import { SpaceProps } from "@soroush.tech/styled-system";
 type AlertSeverity = 'success' | 'info' | 'warning' | 'error';

package/dist/Alert/Alert.d.mts

@@ -1,4 +1,4 @@
-import { nt as Theme } from "../index-BWiDilH8.mjs";
+import { nt as Theme } from "../index-DOH6uskj.mjs";
 import { SpaceProps } from "@soroush.tech/styled-system";
 import { MouseEvent, ReactNode } from "react";
 type AlertSeverity = 'success' | 'info' | 'warning' | 'error';

package/dist/AppBar.d.cts

@@ -1,4 +1,4 @@
-import { dn as FlexProps, nt as Theme } from "./index-DvVQLBZc.cjs";
+import { dn as FlexProps, nt as Theme } from "./index-C6a3kDn2.cjs";
 /** Valid values for the color prop - derived from theme.background keys. */
 type AppBarColor = keyof Theme['background'];
 type AppBarPosition = 'absolute' | 'fixed' | 'relative' | 'static' | 'sticky';

package/dist/AppBar.d.mts

@@ -1,4 +1,4 @@
-import { dn as FlexProps, nt as Theme } from "./index-BWiDilH8.mjs";
+import { dn as FlexProps, nt as Theme } from "./index-DOH6uskj.mjs";
 /** Valid values for the color prop - derived from theme.background keys. */
 type AppBarColor = keyof Theme['background'];
 type AppBarPosition = 'absolute' | 'fixed' | 'relative' | 'static' | 'sticky';

package/dist/Autocomplete.d.cts

@@ -1,4 +1,4 @@
-import { nt as Theme } from "./index-DvVQLBZc.cjs";
+import { nt as Theme } from "./index-C6a3kDn2.cjs";
 import { ChangeEvent, KeyboardEvent, ReactNode, SyntheticEvent } from "react";
 import { LayoutProps, SpaceProps } from "@soroush.tech/styled-system";
 /** One value for a single field, a list for `multiple`. */

package/dist/Autocomplete.d.mts

@@ -1,4 +1,4 @@
-import { nt as Theme } from "./index-BWiDilH8.mjs";
+import { nt as Theme } from "./index-DOH6uskj.mjs";
 import { LayoutProps, SpaceProps } from "@soroush.tech/styled-system";
 import { ChangeEvent, KeyboardEvent, ReactNode, SyntheticEvent } from "react";
 /** One value for a single field, a list for `multiple`. */

package/dist/Avatar.d.cts

@@ -1,4 +1,4 @@
-import { dn as FlexProps, nt as Theme } from "./index-DvVQLBZc.cjs";
+import { dn as FlexProps, nt as Theme } from "./index-C6a3kDn2.cjs";
 type AvatarVariant = 'circular' | 'rounded' | 'square';
 type AvatarSize = keyof Theme['avatar'];
 type AvatarRingColor = keyof Theme['border'];

package/dist/Avatar.d.mts

@@ -1,4 +1,4 @@
-import { dn as FlexProps, nt as Theme } from "./index-BWiDilH8.mjs";
+import { dn as FlexProps, nt as Theme } from "./index-DOH6uskj.mjs";
 type AvatarVariant = 'circular' | 'rounded' | 'square';
 type AvatarSize = keyof Theme['avatar'];
 type AvatarRingColor = keyof Theme['border'];

package/dist/Backdrop.d.cts

@@ -1,4 +1,4 @@
-import { yn as ViewProps } from "./index-DvVQLBZc.cjs";
+import { yn as ViewProps } from "./index-C6a3kDn2.cjs";
 type BackdropProps = ViewProps;
 /**
  * @description Dimmed overlay rendered behind a modal's content. Defaults to the

package/dist/Backdrop.d.mts

@@ -1,4 +1,4 @@
-import { yn as ViewProps } from "./index-BWiDilH8.mjs";
+import { yn as ViewProps } from "./index-DOH6uskj.mjs";
 type BackdropProps = ViewProps;
 /**
  * @description Dimmed overlay rendered behind a modal's content. Defaults to the

package/dist/Badge.d.cts

@@ -1,4 +1,4 @@
-import { nt as Theme } from "./index-DvVQLBZc.cjs";
+import { nt as Theme } from "./index-C6a3kDn2.cjs";
 import { ReactNode } from "react";
 import { SpaceProps } from "@soroush.tech/styled-system";
 type BadgeVariant = 'standard' | 'dot';

package/dist/Badge.d.mts

@@ -1,4 +1,4 @@
-import { nt as Theme } from "./index-BWiDilH8.mjs";
+import { nt as Theme } from "./index-DOH6uskj.mjs";
 import { SpaceProps } from "@soroush.tech/styled-system";
 import { ReactNode } from "react";
 type BadgeVariant = 'standard' | 'dot';

package/dist/Breadcrumbs.d.cts

@@ -1,6 +1,6 @@
-import { jt as TypographyVariant } from "./index-DvVQLBZc.cjs";
-import { a as TypographyProps } from "./index-CyOSmefH.cjs";
-import { n as IconProps } from "./index-C3TrdOpQ.cjs";
+import { jt as TypographyVariant } from "./index-C6a3kDn2.cjs";
+import { a as TypographyProps } from "./index-DMysZsti.cjs";
+import { n as IconProps } from "./index-DAJ5DVHh.cjs";
 import { ElementType, ReactNode } from "react";
 interface BreadcrumbsProps extends Omit<TypographyProps, 'children' | 'variant'> {
   /** The crumbs - the app's `Link`s, and the current page as `Typography` or a `Link` with `aria-current="page"`. */

package/dist/Breadcrumbs.d.mts

@@ -1,6 +1,6 @@
-import { jt as TypographyVariant } from "./index-BWiDilH8.mjs";
-import { a as TypographyProps } from "./index-DtVrZFJI.mjs";
-import { n as IconProps } from "./index-DjmWIzXF.mjs";
+import { jt as TypographyVariant } from "./index-DOH6uskj.mjs";
+import { a as TypographyProps } from "./index-COgZvhXQ.mjs";
+import { n as IconProps } from "./index-hTgl9zwe.mjs";
 import { ElementType, ReactNode } from "react";
 interface BreadcrumbsProps extends Omit<TypographyProps, 'children' | 'variant'> {
   /** The crumbs - the app's `Link`s, and the current page as `Typography` or a `Link` with `aria-current="page"`. */

package/dist/Button.d.cts

@@ -1,2 +1,2 @@
-import { a as ButtonShape, c as GapToken, i as ButtonProps, n as ButtonColor, o as ButtonSize, r as ButtonLoadingPosition, s as ButtonVariant, t as Button } from "./index-DgLjcrkG.cjs";
+import { a as ButtonShape, c as GapToken, i as ButtonProps, n as ButtonColor, o as ButtonSize, r as ButtonLoadingPosition, s as ButtonVariant, t as Button } from "./index-gxBafJdz.cjs";
 export { Button, ButtonColor, ButtonLoadingPosition, ButtonProps, ButtonShape, ButtonSize, ButtonVariant, GapToken };

package/dist/Button.d.mts

@@ -1,2 +1,2 @@
-import { a as ButtonShape, c as GapToken, i as ButtonProps, n as ButtonColor, o as ButtonSize, r as ButtonLoadingPosition, s as ButtonVariant, t as Button } from "./index-Bx-4KmJU.mjs";
+import { a as ButtonShape, c as GapToken, i as ButtonProps, n as ButtonColor, o as ButtonSize, r as ButtonLoadingPosition, s as ButtonVariant, t as Button } from "./index-CCEfrBNN.mjs";
 export { Button, ButtonColor, ButtonLoadingPosition, ButtonProps, ButtonShape, ButtonSize, ButtonVariant, GapToken };

package/dist/ButtonGroup.d.cts

@@ -1,2 +1,2 @@
-import { a as ButtonGroupProps, i as ButtonGroupOrientation, n as ButtonGroupContextValue, o as ButtonGroupRadius, r as ButtonGroup, t as ButtonGroupContext } from "./index-D24iFgwR.cjs";
+import { a as ButtonGroupProps, i as ButtonGroupOrientation, n as ButtonGroupContextValue, o as ButtonGroupRadius, r as ButtonGroup, t as ButtonGroupContext } from "./index-Sq75GwA2.cjs";
 export { ButtonGroup, ButtonGroupContext, ButtonGroupContextValue, ButtonGroupOrientation, ButtonGroupProps, ButtonGroupRadius };

package/dist/ButtonGroup.d.mts

@@ -1,2 +1,2 @@
-import { a as ButtonGroupProps, i as ButtonGroupOrientation, n as ButtonGroupContextValue, o as ButtonGroupRadius, r as ButtonGroup, t as ButtonGroupContext } from "./index-m1RGSQlP.mjs";
+import { a as ButtonGroupProps, i as ButtonGroupOrientation, n as ButtonGroupContextValue, o as ButtonGroupRadius, r as ButtonGroup, t as ButtonGroupContext } from "./index-BVDN2XbT.mjs";
 export { ButtonGroup, ButtonGroupContext, ButtonGroupContextValue, ButtonGroupOrientation, ButtonGroupProps, ButtonGroupRadius };

package/dist/Card.d.cts

@@ -1,7 +1,7 @@
-import { ln as PaperProps } from "./index-DvVQLBZc.cjs";
-import { a as TypographyProps } from "./index-CyOSmefH.cjs";
-import { n as IconProps, r as IconName } from "./index-C3TrdOpQ.cjs";
-import "./index-6zQ2VUlM.cjs";
+import { ln as PaperProps } from "./index-C6a3kDn2.cjs";
+import { a as TypographyProps } from "./index-DMysZsti.cjs";
+import { n as IconProps, r as IconName } from "./index-DAJ5DVHh.cjs";
+import "./index-CJMvoc8h.cjs";
 import { ReactNode } from "react";
 type CardVariant = 'paper' | 'bracketBox' | 'interactive';
 interface CardProps extends Omit<PaperProps, 'title'> {

package/dist/Card.d.mts

@@ -1,7 +1,7 @@
-import { ln as PaperProps } from "./index-BWiDilH8.mjs";
-import { a as TypographyProps } from "./index-DtVrZFJI.mjs";
-import { n as IconProps, r as IconName } from "./index-DjmWIzXF.mjs";
-import "./index-B1qv6yGM.mjs";
+import { ln as PaperProps } from "./index-DOH6uskj.mjs";
+import { a as TypographyProps } from "./index-COgZvhXQ.mjs";
+import { n as IconProps, r as IconName } from "./index-hTgl9zwe.mjs";
+import "./index-BL5Kj3Ka.mjs";
 import { ReactNode } from "react";
 type CardVariant = 'paper' | 'bracketBox' | 'interactive';
 interface CardProps extends Omit<PaperProps, 'title'> {

package/dist/Checkbox.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-C6a3kDn2.cjs";
 import { ChangeEvent, ReactNode } from "react";
 import { SpaceProps } from "@soroush.tech/styled-system";
 type CheckboxColor = PaletteColor;

package/dist/Checkbox.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-DOH6uskj.mjs";
 import { SpaceProps } from "@soroush.tech/styled-system";
 import { ChangeEvent, ReactNode } from "react";
 type CheckboxColor = PaletteColor;

package/dist/Chip.d.cts

@@ -1,4 +1,4 @@
-import { nt as Theme } from "./index-DvVQLBZc.cjs";
+import { nt as Theme } from "./index-C6a3kDn2.cjs";
 import { t as Shape } from "./getShapeRadius-CdCQb8OT.cjs";
 import { MouseEvent, ReactNode, SyntheticEvent } from "react";
 import { SpaceProps } from "@soroush.tech/styled-system";

package/dist/Chip.d.mts

@@ -1,4 +1,4 @@
-import { nt as Theme } from "./index-BWiDilH8.mjs";
+import { nt as Theme } from "./index-DOH6uskj.mjs";
 import { t as Shape } from "./getShapeRadius-CdCQb8OT.mjs";
 import { SpaceProps } from "@soroush.tech/styled-system";
 import { MouseEvent, ReactNode, SyntheticEvent } from "react";

package/dist/CircularProgress.d.cts

@@ -1,5 +1,5 @@
-import { nt as Theme } from "./index-DvVQLBZc.cjs";
-import { n as ButtonColor } from "./index-DgLjcrkG.cjs";
+import { nt as Theme } from "./index-C6a3kDn2.cjs";
+import { n as ButtonColor } from "./index-gxBafJdz.cjs";
 import { HTMLAttributes } from "react";
 import { LayoutProps, PaddingProps, SpaceProps } from "@soroush.tech/styled-system";
 type CircularProgressVariant = 'indeterminate' | 'determinate';

package/dist/CircularProgress.d.mts

@@ -1,5 +1,5 @@
-import { nt as Theme } from "./index-BWiDilH8.mjs";
-import { n as ButtonColor } from "./index-Bx-4KmJU.mjs";
+import { nt as Theme } from "./index-DOH6uskj.mjs";
+import { n as ButtonColor } from "./index-CCEfrBNN.mjs";
 import { LayoutProps, PaddingProps, SpaceProps } from "@soroush.tech/styled-system";
 import { HTMLAttributes } from "react";
 type CircularProgressVariant = 'indeterminate' | 'determinate';

package/dist/Collapse.d.cts

@@ -1,2 +1,2 @@
-import { n as CollapseOrientation, r as CollapseProps, t as Collapse } from "./index-DrfJt7W6.cjs";
+import { n as CollapseOrientation, r as CollapseProps, t as Collapse } from "./index-D7h8qFS1.cjs";
 export { Collapse, CollapseOrientation, CollapseProps };

package/dist/Collapse.d.mts

@@ -1,2 +1,2 @@
-import { n as CollapseOrientation, r as CollapseProps, t as Collapse } from "./index-D--R4_5H.mjs";
+import { n as CollapseOrientation, r as CollapseProps, t as Collapse } from "./index-Bhb0bFxe.mjs";
 export { Collapse, CollapseOrientation, CollapseProps };

package/dist/Drawer.d.cts

@@ -1,6 +1,6 @@
-import { cn as PaperElevation } from "./index-DvVQLBZc.cjs";
-import { i as ButtonProps } from "./index-DgLjcrkG.cjs";
-import "./index-6zQ2VUlM.cjs";
+import { cn as PaperElevation } from "./index-C6a3kDn2.cjs";
+import { i as ButtonProps } from "./index-gxBafJdz.cjs";
+import "./index-CJMvoc8h.cjs";
 import { ReactNode } from "react";
 type DrawerAnchor = 'left' | 'right' | 'top' | 'bottom';
 /** Why the drawer closed: the Escape key, or any other dismissal (a click outside, its toggle). */

package/dist/Drawer.d.mts

@@ -1,6 +1,6 @@
-import { cn as PaperElevation } from "./index-BWiDilH8.mjs";
-import { i as ButtonProps } from "./index-Bx-4KmJU.mjs";
-import "./index-B1qv6yGM.mjs";
+import { cn as PaperElevation } from "./index-DOH6uskj.mjs";
+import { i as ButtonProps } from "./index-CCEfrBNN.mjs";
+import "./index-BL5Kj3Ka.mjs";
 import { ReactNode } from "react";
 type DrawerAnchor = 'left' | 'right' | 'top' | 'bottom';
 /** Why the drawer closed: the Escape key, or any other dismissal (a click outside, its toggle). */

package/dist/Fab.d.cts

@@ -1,2 +1,2 @@
-import { n as FabProps, r as FabVariant, t as Fab } from "./index-DWon54cO.cjs";
+import { n as FabProps, r as FabVariant, t as Fab } from "./index-DACdQ7-d.cjs";
 export { Fab, FabProps, FabVariant };

package/dist/Fab.d.mts

@@ -1,2 +1,2 @@
-import { n as FabProps, r as FabVariant, t as Fab } from "./index-DR76LcSz.mjs";
+import { n as FabProps, r as FabVariant, t as Fab } from "./index-CBHCGizS.mjs";
 export { Fab, FabProps, FabVariant };

package/dist/FabMenu/FabMenu.d.cts

@@ -1,4 +1,4 @@
-import { nt as Theme } from "../index-DvVQLBZc.cjs";
+import { nt as Theme } from "../index-C6a3kDn2.cjs";
 import { ReactNode, SyntheticEvent } from "react";
 import { SpaceProps } from "@soroush.tech/styled-system";
 type FabMenuDirection = 'up' | 'down' | 'left' | 'right';

package/dist/FabMenu/FabMenu.d.mts

@@ -1,4 +1,4 @@
-import { nt as Theme } from "../index-BWiDilH8.mjs";
+import { nt as Theme } from "../index-DOH6uskj.mjs";
 import { SpaceProps } from "@soroush.tech/styled-system";
 import { ReactNode, SyntheticEvent } from "react";
 type FabMenuDirection = 'up' | 'down' | 'left' | 'right';

package/dist/FabMenu/FabMenuItem.d.cts

@@ -1,4 +1,4 @@
-import { n as FabProps } from "../index-DWon54cO.cjs";
+import { n as FabProps } from "../index-DACdQ7-d.cjs";
 import { MouseEvent, ReactNode } from "react";
 interface FabMenuItemProps extends Omit<FabProps, 'variant' | 'size' | 'isCollapsed' | 'startIcon' | 'children'> {
   /** An icon before the label. */

package/dist/FabMenu/FabMenuItem.d.mts

@@ -1,4 +1,4 @@
-import { n as FabProps } from "../index-DR76LcSz.mjs";
+import { n as FabProps } from "../index-CBHCGizS.mjs";
 import { MouseEvent, ReactNode } from "react";
 interface FabMenuItemProps extends Omit<FabProps, 'variant' | 'size' | 'isCollapsed' | 'startIcon' | 'children'> {
   /** An icon before the label. */

package/dist/Fade.d.cts

@@ -1,4 +1,4 @@
-import { n as TransitionProps } from "./useTransition-CF_Zy_tM.cjs";
+import { n as TransitionProps } from "./useTransition-BJ375Sto.cjs";
 type FadeProps = TransitionProps;
 /**
  * @description Fades one child in and out by its opacity. The child holds a `ref` and takes a

package/dist/Fade.d.mts

@@ -1,4 +1,4 @@
-import { n as TransitionProps } from "./useTransition-B-hzi7Sm.mjs";
+import { n as TransitionProps } from "./useTransition-DDGpvgci.mjs";
 type FadeProps = TransitionProps;
 /**
  * @description Fades one child in and out by its opacity. The child holds a `ref` and takes a

package/dist/Flex.d.cts

@@ -1,2 +1,2 @@
-import { dn as FlexProps, fn as GapToken, un as Flex } from "./index-DvVQLBZc.cjs";
+import { dn as FlexProps, fn as GapToken, un as Flex } from "./index-C6a3kDn2.cjs";
 export { Flex, FlexProps, GapToken };

package/dist/Flex.d.mts

@@ -1,2 +1,2 @@
-import { dn as FlexProps, fn as GapToken, un as Flex } from "./index-BWiDilH8.mjs";
+import { dn as FlexProps, fn as GapToken, un as Flex } from "./index-DOH6uskj.mjs";
 export { Flex, FlexProps, GapToken };

package/dist/Form.d.cts

@@ -1,4 +1,4 @@
-import { nt as Theme } from "./index-DvVQLBZc.cjs";
+import { nt as Theme } from "./index-C6a3kDn2.cjs";
 import { ReactNode, SyntheticEvent } from "react";
 interface FormProps {
   children: ReactNode;

package/dist/Form.d.mts

@@ -1,4 +1,4 @@
-import { nt as Theme } from "./index-BWiDilH8.mjs";
+import { nt as Theme } from "./index-DOH6uskj.mjs";
 import { ReactNode, SyntheticEvent } from "react";
 interface FormProps {
   children: ReactNode;

package/dist/FormControl.d.cts

@@ -1,4 +1,4 @@
-import { nt as Theme, yn as ViewProps } from "./index-DvVQLBZc.cjs";
+import { nt as Theme, yn as ViewProps } from "./index-C6a3kDn2.cjs";
 import { ReactNode } from "react";
 interface FormControlProps extends Omit<ViewProps, 'color'> {
   children: ReactNode;

package/dist/FormControl.d.mts

@@ -1,4 +1,4 @@
-import { nt as Theme, yn as ViewProps } from "./index-BWiDilH8.mjs";
+import { nt as Theme, yn as ViewProps } from "./index-DOH6uskj.mjs";
 import { ReactNode } from "react";
 interface FormControlProps extends Omit<ViewProps, 'color'> {
   children: ReactNode;

package/dist/FormHelperText.d.cts

@@ -1,4 +1,4 @@
-import { a as TypographyProps } from "./index-CyOSmefH.cjs";
+import { a as TypographyProps } from "./index-DMysZsti.cjs";
 import { ReactNode } from "react";
 interface FormHelperTextProps extends TypographyProps {
   children: ReactNode;

package/dist/FormHelperText.d.mts

@@ -1,4 +1,4 @@
-import { a as TypographyProps } from "./index-DtVrZFJI.mjs";
+import { a as TypographyProps } from "./index-COgZvhXQ.mjs";
 import { ReactNode } from "react";
 interface FormHelperTextProps extends TypographyProps {
   children: ReactNode;

package/dist/FormLabel.d.cts

@@ -1,4 +1,4 @@
-import { a as TypographyProps } from "./index-CyOSmefH.cjs";
+import { a as TypographyProps } from "./index-DMysZsti.cjs";
 import { ReactNode } from "react";
 interface FormLabelProps extends TypographyProps {
   children: ReactNode;

package/dist/FormLabel.d.mts

@@ -1,4 +1,4 @@
-import { a as TypographyProps } from "./index-DtVrZFJI.mjs";
+import { a as TypographyProps } from "./index-COgZvhXQ.mjs";
 import { ReactNode } from "react";
 interface FormLabelProps extends TypographyProps {
   children: ReactNode;

package/dist/Grid.d.cts

@@ -1,4 +1,4 @@
-import { nt as Theme, yn as ViewProps } from "./index-DvVQLBZc.cjs";
+import { nt as Theme, yn as ViewProps } from "./index-C6a3kDn2.cjs";
 import { FlexboxProps, GridProps as GridProps$1, LayoutGridProps } from "@soroush.tech/styled-system";
 /** Valid values for the gap / columnGap / rowGap props - derived from theme.space keys. */
 type GapToken = keyof Theme['space'];

package/dist/Grid.d.mts

@@ -1,4 +1,4 @@
-import { nt as Theme, yn as ViewProps } from "./index-BWiDilH8.mjs";
+import { nt as Theme, yn as ViewProps } from "./index-DOH6uskj.mjs";
 import { FlexboxProps, GridProps as GridProps$1, LayoutGridProps } from "@soroush.tech/styled-system";
 /** Valid values for the gap / columnGap / rowGap props - derived from theme.space keys. */
 type GapToken = keyof Theme['space'];

package/dist/Grow.d.cts

@@ -1,4 +1,4 @@
-import { n as TransitionProps } from "./useTransition-CF_Zy_tM.cjs";
+import { n as TransitionProps } from "./useTransition-BJ375Sto.cjs";
 type GrowProps = TransitionProps;
 /**
  * @description Grows one child in from a little smaller, fading as it does, and shrinks it out.

package/dist/Grow.d.mts

@@ -1,4 +1,4 @@
-import { n as TransitionProps } from "./useTransition-B-hzi7Sm.mjs";
+import { n as TransitionProps } from "./useTransition-DDGpvgci.mjs";
 type GrowProps = TransitionProps;
 /**
  * @description Grows one child in from a little smaller, fading as it does, and shrinks it out.

package/dist/Icon.d.cts

@@ -1,2 +1,2 @@
-import { i as icons, n as IconProps, r as IconName, t as Icon } from "./index-C3TrdOpQ.cjs";
+import { i as icons, n as IconProps, r as IconName, t as Icon } from "./index-DAJ5DVHh.cjs";
 export { Icon, type IconName, IconProps, icons };

package/dist/Icon.d.mts

@@ -1,2 +1,2 @@
-import { i as icons, n as IconProps, r as IconName, t as Icon } from "./index-DjmWIzXF.mjs";
+import { i as icons, n as IconProps, r as IconName, t as Icon } from "./index-hTgl9zwe.mjs";
 export { Icon, type IconName, IconProps, icons };

package/dist/Image.d.cts

@@ -1,4 +1,4 @@
-import { nt as Theme } from "./index-DvVQLBZc.cjs";
+import { nt as Theme } from "./index-C6a3kDn2.cjs";
 import { CSSProperties, ImgHTMLAttributes } from "react";
 import { BackgroundProps, LayoutProps, PositionProps, SpaceProps } from "@soroush.tech/styled-system";
 interface ImageProps extends Omit<ImgHTMLAttributes<HTMLImageElement>, 'height' | 'width' | 'color'>, LayoutProps, SpaceProps, BackgroundProps, PositionProps {

package/dist/Image.d.mts

@@ -1,4 +1,4 @@
-import { nt as Theme } from "./index-BWiDilH8.mjs";
+import { nt as Theme } from "./index-DOH6uskj.mjs";
 import { BackgroundProps, LayoutProps, PositionProps, SpaceProps } from "@soroush.tech/styled-system";
 import { CSSProperties, ImgHTMLAttributes } from "react";
 interface ImageProps extends Omit<ImgHTMLAttributes<HTMLImageElement>, 'height' | 'width' | 'color'>, LayoutProps, SpaceProps, BackgroundProps, PositionProps {

package/dist/LinearProgress.d.cts

@@ -1,5 +1,5 @@
-import { nt as Theme } from "./index-DvVQLBZc.cjs";
-import { n as ButtonColor } from "./index-DgLjcrkG.cjs";
+import { nt as Theme } from "./index-C6a3kDn2.cjs";
+import { n as ButtonColor } from "./index-gxBafJdz.cjs";
 import { HTMLAttributes } from "react";
 import { LayoutProps, PaddingProps, SpaceProps } from "@soroush.tech/styled-system";
 type LinearProgressVariant = 'indeterminate' | 'determinate' | 'query';

package/dist/LinearProgress.d.mts

@@ -1,5 +1,5 @@
-import { nt as Theme } from "./index-BWiDilH8.mjs";
-import { n as ButtonColor } from "./index-Bx-4KmJU.mjs";
+import { nt as Theme } from "./index-DOH6uskj.mjs";
+import { n as ButtonColor } from "./index-CCEfrBNN.mjs";
 import { LayoutProps, PaddingProps, SpaceProps } from "@soroush.tech/styled-system";
 import { HTMLAttributes } from "react";
 type LinearProgressVariant = 'indeterminate' | 'determinate' | 'query';

package/dist/Link.d.cts

@@ -1,4 +1,4 @@
-import { a as TypographyProps } from "./index-CyOSmefH.cjs";
+import { a as TypographyProps } from "./index-DMysZsti.cjs";
 import { AnchorHTMLAttributes } from "react";
 type LinkUnderline = 'always' | 'hover' | 'none';
 interface LinkProps extends Omit<TypographyProps, 'as'>, Omit<AnchorHTMLAttributes<HTMLAnchorElement>, keyof Omit<TypographyProps, 'as'>> {

package/dist/Link.d.mts

@@ -1,4 +1,4 @@
-import { a as TypographyProps } from "./index-DtVrZFJI.mjs";
+import { a as TypographyProps } from "./index-COgZvhXQ.mjs";
 import { AnchorHTMLAttributes } from "react";
 type LinkUnderline = 'always' | 'hover' | 'none';
 interface LinkProps extends Omit<TypographyProps, 'as'>, Omit<AnchorHTMLAttributes<HTMLAnchorElement>, keyof Omit<TypographyProps, 'as'>> {

package/dist/Menu/ContextMenu.cjs

@@ -1,8 +1,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_src = require("../src-yC1f5WR2.cjs");
 const require_theme = require("../theme-XJvMdOnY.cjs");
-const require_MenuList = require("../MenuList-DsJmxNPu.cjs");
-const require_MenuItem = require("../MenuItem-CvCMGXuL.cjs");
+const require_MenuList = require("../MenuList-CSaaR3jt.cjs");
+const require_MenuItem = require("../MenuItem-Bg4iRvVe.cjs");
 const require_Menu_MenuItems = require("./MenuItems.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -30,7 +30,7 @@ function ContextMenuTarget({ element, onContextMenu, onKeyDown }) {
 * `Menu` does - Escape, a chosen row or focus leaving - and gives focus back to where it
 * was. The browser's own menu is held back only when this one opens.
 */
-function ContextMenu({ target, children, items, onClose, onSelect, marginThreshold: marginThresholdProp, elevation: elevationProp, layer: layerProp, borderRadius: borderRadiusProp, emptyLabel, color: colorProp, textColor: textColorProp, size: sizeProp, dense: denseProp, "aria-label": ariaLabel, className, "data-testid": dataTestid }) {
+function ContextMenu({ target, isOpen: isOpenProp, anchorPosition, children, items, onClose, onSelect, 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 }) {
 	const dp = require_theme.useDefaultProps("ContextMenu");
 	const marginThreshold = marginThresholdProp ?? dp.marginThreshold ?? 2;
 	const elevation = elevationProp ?? dp.elevation ?? 8;
@@ -41,7 +41,9 @@ function ContextMenu({ target, children, items, onClose, onSelect, marginThresho
 	const size = sizeProp ?? dp.size;
 	const dense = denseProp ?? dp.dense;
 	const theme = require_theme.useTheme();
-	const [point, setPoint] = (0, react.useState)(null);
+	const [openPoint, setOpenPoint] = (0, react.useState)(null);
+	const isControlled = isOpenProp !== void 0;
+	const point = isControlled ? isOpenProp && anchorPosition || null : openPoint;
 	const isOpen = point !== null;
 	const rootRef = (0, react.useRef)(null);
 	const surfaceRef = (0, react.useRef)(null);
@@ -52,11 +54,13 @@ function ContextMenu({ target, children, items, onClose, onSelect, marginThresho
 		align: "start",
 		margin,
 		elevation,
-		layer
+		layer,
+		listProps: slotProps?.list
 	}), [
 		margin,
 		elevation,
-		layer
+		layer,
+		slotProps?.list
 	]);
 	require_MenuItem.useMenuPlacement({
 		isOpen,
@@ -67,27 +71,31 @@ function ContextMenu({ target, children, items, onClose, onSelect, marginThresho
 		align: "start",
 		margin
 	});
+	(0, react.useLayoutEffect)(() => {
+		if (isControlled && isOpen) returnFocusRef.current = document.activeElement;
+	}, [isControlled, isOpen]);
 	const openAt = (top, left) => {
 		returnFocusRef.current = document.activeElement;
-		setPoint({
+		setOpenPoint({
 			top,
 			left
 		});
 	};
 	const close = (0, react.useCallback)((event, reason) => {
-		setPoint(null);
+		if (!isControlled) setOpenPoint(null);
 		onClose?.(event, reason);
-		if (reason !== "blur") returnFocusRef.current.focus();
-	}, [onClose]);
+		if (reason !== "blur") returnFocusRef.current?.focus();
+	}, [isControlled, onClose]);
 	const handleActivate = (0, react.useCallback)((_value, event) => close(event, "select"), [close]);
 	const handleContextMenu = (event) => {
-		target.props.onContextMenu?.(event);
+		target?.props.onContextMenu?.(event);
+		if (isControlled) return;
 		event.preventDefault();
 		openAt(event.clientY, event.clientX);
 	};
 	const handleKeyDown = (event) => {
-		target.props.onKeyDown?.(event);
-		if (!isMenuKey(event)) return;
+		target?.props.onKeyDown?.(event);
+		if (isControlled || !isMenuKey(event)) return;
 		event.preventDefault();
 		const { bottom, left } = event.target.getBoundingClientRect();
 		openAt(bottom, left);
@@ -109,7 +117,7 @@ function ContextMenu({ target, children, items, onClose, onSelect, marginThresho
 		className,
 		"data-testid": dataTestid,
 		onBlur: handleBlur,
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ContextMenuTarget, {
+		children: [target && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ContextMenuTarget, {
 			element: target,
 			onContextMenu: handleContextMenu,
 			onKeyDown: handleKeyDown
@@ -125,6 +133,7 @@ function ContextMenu({ target, children, items, onClose, onSelect, marginThresho
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_MenuList.MenuActivationContext.Provider, {
 					value: handleActivate,
 					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_MenuList.MenuList, {
+						...slotProps?.list,
 						id: listId,
 						"aria-label": ariaLabel,
 						shouldAutoFocus: true,