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

package/dist/Autocomplete.cjs

@@ -1,20 +1,20 @@
 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_getSurfaceRadius = require("./getSurfaceRadius-BTUV1E8H.cjs");
-const require_useControlled = require("./useControlled-C666KpQ0.cjs");
-const require_Icon = require("./Icon-BE7bRsqR.cjs");
-const require_inputVariantStyles = require("./inputVariantStyles-BUK_62Ra.cjs");
-const require_FormControlContext = require("./FormControlContext-74gvPGFk.cjs");
+const require_src = require("./src-yC1f5WR2.cjs");
+const require_theme = require("./theme-XJvMdOnY.cjs");
+const require_themeDefault = require("./themeDefault-DbPHBbNO.cjs");
+const require_getSurfaceRadius = require("./getSurfaceRadius-DwOn3ALC.cjs");
+const require_useControlled = require("./useControlled-CzCxM4J3.cjs");
+const require_Icon = require("./Icon-C5Iz5ekp.cjs");
+const require_inputVariantStyles = require("./inputVariantStyles-DhClkDHY.cjs");
+const require_FormControlContext = require("./FormControlContext-DvEyxrdM.cjs");
 const require_FormControl = require("./FormControl.cjs");
 const require_Chip = require("./Chip.cjs");
 const require_Portal = require("./Portal.cjs");
-const require_useAnchoredPlacement = require("./useAnchoredPlacement-B1FyGoZV.cjs");
+const require_useAnchoredPlacement = require("./useAnchoredPlacement-ee6KzG3t.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/Autocomplete/hooks/useAutocomplete.ts
+// src/Autocomplete/hooks/useAutocomplete.ts
 const getStepped = (highlight, step, length) => {
 	if (highlight !== -1) return (highlight + step + length) % length;
 	return step === 1 ? 0 : length - 1;
@@ -168,8 +168,7 @@ function useAutocomplete({ options, multiple, value: valueProp, defaultValue, on
 		}
 	};
 }
-//#endregion
-//#region src/Autocomplete/Autocomplete.tsx
+// src/Autocomplete/Autocomplete.tsx
 const widthStyles = (0, require_src.src_exports.system)({
 	width: true,
 	minWidth: true,
@@ -662,5 +661,4 @@ function Autocomplete({ options, value, defaultValue, onChange, inputValue: inpu
 		})
 	}) })] });
 }
-//#endregion
 exports.Autocomplete = Autocomplete;

package/dist/Autocomplete.d.cts

@@ -1,15 +1,12 @@
-import { nt as Theme } from "./index-XN4-ZqTB.cjs";
+import { nt as Theme } from "./index-Lsm4v8fB.cjs";
 import { ChangeEvent, KeyboardEvent, ReactNode, SyntheticEvent } from "react";
 import { LayoutProps, SpaceProps } from "@soroush.tech/styled-system";
-//#region src/Autocomplete/hooks/useAutocomplete.d.ts
 /** One value for a single field, a list for `multiple`. */
 type AutocompleteValue<T, Multiple extends boolean | undefined> = Multiple extends true ? T[] : T | null;
 /** Why the value changes. */
 type AutocompleteChangeReason = 'selectOption' | 'removeOption' | 'createOption' | 'clear';
 /** Why the text changes: it was typed, set to match a choice, or emptied. */
 type AutocompleteInputReason = 'input' | 'reset' | 'clear';
-//#endregion
-//#region src/Autocomplete/Autocomplete.d.ts
 type AutocompleteVariant = 'default' | 'outlined' | 'text' | 'underline';
 interface AutocompleteProps<T = string, Multiple extends boolean | undefined = false> extends SpaceProps<Theme>, Pick<LayoutProps<Theme>, 'width' | 'minWidth' | 'maxWidth'> {
   /** What can be chosen - strings, or anything `getOptionLabel` can say. */
@@ -93,5 +90,4 @@ interface AutocompleteProps<T = string, Multiple extends boolean | undefined = f
  * `FormControl` its `FormLabel` names it, and its size, color, error and disabled state apply.
  */
 declare function Autocomplete<T = string, Multiple extends boolean | undefined = false>({ options, value, defaultValue, onChange, inputValue: inputValueProp, onInputChange, multiple, shouldAllowFreeText: shouldAllowFreeTextProp, getOptionLabel, isOptionEqualToValue, filterOptions, groupBy, renderOption, isLoading, loadingText: loadingTextProp, noOptionsText: noOptionsTextProp, clearLabel: clearLabelProp, openLabel: openLabelProp, closeLabel: closeLabelProp, getRemoveLabel, placeholder, variant: variantProp, size: sizeProp, color: colorProp, textColor: textColorProp, borderRadius: borderRadiusProp, bg: bgProp, disabled: disabledProp, error: errorProp, required: requiredProp, fullWidth: fullWidthProp, name, id: idProp, layer: layerProp, className, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-describedby': ariaDescribedby, 'data-testid': dataTestid, ...spaceProps }: Readonly<AutocompleteProps<T, Multiple>>): import("react").JSX.Element;
-//#endregion
 export { Autocomplete, type AutocompleteChangeReason, type AutocompleteInputReason, AutocompleteProps, type AutocompleteValue, AutocompleteVariant };

package/dist/Autocomplete.d.mts

@@ -1,15 +1,12 @@
-import { nt as Theme } from "./index-CRQ7XLri.mjs";
+import { nt as Theme } from "./index-CR8qkP8U.mjs";
 import { LayoutProps, SpaceProps } from "@soroush.tech/styled-system";
 import { ChangeEvent, KeyboardEvent, ReactNode, SyntheticEvent } from "react";
-//#region src/Autocomplete/hooks/useAutocomplete.d.ts
 /** One value for a single field, a list for `multiple`. */
 type AutocompleteValue<T, Multiple extends boolean | undefined> = Multiple extends true ? T[] : T | null;
 /** Why the value changes. */
 type AutocompleteChangeReason = 'selectOption' | 'removeOption' | 'createOption' | 'clear';
 /** Why the text changes: it was typed, set to match a choice, or emptied. */
 type AutocompleteInputReason = 'input' | 'reset' | 'clear';
-//#endregion
-//#region src/Autocomplete/Autocomplete.d.ts
 type AutocompleteVariant = 'default' | 'outlined' | 'text' | 'underline';
 interface AutocompleteProps<T = string, Multiple extends boolean | undefined = false> extends SpaceProps<Theme>, Pick<LayoutProps<Theme>, 'width' | 'minWidth' | 'maxWidth'> {
   /** What can be chosen - strings, or anything `getOptionLabel` can say. */
@@ -93,5 +90,4 @@ interface AutocompleteProps<T = string, Multiple extends boolean | undefined = f
  * `FormControl` its `FormLabel` names it, and its size, color, error and disabled state apply.
  */
 declare function Autocomplete<T = string, Multiple extends boolean | undefined = false>({ options, value, defaultValue, onChange, inputValue: inputValueProp, onInputChange, multiple, shouldAllowFreeText: shouldAllowFreeTextProp, getOptionLabel, isOptionEqualToValue, filterOptions, groupBy, renderOption, isLoading, loadingText: loadingTextProp, noOptionsText: noOptionsTextProp, clearLabel: clearLabelProp, openLabel: openLabelProp, closeLabel: closeLabelProp, getRemoveLabel, placeholder, variant: variantProp, size: sizeProp, color: colorProp, textColor: textColorProp, borderRadius: borderRadiusProp, bg: bgProp, disabled: disabledProp, error: errorProp, required: requiredProp, fullWidth: fullWidthProp, name, id: idProp, layer: layerProp, className, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-describedby': ariaDescribedby, 'data-testid': dataTestid, ...spaceProps }: Readonly<AutocompleteProps<T, Multiple>>): import("react").JSX.Element;
-//#endregion
 export { Autocomplete, type AutocompleteChangeReason, type AutocompleteInputReason, AutocompleteProps, type AutocompleteValue, AutocompleteVariant };

package/dist/Autocomplete.mjs

@@ -1,18 +1,18 @@
-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 themeDefault } from "./themeDefault-Z3KmyIbm.mjs";
-import { t as getSurfaceRadius } from "./getSurfaceRadius-DTgqIzll.mjs";
-import { t as useControlled } from "./useControlled-CBRLsO-H.mjs";
-import { t as Icon } from "./Icon-0hPpk-WZ.mjs";
-import { n as getFocusRing, r as getInputMinWidth, t as inputVariantStyles } from "./inputVariantStyles-q_cZsCJg.mjs";
-import { t as FormControlContext } from "./FormControlContext-CC2kToms.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 themeDefault } from "./themeDefault-BeZJzqJj.mjs";
+import { t as getSurfaceRadius } from "./getSurfaceRadius-B1QE_VLa.mjs";
+import { t as useControlled } from "./useControlled-B4uQ9Bj6.mjs";
+import { t as Icon } from "./Icon-XpXU-SuF.mjs";
+import { n as getFocusRing, r as getInputMinWidth, t as inputVariantStyles } from "./inputVariantStyles-DCGRUY9c.mjs";
+import { t as FormControlContext } from "./FormControlContext-Dg_ommiF.mjs";
 import { useFormControl } from "./FormControl.mjs";
 import { Chip } from "./Chip.mjs";
 import { Portal } from "./Portal.mjs";
-import { t as useAnchoredPlacement } from "./useAnchoredPlacement-Pe7sY41E.mjs";
+import { t as useAnchoredPlacement } from "./useAnchoredPlacement-COrXZxhm.mjs";
 import { Fragment, useCallback, useContext, useEffect, useId, useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-//#region src/Autocomplete/hooks/useAutocomplete.ts
+// src/Autocomplete/hooks/useAutocomplete.ts
 const getStepped = (highlight, step, length) => {
 	if (highlight !== -1) return (highlight + step + length) % length;
 	return step === 1 ? 0 : length - 1;
@@ -166,8 +166,7 @@ function useAutocomplete({ options, multiple, value: valueProp, defaultValue, on
 		}
 	};
 }
-//#endregion
-//#region src/Autocomplete/Autocomplete.tsx
+// src/Autocomplete/Autocomplete.tsx
 const widthStyles = (0, src_exports.system)({
 	width: true,
 	minWidth: true,
@@ -660,5 +659,4 @@ function Autocomplete({ options, value, defaultValue, onChange, inputValue: inpu
 		})
 	}) })] });
 }
-//#endregion
 export { Autocomplete };

package/dist/Avatar.cjs

@@ -1,12 +1,12 @@
 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");
 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/Avatar/Avatar.tsx
+// src/Avatar/Avatar.tsx
 const shouldForwardProp = (0, _soroush_tech_styled_system_should_forward_prop.createShouldForwardProp)([
 	..._soroush_tech_styled_system_should_forward_prop.props,
 	"variant",
@@ -102,5 +102,4 @@ function Avatar({ src, srcSet, alt, fallback, children, variant: variantProp, si
 		}) : children
 	});
 }
-//#endregion
 exports.Avatar = Avatar;

package/dist/Avatar.d.cts

@@ -1,5 +1,4 @@
-import { dn as FlexProps, nt as Theme } from "./index-XN4-ZqTB.cjs";
-//#region src/Avatar/Avatar.d.ts
+import { dn as FlexProps, nt as Theme } from "./index-Lsm4v8fB.cjs";
 type AvatarVariant = 'circular' | 'rounded' | 'square';
 type AvatarSize = keyof Theme['avatar'];
 type AvatarRingColor = keyof Theme['border'];
@@ -23,5 +22,4 @@ interface AvatarProps extends Omit<FlexProps, OmittedProps> {
   ringWidth?: AvatarRingWidth;
 }
 declare function Avatar({ src, srcSet, alt, fallback, children, variant: variantProp, size: sizeProp, ring, ringColor: ringColorProp, ringWidth: ringWidthProp, ...rest }: Readonly<AvatarProps>): import("react").JSX.Element;
-//#endregion
 export { Avatar, AvatarProps, AvatarRingColor, AvatarRingWidth, AvatarSize, AvatarVariant };

package/dist/Avatar.d.mts

@@ -1,5 +1,4 @@
-import { dn as FlexProps, nt as Theme } from "./index-CRQ7XLri.mjs";
-//#region src/Avatar/Avatar.d.ts
+import { dn as FlexProps, nt as Theme } from "./index-CR8qkP8U.mjs";
 type AvatarVariant = 'circular' | 'rounded' | 'square';
 type AvatarSize = keyof Theme['avatar'];
 type AvatarRingColor = keyof Theme['border'];
@@ -23,5 +22,4 @@ interface AvatarProps extends Omit<FlexProps, OmittedProps> {
   ringWidth?: AvatarRingWidth;
 }
 declare function Avatar({ src, srcSet, alt, fallback, children, variant: variantProp, size: sizeProp, ring, ringColor: ringColorProp, ringWidth: ringWidthProp, ...rest }: Readonly<AvatarProps>): import("react").JSX.Element;
-//#endregion
 export { Avatar, AvatarProps, AvatarRingColor, AvatarRingWidth, AvatarSize, AvatarVariant };

package/dist/Avatar.mjs

@@ -1,10 +1,10 @@
-import { a as src_exports, i as props, o as styled, t as createShouldForwardProp } from "./src-DLGYOJMh.mjs";
-import { r as useTheme } from "./theme-oBfFhJm9.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 { r as useTheme } from "./theme-DyyZQFzQ.mjs";
+import { t as themeDefault } from "./themeDefault-BeZJzqJj.mjs";
 import { Flex } from "./Flex.mjs";
 import { useState } from "react";
 import { jsx } from "react/jsx-runtime";
-//#region src/Avatar/Avatar.tsx
+// src/Avatar/Avatar.tsx
 const shouldForwardProp = createShouldForwardProp([
 	...props,
 	"variant",
@@ -100,5 +100,4 @@ function Avatar({ src, srcSet, alt, fallback, children, variant: variantProp, si
 		}) : children
 	});
 }
-//#endregion
 export { Avatar };

package/dist/Backdrop.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 react_jsx_runtime = require("react/jsx-runtime");
-//#region src/Backdrop/Backdrop.tsx
+// src/Backdrop/Backdrop.tsx
 const BackdropRoot = require_src.styled(require_View.View, {
 	name: "Backdrop",
 	label: "Backdrop"
@@ -22,5 +22,4 @@ function Backdrop(props) {
 		...props
 	});
 }
-//#endregion
 exports.Backdrop = Backdrop;

package/dist/Backdrop.d.cts

@@ -1,10 +1,8 @@
-import { yn as ViewProps } from "./index-XN4-ZqTB.cjs";
-//#region src/Backdrop/Backdrop.d.ts
+import { yn as ViewProps } from "./index-Lsm4v8fB.cjs";
 type BackdropProps = ViewProps;
 /**
  * @description Dimmed overlay rendered behind a modal's content. Defaults to the
  * theme `backdrop` background; forwards click and other props to the surface.
  */
 declare function Backdrop(props: Readonly<BackdropProps>): import("react").JSX.Element;
-//#endregion
 export { Backdrop, BackdropProps };

package/dist/Backdrop.d.mts

@@ -1,10 +1,8 @@
-import { yn as ViewProps } from "./index-CRQ7XLri.mjs";
-//#region src/Backdrop/Backdrop.d.ts
+import { yn as ViewProps } from "./index-CR8qkP8U.mjs";
 type BackdropProps = ViewProps;
 /**
  * @description Dimmed overlay rendered behind a modal's content. Defaults to the
  * theme `backdrop` background; forwards click and other props to the surface.
  */
 declare function Backdrop(props: Readonly<BackdropProps>): import("react").JSX.Element;
-//#endregion
 export { Backdrop, BackdropProps };

package/dist/Backdrop.mjs

@@ -1,7 +1,7 @@
-import { o as styled } from "./src-DLGYOJMh.mjs";
+import { o as styled } from "./src-B-rNjHIL.mjs";
 import { View } from "./View.mjs";
 import { jsx } from "react/jsx-runtime";
-//#region src/Backdrop/Backdrop.tsx
+// src/Backdrop/Backdrop.tsx
 const BackdropRoot = styled(View, {
 	name: "Backdrop",
 	label: "Backdrop"
@@ -21,5 +21,4 @@ function Backdrop(props) {
 		...props
 	});
 }
-//#endregion
 export { Backdrop };

package/dist/Badge.cjs

@@ -1,10 +1,10 @@
 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");
 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/Badge/Badge.tsx
+// src/Badge/Badge.tsx
 const DEFAULT_ANCHOR = {
 	vertical: "top",
 	horizontal: "end"
@@ -126,5 +126,4 @@ function Badge({ children, badgeContent, max: maxProp, variant: variantProp, col
 		]
 	});
 }
-//#endregion
 exports.Badge = Badge;

package/dist/Badge.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 } from "react";
 import { SpaceProps } from "@soroush.tech/styled-system";
-//#region src/Badge/Badge.d.ts
 type BadgeVariant = 'standard' | 'dot';
 type BadgeOverlap = 'rectangular' | 'circular';
 type BadgeColor = keyof Theme['palette'];
@@ -41,5 +40,4 @@ interface BadgeProps extends SpaceProps<Theme> {
  * of zero shows nothing, unless `shouldShowZero`.
  */
 declare function Badge({ children, badgeContent, max: maxProp, variant: variantProp, color: colorProp, isHidden, shouldShowZero, anchorOrigin: anchorOriginProp, overlap: overlapProp, badgeLabel, className, 'data-testid': dataTestid, ...spaceProps }: Readonly<BadgeProps>): import("react").JSX.Element;
-//#endregion
 export { Badge, BadgeAnchorOrigin, BadgeColor, BadgeOverlap, BadgeProps, BadgeVariant };

package/dist/Badge.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 } from "react";
-//#region src/Badge/Badge.d.ts
 type BadgeVariant = 'standard' | 'dot';
 type BadgeOverlap = 'rectangular' | 'circular';
 type BadgeColor = keyof Theme['palette'];
@@ -41,5 +40,4 @@ interface BadgeProps extends SpaceProps<Theme> {
  * of zero shows nothing, unless `shouldShowZero`.
  */
 declare function Badge({ children, badgeContent, max: maxProp, variant: variantProp, color: colorProp, isHidden, shouldShowZero, anchorOrigin: anchorOriginProp, overlap: overlapProp, badgeLabel, className, 'data-testid': dataTestid, ...spaceProps }: Readonly<BadgeProps>): import("react").JSX.Element;
-//#endregion
 export { Badge, BadgeAnchorOrigin, BadgeColor, BadgeOverlap, BadgeProps, BadgeVariant };

package/dist/Badge.mjs

@@ -1,8 +1,8 @@
-import { a as src_exports, i as props, o as styled, t as createShouldForwardProp } from "./src-DLGYOJMh.mjs";
-import { n as useDefaultProps } from "./theme-oBfFhJm9.mjs";
+import { a as src_exports, i as props, o as styled, t as createShouldForwardProp } from "./src-B-rNjHIL.mjs";
+import { n as useDefaultProps } from "./theme-DyyZQFzQ.mjs";
 import { cloneElement, isValidElement, useId } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/Badge/Badge.tsx
+// src/Badge/Badge.tsx
 const DEFAULT_ANCHOR = {
 	vertical: "top",
 	horizontal: "end"
@@ -124,5 +124,4 @@ function Badge({ children, badgeContent, max: maxProp, variant: variantProp, col
 		]
 	});
 }
-//#endregion
 export { Badge };

package/dist/Breadcrumbs.cjs

@@ -1,12 +1,12 @@
 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_Typography = require("./Typography.cjs");
-const require_Icon = require("./Icon-BE7bRsqR.cjs");
+const require_Icon = require("./Icon-C5Iz5ekp.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
-//#region src/Breadcrumbs/Breadcrumbs.tsx
+// src/Breadcrumbs/Breadcrumbs.tsx
 const BreadcrumbsRoot = require_src.styled(require_Typography.Typography, {
 	name: "Breadcrumbs",
 	label: "Breadcrumbs"
@@ -128,5 +128,4 @@ function Breadcrumbs({ children, as = "nav", separator: separatorProp, maxItems:
 		})
 	});
 }
-//#endregion
 exports.Breadcrumbs = Breadcrumbs;

package/dist/Breadcrumbs.d.cts

@@ -1,8 +1,7 @@
-import { jt as TypographyVariant } from "./index-XN4-ZqTB.cjs";
-import { a as TypographyProps } from "./index-BDqIc6Gx.cjs";
-import { n as IconProps } from "./index-05VGk0y_.cjs";
+import { jt as TypographyVariant } from "./index-Lsm4v8fB.cjs";
+import { a as TypographyProps } from "./index-CGyIuCRh.cjs";
+import { n as IconProps } from "./index-CAt0-L4i.cjs";
 import { ElementType, ReactNode } from "react";
-//#region src/Breadcrumbs/Breadcrumbs.d.ts
 interface BreadcrumbsProps extends Omit<TypographyProps, 'children' | 'variant'> {
   /** The crumbs - the app's `Link`s, and the current page as `Typography` or a `Link` with `aria-current="page"`. */
   children?: ReactNode;
@@ -36,5 +35,4 @@ interface BreadcrumbsProps extends Omit<TypographyProps, 'children' | 'variant'>
  * trail collapses to its first and last crumbs and a button that shows them all.
  */
 declare function Breadcrumbs({ children, as, separator: separatorProp, maxItems: maxItemsProp, itemsBeforeCollapse: itemsBeforeCollapseProp, itemsAfterCollapse: itemsAfterCollapseProp, expandLabel: expandLabelProp, color: colorProp, typography, slots, slotProps, ...rest }: Readonly<BreadcrumbsProps>): import("react").JSX.Element;
-//#endregion
 export { Breadcrumbs, BreadcrumbsProps };

package/dist/Breadcrumbs.d.mts

@@ -1,8 +1,7 @@
-import { jt as TypographyVariant } from "./index-CRQ7XLri.mjs";
-import { a as TypographyProps } from "./index-BPh60KDs.mjs";
-import { n as IconProps } from "./index-DNj5P2NH.mjs";
+import { jt as TypographyVariant } from "./index-CR8qkP8U.mjs";
+import { a as TypographyProps } from "./index-C2a-5yop.mjs";
+import { n as IconProps } from "./index-D48qVo1X.mjs";
 import { ElementType, ReactNode } from "react";
-//#region src/Breadcrumbs/Breadcrumbs.d.ts
 interface BreadcrumbsProps extends Omit<TypographyProps, 'children' | 'variant'> {
   /** The crumbs - the app's `Link`s, and the current page as `Typography` or a `Link` with `aria-current="page"`. */
   children?: ReactNode;
@@ -36,5 +35,4 @@ interface BreadcrumbsProps extends Omit<TypographyProps, 'children' | 'variant'>
  * trail collapses to its first and last crumbs and a button that shows them all.
  */
 declare function Breadcrumbs({ children, as, separator: separatorProp, maxItems: maxItemsProp, itemsBeforeCollapse: itemsBeforeCollapseProp, itemsAfterCollapse: itemsAfterCollapseProp, expandLabel: expandLabelProp, color: colorProp, typography, slots, slotProps, ...rest }: Readonly<BreadcrumbsProps>): import("react").JSX.Element;
-//#endregion
 export { Breadcrumbs, BreadcrumbsProps };

package/dist/Breadcrumbs.mjs

@@ -1,11 +1,11 @@
-import { a as src_exports, o as styled } from "./src-DLGYOJMh.mjs";
-import { n as useDefaultProps } from "./theme-oBfFhJm9.mjs";
-import { t as themeDefault } from "./themeDefault-Z3KmyIbm.mjs";
+import { a as src_exports, o as styled } from "./src-B-rNjHIL.mjs";
+import { n as useDefaultProps } 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 { Children, isValidElement, useLayoutEffect, useRef, useState } from "react";
 import { jsx } from "react/jsx-runtime";
-//#region src/Breadcrumbs/Breadcrumbs.tsx
+// src/Breadcrumbs/Breadcrumbs.tsx
 const BreadcrumbsRoot = styled(Typography, {
 	name: "Breadcrumbs",
 	label: "Breadcrumbs"
@@ -127,5 +127,4 @@ function Breadcrumbs({ children, as = "nav", separator: separatorProp, maxItems:
 		})
 	});
 }
-//#endregion
 export { Breadcrumbs };

package/dist/Button.cjs

@@ -1,15 +1,15 @@
 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_theme = require("./theme-XJvMdOnY.cjs");
+const require_themeDefault = require("./themeDefault-DbPHBbNO.cjs");
 const require_CircularProgress = require("./CircularProgress.cjs");
-const require_ButtonGroupContext = require("./ButtonGroupContext-NtkVeDVE.cjs");
-const require_getAnchorRel = require("./getAnchorRel-_vtAXC-4.cjs");
+const require_ButtonGroupContext = require("./ButtonGroupContext-n0wa0q6H.cjs");
+const require_getAnchorRel = require("./getAnchorRel-DFMc_uIR.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/Button/Button.tsx
+// src/Button/Button.tsx
 const shouldForwardProp = (0, _soroush_tech_styled_system_should_forward_prop.createShouldForwardProp)([
 	..._soroush_tech_styled_system_should_forward_prop.props,
 	"variant",
@@ -170,5 +170,4 @@ function Button({ variant, color, size, shape, gap = 1, fontWeight = "bold", let
 		]
 	});
 }
-//#endregion
 exports.Button = Button;

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-BQge4W7L.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-BzQze7eY.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-DK3zgGPe.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-BChRNCld.mjs";
 export { Button, ButtonColor, ButtonLoadingPosition, ButtonProps, ButtonShape, ButtonSize, ButtonVariant, GapToken };

package/dist/Button.mjs

@@ -1,13 +1,13 @@
-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, r as useTheme } from "./theme-oBfFhJm9.mjs";
-import { t as themeDefault } from "./themeDefault-Z3KmyIbm.mjs";
+import { n as useDefaultProps, r as useTheme } from "./theme-DyyZQFzQ.mjs";
+import { t as themeDefault } from "./themeDefault-BeZJzqJj.mjs";
 import { CircularProgress } from "./CircularProgress.mjs";
-import { t as ButtonGroupContext } from "./ButtonGroupContext-DS-kl9lG.mjs";
-import { t as getAnchorRel } from "./getAnchorRel-CySI28HJ.mjs";
+import { t as ButtonGroupContext } from "./ButtonGroupContext-DK9whWFt.mjs";
+import { t as getAnchorRel } from "./getAnchorRel-BLYap7aE.mjs";
 import { useContext } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/Button/Button.tsx
+// src/Button/Button.tsx
 const shouldForwardProp = createShouldForwardProp([
 	...props,
 	"variant",
@@ -168,5 +168,4 @@ function Button({ variant, color, size, shape, gap = 1, fontWeight = "bold", let
 		]
 	});
 }
-//#endregion
 export { Button };

package/dist/ButtonGroup.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_ButtonGroupContext = require("./ButtonGroupContext-NtkVeDVE.cjs");
+const require_themeDefault = require("./themeDefault-DbPHBbNO.cjs");
+const require_ButtonGroupContext = require("./ButtonGroupContext-n0wa0q6H.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/ButtonGroup/ButtonGroup.tsx
+// src/ButtonGroup/ButtonGroup.tsx
 const shouldForwardProp = (0, _soroush_tech_styled_system_should_forward_prop.createShouldForwardProp)([
 	..._soroush_tech_styled_system_should_forward_prop.props,
 	"orientation",
@@ -105,6 +105,5 @@ function ButtonGroup({ variant = "outlined", color, size, orientation = "horizon
 		})
 	});
 }
-//#endregion
 exports.ButtonGroup = ButtonGroup;
 exports.ButtonGroupContext = require_ButtonGroupContext.ButtonGroupContext;

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-Dk4KuTPB.cjs";
+import { a as ButtonGroupProps, i as ButtonGroupOrientation, n as ButtonGroupContextValue, o as ButtonGroupRadius, r as ButtonGroup, t as ButtonGroupContext } from "./index-hoHPfsc1.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-MWUGpG-Y.mjs";
+import { a as ButtonGroupProps, i as ButtonGroupOrientation, n as ButtonGroupContextValue, o as ButtonGroupRadius, r as ButtonGroup, t as ButtonGroupContext } from "./index-tOrd12AJ.mjs";
 export { ButtonGroup, ButtonGroupContext, ButtonGroupContextValue, ButtonGroupOrientation, ButtonGroupProps, ButtonGroupRadius };

package/dist/ButtonGroup.mjs

@@ -1,10 +1,10 @@
-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 { t as themeDefault } from "./themeDefault-Z3KmyIbm.mjs";
-import { t as ButtonGroupContext } from "./ButtonGroupContext-DS-kl9lG.mjs";
+import { t as themeDefault } from "./themeDefault-BeZJzqJj.mjs";
+import { t as ButtonGroupContext } from "./ButtonGroupContext-DK9whWFt.mjs";
 import { useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
-//#region src/ButtonGroup/ButtonGroup.tsx
+// src/ButtonGroup/ButtonGroup.tsx
 const shouldForwardProp = createShouldForwardProp([
 	...props,
 	"orientation",
@@ -103,5 +103,4 @@ function ButtonGroup({ variant = "outlined", color, size, orientation = "horizon
 		})
 	});
 }
-//#endregion
 export { ButtonGroup, ButtonGroupContext };

package/dist/{ButtonGroupContext-DS-kl9lG.mjs → ButtonGroupContext-DK9whWFt.mjs}

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

package/dist/{ButtonGroupContext-NtkVeDVE.cjs → ButtonGroupContext-n0wa0q6H.cjs}

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

package/dist/Card.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_Typography = require("./Typography.cjs");
-const require_Icon = require("./Icon-BE7bRsqR.cjs");
+const require_Icon = require("./Icon-C5Iz5ekp.cjs");
 const require_Paper = require("./Paper.cjs");
 require("react");
 let react_jsx_runtime = require("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}`;
@@ -90,5 +90,4 @@ function Card({ variant: variantProp, icon, title, caption, iconProps, titleProp
 		]
 	});
 }
-//#endregion
 exports.Card = Card;

package/dist/Card.d.cts

@@ -1,9 +1,8 @@
-import { ln as PaperProps } from "./index-XN4-ZqTB.cjs";
-import { a as TypographyProps } from "./index-BDqIc6Gx.cjs";
-import { n as IconProps, r as IconName } from "./index-05VGk0y_.cjs";
-import "./index-x3WC9ViD.cjs";
+import { ln as PaperProps } from "./index-Lsm4v8fB.cjs";
+import { a as TypographyProps } from "./index-CGyIuCRh.cjs";
+import { n as IconProps, r as IconName } from "./index-CAt0-L4i.cjs";
+import "./index-323PrYLR.cjs";
 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 };