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

package/README.md

@@ -148,6 +148,7 @@ The Emotion packages are regular dependencies of this package, not peers, on pur
 
 | Component     | Purpose                                                                                                                                                                                                                                                                         |
 | ------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `NavTree`     | A tree of links to the pages of a site - groups of links, which can fold                                                                                                                                                                                                        |
 | `Breadcrumbs` | The trail of links from a site's root to the current page - a long one collapses behind a button that shows it all                                                                                                                                                              |
 | `Menu`        | A trigger and the list of commands it opens - exports `MenuList` (the `role="menu"` list that owns the keyboard), `MenuDivider`, `MenuItems` (rows from data) and `ContextMenu` (the same list, opened at the pointer by a right-click) from `@soroush.tech/design-system/Menu` |
 | `Tabs`        | A row of tabs - exports `Tab`, `TabContext` (holds the value for a `TabList` and its panels), `TabList` (the `Tabs` of a `TabContext`), `TabPanel` (the content a tab shows) and `TabScrollButton` from `@soroush.tech/design-system/Tabs`                                      |

package/dist/Accordion/Accordion.cjs

@@ -1,15 +1,15 @@
 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_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_Collapse = require("../Collapse.cjs");
-const require_useControlled = require("../useControlled-C666KpQ0.cjs");
-const require_AccordionContext = require("../AccordionContext-B2TCl9Os.cjs");
+const require_useControlled = require("../useControlled-CzCxM4J3.cjs");
+const require_AccordionContext = require("../AccordionContext-CpSLhcF6.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/Accordion/Accordion/Accordion.tsx
+// src/Accordion/Accordion/Accordion.tsx
 const AccordionRoot = require_src.styled("div", {
 	name: "Accordion",
 	label: "Accordion",
@@ -96,5 +96,4 @@ function Accordion({ children, isExpanded: isExpandedProp, defaultExpanded = fal
 		})
 	});
 }
-//#endregion
 exports.Accordion = Accordion;

package/dist/Accordion/Accordion.d.cts

@@ -1,8 +1,7 @@
-import { nt as Theme } from "../index-XN4-ZqTB.cjs";
-import { r as CollapseProps } from "../index-Db4L2hwa.cjs";
+import { nt as Theme } from "../index-Lsm4v8fB.cjs";
+import { r as CollapseProps } from "../index-CLTFsCYC.cjs";
 import { ComponentType, ReactNode, SyntheticEvent } from "react";
 import { SpaceProps } from "@soroush.tech/styled-system";
-//#region src/Accordion/Accordion/Accordion.d.ts
 /** What an `Accordion` hands the transition that opens and closes its region. */
 type AccordionTransitionProps = Pick<CollapseProps, 'isShown' | 'children' | 'shouldAppear' | 'shouldMountOnEnter' | 'shouldUnmountOnExit' | 'timeout' | 'easing'>;
 interface AccordionProps extends SpaceProps<Theme> {
@@ -37,5 +36,4 @@ interface AccordionProps extends SpaceProps<Theme> {
  * Home and End move between the summaries, and the group may keep one open at a time.
  */
 declare function Accordion({ children, isExpanded: isExpandedProp, defaultExpanded, onChange, disabled, hasGutters: hasGuttersProp, borderRadius: borderRadiusProp, bg: bgProp, textColor: textColorProp, transition: Transition, className, 'data-testid': dataTestid, ...spaceProps }: Readonly<AccordionProps>): import("react").JSX.Element;
-//#endregion
 export { Accordion, AccordionProps, AccordionTransitionProps };

package/dist/Accordion/Accordion.d.mts

@@ -1,8 +1,7 @@
-import { nt as Theme } from "../index-CRQ7XLri.mjs";
-import { r as CollapseProps } from "../index-BvgX5eyV.mjs";
+import { nt as Theme } from "../index-CR8qkP8U.mjs";
+import { r as CollapseProps } from "../index-B3Bdupj3.mjs";
 import { SpaceProps } from "@soroush.tech/styled-system";
 import { ComponentType, ReactNode, SyntheticEvent } from "react";
-//#region src/Accordion/Accordion/Accordion.d.ts
 /** What an `Accordion` hands the transition that opens and closes its region. */
 type AccordionTransitionProps = Pick<CollapseProps, 'isShown' | 'children' | 'shouldAppear' | 'shouldMountOnEnter' | 'shouldUnmountOnExit' | 'timeout' | 'easing'>;
 interface AccordionProps extends SpaceProps<Theme> {
@@ -37,5 +36,4 @@ interface AccordionProps extends SpaceProps<Theme> {
  * Home and End move between the summaries, and the group may keep one open at a time.
  */
 declare function Accordion({ children, isExpanded: isExpandedProp, defaultExpanded, onChange, disabled, hasGutters: hasGuttersProp, borderRadius: borderRadiusProp, bg: bgProp, textColor: textColorProp, transition: Transition, className, 'data-testid': dataTestid, ...spaceProps }: Readonly<AccordionProps>): import("react").JSX.Element;
-//#endregion
 export { Accordion, AccordionProps, AccordionTransitionProps };

package/dist/Accordion/Accordion.mjs

@@ -1,13 +1,13 @@
-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 { t as themeDefault } from "../themeDefault-Z3KmyIbm.mjs";
-import { t as getSurfaceRadius } from "../getSurfaceRadius-DTgqIzll.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 { t as themeDefault } from "../themeDefault-BeZJzqJj.mjs";
+import { t as getSurfaceRadius } from "../getSurfaceRadius-B1QE_VLa.mjs";
 import { Collapse } from "../Collapse.mjs";
-import { t as useControlled } from "../useControlled-CBRLsO-H.mjs";
-import { i as getSummaryId, n as AccordionGroupContext, r as getRegionId, t as AccordionContext } from "../AccordionContext-DDk_i9Dx.mjs";
+import { t as useControlled } from "../useControlled-B4uQ9Bj6.mjs";
+import { i as getSummaryId, n as AccordionGroupContext, r as getRegionId, t as AccordionContext } from "../AccordionContext-CBiu9CIa.mjs";
 import { Children, useContext, useId, useMemo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/Accordion/Accordion/Accordion.tsx
+// src/Accordion/Accordion/Accordion.tsx
 const AccordionRoot = styled("div", {
 	name: "Accordion",
 	label: "Accordion",
@@ -94,5 +94,4 @@ function Accordion({ children, isExpanded: isExpandedProp, defaultExpanded = fal
 		})
 	});
 }
-//#endregion
 export { Accordion };

package/dist/Accordion/AccordionActions.cjs

@@ -1,9 +1,9 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_src = require("../src-DU81aGy9.cjs");
-const require_AccordionContext = require("../AccordionContext-B2TCl9Os.cjs");
+const require_src = require("../src-yC1f5WR2.cjs");
+const require_AccordionContext = require("../AccordionContext-CpSLhcF6.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/Accordion/AccordionActions/AccordionActions.tsx
+// src/Accordion/AccordionActions/AccordionActions.tsx
 const ActionsRoot = require_src.styled("div", {
 	name: "AccordionActions",
 	label: "AccordionActions",
@@ -25,5 +25,4 @@ function AccordionActions({ children, className, "data-testid": dataTestid }) {
 		children
 	});
 }
-//#endregion
 exports.AccordionActions = AccordionActions;

package/dist/Accordion/AccordionActions.d.cts

@@ -1,5 +1,4 @@
 import { ReactNode } from "react";
-//#region src/Accordion/AccordionActions/AccordionActions.d.ts
 interface AccordionActionsProps {
   /** The buttons at the foot of the region. */
   children?: ReactNode;
@@ -8,5 +7,4 @@ interface AccordionActionsProps {
 }
 /** @description The foot of an `Accordion` region: its buttons, at the end of a row. */
 declare function AccordionActions({ children, className, 'data-testid': dataTestid }: Readonly<AccordionActionsProps>): import("react").JSX.Element;
-//#endregion
 export { AccordionActions, AccordionActionsProps };

package/dist/Accordion/AccordionActions.d.mts

@@ -1,5 +1,4 @@
 import { ReactNode } from "react";
-//#region src/Accordion/AccordionActions/AccordionActions.d.ts
 interface AccordionActionsProps {
   /** The buttons at the foot of the region. */
   children?: ReactNode;
@@ -8,5 +7,4 @@ interface AccordionActionsProps {
 }
 /** @description The foot of an `Accordion` region: its buttons, at the end of a row. */
 declare function AccordionActions({ children, className, 'data-testid': dataTestid }: Readonly<AccordionActionsProps>): import("react").JSX.Element;
-//#endregion
 export { AccordionActions, AccordionActionsProps };

package/dist/Accordion/AccordionActions.mjs

@@ -1,7 +1,7 @@
-import { o as styled, t as createShouldForwardProp } from "../src-DLGYOJMh.mjs";
-import { a as useAccordion } from "../AccordionContext-DDk_i9Dx.mjs";
+import { o as styled, t as createShouldForwardProp } from "../src-B-rNjHIL.mjs";
+import { a as useAccordion } from "../AccordionContext-CBiu9CIa.mjs";
 import { jsx } from "react/jsx-runtime";
-//#region src/Accordion/AccordionActions/AccordionActions.tsx
+// src/Accordion/AccordionActions/AccordionActions.tsx
 const ActionsRoot = styled("div", {
 	name: "AccordionActions",
 	label: "AccordionActions",
@@ -23,5 +23,4 @@ function AccordionActions({ children, className, "data-testid": dataTestid }) {
 		children
 	});
 }
-//#endregion
 export { AccordionActions };

package/dist/Accordion/AccordionDetails.cjs

@@ -1,9 +1,9 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_src = require("../src-DU81aGy9.cjs");
-const require_AccordionContext = require("../AccordionContext-B2TCl9Os.cjs");
+const require_src = require("../src-yC1f5WR2.cjs");
+const require_AccordionContext = require("../AccordionContext-CpSLhcF6.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/Accordion/AccordionDetails/AccordionDetails.tsx
+// src/Accordion/AccordionDetails/AccordionDetails.tsx
 const DetailsRoot = require_src.styled("div", {
 	name: "AccordionDetails",
 	label: "AccordionDetails",
@@ -19,5 +19,4 @@ function AccordionDetails({ children, className, "data-testid": dataTestid }) {
 		children
 	});
 }
-//#endregion
 exports.AccordionDetails = AccordionDetails;

package/dist/Accordion/AccordionDetails.d.cts

@@ -1,5 +1,4 @@
 import { ReactNode } from "react";
-//#region src/Accordion/AccordionDetails/AccordionDetails.d.ts
 interface AccordionDetailsProps {
   /** What the accordion opens. */
   children?: ReactNode;
@@ -8,5 +7,4 @@ interface AccordionDetailsProps {
 }
 /** @description What an `Accordion` opens: the padded body of its region. */
 declare function AccordionDetails({ children, className, 'data-testid': dataTestid }: Readonly<AccordionDetailsProps>): import("react").JSX.Element;
-//#endregion
 export { AccordionDetails, AccordionDetailsProps };

package/dist/Accordion/AccordionDetails.d.mts

@@ -1,5 +1,4 @@
 import { ReactNode } from "react";
-//#region src/Accordion/AccordionDetails/AccordionDetails.d.ts
 interface AccordionDetailsProps {
   /** What the accordion opens. */
   children?: ReactNode;
@@ -8,5 +7,4 @@ interface AccordionDetailsProps {
 }
 /** @description What an `Accordion` opens: the padded body of its region. */
 declare function AccordionDetails({ children, className, 'data-testid': dataTestid }: Readonly<AccordionDetailsProps>): import("react").JSX.Element;
-//#endregion
 export { AccordionDetails, AccordionDetailsProps };

package/dist/Accordion/AccordionDetails.mjs

@@ -1,7 +1,7 @@
-import { o as styled, t as createShouldForwardProp } from "../src-DLGYOJMh.mjs";
-import { a as useAccordion } from "../AccordionContext-DDk_i9Dx.mjs";
+import { o as styled, t as createShouldForwardProp } from "../src-B-rNjHIL.mjs";
+import { a as useAccordion } from "../AccordionContext-CBiu9CIa.mjs";
 import { jsx } from "react/jsx-runtime";
-//#region src/Accordion/AccordionDetails/AccordionDetails.tsx
+// src/Accordion/AccordionDetails/AccordionDetails.tsx
 const DetailsRoot = styled("div", {
 	name: "AccordionDetails",
 	label: "AccordionDetails",
@@ -17,5 +17,4 @@ function AccordionDetails({ children, className, "data-testid": dataTestid }) {
 		children
 	});
 }
-//#endregion
 export { AccordionDetails };

package/dist/Accordion/AccordionGroup.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_AccordionContext = require("../AccordionContext-B2TCl9Os.cjs");
+const require_src = require("../src-yC1f5WR2.cjs");
+const require_theme = require("../theme-XJvMdOnY.cjs");
+const require_AccordionContext = require("../AccordionContext-CpSLhcF6.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/Accordion/AccordionGroup/AccordionGroup.tsx
+// src/Accordion/AccordionGroup/AccordionGroup.tsx
 const GroupRoot = require_src.styled("div", {
 	name: "AccordionGroup",
 	label: "AccordionGroup",
@@ -75,5 +75,4 @@ function AccordionGroup({ children, isExclusive: isExclusiveProp, variant: varia
 		})
 	});
 }
-//#endregion
 exports.AccordionGroup = AccordionGroup;

package/dist/Accordion/AccordionGroup.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/Accordion/AccordionGroup/AccordionGroup.d.ts
 type AccordionGroupVariant = 'separated' | 'attached';
 interface AccordionGroupProps extends SpaceProps<Theme> {
   /** The accordions. */
@@ -20,5 +19,4 @@ interface AccordionGroupProps extends SpaceProps<Theme> {
  * `isExpanded` is its owner's, and the group leaves it alone.
  */
 declare function AccordionGroup({ children, isExclusive: isExclusiveProp, variant: variantProp, className, 'data-testid': dataTestid, ...spaceProps }: Readonly<AccordionGroupProps>): import("react").JSX.Element;
-//#endregion
 export { AccordionGroup, AccordionGroupProps, AccordionGroupVariant };

package/dist/Accordion/AccordionGroup.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/Accordion/AccordionGroup/AccordionGroup.d.ts
 type AccordionGroupVariant = 'separated' | 'attached';
 interface AccordionGroupProps extends SpaceProps<Theme> {
   /** The accordions. */
@@ -20,5 +19,4 @@ interface AccordionGroupProps extends SpaceProps<Theme> {
  * `isExpanded` is its owner's, and the group leaves it alone.
  */
 declare function AccordionGroup({ children, isExclusive: isExclusiveProp, variant: variantProp, className, 'data-testid': dataTestid, ...spaceProps }: Readonly<AccordionGroupProps>): import("react").JSX.Element;
-//#endregion
 export { AccordionGroup, AccordionGroupProps, AccordionGroupVariant };

package/dist/Accordion/AccordionGroup.mjs

@@ -1,9 +1,9 @@
-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 { n as AccordionGroupContext } from "../AccordionContext-DDk_i9Dx.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 { n as AccordionGroupContext } from "../AccordionContext-CBiu9CIa.mjs";
 import { useMemo, useState } from "react";
 import { jsx } from "react/jsx-runtime";
-//#region src/Accordion/AccordionGroup/AccordionGroup.tsx
+// src/Accordion/AccordionGroup/AccordionGroup.tsx
 const GroupRoot = styled("div", {
 	name: "AccordionGroup",
 	label: "AccordionGroup",
@@ -73,5 +73,4 @@ function AccordionGroup({ children, isExclusive: isExclusiveProp, variant: varia
 		})
 	});
 }
-//#endregion
 export { AccordionGroup };

package/dist/Accordion/AccordionSummary.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_AccordionContext = require("../AccordionContext-B2TCl9Os.cjs");
-const require_Icon = require("../Icon-BE7bRsqR.cjs");
+const require_src = require("../src-yC1f5WR2.cjs");
+const require_theme = require("../theme-XJvMdOnY.cjs");
+const require_AccordionContext = require("../AccordionContext-CpSLhcF6.cjs");
+const require_Icon = require("../Icon-C5Iz5ekp.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/Accordion/AccordionSummary/AccordionSummary.tsx
+// src/Accordion/AccordionSummary/AccordionSummary.tsx
 const SummaryHeading = require_src.styled("div", {
 	name: "AccordionSummary",
 	label: "AccordionSummary"
@@ -95,5 +95,4 @@ function AccordionSummary({ children, expandIcon, headingLevel: headingLevelProp
 		})
 	});
 }
-//#endregion
 exports.AccordionSummary = AccordionSummary;

package/dist/Accordion/AccordionSummary.d.cts

@@ -1,5 +1,4 @@
 import { ReactNode } from "react";
-//#region src/Accordion/AccordionSummary/AccordionSummary.d.ts
 type AccordionHeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;
 interface AccordionSummaryProps {
   /** What the header says. */
@@ -17,5 +16,4 @@ interface AccordionSummaryProps {
  * button; in an `AccordionGroup` the arrows, Home and End move between summaries.
  */
 declare function AccordionSummary({ children, expandIcon, headingLevel: headingLevelProp, className, 'data-testid': dataTestid }: Readonly<AccordionSummaryProps>): import("react").JSX.Element;
-//#endregion
 export { AccordionHeadingLevel, AccordionSummary, AccordionSummaryProps };

package/dist/Accordion/AccordionSummary.d.mts

@@ -1,5 +1,4 @@
 import { ReactNode } from "react";
-//#region src/Accordion/AccordionSummary/AccordionSummary.d.ts
 type AccordionHeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;
 interface AccordionSummaryProps {
   /** What the header says. */
@@ -17,5 +16,4 @@ interface AccordionSummaryProps {
  * button; in an `AccordionGroup` the arrows, Home and End move between summaries.
  */
 declare function AccordionSummary({ children, expandIcon, headingLevel: headingLevelProp, className, 'data-testid': dataTestid }: Readonly<AccordionSummaryProps>): import("react").JSX.Element;
-//#endregion
 export { AccordionHeadingLevel, AccordionSummary, AccordionSummaryProps };

package/dist/Accordion/AccordionSummary.mjs

@@ -1,9 +1,9 @@
-import { a as src_exports, o as styled, t as createShouldForwardProp } from "../src-DLGYOJMh.mjs";
-import { n as useDefaultProps } from "../theme-oBfFhJm9.mjs";
-import { a as useAccordion, i as getSummaryId, r as getRegionId } from "../AccordionContext-DDk_i9Dx.mjs";
-import { t as Icon } from "../Icon-0hPpk-WZ.mjs";
+import { a as src_exports, o as styled, t as createShouldForwardProp } from "../src-B-rNjHIL.mjs";
+import { n as useDefaultProps } from "../theme-DyyZQFzQ.mjs";
+import { a as useAccordion, i as getSummaryId, r as getRegionId } from "../AccordionContext-CBiu9CIa.mjs";
+import { t as Icon } from "../Icon-XpXU-SuF.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/Accordion/AccordionSummary/AccordionSummary.tsx
+// src/Accordion/AccordionSummary/AccordionSummary.tsx
 const SummaryHeading = styled("div", {
 	name: "AccordionSummary",
 	label: "AccordionSummary"
@@ -93,5 +93,4 @@ function AccordionSummary({ children, expandIcon, headingLevel: headingLevelProp
 		})
 	});
 }
-//#endregion
 export { AccordionSummary };

package/dist/{AccordionContext-DDk_i9Dx.mjs → AccordionContext-CBiu9CIa.mjs}

@@ -1,5 +1,5 @@
 import { createContext, useContext } from "react";
-//#region src/Accordion/AccordionContext.ts
+// src/Accordion/AccordionContext.ts
 const AccordionContext = createContext(null);
 /** The accordion a part sits in - a part with none is a mistake, so it says so. */
 function useAccordion(part) {
@@ -11,5 +11,4 @@ const AccordionGroupContext = createContext(null);
 /** The ids of an accordion's two parts, from its base. */
 const getSummaryId = (baseId) => `${baseId}-summary`;
 const getRegionId = (baseId) => `${baseId}-region`;
-//#endregion
 export { useAccordion as a, getSummaryId as i, AccordionGroupContext as n, getRegionId as r, AccordionContext as t };

package/dist/{AccordionContext-B2TCl9Os.cjs → AccordionContext-CpSLhcF6.cjs}

@@ -1,5 +1,5 @@
 let react = require("react");
-//#region src/Accordion/AccordionContext.ts
+// src/Accordion/AccordionContext.ts
 const AccordionContext = (0, react.createContext)(null);
 /** The accordion a part sits in - a part with none is a mistake, so it says so. */
 function useAccordion(part) {
@@ -11,7 +11,6 @@ const AccordionGroupContext = (0, react.createContext)(null);
 /** The ids of an accordion's two parts, from its base. */
 const getSummaryId = (baseId) => `${baseId}-summary`;
 const getRegionId = (baseId) => `${baseId}-region`;
-//#endregion
 Object.defineProperty(exports, "AccordionContext", {
 	enumerable: true,
 	get: function() {

package/dist/Alert/Alert.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_theme = require("../theme-DzfwuzMZ.cjs");
-const require_getSurfaceRadius = require("../getSurfaceRadius-BTUV1E8H.cjs");
-const require_Icon = require("../Icon-BE7bRsqR.cjs");
+const require_theme = require("../theme-XJvMdOnY.cjs");
+const require_getSurfaceRadius = require("../getSurfaceRadius-DwOn3ALC.cjs");
+const require_Icon = require("../Icon-C5Iz5ekp.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/Alert/Alert/Alert.tsx
+// src/Alert/Alert/Alert.tsx
 const SEVERITY_ICONS = {
 	success: "check_circle",
 	info: "info",
@@ -150,5 +150,4 @@ function Alert({ children, severity: severityProp, variant: variantProp, icon, a
 		]
 	});
 }
-//#endregion
 exports.Alert = Alert;

package/dist/Alert/Alert.d.cts

@@ -1,7 +1,6 @@
-import { nt as Theme } from "../index-XN4-ZqTB.cjs";
+import { nt as Theme } from "../index-Lsm4v8fB.cjs";
 import { MouseEvent, ReactNode } from "react";
 import { SpaceProps } from "@soroush.tech/styled-system";
-//#region src/Alert/Alert/Alert.d.ts
 type AlertSeverity = 'success' | 'info' | 'warning' | 'error';
 type AlertVariant = 'standard' | 'contained' | 'outlined';
 interface AlertProps extends SpaceProps<Theme> {
@@ -33,5 +32,4 @@ interface AlertProps extends SpaceProps<Theme> {
  * it is the severity color's `contrastText`.
  */
 declare function Alert({ children, severity: severityProp, variant: variantProp, icon, action, onClose, closeLabel: closeLabelProp, role: roleProp, borderRadius: borderRadiusProp, className, 'data-testid': dataTestid, ...spaceProps }: Readonly<AlertProps>): import("react").JSX.Element;
-//#endregion
 export { Alert, AlertProps, AlertSeverity, AlertVariant };

package/dist/Alert/Alert.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 { MouseEvent, ReactNode } from "react";
-//#region src/Alert/Alert/Alert.d.ts
 type AlertSeverity = 'success' | 'info' | 'warning' | 'error';
 type AlertVariant = 'standard' | 'contained' | 'outlined';
 interface AlertProps extends SpaceProps<Theme> {
@@ -33,5 +32,4 @@ interface AlertProps extends SpaceProps<Theme> {
  * it is the severity color's `contrastText`.
  */
 declare function Alert({ children, severity: severityProp, variant: variantProp, icon, action, onClose, closeLabel: closeLabelProp, role: roleProp, borderRadius: borderRadiusProp, className, 'data-testid': dataTestid, ...spaceProps }: Readonly<AlertProps>): import("react").JSX.Element;
-//#endregion
 export { Alert, AlertProps, AlertSeverity, AlertVariant };

package/dist/Alert/Alert.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 { n as useDefaultProps } from "../theme-oBfFhJm9.mjs";
-import { t as getSurfaceRadius } from "../getSurfaceRadius-DTgqIzll.mjs";
-import { t as Icon } from "../Icon-0hPpk-WZ.mjs";
+import { n as useDefaultProps } from "../theme-DyyZQFzQ.mjs";
+import { t as getSurfaceRadius } from "../getSurfaceRadius-B1QE_VLa.mjs";
+import { t as Icon } from "../Icon-XpXU-SuF.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/Alert/Alert/Alert.tsx
+// src/Alert/Alert/Alert.tsx
 const SEVERITY_ICONS = {
 	success: "check_circle",
 	info: "info",
@@ -148,5 +148,4 @@ function Alert({ children, severity: severityProp, variant: variantProp, icon, a
 		]
 	});
 }
-//#endregion
 export { Alert };

package/dist/Alert/AlertTitle.cjs

@@ -1,7 +1,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_src = require("../src-DU81aGy9.cjs");
+const require_src = require("../src-yC1f5WR2.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
-//#region src/Alert/AlertTitle/AlertTitle.tsx
+// src/Alert/AlertTitle/AlertTitle.tsx
 const AlertTitleRoot = require_src.styled("div", {
 	name: "AlertTitle",
 	label: "AlertTitle"
@@ -17,5 +17,4 @@ function AlertTitle({ children, className, "data-testid": dataTestid }) {
 		children
 	});
 }
-//#endregion
 exports.AlertTitle = AlertTitle;

package/dist/Alert/AlertTitle.d.cts

@@ -1,5 +1,4 @@
 import { ReactNode } from "react";
-//#region src/Alert/AlertTitle/AlertTitle.d.ts
 interface AlertTitleProps {
   /** The title. */
   children?: ReactNode;
@@ -8,5 +7,4 @@ interface AlertTitleProps {
 }
 /** @description The title of an `Alert`: its first line of the message, in a heavier weight. */
 declare function AlertTitle({ children, className, 'data-testid': dataTestid }: Readonly<AlertTitleProps>): import("react").JSX.Element;
-//#endregion
 export { AlertTitle, AlertTitleProps };

package/dist/Alert/AlertTitle.d.mts

@@ -1,5 +1,4 @@
 import { ReactNode } from "react";
-//#region src/Alert/AlertTitle/AlertTitle.d.ts
 interface AlertTitleProps {
   /** The title. */
   children?: ReactNode;
@@ -8,5 +7,4 @@ interface AlertTitleProps {
 }
 /** @description The title of an `Alert`: its first line of the message, in a heavier weight. */
 declare function AlertTitle({ children, className, 'data-testid': dataTestid }: Readonly<AlertTitleProps>): import("react").JSX.Element;
-//#endregion
 export { AlertTitle, AlertTitleProps };

package/dist/Alert/AlertTitle.mjs

@@ -1,6 +1,6 @@
-import { a as src_exports, o as styled } from "../src-DLGYOJMh.mjs";
+import { a as src_exports, o as styled } from "../src-B-rNjHIL.mjs";
 import { jsx } from "react/jsx-runtime";
-//#region src/Alert/AlertTitle/AlertTitle.tsx
+// src/Alert/AlertTitle/AlertTitle.tsx
 const AlertTitleRoot = styled("div", {
 	name: "AlertTitle",
 	label: "AlertTitle"
@@ -16,5 +16,4 @@ function AlertTitle({ children, className, "data-testid": dataTestid }) {
 		children
 	});
 }
-//#endregion
 export { AlertTitle };

package/dist/AppBar.cjs

@@ -1,10 +1,10 @@
 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_Flex = require("./Flex.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/AppBar/AppBar.tsx
+// src/AppBar/AppBar.tsx
 const shouldForwardProp = (0, _soroush_tech_styled_system_should_forward_prop.createShouldForwardProp)([
 	..._soroush_tech_styled_system_should_forward_prop.props,
 	"elevation",
@@ -67,5 +67,4 @@ function AppBar({ elevation = 4, size, ...rest }) {
 		...rest
 	});
 }
-//#endregion
 exports.AppBar = AppBar;

package/dist/AppBar.d.cts

@@ -1,5 +1,4 @@
-import { dn as FlexProps, nt as Theme } from "./index-XN4-ZqTB.cjs";
-//#region src/AppBar/AppBar.d.ts
+import { dn as FlexProps, nt as Theme } from "./index-Lsm4v8fB.cjs";
 /** Valid values for the color prop - derived from theme.background keys. */
 type AppBarColor = keyof Theme['background'];
 type AppBarPosition = 'absolute' | 'fixed' | 'relative' | 'static' | 'sticky';
@@ -18,5 +17,4 @@ interface AppBarProps extends Omit<FlexProps, 'position' | 'bg'> {
   blur?: boolean;
 }
 declare function AppBar({ elevation, size, ...rest }: Readonly<AppBarProps>): import("react").JSX.Element;
-//#endregion
 export { AppBar, AppBarColor, AppBarPosition, AppBarProps, AppBarSize };

package/dist/AppBar.d.mts

@@ -1,5 +1,4 @@
-import { dn as FlexProps, nt as Theme } from "./index-CRQ7XLri.mjs";
-//#region src/AppBar/AppBar.d.ts
+import { dn as FlexProps, nt as Theme } from "./index-CR8qkP8U.mjs";
 /** Valid values for the color prop - derived from theme.background keys. */
 type AppBarColor = keyof Theme['background'];
 type AppBarPosition = 'absolute' | 'fixed' | 'relative' | 'static' | 'sticky';
@@ -18,5 +17,4 @@ interface AppBarProps extends Omit<FlexProps, 'position' | 'bg'> {
   blur?: boolean;
 }
 declare function AppBar({ elevation, size, ...rest }: Readonly<AppBarProps>): import("react").JSX.Element;
-//#endregion
 export { AppBar, AppBarColor, AppBarPosition, AppBarProps, AppBarSize };

package/dist/AppBar.mjs

@@ -1,8 +1,8 @@
-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 { Flex } from "./Flex.mjs";
 import { jsx } from "react/jsx-runtime";
-//#region src/AppBar/AppBar.tsx
+// src/AppBar/AppBar.tsx
 const shouldForwardProp = createShouldForwardProp([
 	...props,
 	"elevation",
@@ -65,5 +65,4 @@ function AppBar({ elevation = 4, size, ...rest }) {
 		...rest
 	});
 }
-//#endregion
 export { AppBar };