@soroush.tech/design-system 1.1.0 → 1.3.0

package/dist/AppBar.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_src = require("./src-C8PIppTy.cjs");
+const require_src = require("./src-BJrcLd7P.cjs");
 const require_Flex = require("./Flex.cjs");
 const require_themeDefault = require("./themeDefault-Cebi08Cv.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");

package/dist/Avatar.cjs

@@ -1,8 +1,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_src = require("./src-C8PIppTy.cjs");
+const require_src = require("./src-BJrcLd7P.cjs");
 const require_Flex = require("./Flex.cjs");
 const require_themeDefault = require("./themeDefault-Cebi08Cv.cjs");
-const require_theme = require("./theme-Du6xgPsg.cjs");
+const require_theme = require("./theme-CleLAV6A.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.mjs

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

package/dist/Backdrop.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_src = require("./src-C8PIppTy.cjs");
+const require_src = require("./src-BJrcLd7P.cjs");
 const require_View = require("./View.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/Backdrop/Backdrop.tsx

package/dist/Button.cjs

@@ -1,8 +1,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_src = require("./src-C8PIppTy.cjs");
+const require_src = require("./src-BJrcLd7P.cjs");
 const require_themeDefault = require("./themeDefault-Cebi08Cv.cjs");
 const require_utils = require("./utils.cjs");
-const require_theme = require("./theme-Du6xgPsg.cjs");
+const require_theme = require("./theme-CleLAV6A.cjs");
 const require_CircularProgress = require("./CircularProgress.cjs");
 const require_ButtonGroupContext = require("./ButtonGroupContext-NtkVeDVE.cjs");
 let react = require("react");

package/dist/Button.mjs

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

package/dist/ButtonGroup.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_src = require("./src-C8PIppTy.cjs");
+const require_src = require("./src-BJrcLd7P.cjs");
 const require_themeDefault = require("./themeDefault-Cebi08Cv.cjs");
 const require_utils = require("./utils.cjs");
 const require_ButtonGroupContext = require("./ButtonGroupContext-NtkVeDVE.cjs");

package/dist/Card.cjs

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

package/dist/Card.mjs

@@ -1,9 +1,9 @@
 import { o as styled } from "./src-BJy4dM4f.mjs";
 import { t as themeDefault } from "./themeDefault-Z3KmyIbm.mjs";
-import { n as useDefaultProps, r as useTheme } from "./theme-V6lYzd3j.mjs";
+import { n as useDefaultProps, r as useTheme } from "./theme-Cudynq5K.mjs";
 import { Paper } from "./Paper.mjs";
 import { Typography } from "./Typography.mjs";
-import { t as Icon } from "./Icon-CYjD0Bad.mjs";
+import { t as Icon } from "./Icon-GgwNXKEY.mjs";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/Card/Card.tsx

package/dist/Checkbox.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_src = require("./src-C8PIppTy.cjs");
+const require_src = require("./src-BJrcLd7P.cjs");
 const require_themeDefault = require("./themeDefault-Cebi08Cv.cjs");
 const require_FormControl = require("./FormControl.cjs");
 let react = require("react");

package/dist/CircularProgress.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_src = require("./src-C8PIppTy.cjs");
+const require_src = require("./src-BJrcLd7P.cjs");
 const require_themeDefault = require("./themeDefault-Cebi08Cv.cjs");
 const require_utils = require("./utils.cjs");
 require("react");

package/dist/Drawer.cjs

@@ -1,7 +1,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_src = require("./src-C8PIppTy.cjs");
+const require_src = require("./src-BJrcLd7P.cjs");
 const require_Paper = require("./Paper.cjs");
-const require_Modal = require("./Modal-DZH-DzMZ.cjs");
+const require_Modal = require("./Modal-Bjfv7n4e.cjs");
 require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let _emotion_react = require("@emotion/react");
@@ -39,10 +39,11 @@ const anchorPosition = {
 		width: "100%"
 	}
 };
+const shouldForwardProp = (0, _soroush_tech_styled_system_should_forward_prop.createShouldForwardProp)(["anchor", "duration"]);
 const DrawerPanel = require_src.styled(require_Paper.Paper, {
 	name: "Drawer",
 	label: "Drawer",
-	shouldForwardProp: (0, _soroush_tech_styled_system_should_forward_prop.createShouldForwardProp)(["anchor", "duration"])
+	shouldForwardProp
 })(({ anchor, duration }) => ({
 	position: "fixed",
 	...anchorPosition[anchor],

package/dist/Drawer.d.cts

@@ -1,5 +1,5 @@
 import { n as PaperElevation } from "./index-CYTaYcm3.cjs";
-import { o as ModalProps } from "./index-BfpjEqqt.cjs";
+import { s as ModalProps } from "./index-0law1kXY.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 { n as PaperElevation } from "./index-KZUd8B5E.mjs";
-import { o as ModalProps } from "./index-Ds__py2h.mjs";
+import { s as ModalProps } from "./index-CqFd46gX.mjs";
 import { ReactNode } from "react";
 //#region src/Drawer/Drawer.d.ts
 type DrawerAnchor = 'left' | 'right' | 'top' | 'bottom';

package/dist/Drawer.mjs

@@ -1,6 +1,6 @@
 import { o as styled, r as keyframes, t as createShouldForwardProp } from "./src-BJy4dM4f.mjs";
 import { Paper } from "./Paper.mjs";
-import { t as Modal } from "./Modal-dy5l7gfH.mjs";
+import { t as Modal } from "./Modal-C0oiFAj5.mjs";
 import "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/Drawer/Drawer.tsx
@@ -36,10 +36,11 @@ const anchorPosition = {
 		width: "100%"
 	}
 };
+const shouldForwardProp = createShouldForwardProp(["anchor", "duration"]);
 const DrawerPanel = styled(Paper, {
 	name: "Drawer",
 	label: "Drawer",
-	shouldForwardProp: createShouldForwardProp(["anchor", "duration"])
+	shouldForwardProp
 })(({ anchor, duration }) => ({
 	position: "fixed",
 	...anchorPosition[anchor],

package/dist/Flex.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_src = require("./src-C8PIppTy.cjs");
+const require_src = require("./src-BJrcLd7P.cjs");
 const require_View = require("./View.cjs");
 let _soroush_tech_styled_system_should_forward_prop = require("@soroush.tech/styled-system/should-forward-prop");
 //#region src/Flex/Flex.tsx

package/dist/Flex.mjs

@@ -1,9 +1,11 @@
 import { a as src_exports, i as props, o as styled, t as createShouldForwardProp } from "./src-BJy4dM4f.mjs";
 import { View } from "./View.mjs";
+//#region src/Flex/Flex.tsx
+const shouldForwardProp = createShouldForwardProp([...props]);
 const Flex = styled(View, {
 	name: "Flex",
 	label: "flex",
-	shouldForwardProp: createShouldForwardProp([...props]),
+	shouldForwardProp,
 	systemProps: [src_exports.flexbox]
 })({
 	display: "flex",

package/dist/FocusTrap.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_src = require("./src-C8PIppTy.cjs");
+const require_src = require("./src-BJrcLd7P.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/FocusTrap/FocusTrap.tsx

package/dist/Form.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_src = require("./src-C8PIppTy.cjs");
+const require_src = require("./src-BJrcLd7P.cjs");
 const require_FormContext = require("./FormContext-BGCsWAFc.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");

package/dist/FormControl.cjs

@@ -1,8 +1,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_src = require("./src-C8PIppTy.cjs");
+const require_src = require("./src-BJrcLd7P.cjs");
 const require_View = require("./View.cjs");
 const require_themeDefault = require("./themeDefault-Cebi08Cv.cjs");
-const require_theme = require("./theme-Du6xgPsg.cjs");
+const require_theme = require("./theme-CleLAV6A.cjs");
 const require_FormControlContext = require("./FormControlContext-74gvPGFk.cjs");
 const require_FormContext = require("./FormContext-BGCsWAFc.cjs");
 let react = require("react");

package/dist/FormControl.mjs

@@ -1,7 +1,7 @@
 import { o as styled } from "./src-BJy4dM4f.mjs";
 import { View } from "./View.mjs";
 import { t as themeDefault } from "./themeDefault-Z3KmyIbm.mjs";
-import { r as useTheme } from "./theme-V6lYzd3j.mjs";
+import { r as useTheme } from "./theme-Cudynq5K.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.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_src = require("./src-C8PIppTy.cjs");
+const require_src = require("./src-BJrcLd7P.cjs");
 const require_Typography = require("./Typography.cjs");
 const require_FormControlContext = require("./FormControlContext-74gvPGFk.cjs");
 const require_FormContext = require("./FormContext-BGCsWAFc.cjs");

package/dist/FormLabel.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_src = require("./src-C8PIppTy.cjs");
+const require_src = require("./src-BJrcLd7P.cjs");
 const require_Typography = require("./Typography.cjs");
 const require_FormControlContext = require("./FormControlContext-74gvPGFk.cjs");
 const require_FormContext = require("./FormContext-BGCsWAFc.cjs");

package/dist/Grid.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_src = require("./src-C8PIppTy.cjs");
+const require_src = require("./src-BJrcLd7P.cjs");
 const require_View = require("./View.cjs");
 let _soroush_tech_styled_system_should_forward_prop = require("@soroush.tech/styled-system/should-forward-prop");
 //#region src/Grid/Grid.tsx

package/dist/Grid.mjs

@@ -1,9 +1,11 @@
 import { a as src_exports, i as props, o as styled, t as createShouldForwardProp } from "./src-BJy4dM4f.mjs";
 import { View } from "./View.mjs";
+//#region src/Grid/Grid.tsx
+const shouldForwardProp = createShouldForwardProp([...props]);
 const Grid = styled(View, {
 	name: "Grid",
 	label: "grid",
-	shouldForwardProp: createShouldForwardProp([...props]),
+	shouldForwardProp,
 	systemProps: [src_exports.grid, src_exports.flexbox]
 })({ display: "grid" });
 //#endregion

package/dist/{Icon-BOjk5r39.cjs → Icon-ByDvM-t1.cjs}

@@ -1,6 +1,6 @@
-const require_src = require("./src-C8PIppTy.cjs");
+const require_src = require("./src-BJrcLd7P.cjs");
 const require_themeDefault = require("./themeDefault-Cebi08Cv.cjs");
-const require_theme = require("./theme-Du6xgPsg.cjs");
+const require_theme = require("./theme-CleLAV6A.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");
@@ -785,17 +785,19 @@ const icons = {
 };
 //#endregion
 //#region src/Icon/Icon.tsx
+const shouldForwardProp = (0, _soroush_tech_styled_system_should_forward_prop.createShouldForwardProp)([..._soroush_tech_styled_system_should_forward_prop.props]);
+const colorSystem = (0, require_src.src_exports.system)({ color: {
+	property: "color",
+	scale: "text"
+} });
 const StyledIcon = require_src.styled("svg", {
 	name: "Icon",
 	label: "icon",
-	shouldForwardProp: (0, _soroush_tech_styled_system_should_forward_prop.createShouldForwardProp)([..._soroush_tech_styled_system_should_forward_prop.props]),
+	shouldForwardProp,
 	systemProps: [
 		require_src.src_exports.layout,
 		require_src.src_exports.space,
-		(0, require_src.src_exports.system)({ color: {
-			property: "color",
-			scale: "text"
-		} })
+		colorSystem
 	]
 })({ fill: "currentColor" });
 function Icon({ name, color, size, ...rest }) {

package/dist/{Icon-CYjD0Bad.mjs → Icon-GgwNXKEY.mjs}

@@ -1,6 +1,6 @@
 import { a as src_exports, i as props, o as styled, t as createShouldForwardProp } from "./src-BJy4dM4f.mjs";
 import { t as themeDefault } from "./themeDefault-Z3KmyIbm.mjs";
-import { r as useTheme } from "./theme-V6lYzd3j.mjs";
+import { r as useTheme } from "./theme-Cudynq5K.mjs";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/Icon/icons/AccountTree.tsx
@@ -784,17 +784,19 @@ const icons = {
 };
 //#endregion
 //#region src/Icon/Icon.tsx
+const shouldForwardProp = createShouldForwardProp([...props]);
+const colorSystem = (0, src_exports.system)({ color: {
+	property: "color",
+	scale: "text"
+} });
 const StyledIcon = styled("svg", {
 	name: "Icon",
 	label: "icon",
-	shouldForwardProp: createShouldForwardProp([...props]),
+	shouldForwardProp,
 	systemProps: [
 		src_exports.layout,
 		src_exports.space,
-		(0, src_exports.system)({ color: {
-			property: "color",
-			scale: "text"
-		} })
+		colorSystem
 	]
 })({ fill: "currentColor" });
 function Icon({ name, color, size, ...rest }) {

package/dist/Icon.cjs

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

package/dist/Icon.mjs

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

package/dist/Image.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_src = require("./src-C8PIppTy.cjs");
+const require_src = require("./src-BJrcLd7P.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");
@@ -12,6 +12,14 @@ const baseShouldForwardProp = (0, _soroush_tech_styled_system_should_forward_pro
 	"borderRadius"
 ]);
 const shouldForwardProp = (prop) => prop === "fetchPriority" || baseShouldForwardProp(prop);
+const objectSystem = (0, require_src.src_exports.system)({
+	objectFit: { property: "objectFit" },
+	objectPosition: { property: "objectPosition" },
+	borderRadius: {
+		property: "borderRadius",
+		scale: "radii"
+	}
+});
 const StyledImg = require_src.styled("img", {
 	name: "Image",
 	label: "image",
@@ -21,14 +29,7 @@ const StyledImg = require_src.styled("img", {
 		require_src.src_exports.space,
 		require_src.src_exports.background,
 		require_src.src_exports.position,
-		(0, require_src.src_exports.system)({
-			objectFit: { property: "objectFit" },
-			objectPosition: { property: "objectPosition" },
-			borderRadius: {
-				property: "borderRadius",
-				scale: "radii"
-			}
-		})
+		objectSystem
 	]
 })();
 function Image({ src, srcSet, fallback, alt, onError, ...rest }) {

package/dist/Image.mjs

@@ -10,6 +10,14 @@ const baseShouldForwardProp = createShouldForwardProp([
 	"borderRadius"
 ]);
 const shouldForwardProp = (prop) => prop === "fetchPriority" || baseShouldForwardProp(prop);
+const objectSystem = (0, src_exports.system)({
+	objectFit: { property: "objectFit" },
+	objectPosition: { property: "objectPosition" },
+	borderRadius: {
+		property: "borderRadius",
+		scale: "radii"
+	}
+});
 const StyledImg = styled("img", {
 	name: "Image",
 	label: "image",
@@ -19,14 +27,7 @@ const StyledImg = styled("img", {
 		src_exports.space,
 		src_exports.background,
 		src_exports.position,
-		(0, src_exports.system)({
-			objectFit: { property: "objectFit" },
-			objectPosition: { property: "objectPosition" },
-			borderRadius: {
-				property: "borderRadius",
-				scale: "radii"
-			}
-		})
+		objectSystem
 	]
 })();
 function Image({ src, srcSet, fallback, alt, onError, ...rest }) {

package/dist/LinearProgress.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_src = require("./src-C8PIppTy.cjs");
+const require_src = require("./src-BJrcLd7P.cjs");
 const require_themeDefault = require("./themeDefault-Cebi08Cv.cjs");
 const require_utils = require("./utils.cjs");
 require("react");

package/dist/Link.cjs

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

package/dist/Link.mjs

@@ -1,6 +1,6 @@
 import { o as styled } from "./src-BJy4dM4f.mjs";
 import { t as themeDefault } from "./themeDefault-Z3KmyIbm.mjs";
-import { r as useTheme } from "./theme-V6lYzd3j.mjs";
+import { r as useTheme } from "./theme-Cudynq5K.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-C8PIppTy.cjs");
+const require_src = require("./src-BJrcLd7P.cjs");
 const require_themeDefault = require("./themeDefault-Cebi08Cv.cjs");
-const require_theme = require("./theme-Du6xgPsg.cjs");
-const require_Icon = require("./Icon-BOjk5r39.cjs");
+const require_theme = require("./theme-CleLAV6A.cjs");
+const require_Icon = require("./Icon-ByDvM-t1.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/MenuItem/MenuItem.tsx

package/dist/MenuItem.mjs

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

package/dist/{Modal-DZH-DzMZ.cjs → Modal-Bjfv7n4e.cjs}

@@ -1,4 +1,4 @@
-const require_src = require("./src-C8PIppTy.cjs");
+const require_src = require("./src-BJrcLd7P.cjs");
 const require_View = require("./View.cjs");
 const require_Backdrop = require("./Backdrop.cjs");
 const require_Portal = require("./Portal.cjs");
@@ -52,22 +52,26 @@ const ARIA_HIDDEN_FORBIDDEN_TAGS = /* @__PURE__ */ new Set([
 	"SOURCE",
 	"TRACK"
 ]);
-function ariaHidden(element, hide) {
-	if (hide) element.setAttribute("aria-hidden", "true");
-	else element.removeAttribute("aria-hidden");
+/** Hides an element from assistive tech. */
+function hideFromAria(element) {
+	element.setAttribute("aria-hidden", "true");
+}
+/** Reveals an element to assistive tech again. */
+function exposeToAria(element) {
+	element.removeAttribute("aria-hidden");
 }
 function isAriaHiddenForbidden(element) {
 	if (ARIA_HIDDEN_FORBIDDEN_TAGS.has(element.tagName)) return true;
 	return element.tagName === "INPUT" && element.getAttribute("type") === "hidden";
 }
-function ariaHiddenSiblings(container, mountElement, currentElement, hiddenSiblings, hide) {
+function ariaHiddenSiblings(container, mountElement, currentElement, hiddenSiblings, apply) {
 	const exclude = /* @__PURE__ */ new Set([
 		mountElement,
 		currentElement,
 		...hiddenSiblings
 	]);
 	Array.from(container.children).forEach((element) => {
-		if (!exclude.has(element) && !isAriaHiddenForbidden(element)) ariaHidden(element, hide);
+		if (!exclude.has(element) && !isAriaHiddenForbidden(element)) apply(element);
 	});
 }
 function getHiddenSiblings(container) {
@@ -116,9 +120,9 @@ var ModalManager = class {
 		if (existingIndex !== -1) return existingIndex;
 		const modalIndex = this.modals.length;
 		this.modals.push(modal);
-		ariaHidden(modal.modalRef, false);
+		exposeToAria(modal.modalRef);
 		const hiddenSiblings = getHiddenSiblings(container);
-		if (!disableAriaHidden) ariaHiddenSiblings(container, modal.mount, modal.modalRef, hiddenSiblings, true);
+		if (!disableAriaHidden) ariaHiddenSiblings(container, modal.mount, modal.modalRef, hiddenSiblings, hideFromAria);
 		const containerState = this.containers.find((item) => item.container === container);
 		if (containerState) {
 			containerState.modals.push(modal);
@@ -146,13 +150,13 @@ var ModalManager = class {
 		this.modals.splice(modalIndex, 1);
 		if (containerState.modals.length === 0) {
 			if (containerState.restore) containerState.restore();
-			ariaHidden(modal.modalRef, ariaHiddenState);
-			if (containerState.ariaHiddenApplied) ariaHiddenSiblings(containerState.container, modal.mount, modal.modalRef, containerState.hiddenSiblings, false);
+			(ariaHiddenState ? hideFromAria : exposeToAria)(modal.modalRef);
+			if (containerState.ariaHiddenApplied) ariaHiddenSiblings(containerState.container, modal.mount, modal.modalRef, containerState.hiddenSiblings, exposeToAria);
 			this.containers.splice(this.containers.indexOf(containerState), 1);
 		} else {
 			const nextTop = containerState.modals.at(-1);
-			ariaHidden(modal.modalRef, ariaHiddenState);
-			ariaHidden(nextTop.modalRef, false);
+			(ariaHiddenState ? hideFromAria : exposeToAria)(modal.modalRef);
+			exposeToAria(nextTop.modalRef);
 		}
 		return modalIndex;
 	}
@@ -273,10 +277,11 @@ function useModal(parameters) {
 }
 //#endregion
 //#region src/Modal/Modal.tsx
+const shouldForwardProp = (0, _soroush_tech_styled_system_should_forward_prop.createShouldForwardProp)(["scroll", "layer"]);
 const ModalRoot = require_src.styled(require_View.View, {
 	name: "Modal",
 	label: "Modal",
-	shouldForwardProp: (0, _soroush_tech_styled_system_should_forward_prop.createShouldForwardProp)(["scroll", "layer"])
+	shouldForwardProp
 })(({ theme, scroll, layer }) => ({
 	position: "fixed",
 	inset: 0,
@@ -337,10 +342,16 @@ Object.defineProperty(exports, "ModalManager", {
 		return ModalManager;
 	}
 });
-Object.defineProperty(exports, "ariaHidden", {
+Object.defineProperty(exports, "exposeToAria", {
+	enumerable: true,
+	get: function() {
+		return exposeToAria;
+	}
+});
+Object.defineProperty(exports, "hideFromAria", {
 	enumerable: true,
 	get: function() {
-		return ariaHidden;
+		return hideFromAria;
 	}
 });
 Object.defineProperty(exports, "useModal", {