@soroush.tech/design-system 1.3.0 → 1.3.1

package/dist/AppBar.d.cts

@@ -1,6 +1,6 @@
-import "./index-DLJ-li1B.cjs";
 import { h as Theme } from "./themes-CUV79qWU.cjs";
-import { n as FlexProps } from "./index-zFYi0f1t.cjs";
+import "./index-2QPYJgCl.cjs";
+import { n as FlexProps } from "./index-DLUE7t3O.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 { h as Theme } from "./themes-CUV79qWU.mjs";
-import "./index-D8b5OCLe.mjs";
-import { n as FlexProps } from "./index-DEv2QslH.mjs";
+import "./index-q9peil7T.mjs";
+import { n as FlexProps } from "./index-n2OyTMr6.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/AppBar.mjs

@@ -1,4 +1,4 @@
-import { a as src_exports, i as props, o as styled, t as createShouldForwardProp } from "./src-BJy4dM4f.mjs";
+import { a as src_exports, i as props, o as styled, t as createShouldForwardProp } from "./src-D3tHU94W.mjs";
 import { Flex } from "./Flex.mjs";
 import { t as themeDefault } from "./themeDefault-Z3KmyIbm.mjs";
 import { jsx } from "react/jsx-runtime";

package/dist/Avatar.d.cts

@@ -1,6 +1,6 @@
-import "./index-DLJ-li1B.cjs";
 import { h as Theme } from "./themes-CUV79qWU.cjs";
-import { n as FlexProps } from "./index-zFYi0f1t.cjs";
+import "./index-2QPYJgCl.cjs";
+import { n as FlexProps } from "./index-DLUE7t3O.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 { h as Theme } from "./themes-CUV79qWU.mjs";
-import "./index-D8b5OCLe.mjs";
-import { n as FlexProps } from "./index-DEv2QslH.mjs";
+import "./index-q9peil7T.mjs";
+import { n as FlexProps } from "./index-n2OyTMr6.mjs";
 //#region src/Avatar/Avatar.d.ts
 type AvatarVariant = 'circular' | 'rounded' | 'square';
 type AvatarSize = keyof Theme['avatar'];

package/dist/Avatar.mjs

@@ -1,4 +1,4 @@
-import { a as src_exports, i as props, o as styled, t as createShouldForwardProp } from "./src-BJy4dM4f.mjs";
+import { a as src_exports, i as props, o as styled, t as createShouldForwardProp } from "./src-D3tHU94W.mjs";
 import { Flex } from "./Flex.mjs";
 import { t as themeDefault } from "./themeDefault-Z3KmyIbm.mjs";
 import { r as useTheme } from "./theme-Cudynq5K.mjs";

package/dist/Backdrop.d.cts

@@ -1,4 +1,4 @@
-import { s as ViewProps } from "./index-DjtGkwRM.cjs";
+import { s as ViewProps } from "./index-BPzvFTi5.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-q6EgsH9R.mjs";
+import { s as ViewProps } from "./index-m9jUR509.mjs";
 //#region src/Backdrop/Backdrop.d.ts
 type BackdropProps = ViewProps;
 /**

package/dist/Backdrop.mjs

@@ -1,4 +1,4 @@
-import { o as styled } from "./src-BJy4dM4f.mjs";
+import { o as styled } from "./src-D3tHU94W.mjs";
 import { View } from "./View.mjs";
 import { jsx } from "react/jsx-runtime";
 //#region src/Backdrop/Backdrop.tsx

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-BJ8OC_Zh.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-uH0EeDBZ.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-D8U2tk1L.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-BAfSyQaP.mjs";
 export { Button, ButtonColor, ButtonLoadingPosition, ButtonProps, ButtonShape, ButtonSize, ButtonVariant, GapToken };

package/dist/Button.mjs

@@ -1,4 +1,4 @@
-import { a as src_exports, i as props, o as styled, t as createShouldForwardProp } from "./src-BJy4dM4f.mjs";
+import { a as src_exports, i as props, o as styled, t as createShouldForwardProp } from "./src-D3tHU94W.mjs";
 import { t as themeDefault } from "./themeDefault-Z3KmyIbm.mjs";
 import { alpha } from "./utils.mjs";
 import { n as useDefaultProps, r as useTheme } from "./theme-Cudynq5K.mjs";

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--mvTGo8F.cjs";
+import { a as ButtonGroupProps, i as ButtonGroupOrientation, n as ButtonGroupContextValue, o as ButtonGroupRadius, r as ButtonGroup, t as ButtonGroupContext } from "./index-BYYEoNec.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-DF3Hweir.mjs";
+import { a as ButtonGroupProps, i as ButtonGroupOrientation, n as ButtonGroupContextValue, o as ButtonGroupRadius, r as ButtonGroup, t as ButtonGroupContext } from "./index-CbGfrKZi.mjs";
 export { ButtonGroup, ButtonGroupContext, ButtonGroupContextValue, ButtonGroupOrientation, ButtonGroupProps, ButtonGroupRadius };

package/dist/ButtonGroup.mjs

@@ -1,4 +1,4 @@
-import { a as src_exports, i as props, o as styled, t as createShouldForwardProp } from "./src-BJy4dM4f.mjs";
+import { a as src_exports, i as props, o as styled, t as createShouldForwardProp } from "./src-D3tHU94W.mjs";
 import { t as themeDefault } from "./themeDefault-Z3KmyIbm.mjs";
 import { alpha } from "./utils.mjs";
 import { t as ButtonGroupContext } from "./ButtonGroupContext-DS-kl9lG.mjs";

package/dist/Card.d.cts

@@ -1,6 +1,6 @@
-import { r as PaperProps } from "./index-CYTaYcm3.cjs";
-import { a as TypographyProps } from "./index-CvaEVk-f.cjs";
-import { n as IconProps, r as IconName } from "./index-CA_X-mXg.cjs";
+import { r as PaperProps } from "./index-BW-9sqFG.cjs";
+import { a as TypographyProps } from "./index-CohsoGjZ.cjs";
+import { n as IconProps, r as IconName } from "./index-Borai-Wg.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-KZUd8B5E.mjs";
-import { a as TypographyProps } from "./index-B2hrssyF.mjs";
-import { n as IconProps, r as IconName } from "./index-BL3jwIQU.mjs";
+import { r as PaperProps } from "./index-CKz1lEdR.mjs";
+import { a as TypographyProps } from "./index-DxBKLmUS.mjs";
+import { n as IconProps, r as IconName } from "./index-BjLlSr2P.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-BJy4dM4f.mjs";
+import { o as styled } from "./src-D3tHU94W.mjs";
 import { t as themeDefault } from "./themeDefault-Z3KmyIbm.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-GgwNXKEY.mjs";
+import { t as Icon } from "./Icon-CU_nUmsU.mjs";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/Card/Card.tsx

package/dist/Checkbox.d.cts

@@ -1,10 +1,11 @@
-import { r as index_d_exports } from "./index-DLJ-li1B.cjs";
 import { d as PaletteColor, h as Theme } from "./themes-CUV79qWU.cjs";
+import "./index-2QPYJgCl.cjs";
 import { ChangeEvent, ReactNode } from "react";
+import { SpaceProps } from "@soroush.tech/styled-system";
 //#region src/Checkbox/Checkbox.d.ts
 type CheckboxColor = PaletteColor;
 type CheckboxSize = keyof Theme['sizes'];
-interface CheckboxProps extends index_d_exports.SpaceProps<Theme> {
+interface CheckboxProps extends SpaceProps<Theme> {
   /** Controlled checked state. */
   checked?: boolean;
   /** Initial checked state for uncontrolled usage. */

package/dist/Checkbox.d.mts

@@ -1,10 +1,11 @@
 import { d as PaletteColor, h as Theme } from "./themes-CUV79qWU.mjs";
-import { r as index_d_exports } from "./index-D8b5OCLe.mjs";
+import "./index-q9peil7T.mjs";
+import { SpaceProps } from "@soroush.tech/styled-system";
 import { ChangeEvent, ReactNode } from "react";
 //#region src/Checkbox/Checkbox.d.ts
 type CheckboxColor = PaletteColor;
 type CheckboxSize = keyof Theme['sizes'];
-interface CheckboxProps extends index_d_exports.SpaceProps<Theme> {
+interface CheckboxProps extends SpaceProps<Theme> {
   /** Controlled checked state. */
   checked?: boolean;
   /** Initial checked state for uncontrolled usage. */

package/dist/Checkbox.mjs

@@ -1,4 +1,4 @@
-import { a as src_exports, i as props, o as styled, t as createShouldForwardProp } from "./src-BJy4dM4f.mjs";
+import { a as src_exports, i as props, o as styled, t as createShouldForwardProp } from "./src-D3tHU94W.mjs";
 import { t as themeDefault } from "./themeDefault-Z3KmyIbm.mjs";
 import { useFormControl } from "./FormControl.mjs";
 import { useEffect, useRef } from "react";

package/dist/CircularProgress.d.cts

@@ -1,12 +1,13 @@
-import { r as index_d_exports } from "./index-DLJ-li1B.cjs";
 import { h as Theme } from "./themes-CUV79qWU.cjs";
-import { n as ButtonColor } from "./index-BJ8OC_Zh.cjs";
+import "./index-2QPYJgCl.cjs";
+import { n as ButtonColor } from "./index-uH0EeDBZ.cjs";
 import { HTMLAttributes } from "react";
+import { LayoutProps, PaddingProps, SpaceProps } from "@soroush.tech/styled-system";
 //#region src/CircularProgress/CircularProgress.d.ts
 type CircularProgressVariant = 'indeterminate' | 'determinate';
 type CircularProgressColor = ButtonColor | 'inherit';
 type CircularProgressEasing = 'linear' | 'ease' | 'ease-in' | 'ease-out' | 'ease-in-out';
-interface CircularProgressProps extends HTMLAttributes<HTMLSpanElement>, Omit<index_d_exports.SpaceProps<Theme>, keyof index_d_exports.PaddingProps>, index_d_exports.LayoutProps<Theme> {
+interface CircularProgressProps extends HTMLAttributes<HTMLSpanElement>, Omit<SpaceProps<Theme>, keyof PaddingProps>, LayoutProps<Theme> {
   /** Visual variant — looping animation or value-driven arc. Default: `'indeterminate'`. */
   variant?: CircularProgressVariant;
   /** Stroke color — resolves to `theme.palette[color].main`; `'inherit'` uses `currentColor`. Default: 'primary', overridable via `theme.defaults.color`. */

package/dist/CircularProgress.d.mts

@@ -1,12 +1,13 @@
 import { h as Theme } from "./themes-CUV79qWU.mjs";
-import { r as index_d_exports } from "./index-D8b5OCLe.mjs";
-import { n as ButtonColor } from "./index-D8U2tk1L.mjs";
+import "./index-q9peil7T.mjs";
+import { n as ButtonColor } from "./index-BAfSyQaP.mjs";
+import { LayoutProps, PaddingProps, SpaceProps } from "@soroush.tech/styled-system";
 import { HTMLAttributes } from "react";
 //#region src/CircularProgress/CircularProgress.d.ts
 type CircularProgressVariant = 'indeterminate' | 'determinate';
 type CircularProgressColor = ButtonColor | 'inherit';
 type CircularProgressEasing = 'linear' | 'ease' | 'ease-in' | 'ease-out' | 'ease-in-out';
-interface CircularProgressProps extends HTMLAttributes<HTMLSpanElement>, Omit<index_d_exports.SpaceProps<Theme>, keyof index_d_exports.PaddingProps>, index_d_exports.LayoutProps<Theme> {
+interface CircularProgressProps extends HTMLAttributes<HTMLSpanElement>, Omit<SpaceProps<Theme>, keyof PaddingProps>, LayoutProps<Theme> {
   /** Visual variant — looping animation or value-driven arc. Default: `'indeterminate'`. */
   variant?: CircularProgressVariant;
   /** Stroke color — resolves to `theme.palette[color].main`; `'inherit'` uses `currentColor`. Default: 'primary', overridable via `theme.defaults.color`. */

package/dist/CircularProgress.mjs

@@ -1,4 +1,4 @@
-import { a as src_exports, i as props, o as styled, r as keyframes, t as createShouldForwardProp } from "./src-BJy4dM4f.mjs";
+import { a as src_exports, i as props, o as styled, r as keyframes, t as createShouldForwardProp } from "./src-D3tHU94W.mjs";
 import { t as themeDefault } from "./themeDefault-Z3KmyIbm.mjs";
 import { clamp } from "./utils.mjs";
 import "react";

package/dist/Drawer.d.cts

@@ -1,5 +1,5 @@
-import { n as PaperElevation } from "./index-CYTaYcm3.cjs";
-import { s as ModalProps } from "./index-0law1kXY.cjs";
+import { n as PaperElevation } from "./index-BW-9sqFG.cjs";
+import { s as ModalProps } from "./index-BBWtMvkm.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 { s as ModalProps } from "./index-CqFd46gX.mjs";
+import { n as PaperElevation } from "./index-CKz1lEdR.mjs";
+import { s as ModalProps } from "./index-CTYZyQ2g.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 { o as styled, r as keyframes, t as createShouldForwardProp } from "./src-D3tHU94W.mjs";
 import { Paper } from "./Paper.mjs";
-import { t as Modal } from "./Modal-C0oiFAj5.mjs";
+import { t as Modal } from "./Modal-Bv-mf8Fn.mjs";
 import "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/Drawer/Drawer.tsx

package/dist/Flex.d.cts

@@ -1,2 +1,2 @@
-import { n as FlexProps, r as GapToken, t as Flex } from "./index-zFYi0f1t.cjs";
+import { n as FlexProps, r as GapToken, t as Flex } from "./index-DLUE7t3O.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-DEv2QslH.mjs";
+import { n as FlexProps, r as GapToken, t as Flex } from "./index-n2OyTMr6.mjs";
 export { Flex, FlexProps, GapToken };

package/dist/Flex.mjs

@@ -1,4 +1,4 @@
-import { a as src_exports, i as props, o as styled, t as createShouldForwardProp } from "./src-BJy4dM4f.mjs";
+import { a as src_exports, i as props, o as styled, t as createShouldForwardProp } from "./src-D3tHU94W.mjs";
 import { View } from "./View.mjs";
 //#region src/Flex/Flex.tsx
 const shouldForwardProp = createShouldForwardProp([...props]);

package/dist/FocusTrap.mjs

@@ -1,4 +1,4 @@
-import { o as styled } from "./src-BJy4dM4f.mjs";
+import { o as styled } from "./src-D3tHU94W.mjs";
 import { useEffect, useRef } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/FocusTrap/FocusTrap.tsx

package/dist/Form.mjs

@@ -1,4 +1,4 @@
-import { o as styled } from "./src-BJy4dM4f.mjs";
+import { o as styled } from "./src-D3tHU94W.mjs";
 import { t as FormContext } from "./FormContext-LrjAGe6U.mjs";
 import { useMemo } from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/FormControl.d.cts

@@ -1,5 +1,5 @@
 import { h as Theme } from "./themes-CUV79qWU.cjs";
-import { s as ViewProps } from "./index-DjtGkwRM.cjs";
+import { s as ViewProps } from "./index-BPzvFTi5.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 { h as Theme } from "./themes-CUV79qWU.mjs";
-import { s as ViewProps } from "./index-q6EgsH9R.mjs";
+import { s as ViewProps } from "./index-m9jUR509.mjs";
 import { ReactNode } from "react";
 //#region src/FormControl/FormControl.d.ts
 interface FormControlProps extends Omit<ViewProps, 'color'> {

package/dist/FormControl.mjs

@@ -1,4 +1,4 @@
-import { o as styled } from "./src-BJy4dM4f.mjs";
+import { o as styled } from "./src-D3tHU94W.mjs";
 import { View } from "./View.mjs";
 import { t as themeDefault } from "./themeDefault-Z3KmyIbm.mjs";
 import { r as useTheme } from "./theme-Cudynq5K.mjs";

package/dist/FormHelperText.d.cts

@@ -1,4 +1,4 @@
-import { a as TypographyProps } from "./index-CvaEVk-f.cjs";
+import { a as TypographyProps } from "./index-CohsoGjZ.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-B2hrssyF.mjs";
+import { a as TypographyProps } from "./index-DxBKLmUS.mjs";
 import { ReactNode } from "react";
 //#region src/FormHelperText/FormHelperText.d.ts
 interface FormHelperTextProps extends TypographyProps {

package/dist/FormHelperText.mjs

@@ -1,4 +1,4 @@
-import { o as styled } from "./src-BJy4dM4f.mjs";
+import { o as styled } from "./src-D3tHU94W.mjs";
 import { Typography } from "./Typography.mjs";
 import { t as FormControlContext } from "./FormControlContext-CC2kToms.mjs";
 import { t as FormContext } from "./FormContext-LrjAGe6U.mjs";

package/dist/FormLabel.d.cts

@@ -1,4 +1,4 @@
-import { a as TypographyProps } from "./index-CvaEVk-f.cjs";
+import { a as TypographyProps } from "./index-CohsoGjZ.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-B2hrssyF.mjs";
+import { a as TypographyProps } from "./index-DxBKLmUS.mjs";
 import { ReactNode } from "react";
 //#region src/FormLabel/FormLabel.d.ts
 interface FormLabelProps extends TypographyProps {

package/dist/FormLabel.mjs

@@ -1,4 +1,4 @@
-import { o as styled } from "./src-BJy4dM4f.mjs";
+import { o as styled } from "./src-D3tHU94W.mjs";
 import { Typography } from "./Typography.mjs";
 import { t as FormControlContext } from "./FormControlContext-CC2kToms.mjs";
 import { t as FormContext } from "./FormContext-LrjAGe6U.mjs";

package/dist/Grid.d.cts

@@ -1,10 +1,11 @@
-import { r as index_d_exports } from "./index-DLJ-li1B.cjs";
 import { h as Theme } from "./themes-CUV79qWU.cjs";
-import { s as ViewProps } from "./index-DjtGkwRM.cjs";
+import "./index-2QPYJgCl.cjs";
+import { s as ViewProps } from "./index-BPzvFTi5.cjs";
+import { FlexboxProps, GridProps as GridProps$1 } from "@soroush.tech/styled-system";
 //#region src/Grid/Grid.d.ts
 /** Valid values for the gap / columnGap / rowGap props — derived from theme.space keys. */
 type GapToken = keyof Theme['space'];
-interface GridProps extends ViewProps, index_d_exports.GridProps<Theme>, index_d_exports.FlexboxProps<Theme> {}
+interface GridProps extends ViewProps, GridProps$1<Theme>, FlexboxProps<Theme> {}
 declare const Grid: import("@emotion/styled").StyledComponent<{
   theme?: Theme;
   as?: React.ElementType;

package/dist/Grid.d.mts

@@ -1,10 +1,11 @@
 import { h as Theme } from "./themes-CUV79qWU.mjs";
-import { r as index_d_exports } from "./index-D8b5OCLe.mjs";
-import { s as ViewProps } from "./index-q6EgsH9R.mjs";
+import "./index-q9peil7T.mjs";
+import { s as ViewProps } from "./index-m9jUR509.mjs";
+import { FlexboxProps, GridProps as GridProps$1 } from "@soroush.tech/styled-system";
 //#region src/Grid/Grid.d.ts
 /** Valid values for the gap / columnGap / rowGap props — derived from theme.space keys. */
 type GapToken = keyof Theme['space'];
-interface GridProps extends ViewProps, index_d_exports.GridProps<Theme>, index_d_exports.FlexboxProps<Theme> {}
+interface GridProps extends ViewProps, GridProps$1<Theme>, FlexboxProps<Theme> {}
 declare const Grid: import("@emotion/styled").StyledComponent<{
   theme?: Theme;
   as?: React.ElementType;

package/dist/Grid.mjs

@@ -1,4 +1,4 @@
-import { a as src_exports, i as props, o as styled, t as createShouldForwardProp } from "./src-BJy4dM4f.mjs";
+import { a as src_exports, i as props, o as styled, t as createShouldForwardProp } from "./src-D3tHU94W.mjs";
 import { View } from "./View.mjs";
 //#region src/Grid/Grid.tsx
 const shouldForwardProp = createShouldForwardProp([...props]);

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

@@ -1,4 +1,4 @@
-import { a as src_exports, i as props, o as styled, t as createShouldForwardProp } from "./src-BJy4dM4f.mjs";
+import { a as src_exports, i as props, o as styled, t as createShouldForwardProp } from "./src-D3tHU94W.mjs";
 import { t as themeDefault } from "./themeDefault-Z3KmyIbm.mjs";
 import { r as useTheme } from "./theme-Cudynq5K.mjs";
 import "react";

package/dist/Icon.d.cts

@@ -1,2 +1,2 @@
-import { i as icons, n as IconProps, r as IconName, t as Icon } from "./index-CA_X-mXg.cjs";
+import { i as icons, n as IconProps, r as IconName, t as Icon } from "./index-Borai-Wg.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-BL3jwIQU.mjs";
+import { i as icons, n as IconProps, r as IconName, t as Icon } from "./index-BjLlSr2P.mjs";
 export { Icon, type IconName, IconProps, icons };

package/dist/Icon.mjs

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

package/dist/Image.d.cts

@@ -1,8 +1,9 @@
-import { r as index_d_exports } from "./index-DLJ-li1B.cjs";
 import { h as Theme } from "./themes-CUV79qWU.cjs";
+import "./index-2QPYJgCl.cjs";
 import { CSSProperties, ImgHTMLAttributes } from "react";
+import { BackgroundProps, LayoutProps, PositionProps, SpaceProps } from "@soroush.tech/styled-system";
 //#region src/Image/Image.d.ts
-interface ImageProps extends Omit<ImgHTMLAttributes<HTMLImageElement>, 'height' | 'width' | 'color'>, index_d_exports.LayoutProps, index_d_exports.SpaceProps, index_d_exports.BackgroundProps, index_d_exports.PositionProps {
+interface ImageProps extends Omit<ImgHTMLAttributes<HTMLImageElement>, 'height' | 'width' | 'color'>, LayoutProps, SpaceProps, BackgroundProps, PositionProps {
   /** Fallback image URL tried when src (or srcSet) fails to load. */
   fallback?: string;
   objectFit?: CSSProperties['objectFit'];

package/dist/Image.d.mts

@@ -1,8 +1,9 @@
 import { h as Theme } from "./themes-CUV79qWU.mjs";
-import { r as index_d_exports } from "./index-D8b5OCLe.mjs";
+import "./index-q9peil7T.mjs";
+import { BackgroundProps, LayoutProps, PositionProps, SpaceProps } from "@soroush.tech/styled-system";
 import { CSSProperties, ImgHTMLAttributes } from "react";
 //#region src/Image/Image.d.ts
-interface ImageProps extends Omit<ImgHTMLAttributes<HTMLImageElement>, 'height' | 'width' | 'color'>, index_d_exports.LayoutProps, index_d_exports.SpaceProps, index_d_exports.BackgroundProps, index_d_exports.PositionProps {
+interface ImageProps extends Omit<ImgHTMLAttributes<HTMLImageElement>, 'height' | 'width' | 'color'>, LayoutProps, SpaceProps, BackgroundProps, PositionProps {
   /** Fallback image URL tried when src (or srcSet) fails to load. */
   fallback?: string;
   objectFit?: CSSProperties['objectFit'];

package/dist/Image.mjs

@@ -1,4 +1,4 @@
-import { a as src_exports, i as props, o as styled, t as createShouldForwardProp } from "./src-BJy4dM4f.mjs";
+import { a as src_exports, i as props, o as styled, t as createShouldForwardProp } from "./src-D3tHU94W.mjs";
 import { useState } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/Image/Image.tsx

package/dist/LinearProgress.d.cts

@@ -1,12 +1,13 @@
-import { r as index_d_exports } from "./index-DLJ-li1B.cjs";
 import { h as Theme } from "./themes-CUV79qWU.cjs";
-import { n as ButtonColor } from "./index-BJ8OC_Zh.cjs";
+import "./index-2QPYJgCl.cjs";
+import { n as ButtonColor } from "./index-uH0EeDBZ.cjs";
 import { HTMLAttributes } from "react";
+import { LayoutProps, PaddingProps, SpaceProps } from "@soroush.tech/styled-system";
 //#region src/LinearProgress/LinearProgress.d.ts
 type LinearProgressVariant = 'indeterminate' | 'determinate' | 'query';
 type LinearProgressColor = ButtonColor | 'inherit';
 type LinearProgressEasing = 'linear' | 'ease' | 'ease-in' | 'ease-out' | 'ease-in-out';
-interface LinearProgressProps extends HTMLAttributes<HTMLSpanElement>, Omit<index_d_exports.SpaceProps<Theme>, keyof index_d_exports.PaddingProps>, index_d_exports.LayoutProps<Theme> {
+interface LinearProgressProps extends HTMLAttributes<HTMLSpanElement>, Omit<SpaceProps<Theme>, keyof PaddingProps>, LayoutProps<Theme> {
   /** Visual variant — looping animation, value-driven bar, or reversed loop. Default: `'indeterminate'`. */
   variant?: LinearProgressVariant;
   /** Bar color — resolves to `theme.palette[color].main`; `'inherit'` uses `currentColor`. Default: 'primary', overridable via `theme.defaults.color`. */

package/dist/LinearProgress.d.mts

@@ -1,12 +1,13 @@
 import { h as Theme } from "./themes-CUV79qWU.mjs";
-import { r as index_d_exports } from "./index-D8b5OCLe.mjs";
-import { n as ButtonColor } from "./index-D8U2tk1L.mjs";
+import "./index-q9peil7T.mjs";
+import { n as ButtonColor } from "./index-BAfSyQaP.mjs";
+import { LayoutProps, PaddingProps, SpaceProps } from "@soroush.tech/styled-system";
 import { HTMLAttributes } from "react";
 //#region src/LinearProgress/LinearProgress.d.ts
 type LinearProgressVariant = 'indeterminate' | 'determinate' | 'query';
 type LinearProgressColor = ButtonColor | 'inherit';
 type LinearProgressEasing = 'linear' | 'ease' | 'ease-in' | 'ease-out' | 'ease-in-out';
-interface LinearProgressProps extends HTMLAttributes<HTMLSpanElement>, Omit<index_d_exports.SpaceProps<Theme>, keyof index_d_exports.PaddingProps>, index_d_exports.LayoutProps<Theme> {
+interface LinearProgressProps extends HTMLAttributes<HTMLSpanElement>, Omit<SpaceProps<Theme>, keyof PaddingProps>, LayoutProps<Theme> {
   /** Visual variant — looping animation, value-driven bar, or reversed loop. Default: `'indeterminate'`. */
   variant?: LinearProgressVariant;
   /** Bar color — resolves to `theme.palette[color].main`; `'inherit'` uses `currentColor`. Default: 'primary', overridable via `theme.defaults.color`. */

package/dist/LinearProgress.mjs

@@ -1,4 +1,4 @@
-import { a as src_exports, i as props, o as styled, r as keyframes, t as createShouldForwardProp } from "./src-BJy4dM4f.mjs";
+import { a as src_exports, i as props, o as styled, r as keyframes, t as createShouldForwardProp } from "./src-D3tHU94W.mjs";
 import { t as themeDefault } from "./themeDefault-Z3KmyIbm.mjs";
 import { clamp } from "./utils.mjs";
 import "react";

package/dist/Link.d.cts

@@ -1,4 +1,4 @@
-import { a as TypographyProps } from "./index-CvaEVk-f.cjs";
+import { a as TypographyProps } from "./index-CohsoGjZ.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-B2hrssyF.mjs";
+import { a as TypographyProps } from "./index-DxBKLmUS.mjs";
 import { AnchorHTMLAttributes } from "react";
 //#region src/Link/Link.d.ts
 type LinkUnderline = 'always' | 'hover' | 'none';

package/dist/Link.mjs

@@ -1,4 +1,4 @@
-import { o as styled } from "./src-BJy4dM4f.mjs";
+import { o as styled } from "./src-D3tHU94W.mjs";
 import { t as themeDefault } from "./themeDefault-Z3KmyIbm.mjs";
 import { r as useTheme } from "./theme-Cudynq5K.mjs";
 import { Typography } from "./Typography.mjs";

package/dist/MenuItem.d.cts

@@ -1,5 +1,5 @@
-import "./index-DLJ-li1B.cjs";
 import { h as Theme } from "./themes-CUV79qWU.cjs";
+import "./index-2QPYJgCl.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 { h as Theme } from "./themes-CUV79qWU.mjs";
-import "./index-D8b5OCLe.mjs";
+import "./index-q9peil7T.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-BJy4dM4f.mjs";
+import { a as src_exports, o as styled, t as createShouldForwardProp } from "./src-D3tHU94W.mjs";
 import { t as themeDefault } from "./themeDefault-Z3KmyIbm.mjs";
 import { r as useTheme } from "./theme-Cudynq5K.mjs";
-import { t as Icon } from "./Icon-GgwNXKEY.mjs";
+import { t as Icon } from "./Icon-CU_nUmsU.mjs";
 import { useEffect, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/MenuItem/MenuItem.tsx

package/dist/{Modal-C0oiFAj5.mjs → Modal-Bv-mf8Fn.mjs}

@@ -1,4 +1,4 @@
-import { o as styled, t as createShouldForwardProp } from "./src-BJy4dM4f.mjs";
+import { o as styled, t as createShouldForwardProp } from "./src-D3tHU94W.mjs";
 import { View } from "./View.mjs";
 import { Backdrop } from "./Backdrop.mjs";
 import { Portal } from "./Portal.mjs";

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-0law1kXY.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-BBWtMvkm.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-CqFd46gX.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-CTYZyQ2g.mjs";
 export { ManagedModal, ManagedModalProps, Modal, ModalCloseReason, ModalManager, ModalProps, ModalScroll, UseModalParameters, UseModalReturnValue, exposeToAria, hideFromAria, useModal };

package/dist/Modal.mjs

@@ -1,2 +1,2 @@
-import { a as hideFromAria, i as exposeToAria, n as useModal, r as ModalManager, t as Modal } from "./Modal-C0oiFAj5.mjs";
+import { a as hideFromAria, i as exposeToAria, n as useModal, r as ModalManager, t as Modal } from "./Modal-Bv-mf8Fn.mjs";
 export { Modal, ModalManager, exposeToAria, hideFromAria, useModal };