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

package/dist/Checkbox.mjs

@@ -1,4 +1,4 @@
-import { a as src_exports, i as props, o as styled, t as createShouldForwardProp } from "./src-D3tHU94W.mjs";
+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 { useFormControl } from "./FormControl.mjs";
 import { useEffect, useRef } from "react";

package/dist/CircularProgress.cjs

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

package/dist/CircularProgress.d.cts

@@ -1,6 +1,6 @@
-import { h as Theme } from "./themes-CUV79qWU.cjs";
-import "./index-2QPYJgCl.cjs";
-import { n as ButtonColor } from "./index-uH0EeDBZ.cjs";
+import { S as Theme } from "./themes-9YNnlVyY.cjs";
+import "./index-DkJzi96w.cjs";
+import { n as ButtonColor } from "./index-S3NZS-Qp.cjs";
 import { HTMLAttributes } from "react";
 import { LayoutProps, PaddingProps, SpaceProps } from "@soroush.tech/styled-system";
 //#region src/CircularProgress/CircularProgress.d.ts
@@ -8,9 +8,9 @@ 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<SpaceProps<Theme>, keyof PaddingProps>, LayoutProps<Theme> {
-  /** Visual variant — looping animation or value-driven arc. Default: `'indeterminate'`. */
+  /** 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`. */
+  /** Stroke color - resolves to `theme.palette[color].main`; `'inherit'` uses `currentColor`. Default: 'primary', overridable via `theme.defaults.color`. */
   color?: CircularProgressColor;
   /** Width and height. Number → px; string → raw CSS unit (e.g. `'3rem'`). Default: `40`. */
   size?: number | string;
@@ -24,7 +24,7 @@ interface CircularProgressProps extends HTMLAttributes<HTMLSpanElement>, Omit<Sp
   max?: number;
   /** Disables the stroke shrink/expand animation (`'indeterminate'` only). */
   disableShrink?: boolean;
-  /** Applies the rotation animation to a `'determinate'` arc — arc length reflects `value` while the spinner still rotates. */
+  /** Applies the rotation animation to a `'determinate'` arc - arc length reflects `value` while the spinner still rotates. */
   spinning?: boolean;
   /** Timing function for the rotation animation. Default: `'linear'`. */
   easing?: CircularProgressEasing;

package/dist/CircularProgress.d.mts

@@ -1,6 +1,6 @@
-import { h as Theme } from "./themes-CUV79qWU.mjs";
-import "./index-q9peil7T.mjs";
-import { n as ButtonColor } from "./index-BAfSyQaP.mjs";
+import { S as Theme } from "./themes-9YNnlVyY.mjs";
+import "./index-CEqa8xx8.mjs";
+import { n as ButtonColor } from "./index-D4i9vrQM.mjs";
 import { LayoutProps, PaddingProps, SpaceProps } from "@soroush.tech/styled-system";
 import { HTMLAttributes } from "react";
 //#region src/CircularProgress/CircularProgress.d.ts
@@ -8,9 +8,9 @@ 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<SpaceProps<Theme>, keyof PaddingProps>, LayoutProps<Theme> {
-  /** Visual variant — looping animation or value-driven arc. Default: `'indeterminate'`. */
+  /** 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`. */
+  /** Stroke color - resolves to `theme.palette[color].main`; `'inherit'` uses `currentColor`. Default: 'primary', overridable via `theme.defaults.color`. */
   color?: CircularProgressColor;
   /** Width and height. Number → px; string → raw CSS unit (e.g. `'3rem'`). Default: `40`. */
   size?: number | string;
@@ -24,7 +24,7 @@ interface CircularProgressProps extends HTMLAttributes<HTMLSpanElement>, Omit<Sp
   max?: number;
   /** Disables the stroke shrink/expand animation (`'indeterminate'` only). */
   disableShrink?: boolean;
-  /** Applies the rotation animation to a `'determinate'` arc — arc length reflects `value` while the spinner still rotates. */
+  /** Applies the rotation animation to a `'determinate'` arc - arc length reflects `value` while the spinner still rotates. */
   spinning?: boolean;
   /** Timing function for the rotation animation. Default: `'linear'`. */
   easing?: CircularProgressEasing;

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-D3tHU94W.mjs";
+import { a as src_exports, i as props, o as styled, r as keyframes, t as createShouldForwardProp } from "./src-DLGYOJMh.mjs";
 import { t as themeDefault } from "./themeDefault-Z3KmyIbm.mjs";
 import { clamp } from "./utils.mjs";
 import "react";

package/dist/Drawer.cjs

@@ -1,7 +1,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_src = require("./src-BJrcLd7P.cjs");
+const require_src = require("./src-DU81aGy9.cjs");
 const require_Paper = require("./Paper.cjs");
-const require_Modal = require("./Modal-Bjfv7n4e.cjs");
+const require_Modal = require("./Modal-CApyh_V5.cjs");
 require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let _emotion_react = require("@emotion/react");

package/dist/Drawer.d.cts

@@ -1,5 +1,5 @@
-import { n as PaperElevation } from "./index-BW-9sqFG.cjs";
-import { s as ModalProps } from "./index-BBWtMvkm.cjs";
+import { n as PaperElevation } from "./index-BGD4OzzG.cjs";
+import { s as ModalProps } from "./index-B8KscJic.cjs";
 import { ReactNode } from "react";
 //#region src/Drawer/Drawer.d.ts
 type DrawerAnchor = 'left' | 'right' | 'top' | 'bottom';
@@ -8,7 +8,7 @@ interface DrawerProps extends Pick<ModalProps, 'isOpen' | 'onClose' | 'hasBackdr
   children: ReactNode;
   /** Edge the drawer slides in from. Default: 'left'. */
   anchor?: DrawerAnchor;
-  /** Shadow depth of the panel (0–24), forwarded to Paper. Default: 16. */
+  /** Shadow depth of the panel (0-24), forwarded to Paper. Default: 16. */
   elevation?: PaperElevation;
   /** Slide duration in milliseconds. Default: 225. */
   transitionDuration?: number;

package/dist/Drawer.d.mts

@@ -1,5 +1,5 @@
-import { n as PaperElevation } from "./index-CKz1lEdR.mjs";
-import { s as ModalProps } from "./index-CTYZyQ2g.mjs";
+import { n as PaperElevation } from "./index-BSR9zrAA.mjs";
+import { s as ModalProps } from "./index-qtKJ56yu.mjs";
 import { ReactNode } from "react";
 //#region src/Drawer/Drawer.d.ts
 type DrawerAnchor = 'left' | 'right' | 'top' | 'bottom';
@@ -8,7 +8,7 @@ interface DrawerProps extends Pick<ModalProps, 'isOpen' | 'onClose' | 'hasBackdr
   children: ReactNode;
   /** Edge the drawer slides in from. Default: 'left'. */
   anchor?: DrawerAnchor;
-  /** Shadow depth of the panel (0–24), forwarded to Paper. Default: 16. */
+  /** Shadow depth of the panel (0-24), forwarded to Paper. Default: 16. */
   elevation?: PaperElevation;
   /** Slide duration in milliseconds. Default: 225. */
   transitionDuration?: number;

package/dist/Drawer.mjs

@@ -1,6 +1,6 @@
-import { o as styled, r as keyframes, t as createShouldForwardProp } from "./src-D3tHU94W.mjs";
+import { o as styled, r as keyframes, t as createShouldForwardProp } from "./src-DLGYOJMh.mjs";
 import { Paper } from "./Paper.mjs";
-import { t as Modal } from "./Modal-Bv-mf8Fn.mjs";
+import { t as Modal } from "./Modal-CYNcPk-2.mjs";
 import "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/Drawer/Drawer.tsx

package/dist/Flex.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_src = require("./src-BJrcLd7P.cjs");
+const require_src = require("./src-DU81aGy9.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.d.cts

@@ -1,2 +1,2 @@
-import { n as FlexProps, r as GapToken, t as Flex } from "./index-DLUE7t3O.cjs";
+import { n as FlexProps, r as GapToken, t as Flex } from "./index-BMJ3tyIw.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-n2OyTMr6.mjs";
+import { n as FlexProps, r as GapToken, t as Flex } from "./index-B41OXLX8.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-D3tHU94W.mjs";
+import { a as src_exports, i as props, o as styled, t as createShouldForwardProp } from "./src-DLGYOJMh.mjs";
 import { View } from "./View.mjs";
 //#region src/Flex/Flex.tsx
 const shouldForwardProp = createShouldForwardProp([...props]);

package/dist/FocusTrap.cjs

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

package/dist/FocusTrap.mjs

@@ -1,4 +1,4 @@
-import { o as styled } from "./src-D3tHU94W.mjs";
+import { o as styled } from "./src-DLGYOJMh.mjs";
 import { useEffect, useRef } from "react";
 import { jsx } from "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-BJrcLd7P.cjs");
+const require_src = require("./src-DU81aGy9.cjs");
 const require_FormContext = require("./FormContext-BGCsWAFc.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -9,7 +9,7 @@ const FormRoot = require_src.styled("form", {
 	label: "Form"
 })();
 /**
-* Renders a `<form>` and provides form-wide defaults via FormContext — the lowest
+* Renders a `<form>` and provides form-wide defaults via FormContext - the lowest
 * priority in the override chain (FormControl and explicit control props win).
 */
 function Form({ children, onSubmit, size, color, textColor, disabled, fullWidth, id, className, noValidate, "data-testid": dataTestid }) {

package/dist/Form.d.cts

@@ -1,14 +1,14 @@
-import { h as Theme } from "./themes-CUV79qWU.cjs";
+import { S as Theme } from "./themes-9YNnlVyY.cjs";
 import { ReactNode, SyntheticEvent } from "react";
 //#region src/Form/Form.d.ts
 interface FormProps {
   children: ReactNode;
   onSubmit?: (event: SyntheticEvent<HTMLFormElement>) => void;
-  /** Default control size for every field — overridable per FormControl/control. */
+  /** Default control size for every field - overridable per FormControl/control. */
   size?: keyof Theme['sizes'];
   /** Default accent color for every field. */
   color?: keyof Theme['palette'];
-  /** Default text color for every field's label/helper/input — resolves against `theme.text`. */
+  /** Default text color for every field's label/helper/input - resolves against `theme.text`. */
   textColor?: keyof Theme['text'];
   /** Disables every field. */
   disabled?: boolean;
@@ -21,7 +21,7 @@ interface FormProps {
   'data-testid'?: string;
 }
 /**
- * Renders a `<form>` and provides form-wide defaults via FormContext — the lowest
+ * Renders a `<form>` and provides form-wide defaults via FormContext - the lowest
  * priority in the override chain (FormControl and explicit control props win).
  */
 declare function Form({ children, onSubmit, size, color, textColor, disabled, fullWidth, id, className, noValidate, 'data-testid': dataTestid }: Readonly<FormProps>): import("react").JSX.Element;
@@ -31,7 +31,7 @@ declare function Form({ children, onSubmit, size, color, textColor, disabled, fu
 interface FormContextValue {
   size?: keyof Theme['sizes'];
   color?: keyof Theme['palette'];
-  /** Text color for label/helper/input content — resolves against `theme.text`. */
+  /** Text color for label/helper/input content - resolves against `theme.text`. */
   textColor?: keyof Theme['text'];
   disabled?: boolean;
   fullWidth?: boolean;

package/dist/Form.d.mts

@@ -1,14 +1,14 @@
-import { h as Theme } from "./themes-CUV79qWU.mjs";
+import { S as Theme } from "./themes-9YNnlVyY.mjs";
 import { ReactNode, SyntheticEvent } from "react";
 //#region src/Form/Form.d.ts
 interface FormProps {
   children: ReactNode;
   onSubmit?: (event: SyntheticEvent<HTMLFormElement>) => void;
-  /** Default control size for every field — overridable per FormControl/control. */
+  /** Default control size for every field - overridable per FormControl/control. */
   size?: keyof Theme['sizes'];
   /** Default accent color for every field. */
   color?: keyof Theme['palette'];
-  /** Default text color for every field's label/helper/input — resolves against `theme.text`. */
+  /** Default text color for every field's label/helper/input - resolves against `theme.text`. */
   textColor?: keyof Theme['text'];
   /** Disables every field. */
   disabled?: boolean;
@@ -21,7 +21,7 @@ interface FormProps {
   'data-testid'?: string;
 }
 /**
- * Renders a `<form>` and provides form-wide defaults via FormContext — the lowest
+ * Renders a `<form>` and provides form-wide defaults via FormContext - the lowest
  * priority in the override chain (FormControl and explicit control props win).
  */
 declare function Form({ children, onSubmit, size, color, textColor, disabled, fullWidth, id, className, noValidate, 'data-testid': dataTestid }: Readonly<FormProps>): import("react").JSX.Element;
@@ -31,7 +31,7 @@ declare function Form({ children, onSubmit, size, color, textColor, disabled, fu
 interface FormContextValue {
   size?: keyof Theme['sizes'];
   color?: keyof Theme['palette'];
-  /** Text color for label/helper/input content — resolves against `theme.text`. */
+  /** Text color for label/helper/input content - resolves against `theme.text`. */
   textColor?: keyof Theme['text'];
   disabled?: boolean;
   fullWidth?: boolean;

package/dist/Form.mjs

@@ -1,4 +1,4 @@
-import { o as styled } from "./src-D3tHU94W.mjs";
+import { o as styled } from "./src-DLGYOJMh.mjs";
 import { t as FormContext } from "./FormContext-LrjAGe6U.mjs";
 import { useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
@@ -8,7 +8,7 @@ const FormRoot = styled("form", {
 	label: "Form"
 })();
 /**
-* Renders a `<form>` and provides form-wide defaults via FormContext — the lowest
+* Renders a `<form>` and provides form-wide defaults via FormContext - the lowest
 * priority in the override chain (FormControl and explicit control props win).
 */
 function Form({ children, onSubmit, size, color, textColor, disabled, fullWidth, id, className, noValidate, "data-testid": dataTestid }) {

package/dist/FormControl.cjs

@@ -1,8 +1,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_src = require("./src-BJrcLd7P.cjs");
+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-CleLAV6A.cjs");
+const require_theme = require("./theme-BmEAXmwh.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,10 +1,10 @@
-import { h as Theme } from "./themes-CUV79qWU.cjs";
-import { s as ViewProps } from "./index-BPzvFTi5.cjs";
+import { S as Theme } from "./themes-9YNnlVyY.cjs";
+import { s as ViewProps } from "./index-CvWslVk6.cjs";
 import { ReactNode } from "react";
 //#region src/FormControl/FormControl.d.ts
 interface FormControlProps extends Omit<ViewProps, 'color'> {
   children: ReactNode;
-  /** Field id — auto-generated via `useId()` when omitted. Links FormLabel, control, and helper text. */
+  /** Field id - auto-generated via `useId()` when omitted. Links FormLabel, control, and helper text. */
   id?: string;
   error?: boolean;
   disabled?: boolean;
@@ -24,7 +24,7 @@ declare function FormControl({ children, id, error, disabled, required, size, fu
 //#region src/FormControl/FormControlContext.d.ts
 /** Per-field state, middle priority in the override chain (overrides Form, overridden by explicit props). */
 interface FormControlContextValue {
-  /** Field id — links FormLabel `htmlFor` and the control. Auto-generated by FormControl when not provided. */
+  /** Field id - links FormLabel `htmlFor` and the control. Auto-generated by FormControl when not provided. */
   id: string;
   /** Id of the helper/error text node, used for `aria-describedby`. */
   helperId: string;
@@ -34,9 +34,9 @@ interface FormControlContextValue {
   size?: keyof Theme['sizes'];
   fullWidth?: boolean;
   color?: keyof Theme['palette'];
-  /** Text color for label/helper/input content — resolves against `theme.text`. */
+  /** Text color for label/helper/input content - resolves against `theme.text`. */
   textColor?: keyof Theme['text'];
-  /** Whether a FormHelperText is currently rendered — drives `aria-describedby` on the control. */
+  /** Whether a FormHelperText is currently rendered - drives `aria-describedby` on the control. */
   hasHelperText: boolean;
   /** Stable setter FormHelperText calls to register/unregister its presence. */
   setHasHelperText: (present: boolean) => void;
@@ -44,7 +44,7 @@ interface FormControlContextValue {
 declare const FormControlContext: import("react").Context<FormControlContextValue | null>;
 //#endregion
 //#region src/FormControl/useFormControl.d.ts
-/** Explicit props a control passes in — always win over context when defined. */
+/** Explicit props a control passes in - always win over context when defined. */
 interface FormControlOverrides {
   id?: string;
   error?: boolean;
@@ -65,7 +65,7 @@ interface ResolvedFormControl {
   fullWidth: boolean;
   color?: keyof Theme['palette'];
   textColor?: keyof Theme['text'];
-  /** Points at the helper text id only while one is rendered — avoids a dangling reference. */
+  /** Points at the helper text id only while one is rendered - avoids a dangling reference. */
   'aria-describedby'?: string;
 }
 /**

package/dist/FormControl.d.mts

@@ -1,10 +1,10 @@
-import { h as Theme } from "./themes-CUV79qWU.mjs";
-import { s as ViewProps } from "./index-m9jUR509.mjs";
+import { S as Theme } from "./themes-9YNnlVyY.mjs";
+import { s as ViewProps } from "./index-tv-TGYSG.mjs";
 import { ReactNode } from "react";
 //#region src/FormControl/FormControl.d.ts
 interface FormControlProps extends Omit<ViewProps, 'color'> {
   children: ReactNode;
-  /** Field id — auto-generated via `useId()` when omitted. Links FormLabel, control, and helper text. */
+  /** Field id - auto-generated via `useId()` when omitted. Links FormLabel, control, and helper text. */
   id?: string;
   error?: boolean;
   disabled?: boolean;
@@ -24,7 +24,7 @@ declare function FormControl({ children, id, error, disabled, required, size, fu
 //#region src/FormControl/FormControlContext.d.ts
 /** Per-field state, middle priority in the override chain (overrides Form, overridden by explicit props). */
 interface FormControlContextValue {
-  /** Field id — links FormLabel `htmlFor` and the control. Auto-generated by FormControl when not provided. */
+  /** Field id - links FormLabel `htmlFor` and the control. Auto-generated by FormControl when not provided. */
   id: string;
   /** Id of the helper/error text node, used for `aria-describedby`. */
   helperId: string;
@@ -34,9 +34,9 @@ interface FormControlContextValue {
   size?: keyof Theme['sizes'];
   fullWidth?: boolean;
   color?: keyof Theme['palette'];
-  /** Text color for label/helper/input content — resolves against `theme.text`. */
+  /** Text color for label/helper/input content - resolves against `theme.text`. */
   textColor?: keyof Theme['text'];
-  /** Whether a FormHelperText is currently rendered — drives `aria-describedby` on the control. */
+  /** Whether a FormHelperText is currently rendered - drives `aria-describedby` on the control. */
   hasHelperText: boolean;
   /** Stable setter FormHelperText calls to register/unregister its presence. */
   setHasHelperText: (present: boolean) => void;
@@ -44,7 +44,7 @@ interface FormControlContextValue {
 declare const FormControlContext: import("react").Context<FormControlContextValue | null>;
 //#endregion
 //#region src/FormControl/useFormControl.d.ts
-/** Explicit props a control passes in — always win over context when defined. */
+/** Explicit props a control passes in - always win over context when defined. */
 interface FormControlOverrides {
   id?: string;
   error?: boolean;
@@ -65,7 +65,7 @@ interface ResolvedFormControl {
   fullWidth: boolean;
   color?: keyof Theme['palette'];
   textColor?: keyof Theme['text'];
-  /** Points at the helper text id only while one is rendered — avoids a dangling reference. */
+  /** Points at the helper text id only while one is rendered - avoids a dangling reference. */
   'aria-describedby'?: string;
 }
 /**

package/dist/FormControl.mjs

@@ -1,7 +1,7 @@
-import { o as styled } from "./src-D3tHU94W.mjs";
+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-Cudynq5K.mjs";
+import { r as useTheme } from "./theme-BQGlZoma.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-BJrcLd7P.cjs");
+const require_src = require("./src-DU81aGy9.cjs");
 const require_Typography = require("./Typography.cjs");
 const require_FormControlContext = require("./FormControlContext-74gvPGFk.cjs");
 const require_FormContext = require("./FormContext-BGCsWAFc.cjs");

package/dist/FormHelperText.d.cts

@@ -1,4 +1,4 @@
-import { a as TypographyProps } from "./index-CohsoGjZ.cjs";
+import { a as TypographyProps } from "./index-bN91IhZi.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-DxBKLmUS.mjs";
+import { a as TypographyProps } from "./index-DuefjNlC.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-D3tHU94W.mjs";
+import { o as styled } from "./src-DLGYOJMh.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.cjs

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

package/dist/FormLabel.d.cts

@@ -1,4 +1,4 @@
-import { a as TypographyProps } from "./index-CohsoGjZ.cjs";
+import { a as TypographyProps } from "./index-bN91IhZi.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-DxBKLmUS.mjs";
+import { a as TypographyProps } from "./index-DuefjNlC.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-D3tHU94W.mjs";
+import { o as styled } from "./src-DLGYOJMh.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.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_src = require("./src-BJrcLd7P.cjs");
+const require_src = require("./src-DU81aGy9.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.d.cts

@@ -1,16 +1,2 @@
-import { h as Theme } from "./themes-CUV79qWU.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, GridProps$1<Theme>, FlexboxProps<Theme> {}
-declare const Grid: import("@emotion/styled").StyledComponent<{
-  theme?: Theme;
-  as?: React.ElementType;
-} & ViewProps & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
-  theme?: Theme;
-} & GridProps, {}, {}>;
-//#endregion
+import { n as Grid, r as GridProps, t as GapToken } from "./index-BJ5Tsf7u.cjs";
 export { GapToken, Grid, GridProps };

package/dist/Grid.d.mts

@@ -1,16 +1,2 @@
-import { h as Theme } from "./themes-CUV79qWU.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, GridProps$1<Theme>, FlexboxProps<Theme> {}
-declare const Grid: import("@emotion/styled").StyledComponent<{
-  theme?: Theme;
-  as?: React.ElementType;
-} & ViewProps & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
-  theme?: Theme;
-} & GridProps, {}, {}>;
-//#endregion
+import { n as Grid, r as GridProps, t as GapToken } from "./index-BnFxdnEL.mjs";
 export { GapToken, Grid, GridProps };

package/dist/Grid.mjs

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

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

@@ -1,6 +1,6 @@
-const require_src = require("./src-BJrcLd7P.cjs");
+const require_src = require("./src-DU81aGy9.cjs");
 const require_themeDefault = require("./themeDefault-Cebi08Cv.cjs");
-const require_theme = require("./theme-CleLAV6A.cjs");
+const require_theme = require("./theme-BmEAXmwh.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-CU_nUmsU.mjs → Icon-CkQGOBmm.mjs}

@@ -1,6 +1,6 @@
-import { a as src_exports, i as props, o as styled, t as createShouldForwardProp } from "./src-D3tHU94W.mjs";
+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-Cudynq5K.mjs";
+import { r as useTheme } from "./theme-BQGlZoma.mjs";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/Icon/icons/AccountTree.tsx

package/dist/Icon.cjs

@@ -1,4 +1,4 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_Icon = require("./Icon-ByDvM-t1.cjs");
+const require_Icon = require("./Icon-CKLBJ7CC.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-D_AwmCU5.cjs";
+import { i as icons, n as IconProps, r as IconName, t as Icon } from "./index-DPHwCZYf.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-B0xTqpvt.mjs";
+import { i as icons, n as IconProps, r as IconName, t as Icon } from "./index-r2avCy1z.mjs";
 export { Icon, type IconName, IconProps, icons };

package/dist/Icon.mjs

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

package/dist/Image.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_src = require("./src-BJrcLd7P.cjs");
+const require_src = require("./src-DU81aGy9.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/Image.d.cts

@@ -1,5 +1,5 @@
-import { h as Theme } from "./themes-CUV79qWU.cjs";
-import "./index-2QPYJgCl.cjs";
+import { S as Theme } from "./themes-9YNnlVyY.cjs";
+import "./index-DkJzi96w.cjs";
 import { CSSProperties, ImgHTMLAttributes } from "react";
 import { BackgroundProps, LayoutProps, PositionProps, SpaceProps } from "@soroush.tech/styled-system";
 //#region src/Image/Image.d.ts
@@ -8,7 +8,7 @@ interface ImageProps extends Omit<ImgHTMLAttributes<HTMLImageElement>, 'height'
   fallback?: string;
   objectFit?: CSSProperties['objectFit'];
   objectPosition?: CSSProperties['objectPosition'];
-  /** Corner radius — resolves against `theme.radii`. */
+  /** Corner radius - resolves against `theme.radii`. */
   borderRadius?: keyof Theme['radii'];
   /** Called once when all image sources are exhausted. */
   onError?: () => void;