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

package/README.md

@@ -2,7 +2,7 @@
 
 [![npm version](https://img.shields.io/npm/v/@soroush.tech/design-system.svg?cacheSeconds=86400)](https://www.npmjs.com/package/@soroush.tech/design-system)
 [![npm downloads](https://img.shields.io/npm/dm/@soroush.tech/design-system.svg?cacheSeconds=86400)](https://www.npmjs.com/package/@soroush.tech/design-system)
-[![coverage](https://codecov.io/gh/soroush-tech/core/branch/main/graph/badge.svg?flag=design-system)](https://app.codecov.io/gh/soroush-tech/core?flags%5B0%5D=design-system)
+[![coverage](https://codecov.io/gh/soroush-tech/design-system/branch/main/graph/badge.svg?flag=design-system)](https://app.codecov.io/gh/soroush-tech/design-system?flags%5B0%5D=design-system)
 [![unpacked size](https://img.shields.io/npm/unpacked-size/@soroush.tech/design-system.svg?cacheSeconds=86400)](https://www.npmjs.com/package/@soroush.tech/design-system)
 [![types included](https://img.shields.io/npm/types/@soroush.tech/design-system.svg?cacheSeconds=86400)](https://www.npmjs.com/package/@soroush.tech/design-system)
 [![license](https://img.shields.io/npm/l/@soroush.tech/design-system.svg?cacheSeconds=86400)](./LICENSE)
@@ -324,4 +324,4 @@ The library takes inspiration from [Material UI](https://mui.com/) - its compone
 ## Release notes
 
 Per-version notes for every published release live in
-[`release-notes/`](https://github.com/soroush-tech/core/tree/main/packages/design-system/release-notes).
+[`release-notes/`](https://github.com/soroush-tech/design-system/tree/main/packages/design-system/release-notes).

package/dist/AppBar.d.cts

@@ -1,6 +1,6 @@
-import { T as Theme } from "./themes-Dswy4M6B.cjs";
-import "./index-BsUsSWXP.cjs";
-import { n as FlexProps } from "./index-DRM_YhHL.cjs";
+import { T as Theme } from "./themes-Kbk9h5cN.cjs";
+import "./index-DBUwu65Z.cjs";
+import { n as FlexProps } from "./index-CA7HnbtH.cjs";
 //#region src/AppBar/AppBar.d.ts
 /** Valid values for the color prop - derived from theme.background keys. */
 type AppBarColor = keyof Theme['background'];

package/dist/AppBar.d.mts

@@ -1,6 +1,6 @@
-import { T as Theme } from "./themes-C3RTORGO.mjs";
-import "./index-Dkqk_6g2.mjs";
-import { n as FlexProps } from "./index-C_VwtHyK.mjs";
+import { T as Theme } from "./themes-RX2UX5gD.mjs";
+import "./index-C1WqEDtQ.mjs";
+import { n as FlexProps } from "./index-CKZaErxJ.mjs";
 //#region src/AppBar/AppBar.d.ts
 /** Valid values for the color prop - derived from theme.background keys. */
 type AppBarColor = keyof Theme['background'];

package/dist/Avatar.cjs

@@ -2,7 +2,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_src = require("./src-DU81aGy9.cjs");
 const require_Flex = require("./Flex.cjs");
 const require_themeDefault = require("./themeDefault-Cebi08Cv.cjs");
-const require_theme = require("./theme-DfAqr7qo.cjs");
+const require_theme = require("./theme-BXlAP3xf.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let _soroush_tech_styled_system_should_forward_prop = require("@soroush.tech/styled-system/should-forward-prop");

package/dist/Avatar.d.cts

@@ -1,6 +1,6 @@
-import { T as Theme } from "./themes-Dswy4M6B.cjs";
-import "./index-BsUsSWXP.cjs";
-import { n as FlexProps } from "./index-DRM_YhHL.cjs";
+import { T as Theme } from "./themes-Kbk9h5cN.cjs";
+import "./index-DBUwu65Z.cjs";
+import { n as FlexProps } from "./index-CA7HnbtH.cjs";
 //#region src/Avatar/Avatar.d.ts
 type AvatarVariant = 'circular' | 'rounded' | 'square';
 type AvatarSize = keyof Theme['avatar'];

package/dist/Avatar.d.mts

@@ -1,6 +1,6 @@
-import { T as Theme } from "./themes-C3RTORGO.mjs";
-import "./index-Dkqk_6g2.mjs";
-import { n as FlexProps } from "./index-C_VwtHyK.mjs";
+import { T as Theme } from "./themes-RX2UX5gD.mjs";
+import "./index-C1WqEDtQ.mjs";
+import { n as FlexProps } from "./index-CKZaErxJ.mjs";
 //#region src/Avatar/Avatar.d.ts
 type AvatarVariant = 'circular' | 'rounded' | 'square';
 type AvatarSize = keyof Theme['avatar'];

package/dist/Avatar.mjs

@@ -1,7 +1,7 @@
 import { a as src_exports, i as props, o as styled, t as createShouldForwardProp } from "./src-DLGYOJMh.mjs";
 import { Flex } from "./Flex.mjs";
 import { t as themeDefault } from "./themeDefault-Z3KmyIbm.mjs";
-import { r as useTheme } from "./theme-C1o9qa2E.mjs";
+import { r as useTheme } from "./theme-CDVxig_g.mjs";
 import { useState } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/Avatar/Avatar.tsx

package/dist/Backdrop.d.cts

@@ -1,4 +1,4 @@
-import { s as ViewProps } from "./index-C8SeYUxJ.cjs";
+import { s as ViewProps } from "./index-nB94D7UM.cjs";
 //#region src/Backdrop/Backdrop.d.ts
 type BackdropProps = ViewProps;
 /**

package/dist/Backdrop.d.mts

@@ -1,4 +1,4 @@
-import { s as ViewProps } from "./index-t6XUvJ_3.mjs";
+import { s as ViewProps } from "./index-cuv3o-L7.mjs";
 //#region src/Backdrop/Backdrop.d.ts
 type BackdropProps = ViewProps;
 /**

package/dist/Button.cjs

@@ -2,7 +2,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_src = require("./src-DU81aGy9.cjs");
 const require_themeDefault = require("./themeDefault-Cebi08Cv.cjs");
 const require_utils = require("./utils.cjs");
-const require_theme = require("./theme-DfAqr7qo.cjs");
+const require_theme = require("./theme-BXlAP3xf.cjs");
 const require_CircularProgress = require("./CircularProgress.cjs");
 const require_ButtonGroupContext = require("./ButtonGroupContext-NtkVeDVE.cjs");
 let react = require("react");

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-B2eLreA5.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-BhibLnZ0.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-DYtIEMr9.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-DXvQ-JVZ.mjs";
 export { Button, ButtonColor, ButtonLoadingPosition, ButtonProps, ButtonShape, ButtonSize, ButtonVariant, GapToken };

package/dist/Button.mjs

@@ -1,7 +1,7 @@
 import { a as src_exports, i as props, o as styled, t as createShouldForwardProp } from "./src-DLGYOJMh.mjs";
 import { t as themeDefault } from "./themeDefault-Z3KmyIbm.mjs";
 import { alpha } from "./utils.mjs";
-import { n as useDefaultProps, r as useTheme } from "./theme-C1o9qa2E.mjs";
+import { n as useDefaultProps, r as useTheme } from "./theme-CDVxig_g.mjs";
 import { CircularProgress } from "./CircularProgress.mjs";
 import { t as ButtonGroupContext } from "./ButtonGroupContext-DS-kl9lG.mjs";
 import { useContext } from "react";

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-D0XX9v0b.cjs";
+import { a as ButtonGroupProps, i as ButtonGroupOrientation, n as ButtonGroupContextValue, o as ButtonGroupRadius, r as ButtonGroup, t as ButtonGroupContext } from "./index-DbEnSf2m.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-BT-mcuE6.mjs";
+import { a as ButtonGroupProps, i as ButtonGroupOrientation, n as ButtonGroupContextValue, o as ButtonGroupRadius, r as ButtonGroup, t as ButtonGroupContext } from "./index-BB-dLv5V.mjs";
 export { ButtonGroup, ButtonGroupContext, ButtonGroupContextValue, ButtonGroupOrientation, ButtonGroupProps, ButtonGroupRadius };

package/dist/Card.cjs

@@ -1,10 +1,10 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_src = require("./src-DU81aGy9.cjs");
 const require_themeDefault = require("./themeDefault-Cebi08Cv.cjs");
-const require_theme = require("./theme-DfAqr7qo.cjs");
+const require_theme = require("./theme-BXlAP3xf.cjs");
 const require_Paper = require("./Paper.cjs");
 const require_Typography = require("./Typography.cjs");
-const require_Icon = require("./Icon-Cn6Zx8wb.cjs");
+const require_Icon = require("./Icon-CI6q2Eyi.cjs");
 require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/Card/Card.tsx

package/dist/Card.d.cts

@@ -1,6 +1,6 @@
-import { r as PaperProps } from "./index-N_TM6YXV.cjs";
-import { a as TypographyProps } from "./index-D5Rj4uWe.cjs";
-import { n as IconProps, r as IconName } from "./index-CxDY_w-H.cjs";
+import { r as PaperProps } from "./index-DzQJSYIh.cjs";
+import { a as TypographyProps } from "./index-BSqet8aO.cjs";
+import { n as IconProps, r as IconName } from "./index-Ctqajtac.cjs";
 import { ReactNode } from "react";
 //#region src/Card/Card.d.ts
 type CardVariant = 'paper' | 'bracketBox' | 'interactive';

package/dist/Card.d.mts

@@ -1,6 +1,6 @@
-import { r as PaperProps } from "./index-BUvlTtD7.mjs";
-import { a as TypographyProps } from "./index-DJ8NTYR8.mjs";
-import { n as IconProps, r as IconName } from "./index-BBV7_p-W.mjs";
+import { r as PaperProps } from "./index-B_dKjEDR.mjs";
+import { a as TypographyProps } from "./index-smqjMLAZ.mjs";
+import { n as IconProps, r as IconName } from "./index-DO9J-Fla.mjs";
 import { ReactNode } from "react";
 //#region src/Card/Card.d.ts
 type CardVariant = 'paper' | 'bracketBox' | 'interactive';

package/dist/Card.mjs

@@ -1,9 +1,9 @@
 import { o as styled } from "./src-DLGYOJMh.mjs";
 import { t as themeDefault } from "./themeDefault-Z3KmyIbm.mjs";
-import { n as useDefaultProps, r as useTheme } from "./theme-C1o9qa2E.mjs";
+import { n as useDefaultProps, r as useTheme } from "./theme-CDVxig_g.mjs";
 import { Paper } from "./Paper.mjs";
 import { Typography } from "./Typography.mjs";
-import { t as Icon } from "./Icon-BGcd6yy0.mjs";
+import { t as Icon } from "./Icon-CH3asUJu.mjs";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/Card/Card.tsx

package/dist/Checkbox.d.cts

@@ -1,5 +1,5 @@
-import { T as Theme, x as PaletteColor } from "./themes-Dswy4M6B.cjs";
-import "./index-BsUsSWXP.cjs";
+import { T as Theme, x as PaletteColor } from "./themes-Kbk9h5cN.cjs";
+import "./index-DBUwu65Z.cjs";
 import { ChangeEvent, ReactNode } from "react";
 import { SpaceProps } from "@soroush.tech/styled-system";
 //#region src/Checkbox/Checkbox.d.ts

package/dist/Checkbox.d.mts

@@ -1,5 +1,5 @@
-import { T as Theme, x as PaletteColor } from "./themes-C3RTORGO.mjs";
-import "./index-Dkqk_6g2.mjs";
+import { T as Theme, x as PaletteColor } from "./themes-RX2UX5gD.mjs";
+import "./index-C1WqEDtQ.mjs";
 import { SpaceProps } from "@soroush.tech/styled-system";
 import { ChangeEvent, ReactNode } from "react";
 //#region src/Checkbox/Checkbox.d.ts

package/dist/CircularProgress.cjs

@@ -115,6 +115,7 @@ function CircularProgress({ variant = "indeterminate", color, size = SIZE_DEFAUL
 			viewBox: `0 0 ${VIEWBOX} ${VIEWBOX}`,
 			width: "100%",
 			height: "100%",
+			"aria-hidden": "true",
 			children: [showTrack && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CircularProgressTrack, {
 				cx: VIEWBOX / 2,
 				cy: VIEWBOX / 2,

package/dist/CircularProgress.d.cts

@@ -1,6 +1,6 @@
-import { T as Theme } from "./themes-Dswy4M6B.cjs";
-import "./index-BsUsSWXP.cjs";
-import { n as ButtonColor } from "./index-B2eLreA5.cjs";
+import { T as Theme } from "./themes-Kbk9h5cN.cjs";
+import "./index-DBUwu65Z.cjs";
+import { n as ButtonColor } from "./index-BhibLnZ0.cjs";
 import { HTMLAttributes } from "react";
 import { LayoutProps, PaddingProps, SpaceProps } from "@soroush.tech/styled-system";
 //#region src/CircularProgress/CircularProgress.d.ts

package/dist/CircularProgress.d.mts

@@ -1,6 +1,6 @@
-import { T as Theme } from "./themes-C3RTORGO.mjs";
-import "./index-Dkqk_6g2.mjs";
-import { n as ButtonColor } from "./index-DYtIEMr9.mjs";
+import { T as Theme } from "./themes-RX2UX5gD.mjs";
+import "./index-C1WqEDtQ.mjs";
+import { n as ButtonColor } from "./index-DXvQ-JVZ.mjs";
 import { LayoutProps, PaddingProps, SpaceProps } from "@soroush.tech/styled-system";
 import { HTMLAttributes } from "react";
 //#region src/CircularProgress/CircularProgress.d.ts

package/dist/CircularProgress.mjs

@@ -112,6 +112,7 @@ function CircularProgress({ variant = "indeterminate", color, size = SIZE_DEFAUL
 			viewBox: `0 0 ${VIEWBOX} ${VIEWBOX}`,
 			width: "100%",
 			height: "100%",
+			"aria-hidden": "true",
 			children: [showTrack && /* @__PURE__ */ jsx(CircularProgressTrack, {
 				cx: VIEWBOX / 2,
 				cy: VIEWBOX / 2,

package/dist/Drawer.cjs

@@ -63,7 +63,8 @@ const DrawerPanel = require_src.styled("div", {
 	...anchorPosition[anchor],
 	"&:popover-open": { animation: `${slideIn[anchor]} ${duration}ms ease-out` },
 	"&::backdrop": { backgroundColor: hasBackdrop ? theme.background.backdrop : "transparent" },
-	"@media (prefers-reduced-motion: reduce)": { "&:popover-open": { animation: "none" } }
+	"@media (prefers-reduced-motion: reduce)": { "&:popover-open": { animation: "none" } },
+	"@supports not selector(:popover-open)": { display: "none" }
 }));
 /**
 * @description A panel that slides in from a screen edge. It is an HTML `popover`: a
@@ -105,6 +106,7 @@ function Drawer({ id, children, isOpen, onClose, anchor = "left", elevation = 16
 	(0, react.useEffect)(() => {
 		if (isOpen === void 0 || isOpen === isShownRef.current) return;
 		const panel = panelRef.current;
+		if (typeof panel.showPopover !== "function") return;
 		isShownRef.current = isOpen;
 		if (isOpen) panel.showPopover();
 		else {

package/dist/Drawer.d.cts

@@ -1,5 +1,5 @@
-import { i as ButtonProps } from "./index-B2eLreA5.cjs";
-import { n as PaperElevation } from "./index-N_TM6YXV.cjs";
+import { i as ButtonProps } from "./index-BhibLnZ0.cjs";
+import { n as PaperElevation } from "./index-DzQJSYIh.cjs";
 import { ReactNode } from "react";
 //#region src/Drawer/Drawer.d.ts
 type DrawerAnchor = 'left' | 'right' | 'top' | 'bottom';

package/dist/Drawer.d.mts

@@ -1,5 +1,5 @@
-import { i as ButtonProps } from "./index-DYtIEMr9.mjs";
-import { n as PaperElevation } from "./index-BUvlTtD7.mjs";
+import { i as ButtonProps } from "./index-DXvQ-JVZ.mjs";
+import { n as PaperElevation } from "./index-B_dKjEDR.mjs";
 import { ReactNode } from "react";
 //#region src/Drawer/Drawer.d.ts
 type DrawerAnchor = 'left' | 'right' | 'top' | 'bottom';

package/dist/Drawer.mjs

@@ -60,7 +60,8 @@ const DrawerPanel = styled("div", {
 	...anchorPosition[anchor],
 	"&:popover-open": { animation: `${slideIn[anchor]} ${duration}ms ease-out` },
 	"&::backdrop": { backgroundColor: hasBackdrop ? theme.background.backdrop : "transparent" },
-	"@media (prefers-reduced-motion: reduce)": { "&:popover-open": { animation: "none" } }
+	"@media (prefers-reduced-motion: reduce)": { "&:popover-open": { animation: "none" } },
+	"@supports not selector(:popover-open)": { display: "none" }
 }));
 /**
 * @description A panel that slides in from a screen edge. It is an HTML `popover`: a
@@ -102,6 +103,7 @@ function Drawer({ id, children, isOpen, onClose, anchor = "left", elevation = 16
 	useEffect(() => {
 		if (isOpen === void 0 || isOpen === isShownRef.current) return;
 		const panel = panelRef.current;
+		if (typeof panel.showPopover !== "function") return;
 		isShownRef.current = isOpen;
 		if (isOpen) panel.showPopover();
 		else {

package/dist/Flex.d.cts

@@ -1,2 +1,2 @@
-import { n as FlexProps, r as GapToken, t as Flex } from "./index-DRM_YhHL.cjs";
+import { n as FlexProps, r as GapToken, t as Flex } from "./index-CA7HnbtH.cjs";
 export { Flex, FlexProps, GapToken };

package/dist/Flex.d.mts

@@ -1,2 +1,2 @@
-import { n as FlexProps, r as GapToken, t as Flex } from "./index-C_VwtHyK.mjs";
+import { n as FlexProps, r as GapToken, t as Flex } from "./index-CKZaErxJ.mjs";
 export { Flex, FlexProps, GapToken };

package/dist/Form.d.cts

@@ -1,4 +1,4 @@
-import { T as Theme } from "./themes-Dswy4M6B.cjs";
+import { T as Theme } from "./themes-Kbk9h5cN.cjs";
 import { ReactNode, SyntheticEvent } from "react";
 //#region src/Form/Form.d.ts
 interface FormProps {

package/dist/Form.d.mts

@@ -1,4 +1,4 @@
-import { T as Theme } from "./themes-C3RTORGO.mjs";
+import { T as Theme } from "./themes-RX2UX5gD.mjs";
 import { ReactNode, SyntheticEvent } from "react";
 //#region src/Form/Form.d.ts
 interface FormProps {

package/dist/FormControl.cjs

@@ -2,7 +2,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_src = require("./src-DU81aGy9.cjs");
 const require_View = require("./View.cjs");
 const require_themeDefault = require("./themeDefault-Cebi08Cv.cjs");
-const require_theme = require("./theme-DfAqr7qo.cjs");
+const require_theme = require("./theme-BXlAP3xf.cjs");
 const require_FormControlContext = require("./FormControlContext-74gvPGFk.cjs");
 const require_FormContext = require("./FormContext-BGCsWAFc.cjs");
 let react = require("react");

package/dist/FormControl.d.cts

@@ -1,5 +1,5 @@
-import { T as Theme } from "./themes-Dswy4M6B.cjs";
-import { s as ViewProps } from "./index-C8SeYUxJ.cjs";
+import { T as Theme } from "./themes-Kbk9h5cN.cjs";
+import { s as ViewProps } from "./index-nB94D7UM.cjs";
 import { ReactNode } from "react";
 //#region src/FormControl/FormControl.d.ts
 interface FormControlProps extends Omit<ViewProps, 'color'> {

package/dist/FormControl.d.mts

@@ -1,5 +1,5 @@
-import { T as Theme } from "./themes-C3RTORGO.mjs";
-import { s as ViewProps } from "./index-t6XUvJ_3.mjs";
+import { T as Theme } from "./themes-RX2UX5gD.mjs";
+import { s as ViewProps } from "./index-cuv3o-L7.mjs";
 import { ReactNode } from "react";
 //#region src/FormControl/FormControl.d.ts
 interface FormControlProps extends Omit<ViewProps, 'color'> {

package/dist/FormControl.mjs

@@ -1,7 +1,7 @@
 import { o as styled } from "./src-DLGYOJMh.mjs";
 import { View } from "./View.mjs";
 import { t as themeDefault } from "./themeDefault-Z3KmyIbm.mjs";
-import { r as useTheme } from "./theme-C1o9qa2E.mjs";
+import { r as useTheme } from "./theme-CDVxig_g.mjs";
 import { t as FormControlContext } from "./FormControlContext-CC2kToms.mjs";
 import { t as FormContext } from "./FormContext-LrjAGe6U.mjs";
 import { useContext, useId, useMemo, useState } from "react";

package/dist/FormHelperText.d.cts

@@ -1,4 +1,4 @@
-import { a as TypographyProps } from "./index-D5Rj4uWe.cjs";
+import { a as TypographyProps } from "./index-BSqet8aO.cjs";
 import { ReactNode } from "react";
 //#region src/FormHelperText/FormHelperText.d.ts
 interface FormHelperTextProps extends TypographyProps {

package/dist/FormHelperText.d.mts

@@ -1,4 +1,4 @@
-import { a as TypographyProps } from "./index-DJ8NTYR8.mjs";
+import { a as TypographyProps } from "./index-smqjMLAZ.mjs";
 import { ReactNode } from "react";
 //#region src/FormHelperText/FormHelperText.d.ts
 interface FormHelperTextProps extends TypographyProps {

package/dist/FormLabel.d.cts

@@ -1,4 +1,4 @@
-import { a as TypographyProps } from "./index-D5Rj4uWe.cjs";
+import { a as TypographyProps } from "./index-BSqet8aO.cjs";
 import { ReactNode } from "react";
 //#region src/FormLabel/FormLabel.d.ts
 interface FormLabelProps extends TypographyProps {

package/dist/FormLabel.d.mts

@@ -1,4 +1,4 @@
-import { a as TypographyProps } from "./index-DJ8NTYR8.mjs";
+import { a as TypographyProps } from "./index-smqjMLAZ.mjs";
 import { ReactNode } from "react";
 //#region src/FormLabel/FormLabel.d.ts
 interface FormLabelProps extends TypographyProps {

package/dist/Grid.d.cts

@@ -1,6 +1,6 @@
-import { T as Theme } from "./themes-Dswy4M6B.cjs";
-import "./index-BsUsSWXP.cjs";
-import { s as ViewProps } from "./index-C8SeYUxJ.cjs";
+import { T as Theme } from "./themes-Kbk9h5cN.cjs";
+import "./index-DBUwu65Z.cjs";
+import { s as ViewProps } from "./index-nB94D7UM.cjs";
 import { FlexboxProps, GridProps as GridProps$1, LayoutGridProps } from "@soroush.tech/styled-system";
 //#region src/Grid/Grid.d.ts
 /** Valid values for the gap / columnGap / rowGap props - derived from theme.space keys. */

package/dist/Grid.d.mts

@@ -1,6 +1,6 @@
-import { T as Theme } from "./themes-C3RTORGO.mjs";
-import "./index-Dkqk_6g2.mjs";
-import { s as ViewProps } from "./index-t6XUvJ_3.mjs";
+import { T as Theme } from "./themes-RX2UX5gD.mjs";
+import "./index-C1WqEDtQ.mjs";
+import { s as ViewProps } from "./index-cuv3o-L7.mjs";
 import { FlexboxProps, GridProps as GridProps$1, LayoutGridProps } from "@soroush.tech/styled-system";
 //#region src/Grid/Grid.d.ts
 /** Valid values for the gap / columnGap / rowGap props - derived from theme.space keys. */

package/dist/{Icon-BGcd6yy0.mjs → Icon-CH3asUJu.mjs}

@@ -1,6 +1,6 @@
 import { a as src_exports, i as props, o as styled, t as createShouldForwardProp } from "./src-DLGYOJMh.mjs";
 import { t as themeDefault } from "./themeDefault-Z3KmyIbm.mjs";
-import { r as useTheme } from "./theme-C1o9qa2E.mjs";
+import { r as useTheme } from "./theme-CDVxig_g.mjs";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/Icon/icons/AccountTree.tsx

package/dist/{Icon-Cn6Zx8wb.cjs → Icon-CI6q2Eyi.cjs}

@@ -1,6 +1,6 @@
 const require_src = require("./src-DU81aGy9.cjs");
 const require_themeDefault = require("./themeDefault-Cebi08Cv.cjs");
-const require_theme = require("./theme-DfAqr7qo.cjs");
+const require_theme = require("./theme-BXlAP3xf.cjs");
 require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let _soroush_tech_styled_system_should_forward_prop = require("@soroush.tech/styled-system/should-forward-prop");

package/dist/Icon.cjs

@@ -1,4 +1,4 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_Icon = require("./Icon-Cn6Zx8wb.cjs");
+const require_Icon = require("./Icon-CI6q2Eyi.cjs");
 exports.Icon = require_Icon.Icon;
 exports.icons = require_Icon.icons;

package/dist/Icon.d.cts

@@ -1,2 +1,2 @@
-import { i as icons, n as IconProps, r as IconName, t as Icon } from "./index-CxDY_w-H.cjs";
+import { i as icons, n as IconProps, r as IconName, t as Icon } from "./index-Ctqajtac.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-BBV7_p-W.mjs";
+import { i as icons, n as IconProps, r as IconName, t as Icon } from "./index-DO9J-Fla.mjs";
 export { Icon, type IconName, IconProps, icons };

package/dist/Icon.mjs

@@ -1,2 +1,2 @@
-import { n as icons, t as Icon } from "./Icon-BGcd6yy0.mjs";
+import { n as icons, t as Icon } from "./Icon-CH3asUJu.mjs";
 export { Icon, icons };

package/dist/Image.d.cts

@@ -1,5 +1,5 @@
-import { T as Theme } from "./themes-Dswy4M6B.cjs";
-import "./index-BsUsSWXP.cjs";
+import { T as Theme } from "./themes-Kbk9h5cN.cjs";
+import "./index-DBUwu65Z.cjs";
 import { CSSProperties, ImgHTMLAttributes } from "react";
 import { BackgroundProps, LayoutProps, PositionProps, SpaceProps } from "@soroush.tech/styled-system";
 //#region src/Image/Image.d.ts

package/dist/Image.d.mts

@@ -1,5 +1,5 @@
-import { T as Theme } from "./themes-C3RTORGO.mjs";
-import "./index-Dkqk_6g2.mjs";
+import { T as Theme } from "./themes-RX2UX5gD.mjs";
+import "./index-C1WqEDtQ.mjs";
 import { BackgroundProps, LayoutProps, PositionProps, SpaceProps } from "@soroush.tech/styled-system";
 import { CSSProperties, ImgHTMLAttributes } from "react";
 //#region src/Image/Image.d.ts

package/dist/LinearProgress.d.cts

@@ -1,6 +1,6 @@
-import { T as Theme } from "./themes-Dswy4M6B.cjs";
-import "./index-BsUsSWXP.cjs";
-import { n as ButtonColor } from "./index-B2eLreA5.cjs";
+import { T as Theme } from "./themes-Kbk9h5cN.cjs";
+import "./index-DBUwu65Z.cjs";
+import { n as ButtonColor } from "./index-BhibLnZ0.cjs";
 import { HTMLAttributes } from "react";
 import { LayoutProps, PaddingProps, SpaceProps } from "@soroush.tech/styled-system";
 //#region src/LinearProgress/LinearProgress.d.ts

package/dist/LinearProgress.d.mts

@@ -1,6 +1,6 @@
-import { T as Theme } from "./themes-C3RTORGO.mjs";
-import "./index-Dkqk_6g2.mjs";
-import { n as ButtonColor } from "./index-DYtIEMr9.mjs";
+import { T as Theme } from "./themes-RX2UX5gD.mjs";
+import "./index-C1WqEDtQ.mjs";
+import { n as ButtonColor } from "./index-DXvQ-JVZ.mjs";
 import { LayoutProps, PaddingProps, SpaceProps } from "@soroush.tech/styled-system";
 import { HTMLAttributes } from "react";
 //#region src/LinearProgress/LinearProgress.d.ts

package/dist/Link.cjs

@@ -1,7 +1,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_src = require("./src-DU81aGy9.cjs");
 const require_themeDefault = require("./themeDefault-Cebi08Cv.cjs");
-const require_theme = require("./theme-DfAqr7qo.cjs");
+const require_theme = require("./theme-BXlAP3xf.cjs");
 const require_Typography = require("./Typography.cjs");
 require("react");
 let react_jsx_runtime = require("react/jsx-runtime");

package/dist/Link.d.cts

@@ -1,4 +1,4 @@
-import { a as TypographyProps } from "./index-D5Rj4uWe.cjs";
+import { a as TypographyProps } from "./index-BSqet8aO.cjs";
 import { AnchorHTMLAttributes } from "react";
 //#region src/Link/Link.d.ts
 type LinkUnderline = 'always' | 'hover' | 'none';

package/dist/Link.d.mts

@@ -1,4 +1,4 @@
-import { a as TypographyProps } from "./index-DJ8NTYR8.mjs";
+import { a as TypographyProps } from "./index-smqjMLAZ.mjs";
 import { AnchorHTMLAttributes } from "react";
 //#region src/Link/Link.d.ts
 type LinkUnderline = 'always' | 'hover' | 'none';

package/dist/Link.mjs

@@ -1,6 +1,6 @@
 import { o as styled } from "./src-DLGYOJMh.mjs";
 import { t as themeDefault } from "./themeDefault-Z3KmyIbm.mjs";
-import { r as useTheme } from "./theme-C1o9qa2E.mjs";
+import { r as useTheme } from "./theme-CDVxig_g.mjs";
 import { Typography } from "./Typography.mjs";
 import "react";
 import { jsx } from "react/jsx-runtime";

package/dist/MenuItem.cjs

@@ -1,8 +1,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_src = require("./src-DU81aGy9.cjs");
 const require_themeDefault = require("./themeDefault-Cebi08Cv.cjs");
-const require_theme = require("./theme-DfAqr7qo.cjs");
-const require_Icon = require("./Icon-Cn6Zx8wb.cjs");
+const require_theme = require("./theme-BXlAP3xf.cjs");
+const require_Icon = require("./Icon-CI6q2Eyi.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/MenuItem/MenuItem.tsx

package/dist/MenuItem.d.cts

@@ -1,5 +1,5 @@
-import { T as Theme } from "./themes-Dswy4M6B.cjs";
-import "./index-BsUsSWXP.cjs";
+import { T as Theme } from "./themes-Kbk9h5cN.cjs";
+import "./index-DBUwu65Z.cjs";
 import { ElementType, ReactNode } from "react";
 //#region src/MenuItem/MenuItem.d.ts
 type MenuItemColor = keyof Theme['palette'];

package/dist/MenuItem.d.mts

@@ -1,5 +1,5 @@
-import { T as Theme } from "./themes-C3RTORGO.mjs";
-import "./index-Dkqk_6g2.mjs";
+import { T as Theme } from "./themes-RX2UX5gD.mjs";
+import "./index-C1WqEDtQ.mjs";
 import { ElementType, ReactNode } from "react";
 //#region src/MenuItem/MenuItem.d.ts
 type MenuItemColor = keyof Theme['palette'];

package/dist/MenuItem.mjs

@@ -1,7 +1,7 @@
 import { a as src_exports, o as styled, t as createShouldForwardProp } from "./src-DLGYOJMh.mjs";
 import { t as themeDefault } from "./themeDefault-Z3KmyIbm.mjs";
-import { r as useTheme } from "./theme-C1o9qa2E.mjs";
-import { t as Icon } from "./Icon-BGcd6yy0.mjs";
+import { r as useTheme } from "./theme-CDVxig_g.mjs";
+import { t as Icon } from "./Icon-CH3asUJu.mjs";
 import { useEffect, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/MenuItem/MenuItem.tsx

package/dist/Modal.d.cts

@@ -1,2 +1,2 @@
-import { a as hideFromAria, c as ModalScroll, d as UseModalReturnValue, f as useModal, i as exposeToAria, l as ModalCloseReason, n as ManagedModalProps, o as Modal, r as ModalManager, s as ModalProps, t as ManagedModal, u as UseModalParameters } from "./index-BW4rc8cK.cjs";
+import { a as hideFromAria, c as ModalScroll, d as UseModalReturnValue, f as useModal, i as exposeToAria, l as ModalCloseReason, n as ManagedModalProps, o as Modal, r as ModalManager, s as ModalProps, t as ManagedModal, u as UseModalParameters } from "./index-Belxmt1X.cjs";
 export { ManagedModal, ManagedModalProps, Modal, ModalCloseReason, ModalManager, ModalProps, ModalScroll, UseModalParameters, UseModalReturnValue, exposeToAria, hideFromAria, useModal };

package/dist/Modal.d.mts

@@ -1,2 +1,2 @@
-import { a as hideFromAria, c as ModalScroll, d as UseModalReturnValue, f as useModal, i as exposeToAria, l as ModalCloseReason, n as ManagedModalProps, o as Modal, r as ModalManager, s as ModalProps, t as ManagedModal, u as UseModalParameters } from "./index-BbngAEDY.mjs";
+import { a as hideFromAria, c as ModalScroll, d as UseModalReturnValue, f as useModal, i as exposeToAria, l as ModalCloseReason, n as ManagedModalProps, o as Modal, r as ModalManager, s as ModalProps, t as ManagedModal, u as UseModalParameters } from "./index-Wnv6jCR3.mjs";
 export { ManagedModal, ManagedModalProps, Modal, ModalCloseReason, ModalManager, ModalProps, ModalScroll, UseModalParameters, UseModalReturnValue, exposeToAria, hideFromAria, useModal };