@soroush.tech/design-system 1.1.0 → 1.2.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-S2nb35q-.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.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-COLrJoNW.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-dy5l7gfH.mjs → Modal-COLrJoNW.mjs}

@@ -272,10 +272,11 @@ function useModal(parameters) {
 }
 //#endregion
 //#region src/Modal/Modal.tsx
+const shouldForwardProp = createShouldForwardProp(["scroll", "layer"]);
 const ModalRoot = styled(View, {
 	name: "Modal",
 	label: "Modal",
-	shouldForwardProp: createShouldForwardProp(["scroll", "layer"])
+	shouldForwardProp
 })(({ theme, scroll, layer }) => ({
 	position: "fixed",
 	inset: 0,

package/dist/{Modal-DZH-DzMZ.cjs → Modal-S2nb35q-.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");
@@ -273,10 +273,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,

package/dist/Modal.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_Modal = require("./Modal-DZH-DzMZ.cjs");
+const require_Modal = require("./Modal-S2nb35q-.cjs");
 exports.Modal = require_Modal.Modal;
 exports.ModalManager = require_Modal.ModalManager;
 exports.ariaHidden = require_Modal.ariaHidden;

package/dist/Modal.mjs

@@ -1,2 +1,2 @@
-import { i as ariaHidden, n as useModal, r as ModalManager, t as Modal } from "./Modal-dy5l7gfH.mjs";
+import { i as ariaHidden, n as useModal, r as ModalManager, t as Modal } from "./Modal-COLrJoNW.mjs";
 export { Modal, ModalManager, ariaHidden, useModal };

package/dist/NativeSelect.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");
 const require_FormControl = require("./FormControl.cjs");
 const require_inputVariantStyles = require("./inputVariantStyles-BBkkYQtE.cjs");
 require("react");
@@ -60,15 +60,16 @@ const layoutStyles = ({ fullWidth, disabled }) => ({
 		pointerEvents: "none"
 	} : {}
 });
+const widthStyles = (0, require_src.src_exports.system)({
+	width: true,
+	minWidth: true,
+	maxWidth: true
+});
 const NativeSelectRoot = require_src.styled("div", {
 	name: "NativeSelect",
 	label: "NativeSelect",
 	shouldForwardProp,
-	systemProps: [require_src.src_exports.space, (0, require_src.src_exports.system)({
-		width: true,
-		minWidth: true,
-		maxWidth: true
-	})]
+	systemProps: [require_src.src_exports.space, widthStyles]
 })(baseStyle, require_inputVariantStyles.inputVariantStyles, borderRadiusStyle, colorBorder, focusWithinColor, focusVisibleRing, backgroundStyle, layoutStyles);
 const shouldForwardNativeSelectProps = (prop) => prop !== "sizeToken" && prop !== "bg" && prop !== "textColor";
 const sizeVariants = ({ theme, sizeToken }) => {

package/dist/NativeSelect.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 { 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 { useFormControl } from "./FormControl.mjs";
 import { t as inputVariantStyles } from "./inputVariantStyles-CcqpGfuP.mjs";
 import "react";
@@ -58,15 +58,16 @@ const layoutStyles = ({ fullWidth, disabled }) => ({
 		pointerEvents: "none"
 	} : {}
 });
+const widthStyles = (0, src_exports.system)({
+	width: true,
+	minWidth: true,
+	maxWidth: true
+});
 const NativeSelectRoot = styled("div", {
 	name: "NativeSelect",
 	label: "NativeSelect",
 	shouldForwardProp,
-	systemProps: [src_exports.space, (0, src_exports.system)({
-		width: true,
-		minWidth: true,
-		maxWidth: true
-	})]
+	systemProps: [src_exports.space, widthStyles]
 })(baseStyle, inputVariantStyles, borderRadiusStyle, colorBorder, focusWithinColor, focusVisibleRing, backgroundStyle, layoutStyles);
 const shouldForwardNativeSelectProps = (prop) => prop !== "sizeToken" && prop !== "bg" && prop !== "textColor";
 const sizeVariants = ({ theme, sizeToken }) => {

package/dist/Pagination/PaginationItem.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_Icon = require("../Icon-BOjk5r39.cjs");
+const require_Icon = require("../Icon-ByDvM-t1.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/Pagination/PaginationItem.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 { t as Icon } from "../Icon-CYjD0Bad.mjs";
+import { t as Icon } from "../Icon-GgwNXKEY.mjs";
 import "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/Pagination/PaginationItem/PaginationItem.tsx

package/dist/Pagination.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_Pagination_PaginationItem = require("./Pagination/PaginationItem.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");

package/dist/Paper.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");
 require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/Paper/Paper.tsx