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

package/dist/{FabMenu-BDfkT_zt.mjs → FabMenu-BqBhZs0S.mjs}

@@ -1,14 +1,14 @@
-import { a as src_exports, i as props, o as styled, t as createShouldForwardProp } from "./src-DLGYOJMh.mjs";
-import { n as useDefaultProps, r as useTheme } from "./theme-oBfFhJm9.mjs";
-import { t as useControlled } from "./useControlled-CBRLsO-H.mjs";
-import { t as Icon } from "./Icon-0hPpk-WZ.mjs";
-import { t as isRtl } from "./isRtl-BJDtm86G.mjs";
+import { a as src_exports, i as props, o as styled, t as createShouldForwardProp } from "./src-B-rNjHIL.mjs";
+import { n as useDefaultProps, r as useTheme } from "./theme-DyyZQFzQ.mjs";
+import { t as useControlled } from "./useControlled-B4uQ9Bj6.mjs";
+import { t as Icon } from "./Icon-XpXU-SuF.mjs";
+import { t as isRtl } from "./isRtl-DN-EdUlg.mjs";
 import { Fab } from "./Fab.mjs";
 import { Zoom } from "./Zoom.mjs";
-import { t as FabMenuContext } from "./FabMenuContext-D-XlDbLl.mjs";
+import { t as FabMenuContext } from "./FabMenuContext-CiCWgAmf.mjs";
 import { Children, Fragment, cloneElement, isValidElement, useCallback, useEffect, useId, useLayoutEffect, useMemo, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/FabMenu/hooks/useFabMenuLayout.ts
+// src/FabMenu/hooks/useFabMenuLayout.ts
 const px = (length) => Number.parseFloat(String(length));
 const isSame = (first, second) => first.direction === second.direction && first.maxWidth === second.maxWidth && first.maxHeight === second.maxHeight;
 /**
@@ -75,8 +75,7 @@ function useFabMenuLayout({ isOpen, direction, align, listRef, triggerRef, itemC
 	]);
 	return isOpen ? layout : { direction };
 }
-//#endregion
-//#region src/FabMenu/FabMenu/FabMenu.tsx
+// src/FabMenu/FabMenu/FabMenu.tsx
 const FabMenuRoot = styled("div", {
 	name: "FabMenu",
 	label: "FabMenu",
@@ -269,5 +268,4 @@ function FabMenu({ children, icon, closeIcon, label, "aria-label": ariaLabel, is
 		})
 	});
 }
-//#endregion
 export { FabMenu as t };

package/dist/{FabMenu-RiVtzrKe.cjs → FabMenu-fQGSZCjr.cjs}

@@ -1,15 +1,15 @@
-const require_src = require("./src-DU81aGy9.cjs");
-const require_theme = require("./theme-DzfwuzMZ.cjs");
-const require_useControlled = require("./useControlled-C666KpQ0.cjs");
-const require_Icon = require("./Icon-BE7bRsqR.cjs");
-const require_isRtl = require("./isRtl-DTkYHRPo.cjs");
+const require_src = require("./src-yC1f5WR2.cjs");
+const require_theme = require("./theme-XJvMdOnY.cjs");
+const require_useControlled = require("./useControlled-CzCxM4J3.cjs");
+const require_Icon = require("./Icon-C5Iz5ekp.cjs");
+const require_isRtl = require("./isRtl-Dl6QQWib.cjs");
 const require_Fab = require("./Fab.cjs");
 const require_Zoom = require("./Zoom.cjs");
-const require_FabMenuContext = require("./FabMenuContext-BZslb0lL.cjs");
+const require_FabMenuContext = require("./FabMenuContext-C86bOvTe.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");
-//#region src/FabMenu/hooks/useFabMenuLayout.ts
+// src/FabMenu/hooks/useFabMenuLayout.ts
 const px = (length) => Number.parseFloat(String(length));
 const isSame = (first, second) => first.direction === second.direction && first.maxWidth === second.maxWidth && first.maxHeight === second.maxHeight;
 /**
@@ -76,8 +76,7 @@ function useFabMenuLayout({ isOpen, direction, align, listRef, triggerRef, itemC
 	]);
 	return isOpen ? layout : { direction };
 }
-//#endregion
-//#region src/FabMenu/FabMenu/FabMenu.tsx
+// src/FabMenu/FabMenu/FabMenu.tsx
 const FabMenuRoot = require_src.styled("div", {
 	name: "FabMenu",
 	label: "FabMenu",
@@ -270,7 +269,6 @@ function FabMenu({ children, icon, closeIcon, label, "aria-label": ariaLabel, is
 		})
 	});
 }
-//#endregion
 Object.defineProperty(exports, "FabMenu", {
 	enumerable: true,
 	get: function() {

package/dist/FabMenu.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_FabMenu = require("./FabMenu-RiVtzrKe.cjs");
+const require_FabMenu = require("./FabMenu-fQGSZCjr.cjs");
 const require_FabMenu_FabMenuItem = require("./FabMenu/FabMenuItem.cjs");
 exports.FabMenu = require_FabMenu.FabMenu;
 exports.FabMenuItem = require_FabMenu_FabMenuItem.FabMenuItem;

package/dist/FabMenu.mjs

@@ -1,3 +1,3 @@
-import { t as FabMenu } from "./FabMenu-BDfkT_zt.mjs";
+import { t as FabMenu } from "./FabMenu-BqBhZs0S.mjs";
 import { FabMenuItem } from "./FabMenu/FabMenuItem.mjs";
 export { FabMenu, FabMenuItem };

package/dist/{FabMenuContext-BZslb0lL.cjs → FabMenuContext-C86bOvTe.cjs}

@@ -1,5 +1,5 @@
 let react = require("react");
-//#region src/FabMenu/FabMenuContext.ts
+// src/FabMenu/FabMenuContext.ts
 const FabMenuContext = (0, react.createContext)(null);
 /** The menu a part sits in - a part with none is a mistake, so it says so. */
 function useFabMenu(part) {
@@ -7,7 +7,6 @@ function useFabMenu(part) {
 	if (!menu) throw new Error(`A ${part} must be inside a FabMenu.`);
 	return menu;
 }
-//#endregion
 Object.defineProperty(exports, "FabMenuContext", {
 	enumerable: true,
 	get: function() {

package/dist/{FabMenuContext-D-XlDbLl.mjs → FabMenuContext-CiCWgAmf.mjs}

@@ -1,5 +1,5 @@
 import { createContext, useContext } from "react";
-//#region src/FabMenu/FabMenuContext.ts
+// src/FabMenu/FabMenuContext.ts
 const FabMenuContext = createContext(null);
 /** The menu a part sits in - a part with none is a mistake, so it says so. */
 function useFabMenu(part) {
@@ -7,5 +7,4 @@ function useFabMenu(part) {
 	if (!menu) throw new Error(`A ${part} must be inside a FabMenu.`);
 	return menu;
 }
-//#endregion
 export { useFabMenu as n, FabMenuContext as t };

package/dist/Fade.cjs

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_useTransitionChild = require("./useTransitionChild-CikpU0Yh.cjs");
-//#region src/Fade/Fade.tsx
+const require_useTransitionChild = require("./useTransitionChild-COlRozbU.cjs");
+// src/Fade/Fade.tsx
 /**
 * @description Fades one child in and out by its opacity. The child holds a `ref` and takes a
 * `style`; out, it is hidden, so it takes no click or focus. A user who asked for less motion sees
@@ -13,5 +13,4 @@ function Fade(props) {
 		visibility: status === "exited" ? "hidden" : void 0
 	}));
 }
-//#endregion
 exports.Fade = Fade;

package/dist/Fade.d.cts

@@ -1,5 +1,4 @@
-import { n as TransitionProps } from "./useTransition-l9dv83-Y.cjs";
-//#region src/Fade/Fade.d.ts
+import { n as TransitionProps } from "./useTransition-C89K0mS7.cjs";
 type FadeProps = TransitionProps;
 /**
  * @description Fades one child in and out by its opacity. The child holds a `ref` and takes a
@@ -7,5 +6,4 @@ type FadeProps = TransitionProps;
  * it change at once.
  */
 declare function Fade(props: Readonly<FadeProps>): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | null;
-//#endregion
 export { Fade, FadeProps };

package/dist/Fade.d.mts

@@ -1,5 +1,4 @@
-import { n as TransitionProps } from "./useTransition-C1F7MuHO.mjs";
-//#region src/Fade/Fade.d.ts
+import { n as TransitionProps } from "./useTransition-3EoagwIe.mjs";
 type FadeProps = TransitionProps;
 /**
  * @description Fades one child in and out by its opacity. The child holds a `ref` and takes a
@@ -7,5 +6,4 @@ type FadeProps = TransitionProps;
  * it change at once.
  */
 declare function Fade(props: Readonly<FadeProps>): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | null;
-//#endregion
 export { Fade, FadeProps };

package/dist/Fade.mjs

@@ -1,5 +1,5 @@
-import { t as useTransitionChild } from "./useTransitionChild-Dvg9hO-F.mjs";
-//#region src/Fade/Fade.tsx
+import { t as useTransitionChild } from "./useTransitionChild-CFhlMm65.mjs";
+// src/Fade/Fade.tsx
 /**
 * @description Fades one child in and out by its opacity. The child holds a `ref` and takes a
 * `style`; out, it is hidden, so it takes no click or focus. A user who asked for less motion sees
@@ -12,5 +12,4 @@ function Fade(props) {
 		visibility: status === "exited" ? "hidden" : void 0
 	}));
 }
-//#endregion
 export { Fade };

package/dist/Flex.cjs

@@ -1,8 +1,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_src = require("./src-DU81aGy9.cjs");
+const require_src = require("./src-yC1f5WR2.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
+// src/Flex/Flex.tsx
 const shouldForwardProp = (0, _soroush_tech_styled_system_should_forward_prop.createShouldForwardProp)([..._soroush_tech_styled_system_should_forward_prop.props, "layout"]);
 const Flex = require_src.styled(require_View.View, {
 	name: "Flex",
@@ -13,5 +13,4 @@ const Flex = require_src.styled(require_View.View, {
 	display: "flex",
 	flexDirection: "column"
 });
-//#endregion
 exports.Flex = Flex;

package/dist/Flex.d.cts

@@ -1,2 +1,2 @@
-import { dn as FlexProps, fn as GapToken, un as Flex } from "./index-XN4-ZqTB.cjs";
+import { dn as FlexProps, fn as GapToken, un as Flex } from "./index-Lsm4v8fB.cjs";
 export { Flex, FlexProps, GapToken };

package/dist/Flex.d.mts

@@ -1,2 +1,2 @@
-import { dn as FlexProps, fn as GapToken, un as Flex } from "./index-CRQ7XLri.mjs";
+import { dn as FlexProps, fn as GapToken, un as Flex } from "./index-CR8qkP8U.mjs";
 export { Flex, FlexProps, GapToken };

package/dist/Flex.mjs

@@ -1,6 +1,6 @@
-import { a as src_exports, i as props, o as styled, t as createShouldForwardProp } from "./src-DLGYOJMh.mjs";
+import { a as src_exports, i as props, o as styled, t as createShouldForwardProp } from "./src-B-rNjHIL.mjs";
 import { View } from "./View.mjs";
-//#region src/Flex/Flex.tsx
+// src/Flex/Flex.tsx
 const shouldForwardProp = createShouldForwardProp([...props, "layout"]);
 const Flex = styled(View, {
 	name: "Flex",
@@ -11,5 +11,4 @@ const Flex = styled(View, {
 	display: "flex",
 	flexDirection: "column"
 });
-//#endregion
 export { Flex };

package/dist/FocusTrap.cjs

@@ -1,8 +1,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_src = require("./src-DU81aGy9.cjs");
+const require_src = require("./src-yC1f5WR2.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
-//#region src/FocusTrap/FocusTrap.tsx
+// src/FocusTrap/FocusTrap.tsx
 const FocusTrapRoot = require_src.styled("div", {
 	name: "FocusTrap",
 	label: "FocusTrap"
@@ -78,5 +78,4 @@ function FocusTrap({ children, isEnabled = true, shouldAutoFocus = true, shouldT
 		children
 	});
 }
-//#endregion
 exports.FocusTrap = FocusTrap;

package/dist/FocusTrap.d.cts

@@ -1,5 +1,4 @@
 import { ReactNode } from "react";
-//#region src/FocusTrap/FocusTrap.d.ts
 interface FocusTrapProps {
   /** The content whose focusable descendants are trapped. */
   children: ReactNode;
@@ -20,5 +19,4 @@ interface FocusTrapProps {
  * it escapes, and restores focus to the previously focused element on deactivation.
  */
 declare function FocusTrap({ children, isEnabled, shouldAutoFocus, shouldTrapFocus, shouldEnforceFocus, shouldRestoreFocus }: Readonly<FocusTrapProps>): import("react").JSX.Element;
-//#endregion
 export { FocusTrap, FocusTrapProps };

package/dist/FocusTrap.d.mts

@@ -1,5 +1,4 @@
 import { ReactNode } from "react";
-//#region src/FocusTrap/FocusTrap.d.ts
 interface FocusTrapProps {
   /** The content whose focusable descendants are trapped. */
   children: ReactNode;
@@ -20,5 +19,4 @@ interface FocusTrapProps {
  * it escapes, and restores focus to the previously focused element on deactivation.
  */
 declare function FocusTrap({ children, isEnabled, shouldAutoFocus, shouldTrapFocus, shouldEnforceFocus, shouldRestoreFocus }: Readonly<FocusTrapProps>): import("react").JSX.Element;
-//#endregion
 export { FocusTrap, FocusTrapProps };

package/dist/FocusTrap.mjs

@@ -1,7 +1,7 @@
-import { o as styled } from "./src-DLGYOJMh.mjs";
+import { o as styled } from "./src-B-rNjHIL.mjs";
 import { useEffect, useRef } from "react";
 import { jsx } from "react/jsx-runtime";
-//#region src/FocusTrap/FocusTrap.tsx
+// src/FocusTrap/FocusTrap.tsx
 const FocusTrapRoot = styled("div", {
 	name: "FocusTrap",
 	label: "FocusTrap"
@@ -77,5 +77,4 @@ function FocusTrap({ children, isEnabled = true, shouldAutoFocus = true, shouldT
 		children
 	});
 }
-//#endregion
 export { FocusTrap };

package/dist/Form.cjs

@@ -1,9 +1,9 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_src = require("./src-DU81aGy9.cjs");
-const require_FormContext = require("./FormContext-BGCsWAFc.cjs");
+const require_src = require("./src-yC1f5WR2.cjs");
+const require_FormContext = require("./FormContext-C2C49AJK.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
-//#region src/Form/Form.tsx
+// src/Form/Form.tsx
 const FormRoot = require_src.styled("form", {
 	name: "Form",
 	label: "Form"
@@ -38,6 +38,5 @@ function Form({ children, onSubmit, size, color, textColor, disabled, fullWidth,
 		})
 	});
 }
-//#endregion
 exports.Form = Form;
 exports.FormContext = require_FormContext.FormContext;

package/dist/Form.d.cts

@@ -1,6 +1,5 @@
-import { nt as Theme } from "./index-XN4-ZqTB.cjs";
+import { nt as Theme } from "./index-Lsm4v8fB.cjs";
 import { ReactNode, SyntheticEvent } from "react";
-//#region src/Form/Form.d.ts
 interface FormProps {
   children: ReactNode;
   onSubmit?: (event: SyntheticEvent<HTMLFormElement>) => void;
@@ -25,8 +24,6 @@ interface FormProps {
  * 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;
-//#endregion
-//#region src/Form/FormContext.d.ts
 /** Form-wide defaults, lowest priority in the override chain (overridden by FormControl, then explicit props). */
 interface FormContextValue {
   size?: keyof Theme['sizes'];
@@ -37,5 +34,4 @@ interface FormContextValue {
   fullWidth?: boolean;
 }
 declare const FormContext: import("react").Context<FormContextValue>;
-//#endregion
 export { Form, FormContext, FormContextValue, FormProps };

package/dist/Form.d.mts

@@ -1,6 +1,5 @@
-import { nt as Theme } from "./index-CRQ7XLri.mjs";
+import { nt as Theme } from "./index-CR8qkP8U.mjs";
 import { ReactNode, SyntheticEvent } from "react";
-//#region src/Form/Form.d.ts
 interface FormProps {
   children: ReactNode;
   onSubmit?: (event: SyntheticEvent<HTMLFormElement>) => void;
@@ -25,8 +24,6 @@ interface FormProps {
  * 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;
-//#endregion
-//#region src/Form/FormContext.d.ts
 /** Form-wide defaults, lowest priority in the override chain (overridden by FormControl, then explicit props). */
 interface FormContextValue {
   size?: keyof Theme['sizes'];
@@ -37,5 +34,4 @@ interface FormContextValue {
   fullWidth?: boolean;
 }
 declare const FormContext: import("react").Context<FormContextValue>;
-//#endregion
 export { Form, FormContext, FormContextValue, FormProps };

package/dist/Form.mjs

@@ -1,8 +1,8 @@
-import { o as styled } from "./src-DLGYOJMh.mjs";
-import { t as FormContext } from "./FormContext-LrjAGe6U.mjs";
+import { o as styled } from "./src-B-rNjHIL.mjs";
+import { t as FormContext } from "./FormContext-BTm-7WM6.mjs";
 import { useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
-//#region src/Form/Form.tsx
+// src/Form/Form.tsx
 const FormRoot = styled("form", {
 	name: "Form",
 	label: "Form"
@@ -37,5 +37,4 @@ function Form({ children, onSubmit, size, color, textColor, disabled, fullWidth,
 		})
 	});
 }
-//#endregion
 export { Form, FormContext };

package/dist/{FormContext-LrjAGe6U.mjs → FormContext-BTm-7WM6.mjs}

@@ -1,5 +1,4 @@
 import { createContext } from "react";
-//#region src/Form/FormContext.ts
+// src/Form/FormContext.ts
 const FormContext = createContext({});
-//#endregion
 export { FormContext as t };

package/dist/{FormContext-BGCsWAFc.cjs → FormContext-C2C49AJK.cjs}

@@ -1,6 +1,5 @@
-//#region src/Form/FormContext.ts
+// src/Form/FormContext.ts
 const FormContext = (0, require("react").createContext)({});
-//#endregion
 Object.defineProperty(exports, "FormContext", {
 	enumerable: true,
 	get: function() {

package/dist/FormControl.cjs

@@ -1,13 +1,13 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_src = require("./src-DU81aGy9.cjs");
-const require_theme = require("./theme-DzfwuzMZ.cjs");
-const require_themeDefault = require("./themeDefault-Cebi08Cv.cjs");
+const require_src = require("./src-yC1f5WR2.cjs");
+const require_theme = require("./theme-XJvMdOnY.cjs");
+const require_themeDefault = require("./themeDefault-DbPHBbNO.cjs");
 const require_Flex = require("./Flex.cjs");
-const require_FormControlContext = require("./FormControlContext-74gvPGFk.cjs");
-const require_FormContext = require("./FormContext-BGCsWAFc.cjs");
+const require_FormControlContext = require("./FormControlContext-DvEyxrdM.cjs");
+const require_FormContext = require("./FormContext-C2C49AJK.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
-//#region src/FormControl/FormControl.tsx
+// src/FormControl/FormControl.tsx
 const FormControlRoot = require_src.styled(require_Flex.Flex, {
 	name: "FormControl",
 	label: "FormControl"
@@ -64,8 +64,7 @@ function FormControl({ children, id, error, disabled, required, size, fullWidth,
 		})
 	});
 }
-//#endregion
-//#region src/FormControl/useFormControl.ts
+// src/FormControl/useFormControl.ts
 /**
 * Merges a control's explicit props with FormControl and Form context.
 * Priority: explicit prop → FormControl → Form → default.
@@ -88,7 +87,6 @@ function useFormControl(overrides = {}) {
 		labelId: control?.registeredLabelId ?? void 0
 	};
 }
-//#endregion
 exports.FormControl = FormControl;
 exports.FormControlContext = require_FormControlContext.FormControlContext;
 exports.useFormControl = useFormControl;

package/dist/FormControl.d.cts

@@ -1,6 +1,5 @@
-import { nt as Theme, yn as ViewProps } from "./index-XN4-ZqTB.cjs";
+import { nt as Theme, yn as ViewProps } from "./index-Lsm4v8fB.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. */
@@ -19,8 +18,6 @@ interface FormControlProps extends Omit<ViewProps, 'color'> {
  * `htmlFor` / `aria-describedby` link without manual coordination.
  */
 declare function FormControl({ children, id, error, disabled, required, size, fullWidth, color, textColor, ...viewProps }: Readonly<FormControlProps>): import("react").JSX.Element;
-//#endregion
-//#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. */
@@ -47,8 +44,6 @@ interface FormControlContextValue {
   setHasHelperText: (present: boolean) => void;
 }
 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. */
 interface FormControlOverrides {
   id?: string;
@@ -81,5 +76,4 @@ interface ResolvedFormControl {
  * `error` and `required` are field-only and never read from Form.
  */
 declare function useFormControl(overrides?: FormControlOverrides): ResolvedFormControl;
-//#endregion
 export { FormControl, FormControlContext, FormControlContextValue, FormControlOverrides, FormControlProps, ResolvedFormControl, useFormControl };

package/dist/FormControl.d.mts

@@ -1,6 +1,5 @@
-import { nt as Theme, yn as ViewProps } from "./index-CRQ7XLri.mjs";
+import { nt as Theme, yn as ViewProps } from "./index-CR8qkP8U.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. */
@@ -19,8 +18,6 @@ interface FormControlProps extends Omit<ViewProps, 'color'> {
  * `htmlFor` / `aria-describedby` link without manual coordination.
  */
 declare function FormControl({ children, id, error, disabled, required, size, fullWidth, color, textColor, ...viewProps }: Readonly<FormControlProps>): import("react").JSX.Element;
-//#endregion
-//#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. */
@@ -47,8 +44,6 @@ interface FormControlContextValue {
   setHasHelperText: (present: boolean) => void;
 }
 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. */
 interface FormControlOverrides {
   id?: string;
@@ -81,5 +76,4 @@ interface ResolvedFormControl {
  * `error` and `required` are field-only and never read from Form.
  */
 declare function useFormControl(overrides?: FormControlOverrides): ResolvedFormControl;
-//#endregion
 export { FormControl, FormControlContext, FormControlContextValue, FormControlOverrides, FormControlProps, ResolvedFormControl, useFormControl };

package/dist/FormControl.mjs

@@ -1,12 +1,12 @@
-import { o as styled } from "./src-DLGYOJMh.mjs";
-import { r as useTheme } from "./theme-oBfFhJm9.mjs";
-import { t as themeDefault } from "./themeDefault-Z3KmyIbm.mjs";
+import { o as styled } from "./src-B-rNjHIL.mjs";
+import { r as useTheme } from "./theme-DyyZQFzQ.mjs";
+import { t as themeDefault } from "./themeDefault-BeZJzqJj.mjs";
 import { Flex } from "./Flex.mjs";
-import { t as FormControlContext } from "./FormControlContext-CC2kToms.mjs";
-import { t as FormContext } from "./FormContext-LrjAGe6U.mjs";
+import { t as FormControlContext } from "./FormControlContext-Dg_ommiF.mjs";
+import { t as FormContext } from "./FormContext-BTm-7WM6.mjs";
 import { useContext, useId, useMemo, useState } from "react";
 import { jsx } from "react/jsx-runtime";
-//#region src/FormControl/FormControl.tsx
+// src/FormControl/FormControl.tsx
 const FormControlRoot = styled(Flex, {
 	name: "FormControl",
 	label: "FormControl"
@@ -63,8 +63,7 @@ function FormControl({ children, id, error, disabled, required, size, fullWidth,
 		})
 	});
 }
-//#endregion
-//#region src/FormControl/useFormControl.ts
+// src/FormControl/useFormControl.ts
 /**
 * Merges a control's explicit props with FormControl and Form context.
 * Priority: explicit prop → FormControl → Form → default.
@@ -87,5 +86,4 @@ function useFormControl(overrides = {}) {
 		labelId: control?.registeredLabelId ?? void 0
 	};
 }
-//#endregion
 export { FormControl, FormControlContext, useFormControl };

package/dist/{FormControlContext-CC2kToms.mjs → FormControlContext-Dg_ommiF.mjs}

@@ -1,5 +1,4 @@
 import { createContext } from "react";
-//#region src/FormControl/FormControlContext.ts
+// src/FormControl/FormControlContext.ts
 const FormControlContext = createContext(null);
-//#endregion
 export { FormControlContext as t };

package/dist/{FormControlContext-74gvPGFk.cjs → FormControlContext-DvEyxrdM.cjs}

@@ -1,6 +1,5 @@
-//#region src/FormControl/FormControlContext.ts
+// src/FormControl/FormControlContext.ts
 const FormControlContext = (0, require("react").createContext)(null);
-//#endregion
 Object.defineProperty(exports, "FormControlContext", {
 	enumerable: true,
 	get: function() {

package/dist/FormHelperText.cjs

@@ -1,11 +1,11 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_src = require("./src-DU81aGy9.cjs");
+const require_src = require("./src-yC1f5WR2.cjs");
 const require_Typography = require("./Typography.cjs");
-const require_FormControlContext = require("./FormControlContext-74gvPGFk.cjs");
-const require_FormContext = require("./FormContext-BGCsWAFc.cjs");
+const require_FormControlContext = require("./FormControlContext-DvEyxrdM.cjs");
+const require_FormContext = require("./FormContext-C2C49AJK.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
-//#region src/FormHelperText/FormHelperText.tsx
+// src/FormHelperText/FormHelperText.tsx
 const FormHelperTextRoot = require_src.styled(require_Typography.Typography, {
 	name: "FormHelperText",
 	label: "FormHelperText"
@@ -36,5 +36,4 @@ function FormHelperText({ children, error, id, role, color, ...rest }) {
 		children
 	});
 }
-//#endregion
 exports.FormHelperText = FormHelperText;

package/dist/FormHelperText.d.cts

@@ -1,6 +1,5 @@
-import { a as TypographyProps } from "./index-BDqIc6Gx.cjs";
+import { a as TypographyProps } from "./index-CGyIuCRh.cjs";
 import { ReactNode } from "react";
-//#region src/FormHelperText/FormHelperText.d.ts
 interface FormHelperTextProps extends TypographyProps {
   children: ReactNode;
   /** Renders in the error color and announces via `role="alert"`. Falls back to the FormControl `error` value. */
@@ -12,5 +11,4 @@ interface FormHelperTextProps extends TypographyProps {
  * `aria-describedby` at it only while it is rendered.
  */
 declare function FormHelperText({ children, error, id, role, color, ...rest }: Readonly<FormHelperTextProps>): import("react").JSX.Element;
-//#endregion
 export { FormHelperText, FormHelperTextProps };

package/dist/FormHelperText.d.mts

@@ -1,6 +1,5 @@
-import { a as TypographyProps } from "./index-BPh60KDs.mjs";
+import { a as TypographyProps } from "./index-C2a-5yop.mjs";
 import { ReactNode } from "react";
-//#region src/FormHelperText/FormHelperText.d.ts
 interface FormHelperTextProps extends TypographyProps {
   children: ReactNode;
   /** Renders in the error color and announces via `role="alert"`. Falls back to the FormControl `error` value. */
@@ -12,5 +11,4 @@ interface FormHelperTextProps extends TypographyProps {
  * `aria-describedby` at it only while it is rendered.
  */
 declare function FormHelperText({ children, error, id, role, color, ...rest }: Readonly<FormHelperTextProps>): import("react").JSX.Element;
-//#endregion
 export { FormHelperText, FormHelperTextProps };

package/dist/FormHelperText.mjs

@@ -1,10 +1,10 @@
-import { o as styled } from "./src-DLGYOJMh.mjs";
+import { o as styled } from "./src-B-rNjHIL.mjs";
 import { Typography } from "./Typography.mjs";
-import { t as FormControlContext } from "./FormControlContext-CC2kToms.mjs";
-import { t as FormContext } from "./FormContext-LrjAGe6U.mjs";
+import { t as FormControlContext } from "./FormControlContext-Dg_ommiF.mjs";
+import { t as FormContext } from "./FormContext-BTm-7WM6.mjs";
 import { useContext, useEffect } from "react";
 import { jsx } from "react/jsx-runtime";
-//#region src/FormHelperText/FormHelperText.tsx
+// src/FormHelperText/FormHelperText.tsx
 const FormHelperTextRoot = styled(Typography, {
 	name: "FormHelperText",
 	label: "FormHelperText"
@@ -35,5 +35,4 @@ function FormHelperText({ children, error, id, role, color, ...rest }) {
 		children
 	});
 }
-//#endregion
 export { FormHelperText };