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

package/dist/Card.d.mts

@@ -1,9 +1,8 @@
-import { ln as PaperProps } from "./index-CRQ7XLri.mjs";
-import { a as TypographyProps } from "./index-BPh60KDs.mjs";
-import { n as IconProps, r as IconName } from "./index-DNj5P2NH.mjs";
-import "./index-fPRELf0V.mjs";
+import { ln as PaperProps } from "./index-CR8qkP8U.mjs";
+import { a as TypographyProps } from "./index-C2a-5yop.mjs";
+import { n as IconProps, r as IconName } from "./index-D48qVo1X.mjs";
+import "./index-1Xzj0iAs.mjs";
 import { ReactNode } from "react";
-//#region src/Card/Card.d.ts
 type CardVariant = 'paper' | 'bracketBox' | 'interactive';
 interface CardProps extends Omit<PaperProps, 'title'> {
   variant?: CardVariant;
@@ -15,5 +14,4 @@ interface CardProps extends Omit<PaperProps, 'title'> {
   captionProps?: Omit<TypographyProps, 'children'>;
 }
 declare function Card({ variant: variantProp, icon, title, caption, iconProps, titleProps, captionProps, flexDirection, children, ...rest }: Readonly<CardProps>): import("react").JSX.Element;
-//#endregion
 export { Card, CardProps, CardVariant };

package/dist/Card.mjs

@@ -1,12 +1,12 @@
-import { o as styled } from "./src-DLGYOJMh.mjs";
-import { n as useDefaultProps, 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 { n as useDefaultProps, r as useTheme } from "./theme-DyyZQFzQ.mjs";
+import { t as themeDefault } from "./themeDefault-BeZJzqJj.mjs";
 import { Typography } from "./Typography.mjs";
-import { t as Icon } from "./Icon-0hPpk-WZ.mjs";
+import { t as Icon } from "./Icon-XpXU-SuF.mjs";
 import { Paper } from "./Paper.mjs";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/Card/Card.tsx
+// src/Card/Card.tsx
 const variantStyle = ({ theme, variant }) => {
 	if (variant === "bracketBox") {
 		const corner = `2px solid ${theme?.border.primary}`;
@@ -89,5 +89,4 @@ function Card({ variant: variantProp, icon, title, caption, iconProps, titleProp
 		]
 	});
 }
-//#endregion
 export { Card };

package/dist/Checkbox.cjs

@@ -1,11 +1,11 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_src = require("./src-DU81aGy9.cjs");
-const require_themeDefault = require("./themeDefault-Cebi08Cv.cjs");
+const require_src = require("./src-yC1f5WR2.cjs");
+const require_themeDefault = require("./themeDefault-DbPHBbNO.cjs");
 const require_FormControl = require("./FormControl.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/Checkbox/Checkbox.tsx
+// src/Checkbox/Checkbox.tsx
 const UncheckedIcon = () => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
 	viewBox: "0 0 18 18",
 	width: "1em",
@@ -198,5 +198,4 @@ function Checkbox({ checked, defaultChecked, disabled: disabledProp, color: colo
 		]
 	});
 }
-//#endregion
 exports.Checkbox = Checkbox;

package/dist/Checkbox.d.cts

@@ -1,7 +1,6 @@
-import { U as PaletteColor, nt as Theme } from "./index-XN4-ZqTB.cjs";
+import { U as PaletteColor, nt as Theme } from "./index-Lsm4v8fB.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 SpaceProps<Theme> {
@@ -41,5 +40,4 @@ interface CheckboxProps extends SpaceProps<Theme> {
   'data-testid'?: string;
 }
 declare function Checkbox({ checked, defaultChecked, disabled: disabledProp, color: colorProp, textColor: textColorProp, size: sizeProp, fullWidth: fullWidthProp, indeterminate, icon, checkedIcon, onChange, id: idProp, required: requiredProp, name, value, children, className, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-describedby': ariaDescribedby, 'data-testid': dataTestid, ...spaceProps }: Readonly<CheckboxProps>): import("react").JSX.Element;
-//#endregion
 export { Checkbox, CheckboxColor, CheckboxProps, CheckboxSize };

package/dist/Checkbox.d.mts

@@ -1,7 +1,6 @@
-import { U as PaletteColor, nt as Theme } from "./index-CRQ7XLri.mjs";
+import { U as PaletteColor, nt as Theme } from "./index-CR8qkP8U.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 SpaceProps<Theme> {
@@ -41,5 +40,4 @@ interface CheckboxProps extends SpaceProps<Theme> {
   'data-testid'?: string;
 }
 declare function Checkbox({ checked, defaultChecked, disabled: disabledProp, color: colorProp, textColor: textColorProp, size: sizeProp, fullWidth: fullWidthProp, indeterminate, icon, checkedIcon, onChange, id: idProp, required: requiredProp, name, value, children, className, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-describedby': ariaDescribedby, 'data-testid': dataTestid, ...spaceProps }: Readonly<CheckboxProps>): import("react").JSX.Element;
-//#endregion
 export { Checkbox, CheckboxColor, CheckboxProps, CheckboxSize };

package/dist/Checkbox.mjs

@@ -1,9 +1,9 @@
-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 { a as src_exports, i as props, o as styled, t as createShouldForwardProp } from "./src-B-rNjHIL.mjs";
+import { t as themeDefault } from "./themeDefault-BeZJzqJj.mjs";
 import { useFormControl } from "./FormControl.mjs";
 import { useEffect, useRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/Checkbox/Checkbox.tsx
+// src/Checkbox/Checkbox.tsx
 const UncheckedIcon = () => /* @__PURE__ */ jsx("svg", {
 	viewBox: "0 0 18 18",
 	width: "1em",
@@ -196,5 +196,4 @@ function Checkbox({ checked, defaultChecked, disabled: disabledProp, color: colo
 		]
 	});
 }
-//#endregion
 export { Checkbox };

package/dist/Chip.cjs

@@ -1,13 +1,13 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_src = require("./src-DU81aGy9.cjs");
+const require_src = require("./src-yC1f5WR2.cjs");
 const require_utils = require("./utils.cjs");
-const require_theme = require("./theme-DzfwuzMZ.cjs");
-const require_themeDefault = require("./themeDefault-Cebi08Cv.cjs");
-const require_Icon = require("./Icon-BE7bRsqR.cjs");
-const require_getShapeRadius = require("./getShapeRadius-vXmXGV3f.cjs");
+const require_theme = require("./theme-XJvMdOnY.cjs");
+const require_themeDefault = require("./themeDefault-DbPHBbNO.cjs");
+const require_Icon = require("./Icon-C5Iz5ekp.cjs");
+const require_getShapeRadius = require("./getShapeRadius-C2xXOKCl.cjs");
 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/Chip/Chip.tsx
+// src/Chip/Chip.tsx
 const getLine = (theme, variant, color) => {
 	if (variant === "text") return "transparent";
 	return color === "default" ? (0, require_src.src_exports.get)(theme, "border.default") : (0, require_src.src_exports.get)(theme, `palette.${color}.main`);
@@ -190,5 +190,4 @@ function Chip({ label, variant: variantProp, color: colorProp, size: sizeProp, s
 		})]
 	});
 }
-//#endregion
 exports.Chip = Chip;

package/dist/Chip.d.cts

@@ -1,8 +1,7 @@
-import { nt as Theme } from "./index-XN4-ZqTB.cjs";
-import { t as Shape } from "./getShapeRadius-B9ytqDSk.cjs";
+import { nt as Theme } from "./index-Lsm4v8fB.cjs";
+import { t as Shape } from "./getShapeRadius-CdCQb8OT.cjs";
 import { MouseEvent, ReactNode, SyntheticEvent } from "react";
 import { SpaceProps } from "@soroush.tech/styled-system";
-//#region src/Chip/Chip.d.ts
 type ChipVariant = 'contained' | 'outlined' | 'text';
 type ChipColor = keyof Theme['palette'];
 type ChipSize = keyof Theme['sizes'];
@@ -45,5 +44,4 @@ interface ChipProps extends SpaceProps<Theme> {
  * order. Its text is the theme's `contrastText` on the color, so its contrast is the theme's.
  */
 declare function Chip({ label, variant: variantProp, color: colorProp, size: sizeProp, shape: shapeProp, borderRadius: borderRadiusProp, icon, avatar, onClick, onDelete, deleteLabel: deleteLabelProp, disabled, className, 'data-testid': dataTestid, ...spaceProps }: Readonly<ChipProps>): import("react").JSX.Element;
-//#endregion
 export { Chip, ChipColor, ChipProps, ChipShape, ChipSize, ChipVariant };

package/dist/Chip.d.mts

@@ -1,8 +1,7 @@
-import { nt as Theme } from "./index-CRQ7XLri.mjs";
-import { t as Shape } from "./getShapeRadius-B9ytqDSk.mjs";
+import { nt as Theme } from "./index-CR8qkP8U.mjs";
+import { t as Shape } from "./getShapeRadius-CdCQb8OT.mjs";
 import { SpaceProps } from "@soroush.tech/styled-system";
 import { MouseEvent, ReactNode, SyntheticEvent } from "react";
-//#region src/Chip/Chip.d.ts
 type ChipVariant = 'contained' | 'outlined' | 'text';
 type ChipColor = keyof Theme['palette'];
 type ChipSize = keyof Theme['sizes'];
@@ -45,5 +44,4 @@ interface ChipProps extends SpaceProps<Theme> {
  * order. Its text is the theme's `contrastText` on the color, so its contrast is the theme's.
  */
 declare function Chip({ label, variant: variantProp, color: colorProp, size: sizeProp, shape: shapeProp, borderRadius: borderRadiusProp, icon, avatar, onClick, onDelete, deleteLabel: deleteLabelProp, disabled, className, 'data-testid': dataTestid, ...spaceProps }: Readonly<ChipProps>): import("react").JSX.Element;
-//#endregion
 export { Chip, ChipColor, ChipProps, ChipShape, ChipSize, ChipVariant };

package/dist/Chip.mjs

@@ -1,11 +1,11 @@
-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 { alpha } from "./utils.mjs";
-import { n as useDefaultProps } from "./theme-oBfFhJm9.mjs";
-import { t as themeDefault } from "./themeDefault-Z3KmyIbm.mjs";
-import { t as Icon } from "./Icon-0hPpk-WZ.mjs";
-import { t as getShapeRadius } from "./getShapeRadius-sY6-AGP4.mjs";
+import { n as useDefaultProps } from "./theme-DyyZQFzQ.mjs";
+import { t as themeDefault } from "./themeDefault-BeZJzqJj.mjs";
+import { t as Icon } from "./Icon-XpXU-SuF.mjs";
+import { t as getShapeRadius } from "./getShapeRadius-DVQRARis.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/Chip/Chip.tsx
+// src/Chip/Chip.tsx
 const getLine = (theme, variant, color) => {
 	if (variant === "text") return "transparent";
 	return color === "default" ? (0, src_exports.get)(theme, "border.default") : (0, src_exports.get)(theme, `palette.${color}.main`);
@@ -188,5 +188,4 @@ function Chip({ label, variant: variantProp, color: colorProp, size: sizeProp, s
 		})]
 	});
 }
-//#endregion
 export { Chip };

package/dist/CircularProgress.cjs

@@ -1,12 +1,12 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_src = require("./src-DU81aGy9.cjs");
+const require_src = require("./src-yC1f5WR2.cjs");
 const require_utils = require("./utils.cjs");
-const require_themeDefault = require("./themeDefault-Cebi08Cv.cjs");
+const require_themeDefault = require("./themeDefault-DbPHBbNO.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");
 let _emotion_react = require("@emotion/react");
-//#region src/CircularProgress/CircularProgress.tsx
+// src/CircularProgress/CircularProgress.tsx
 const shouldForwardProp = (0, _soroush_tech_styled_system_should_forward_prop.createShouldForwardProp)([
 	..._soroush_tech_styled_system_should_forward_prop.props,
 	"color",
@@ -133,5 +133,4 @@ function CircularProgress({ variant = "indeterminate", color, size = SIZE_DEFAUL
 		})
 	});
 }
-//#endregion
 exports.CircularProgress = CircularProgress;

package/dist/CircularProgress.d.cts

@@ -1,8 +1,7 @@
-import { nt as Theme } from "./index-XN4-ZqTB.cjs";
-import { n as ButtonColor } from "./index-BQge4W7L.cjs";
+import { nt as Theme } from "./index-Lsm4v8fB.cjs";
+import { n as ButtonColor } from "./index-BzQze7eY.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';
@@ -31,5 +30,4 @@ interface CircularProgressProps extends HTMLAttributes<HTMLSpanElement>, Omit<Sp
   showTrack?: boolean;
 }
 declare function CircularProgress({ variant, color, size, thickness, value, min, max, disableShrink, spinning, easing, showTrack, ...rest }: Readonly<CircularProgressProps>): import("react").JSX.Element;
-//#endregion
 export { CircularProgress, CircularProgressColor, CircularProgressEasing, CircularProgressProps, CircularProgressVariant };

package/dist/CircularProgress.d.mts

@@ -1,8 +1,7 @@
-import { nt as Theme } from "./index-CRQ7XLri.mjs";
-import { n as ButtonColor } from "./index-DK3zgGPe.mjs";
+import { nt as Theme } from "./index-CR8qkP8U.mjs";
+import { n as ButtonColor } from "./index-BChRNCld.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';
@@ -31,5 +30,4 @@ interface CircularProgressProps extends HTMLAttributes<HTMLSpanElement>, Omit<Sp
   showTrack?: boolean;
 }
 declare function CircularProgress({ variant, color, size, thickness, value, min, max, disableShrink, spinning, easing, showTrack, ...rest }: Readonly<CircularProgressProps>): import("react").JSX.Element;
-//#endregion
 export { CircularProgress, CircularProgressColor, CircularProgressEasing, CircularProgressProps, CircularProgressVariant };

package/dist/CircularProgress.mjs

@@ -1,9 +1,9 @@
-import { a as src_exports, i as props, o as styled, r as keyframes, t as createShouldForwardProp } from "./src-DLGYOJMh.mjs";
+import { a as src_exports, i as props, o as styled, r as keyframes, t as createShouldForwardProp } from "./src-B-rNjHIL.mjs";
 import { clamp } from "./utils.mjs";
-import { t as themeDefault } from "./themeDefault-Z3KmyIbm.mjs";
+import { t as themeDefault } from "./themeDefault-BeZJzqJj.mjs";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/CircularProgress/CircularProgress.tsx
+// src/CircularProgress/CircularProgress.tsx
 const shouldForwardProp = createShouldForwardProp([
 	...props,
 	"color",
@@ -130,5 +130,4 @@ function CircularProgress({ variant = "indeterminate", color, size = SIZE_DEFAUL
 		})
 	});
 }
-//#endregion
 export { CircularProgress };

package/dist/Collapse.cjs

@@ -1,11 +1,11 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_src = require("./src-DU81aGy9.cjs");
-const require_theme = require("./theme-DzfwuzMZ.cjs");
-const require_useTransition = require("./useTransition-DAQd1PX3.cjs");
+const require_src = require("./src-yC1f5WR2.cjs");
+const require_theme = require("./theme-XJvMdOnY.cjs");
+const require_useTransition = require("./useTransition-B0V2fAq5.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/Collapse/Collapse.tsx
+// src/Collapse/Collapse.tsx
 const CollapseRoot = require_src.styled("div", {
 	name: "Collapse",
 	label: "Collapse",
@@ -122,5 +122,4 @@ function Collapse({ children, isShown = false, shouldAppear: shouldAppearProp, s
 		})
 	});
 }
-//#endregion
 exports.Collapse = Collapse;

package/dist/Collapse.d.cts

@@ -1,2 +1,2 @@
-import { n as CollapseOrientation, r as CollapseProps, t as Collapse } from "./index-Db4L2hwa.cjs";
+import { n as CollapseOrientation, r as CollapseProps, t as Collapse } from "./index-CLTFsCYC.cjs";
 export { Collapse, CollapseOrientation, CollapseProps };

package/dist/Collapse.d.mts

@@ -1,2 +1,2 @@
-import { n as CollapseOrientation, r as CollapseProps, t as Collapse } from "./index-BvgX5eyV.mjs";
+import { n as CollapseOrientation, r as CollapseProps, t as Collapse } from "./index-B3Bdupj3.mjs";
 export { Collapse, CollapseOrientation, CollapseProps };

package/dist/Collapse.mjs

@@ -1,9 +1,9 @@
-import { o as styled, t as createShouldForwardProp } from "./src-DLGYOJMh.mjs";
-import { n as useDefaultProps, r as useTheme } from "./theme-oBfFhJm9.mjs";
-import { t as useTransition } from "./useTransition-DP1k0irI.mjs";
+import { 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 useTransition } from "./useTransition-CWxiEqtC.mjs";
 import { useRef } from "react";
 import { jsx } from "react/jsx-runtime";
-//#region src/Collapse/Collapse.tsx
+// src/Collapse/Collapse.tsx
 const CollapseRoot = styled("div", {
 	name: "Collapse",
 	label: "Collapse",
@@ -120,5 +120,4 @@ function Collapse({ children, isShown = false, shouldAppear: shouldAppearProp, s
 		})
 	});
 }
-//#endregion
 export { Collapse };

package/dist/Drawer.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_src = require("./src-DU81aGy9.cjs");
+const require_src = require("./src-yC1f5WR2.cjs");
 const require_Button = require("./Button.cjs");
 const require_Paper = require("./Paper.cjs");
 const require_FocusTrap = require("./FocusTrap.cjs");
@@ -7,7 +7,7 @@ let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let _emotion_react = require("@emotion/react");
 let _soroush_tech_styled_system_should_forward_prop = require("@soroush.tech/styled-system/should-forward-prop");
-//#region src/Drawer/Drawer.tsx
+// src/Drawer/Drawer.tsx
 const slideIn = {
 	left: _emotion_react.keyframes`from { transform: translateX(-100%); } to { transform: translateX(0); }`,
 	right: _emotion_react.keyframes`from { transform: translateX(100%); } to { transform: translateX(0); }`,
@@ -146,8 +146,7 @@ function Drawer({ id, children, isOpen, onClose, anchor = "left", elevation = 16
 		})
 	});
 }
-//#endregion
-//#region src/Drawer/DrawerToggle.tsx
+// src/Drawer/DrawerToggle.tsx
 /**
 * @description The button that opens and closes a `Drawer`, through the HTML
 * `popovertarget` attribute - it works without JavaScript. Takes every `Button` prop.
@@ -159,6 +158,5 @@ function DrawerToggle({ drawer, action = "toggle", ...rest }) {
 		...rest
 	});
 }
-//#endregion
 exports.Drawer = Drawer;
 exports.DrawerToggle = DrawerToggle;

package/dist/Drawer.d.cts

@@ -1,8 +1,7 @@
-import { cn as PaperElevation } from "./index-XN4-ZqTB.cjs";
-import { i as ButtonProps } from "./index-BQge4W7L.cjs";
-import "./index-x3WC9ViD.cjs";
+import { cn as PaperElevation } from "./index-Lsm4v8fB.cjs";
+import { i as ButtonProps } from "./index-BzQze7eY.cjs";
+import "./index-323PrYLR.cjs";
 import { ReactNode } from "react";
-//#region src/Drawer/Drawer.d.ts
 type DrawerAnchor = 'left' | 'right' | 'top' | 'bottom';
 /** Why the drawer closed: the Escape key, or any other dismissal (a click outside, its toggle). */
 type DrawerCloseReason = 'escapeKey' | 'dismiss';
@@ -42,8 +41,6 @@ interface DrawerProps {
  * `isOpen` / `onClose`, and it moves focus in, traps Tab and locks scroll while open.
  */
 declare function Drawer({ id, children, isOpen, onClose, anchor, elevation, transitionDuration, hasBackdrop, shouldLockScroll, shouldAutoFocus, shouldTrapFocus, shouldRestoreFocus }: Readonly<DrawerProps>): import("react").JSX.Element;
-//#endregion
-//#region src/Drawer/DrawerToggle.d.ts
 interface DrawerToggleProps extends Omit<ButtonProps, 'href'> {
   /** The `id` of the `Drawer` this button opens and closes. */
   drawer: string;
@@ -55,5 +52,4 @@ interface DrawerToggleProps extends Omit<ButtonProps, 'href'> {
  * `popovertarget` attribute - it works without JavaScript. Takes every `Button` prop.
  */
 declare function DrawerToggle({ drawer, action, ...rest }: Readonly<DrawerToggleProps>): import("react").JSX.Element;
-//#endregion
 export { Drawer, DrawerAnchor, DrawerCloseReason, DrawerProps, DrawerToggle, DrawerToggleProps };

package/dist/Drawer.d.mts

@@ -1,8 +1,7 @@
-import { cn as PaperElevation } from "./index-CRQ7XLri.mjs";
-import { i as ButtonProps } from "./index-DK3zgGPe.mjs";
-import "./index-fPRELf0V.mjs";
+import { cn as PaperElevation } from "./index-CR8qkP8U.mjs";
+import { i as ButtonProps } from "./index-BChRNCld.mjs";
+import "./index-1Xzj0iAs.mjs";
 import { ReactNode } from "react";
-//#region src/Drawer/Drawer.d.ts
 type DrawerAnchor = 'left' | 'right' | 'top' | 'bottom';
 /** Why the drawer closed: the Escape key, or any other dismissal (a click outside, its toggle). */
 type DrawerCloseReason = 'escapeKey' | 'dismiss';
@@ -42,8 +41,6 @@ interface DrawerProps {
  * `isOpen` / `onClose`, and it moves focus in, traps Tab and locks scroll while open.
  */
 declare function Drawer({ id, children, isOpen, onClose, anchor, elevation, transitionDuration, hasBackdrop, shouldLockScroll, shouldAutoFocus, shouldTrapFocus, shouldRestoreFocus }: Readonly<DrawerProps>): import("react").JSX.Element;
-//#endregion
-//#region src/Drawer/DrawerToggle.d.ts
 interface DrawerToggleProps extends Omit<ButtonProps, 'href'> {
   /** The `id` of the `Drawer` this button opens and closes. */
   drawer: string;
@@ -55,5 +52,4 @@ interface DrawerToggleProps extends Omit<ButtonProps, 'href'> {
  * `popovertarget` attribute - it works without JavaScript. Takes every `Button` prop.
  */
 declare function DrawerToggle({ drawer, action, ...rest }: Readonly<DrawerToggleProps>): import("react").JSX.Element;
-//#endregion
 export { Drawer, DrawerAnchor, DrawerCloseReason, DrawerProps, DrawerToggle, DrawerToggleProps };

package/dist/Drawer.mjs

@@ -1,10 +1,10 @@
-import { o as styled, r as keyframes, t as createShouldForwardProp } from "./src-DLGYOJMh.mjs";
+import { o as styled, r as keyframes, t as createShouldForwardProp } from "./src-B-rNjHIL.mjs";
 import { Button } from "./Button.mjs";
 import { Paper } from "./Paper.mjs";
 import { FocusTrap } from "./FocusTrap.mjs";
 import { useEffect, useRef, useState } from "react";
 import { jsx } from "react/jsx-runtime";
-//#region src/Drawer/Drawer.tsx
+// src/Drawer/Drawer.tsx
 const slideIn = {
 	left: keyframes`from { transform: translateX(-100%); } to { transform: translateX(0); }`,
 	right: keyframes`from { transform: translateX(100%); } to { transform: translateX(0); }`,
@@ -143,8 +143,7 @@ function Drawer({ id, children, isOpen, onClose, anchor = "left", elevation = 16
 		})
 	});
 }
-//#endregion
-//#region src/Drawer/DrawerToggle.tsx
+// src/Drawer/DrawerToggle.tsx
 /**
 * @description The button that opens and closes a `Drawer`, through the HTML
 * `popovertarget` attribute - it works without JavaScript. Takes every `Button` prop.
@@ -156,5 +155,4 @@ function DrawerToggle({ drawer, action = "toggle", ...rest }) {
 		...rest
 	});
 }
-//#endregion
 export { Drawer, DrawerToggle };

package/dist/Fab.cjs

@@ -1,9 +1,9 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_src = require("./src-DU81aGy9.cjs");
-const require_theme = require("./theme-DzfwuzMZ.cjs");
+const require_src = require("./src-yC1f5WR2.cjs");
+const require_theme = require("./theme-XJvMdOnY.cjs");
 const require_Button = require("./Button.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
-//#region src/Fab/Fab.tsx
+// src/Fab/Fab.tsx
 const FabRoot = require_src.styled(require_Button.Button, {
 	name: "Fab",
 	label: "Fab",
@@ -110,5 +110,4 @@ function Fab({ variant: variantProp, color, size, startIcon, isCollapsed = false
 		}) : children
 	});
 }
-//#endregion
 exports.Fab = Fab;

package/dist/Fab.d.cts

@@ -1,2 +1,2 @@
-import { n as FabProps, r as FabVariant, t as Fab } from "./index-CERyXFjz.cjs";
+import { n as FabProps, r as FabVariant, t as Fab } from "./index-BuAKhHMs.cjs";
 export { Fab, FabProps, FabVariant };

package/dist/Fab.d.mts

@@ -1,2 +1,2 @@
-import { n as FabProps, r as FabVariant, t as Fab } from "./index-CLvlNnjM.mjs";
+import { n as FabProps, r as FabVariant, t as Fab } from "./index-BV5BvdeN.mjs";
 export { Fab, FabProps, FabVariant };

package/dist/Fab.mjs

@@ -1,8 +1,8 @@
-import { a as src_exports, o as styled } from "./src-DLGYOJMh.mjs";
-import { n as useDefaultProps } from "./theme-oBfFhJm9.mjs";
+import { a as src_exports, o as styled } from "./src-B-rNjHIL.mjs";
+import { n as useDefaultProps } from "./theme-DyyZQFzQ.mjs";
 import { Button } from "./Button.mjs";
 import { jsx } from "react/jsx-runtime";
-//#region src/Fab/Fab.tsx
+// src/Fab/Fab.tsx
 const FabRoot = styled(Button, {
 	name: "Fab",
 	label: "Fab",
@@ -109,5 +109,4 @@ function Fab({ variant: variantProp, color, size, startIcon, isCollapsed = false
 		}) : children
 	});
 }
-//#endregion
 export { Fab };

package/dist/FabMenu/FabMenu.cjs

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

package/dist/FabMenu/FabMenu.d.cts

@@ -1,7 +1,6 @@
-import { nt as Theme } from "../index-XN4-ZqTB.cjs";
+import { nt as Theme } from "../index-Lsm4v8fB.cjs";
 import { ReactNode, SyntheticEvent } from "react";
 import { SpaceProps } from "@soroush.tech/styled-system";
-//#region src/FabMenu/FabMenu/FabMenu.d.ts
 type FabMenuDirection = 'up' | 'down' | 'left' | 'right';
 type FabMenuAlign = 'start' | 'end';
 interface FabMenuProps extends SpaceProps<Theme> {
@@ -49,5 +48,4 @@ interface FabMenuProps extends SpaceProps<Theme> {
  * actions and the trigger in the order they are drawn. Where it floats is the page's.
  */
 declare function FabMenu({ children, icon, closeIcon, label, 'aria-label': ariaLabel, isOpen: isOpenProp, defaultOpen, onOpen, onClose, direction: directionProp, align: alignProp, color, size: sizeProp, className, 'data-testid': dataTestid, ...spaceProps }: Readonly<FabMenuProps>): import("react").JSX.Element;
-//#endregion
 export { FabMenu, FabMenuAlign, FabMenuDirection, FabMenuProps };

package/dist/FabMenu/FabMenu.d.mts

@@ -1,7 +1,6 @@
-import { nt as Theme } from "../index-CRQ7XLri.mjs";
+import { nt as Theme } from "../index-CR8qkP8U.mjs";
 import { SpaceProps } from "@soroush.tech/styled-system";
 import { ReactNode, SyntheticEvent } from "react";
-//#region src/FabMenu/FabMenu/FabMenu.d.ts
 type FabMenuDirection = 'up' | 'down' | 'left' | 'right';
 type FabMenuAlign = 'start' | 'end';
 interface FabMenuProps extends SpaceProps<Theme> {
@@ -49,5 +48,4 @@ interface FabMenuProps extends SpaceProps<Theme> {
  * actions and the trigger in the order they are drawn. Where it floats is the page's.
  */
 declare function FabMenu({ children, icon, closeIcon, label, 'aria-label': ariaLabel, isOpen: isOpenProp, defaultOpen, onOpen, onClose, direction: directionProp, align: alignProp, color, size: sizeProp, className, 'data-testid': dataTestid, ...spaceProps }: Readonly<FabMenuProps>): import("react").JSX.Element;
-//#endregion
 export { FabMenu, FabMenuAlign, FabMenuDirection, FabMenuProps };

package/dist/FabMenu/FabMenu.mjs

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

package/dist/FabMenu/FabMenuItem.cjs

@@ -1,8 +1,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_Fab = require("../Fab.cjs");
-const require_FabMenuContext = require("../FabMenuContext-BZslb0lL.cjs");
+const require_FabMenuContext = require("../FabMenuContext-C86bOvTe.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
-//#region src/FabMenu/FabMenuItem/FabMenuItem.tsx
+// src/FabMenu/FabMenuItem/FabMenuItem.tsx
 /**
 * @description One action of a `FabMenu`: an extended `Fab` of the menu's size - a pill with an
 * icon and a label. Pressing it runs `onClick` and closes the menu, and focus goes back to the
@@ -24,5 +24,4 @@ function FabMenuItem({ icon, children, color, onClick, ...rest }) {
 		children
 	});
 }
-//#endregion
 exports.FabMenuItem = FabMenuItem;

package/dist/FabMenu/FabMenuItem.d.cts

@@ -1,6 +1,5 @@
-import { n as FabProps } from "../index-CERyXFjz.cjs";
+import { n as FabProps } from "../index-BuAKhHMs.cjs";
 import { MouseEvent, ReactNode } from "react";
-//#region src/FabMenu/FabMenuItem/FabMenuItem.d.ts
 interface FabMenuItemProps extends Omit<FabProps, 'variant' | 'size' | 'isCollapsed' | 'startIcon' | 'children'> {
   /** An icon before the label. */
   icon?: ReactNode;
@@ -15,5 +14,4 @@ interface FabMenuItemProps extends Omit<FabProps, 'variant' | 'size' | 'isCollap
  * trigger. It takes any `Fab` prop but its shape.
  */
 declare function FabMenuItem({ icon, children, color, onClick, ...rest }: Readonly<FabMenuItemProps>): import("react").JSX.Element;
-//#endregion
 export { FabMenuItem, FabMenuItemProps };

package/dist/FabMenu/FabMenuItem.d.mts

@@ -1,6 +1,5 @@
-import { n as FabProps } from "../index-CLvlNnjM.mjs";
+import { n as FabProps } from "../index-BV5BvdeN.mjs";
 import { MouseEvent, ReactNode } from "react";
-//#region src/FabMenu/FabMenuItem/FabMenuItem.d.ts
 interface FabMenuItemProps extends Omit<FabProps, 'variant' | 'size' | 'isCollapsed' | 'startIcon' | 'children'> {
   /** An icon before the label. */
   icon?: ReactNode;
@@ -15,5 +14,4 @@ interface FabMenuItemProps extends Omit<FabProps, 'variant' | 'size' | 'isCollap
  * trigger. It takes any `Fab` prop but its shape.
  */
 declare function FabMenuItem({ icon, children, color, onClick, ...rest }: Readonly<FabMenuItemProps>): import("react").JSX.Element;
-//#endregion
 export { FabMenuItem, FabMenuItemProps };

package/dist/FabMenu/FabMenuItem.mjs

@@ -1,7 +1,7 @@
 import { Fab } from "../Fab.mjs";
-import { n as useFabMenu } from "../FabMenuContext-D-XlDbLl.mjs";
+import { n as useFabMenu } from "../FabMenuContext-CiCWgAmf.mjs";
 import { jsx } from "react/jsx-runtime";
-//#region src/FabMenu/FabMenuItem/FabMenuItem.tsx
+// src/FabMenu/FabMenuItem/FabMenuItem.tsx
 /**
 * @description One action of a `FabMenu`: an extended `Fab` of the menu's size - a pill with an
 * icon and a label. Pressing it runs `onClick` and closes the menu, and focus goes back to the
@@ -23,5 +23,4 @@ function FabMenuItem({ icon, children, color, onClick, ...rest }) {
 		children
 	});
 }
-//#endregion
 export { FabMenuItem };