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

package/dist/{computePopoverPosition-DiyEOHnU.cjs → computePopoverPosition-C2W1FcYE.cjs}

@@ -1,4 +1,4 @@
-//#region src/Popover/utils/getOffset.ts
+// src/Popover/utils/getOffset.ts
 /** Vertical offset within a rect for an anchor/transform origin keyword or explicit px. */
 function getOffsetTop(rect, vertical) {
 	if (typeof vertical === "number") return vertical;
@@ -13,14 +13,12 @@ function getOffsetLeft(rect, horizontal) {
 	if (horizontal === "right") return rect.width;
 	return 0;
 }
-//#endregion
-//#region src/Popover/utils/getTransformOriginValue.ts
+// src/Popover/utils/getTransformOriginValue.ts
 /** Serializes a resolved transform origin (in px) to a CSS `transform-origin` value. */
 function getTransformOriginValue(origin) {
 	return `${origin.horizontal}px ${origin.vertical}px`;
 }
-//#endregion
-//#region src/Popover/utils/computePopoverPosition.ts
+// src/Popover/utils/computePopoverPosition.ts
 /** Mirrors a keyword origin to the opposite edge; numbers and `center` are unchanged. */
 function flipVertical(origin) {
 	if (origin === "top") return "bottom";
@@ -119,7 +117,6 @@ function computePopoverPosition(params) {
 		})
 	};
 }
-//#endregion
 Object.defineProperty(exports, "computePopoverPosition", {
 	enumerable: true,
 	get: function() {

package/dist/{computePopoverPosition-BIprs_xo.mjs → computePopoverPosition-qii46Z6p.mjs}

@@ -1,4 +1,4 @@
-//#region src/Popover/utils/getOffset.ts
+// src/Popover/utils/getOffset.ts
 /** Vertical offset within a rect for an anchor/transform origin keyword or explicit px. */
 function getOffsetTop(rect, vertical) {
 	if (typeof vertical === "number") return vertical;
@@ -13,14 +13,12 @@ function getOffsetLeft(rect, horizontal) {
 	if (horizontal === "right") return rect.width;
 	return 0;
 }
-//#endregion
-//#region src/Popover/utils/getTransformOriginValue.ts
+// src/Popover/utils/getTransformOriginValue.ts
 /** Serializes a resolved transform origin (in px) to a CSS `transform-origin` value. */
 function getTransformOriginValue(origin) {
 	return `${origin.horizontal}px ${origin.vertical}px`;
 }
-//#endregion
-//#region src/Popover/utils/computePopoverPosition.ts
+// src/Popover/utils/computePopoverPosition.ts
 /** Mirrors a keyword origin to the opposite edge; numbers and `center` are unchanged. */
 function flipVertical(origin) {
 	if (origin === "top") return "bottom";
@@ -119,5 +117,4 @@ function computePopoverPosition(params) {
 		})
 	};
 }
-//#endregion
 export { computePopoverPosition as t };

package/dist/{dividerLine-FahY-M6_.mjs → dividerLine-BC8E38Ed.mjs}

@@ -1,6 +1,6 @@
-import { a as src_exports } from "./src-DLGYOJMh.mjs";
+import { a as src_exports } from "./src-B-rNjHIL.mjs";
 import { createContext, useContext } from "react";
-//#region src/Tabs/TabsContext.ts
+// src/Tabs/TabsContext.ts
 const TabsContext = createContext(null);
 /** Each tab's position among its siblings - its value when it has none of its own. */
 const TabIndexContext = createContext(0);
@@ -9,8 +9,7 @@ function useTabsContext() {
 	if (!tabs) throw new Error("A Tab must be inside Tabs.");
 	return tabs;
 }
-//#endregion
-//#region src/Tabs/utils/dividerLine.ts
+// src/Tabs/utils/dividerLine.ts
 /**
 * The divider - the line along a row of tabs' foot, a column's end side - as an inset shadow,
 * so it adds no size and runs unbroken across the pieces that each draw a stretch of it.
@@ -27,5 +26,4 @@ const getDividerColor = (theme, variant, color) => variant === "enclosed" ? (0,
 * leave its own piece out.
 */
 const getEnclosedPieceStyle = (theme, { variant, color, orientation, hasDivider }) => hasDivider && variant === "enclosed" ? { boxShadow: getDividerShadow(theme, orientation === "vertical", getDividerColor(theme, variant, color)) } : {};
-//#endregion
 export { TabsContext as a, TabIndexContext as i, getDividerShadow as n, useTabsContext as o, getEnclosedPieceStyle as r, getDividerColor as t };

package/dist/{dividerLine-BNljcGlv.cjs → dividerLine-DFuLn1zU.cjs}

@@ -1,6 +1,6 @@
-const require_src = require("./src-DU81aGy9.cjs");
+const require_src = require("./src-yC1f5WR2.cjs");
 let react = require("react");
-//#region src/Tabs/TabsContext.ts
+// src/Tabs/TabsContext.ts
 const TabsContext = (0, react.createContext)(null);
 /** Each tab's position among its siblings - its value when it has none of its own. */
 const TabIndexContext = (0, react.createContext)(0);
@@ -9,8 +9,7 @@ function useTabsContext() {
 	if (!tabs) throw new Error("A Tab must be inside Tabs.");
 	return tabs;
 }
-//#endregion
-//#region src/Tabs/utils/dividerLine.ts
+// src/Tabs/utils/dividerLine.ts
 /**
 * The divider - the line along a row of tabs' foot, a column's end side - as an inset shadow,
 * so it adds no size and runs unbroken across the pieces that each draw a stretch of it.
@@ -27,7 +26,6 @@ const getDividerColor = (theme, variant, color) => variant === "enclosed" ? (0,
 * leave its own piece out.
 */
 const getEnclosedPieceStyle = (theme, { variant, color, orientation, hasDivider }) => hasDivider && variant === "enclosed" ? { boxShadow: getDividerShadow(theme, orientation === "vertical", getDividerColor(theme, variant, color)) } : {};
-//#endregion
 Object.defineProperty(exports, "TabIndexContext", {
 	enumerable: true,
 	get: function() {

package/dist/{emotion-BAyqVw0c.mjs → emotion-E3pBNlXd.mjs}

@@ -1,6 +1,5 @@
 import { CacheProvider, Global, ThemeContext as EmotionThemeContext, ThemeProvider as EmotionThemeProvider, useTheme as useEmotionTheme } from "@emotion/react";
-//#region src/theme/emotion.ts
+// src/theme/emotion.ts
 /** `Global`, retyped against this package's own `Theme` (see `styled.ts`'s `StyledTags`). */
 const Global$1 = Global;
-//#endregion
 export { useEmotionTheme as a, Global$1 as i, EmotionThemeContext as n, EmotionThemeProvider as r, CacheProvider as t };

package/dist/{emotion-DviPkkGL.cjs → emotion-sEV-zb6P.cjs}

@@ -1,7 +1,6 @@
-//#region src/theme/emotion.ts
+// src/theme/emotion.ts
 /** `Global`, retyped against this package's own `Theme` (see `styled.ts`'s `StyledTags`). */
 const Global = require("@emotion/react").Global;
-//#endregion
 Object.defineProperty(exports, "Global", {
 	enumerable: true,
 	get: function() {

package/dist/engine.cjs

@@ -1,13 +1,12 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_rolldown_runtime = require("./rolldown-runtime-BloeesfJ.cjs");
-const require_emotion = require("./emotion-DviPkkGL.cjs");
+const require_rolldown_runtime = require("./rolldown-runtime-CiKaZLfC.cjs");
+const require_emotion = require("./emotion-sEV-zb6P.cjs");
 let _emotion_react = require("@emotion/react");
 let _emotion_cache = require("@emotion/cache");
 _emotion_cache = require_rolldown_runtime.__toESM(_emotion_cache, 1);
-//#region src/engine/styleCache.ts
+// src/engine/styleCache.ts
 var styleCache_default = (0, _emotion_cache.default)({ key: "soroush" });
-//#endregion
-//#region src/engine/globalStyles.ts
+// src/engine/globalStyles.ts
 /**
 * The base reset this package owns - box-sizing, margin/table resets, and
 * theme-driven body colors. Font-family, webfont loading, and anything else
@@ -68,7 +67,6 @@ const globalStyles = (theme) => _emotion_react.css`
     padding: 0;
   }
 `;
-//#endregion
 Object.defineProperty(exports, "CacheProvider", {
 	enumerable: true,
 	get: function() {

package/dist/engine.d.cts

@@ -1,21 +1,15 @@
-import { nt as Theme } from "./index-XN4-ZqTB.cjs";
+import { nt as Theme } from "./index-Lsm4v8fB.cjs";
 import { ComponentType, RefAttributes } from "react";
 import { CacheProvider, Interpolation } from "@emotion/react";
-//#region src/theme/emotion.d.ts
 /** `Global`, retyped against this package's own `Theme` (see `styled.ts`'s `StyledTags`). */
 declare const Global: ComponentType<{
   styles: Interpolation<Theme>;
 } & RefAttributes<unknown>>;
-//#endregion
-//#region src/engine/styleCache.d.ts
 declare const _default: import("@emotion/cache").EmotionCache;
-//#endregion
-//#region src/engine/globalStyles.d.ts
 /**
  * The base reset this package owns - box-sizing, margin/table resets, and
  * theme-driven body colors. Font-family, webfont loading, and anything else
  * app-specific are app policy - compose this into your own `Global` styles array.
  */
 declare const globalStyles: (theme: Theme) => import("@emotion/react").SerializedStyles;
-//#endregion
 export { CacheProvider, Global, globalStyles, _default as styleCache };

package/dist/engine.d.mts

@@ -1,21 +1,15 @@
-import { nt as Theme } from "./index-CRQ7XLri.mjs";
+import { nt as Theme } from "./index-CR8qkP8U.mjs";
 import { CacheProvider, Interpolation } from "@emotion/react";
 import { ComponentType, RefAttributes } from "react";
-//#region src/theme/emotion.d.ts
 /** `Global`, retyped against this package's own `Theme` (see `styled.ts`'s `StyledTags`). */
 declare const Global: ComponentType<{
   styles: Interpolation<Theme>;
 } & RefAttributes<unknown>>;
-//#endregion
-//#region src/engine/styleCache.d.ts
 declare const _default: import("@emotion/cache").EmotionCache;
-//#endregion
-//#region src/engine/globalStyles.d.ts
 /**
  * The base reset this package owns - box-sizing, margin/table resets, and
  * theme-driven body colors. Font-family, webfont loading, and anything else
  * app-specific are app policy - compose this into your own `Global` styles array.
  */
 declare const globalStyles: (theme: Theme) => import("@emotion/react").SerializedStyles;
-//#endregion
 export { CacheProvider, Global, globalStyles, _default as styleCache };

package/dist/engine.mjs

@@ -1,10 +1,9 @@
-import { i as Global, t as CacheProvider } from "./emotion-BAyqVw0c.mjs";
+import { i as Global, t as CacheProvider } from "./emotion-E3pBNlXd.mjs";
 import { css } from "@emotion/react";
 import createCache from "@emotion/cache";
-//#region src/engine/styleCache.ts
+// src/engine/styleCache.ts
 var styleCache_default = createCache({ key: "soroush" });
-//#endregion
-//#region src/engine/globalStyles.ts
+// src/engine/globalStyles.ts
 /**
 * The base reset this package owns - box-sizing, margin/table resets, and
 * theme-driven body colors. Font-family, webfont loading, and anything else
@@ -65,5 +64,4 @@ const globalStyles = (theme) => css`
     padding: 0;
   }
 `;
-//#endregion
 export { CacheProvider, Global, globalStyles, styleCache_default as styleCache };

package/dist/{getAnchorRel-CySI28HJ.mjs → getAnchorRel-BLYap7aE.mjs}

@@ -1,8 +1,7 @@
-//#region src/utils/getAnchorRel.ts
+// src/utils/getAnchorRel.ts
 /**
 * The `rel` of an anchor: as given, else `noopener noreferrer` when it opens a new tab, so the
 * page it opens can't reach back to this one through `window.opener`.
 */
 const getAnchorRel = (target, rel) => target === "_blank" && rel === void 0 ? "noopener noreferrer" : rel;
-//#endregion
 export { getAnchorRel as t };

package/dist/{getAnchorRel-_vtAXC-4.cjs → getAnchorRel-DFMc_uIR.cjs}

@@ -1,10 +1,9 @@
-//#region src/utils/getAnchorRel.ts
+// src/utils/getAnchorRel.ts
 /**
 * The `rel` of an anchor: as given, else `noopener noreferrer` when it opens a new tab, so the
 * page it opens can't reach back to this one through `window.opener`.
 */
 const getAnchorRel = (target, rel) => target === "_blank" && rel === void 0 ? "noopener noreferrer" : rel;
-//#endregion
 Object.defineProperty(exports, "getAnchorRel", {
 	enumerable: true,
 	get: function() {

package/dist/{getShapeRadius-vXmXGV3f.cjs → getShapeRadius-C2xXOKCl.cjs}

@@ -1,4 +1,4 @@
-//#region src/utils/getShapeRadius.ts
+// src/utils/getShapeRadius.ts
 /**
 * The corner radius of a shape. Only `rounded` takes a radius - `rounded` is the one the
 * `borderRadius` prop and the theme's radii set; `square` is none and `pill` is a full round.
@@ -8,7 +8,6 @@ const getShapeRadius = (shape, rounded) => {
 	if (shape === "pill") return "9999px";
 	return rounded;
 };
-//#endregion
 Object.defineProperty(exports, "getShapeRadius", {
 	enumerable: true,
 	get: function() {

package/dist/{getShapeRadius-B9ytqDSk.d.cts → getShapeRadius-CdCQb8OT.d.cts}

@@ -1,5 +1,3 @@
-//#region src/utils/getShapeRadius.d.ts
 /** The corner shapes of a control or a surface: square, rounded by a radius, or a full pill. */
 type Shape = 'square' | 'rounded' | 'pill';
-//#endregion
 export { Shape as t };

package/dist/{getShapeRadius-B9ytqDSk.d.mts → getShapeRadius-CdCQb8OT.d.mts}

@@ -1,5 +1,3 @@
-//#region src/utils/getShapeRadius.d.ts
 /** The corner shapes of a control or a surface: square, rounded by a radius, or a full pill. */
 type Shape = 'square' | 'rounded' | 'pill';
-//#endregion
 export { Shape as t };

package/dist/{getShapeRadius-sY6-AGP4.mjs → getShapeRadius-DVQRARis.mjs}

@@ -1,4 +1,4 @@
-//#region src/utils/getShapeRadius.ts
+// src/utils/getShapeRadius.ts
 /**
 * The corner radius of a shape. Only `rounded` takes a radius - `rounded` is the one the
 * `borderRadius` prop and the theme's radii set; `square` is none and `pill` is a full round.
@@ -8,5 +8,4 @@ const getShapeRadius = (shape, rounded) => {
 	if (shape === "pill") return "9999px";
 	return rounded;
 };
-//#endregion
 export { getShapeRadius as t };

package/dist/{getSurfaceRadius-DTgqIzll.mjs → getSurfaceRadius-B1QE_VLa.mjs}

@@ -1,6 +1,5 @@
-import { t as themeDefault } from "./themeDefault-Z3KmyIbm.mjs";
-//#region src/utils/getSurfaceRadius.ts
+import { t as themeDefault } from "./themeDefault-BeZJzqJj.mjs";
+// src/utils/getSurfaceRadius.ts
 /** The corner radius of a surface: the one asked for, else `theme.defaults.surfaceRadius`, else square. */
 const getSurfaceRadius = (theme, borderRadius) => theme.radii[borderRadius ?? themeDefault(theme, "surfaceRadius", "sq")];
-//#endregion
 export { getSurfaceRadius as t };

package/dist/{getSurfaceRadius-BTUV1E8H.cjs → getSurfaceRadius-DwOn3ALC.cjs}

@@ -1,8 +1,7 @@
-const require_themeDefault = require("./themeDefault-Cebi08Cv.cjs");
-//#region src/utils/getSurfaceRadius.ts
+const require_themeDefault = require("./themeDefault-DbPHBbNO.cjs");
+// src/utils/getSurfaceRadius.ts
 /** The corner radius of a surface: the one asked for, else `theme.defaults.surfaceRadius`, else square. */
 const getSurfaceRadius = (theme, borderRadius) => theme.radii[borderRadius ?? require_themeDefault.themeDefault(theme, "surfaceRadius", "sq")];
-//#endregion
 Object.defineProperty(exports, "getSurfaceRadius", {
 	enumerable: true,
 	get: function() {

package/dist/{getTooltipOrigins-B_7XXtQq.cjs → getTooltipOrigins-8b5zQafY.cjs}

@@ -1,4 +1,4 @@
-//#region src/Tooltip/utils/getTooltipOrigins.ts
+// src/Tooltip/utils/getTooltipOrigins.ts
 const tooltipPlacementValues = [
 	"top",
 	"top-start",
@@ -83,7 +83,6 @@ function resolveTooltipPlacement(placement, { anchorRect, surfaceSize, viewport,
 	const end = placement.split("-")[1];
 	return end ? `${logical}-${end}` : logical;
 }
-//#endregion
 Object.defineProperty(exports, "getTooltipOrigins", {
 	enumerable: true,
 	get: function() {

package/dist/{getTooltipOrigins-CyyIMCF1.mjs → getTooltipOrigins-D0bLLXwY.mjs}

@@ -1,4 +1,4 @@
-//#region src/Tooltip/utils/getTooltipOrigins.ts
+// src/Tooltip/utils/getTooltipOrigins.ts
 const tooltipPlacementValues = [
 	"top",
 	"top-start",
@@ -83,5 +83,4 @@ function resolveTooltipPlacement(placement, { anchorRect, surfaceSize, viewport,
 	const end = placement.split("-")[1];
 	return end ? `${logical}-${end}` : logical;
 }
-//#endregion
 export { resolveTooltipPlacement as n, tooltipPlacementValues as r, getTooltipOrigins as t };

package/dist/index-1Xzj0iAs.d.mts

@@ -0,0 +1 @@
+import "./index-CR8qkP8U.mjs";

package/dist/index-323PrYLR.d.cts

@@ -0,0 +1 @@
+import "./index-Lsm4v8fB.cjs";

package/dist/{index-Bfyz3MDc.d.mts → index-4maWM1H8.d.mts}

@@ -1,6 +1,5 @@
-import { nt as Theme } from "./index-CRQ7XLri.mjs";
+import { nt as Theme } from "./index-CR8qkP8U.mjs";
 import { KeyboardEvent, MouseEvent, ReactNode, Ref, RefCallback, SyntheticEvent } from "react";
-//#region src/Modal/useModal.d.ts
 type ModalCloseReason = 'escapeKey' | 'backdropClick';
 type EventHandlers = Record<string, ((event: SyntheticEvent) => void) | undefined>;
 interface UseModalParameters {
@@ -25,8 +24,6 @@ interface UseModalReturnValue {
   isTopModal: () => boolean;
 }
 declare function useModal(parameters: UseModalParameters): UseModalReturnValue;
-//#endregion
-//#region src/Modal/Modal.d.ts
 type ModalScroll = 'paper' | 'body';
 interface ModalProps {
   /** If true, the modal is shown. */
@@ -66,8 +63,6 @@ interface ModalProps {
  * higher-level overlays such as Drawer.
  */
 declare function Modal({ isOpen, children, onClose, hasBackdrop, shouldKeepMounted, shouldUsePortal, portalContainer, shouldLockScroll, disableAriaHidden, shouldAutoFocus, shouldTrapFocus, shouldEnforceFocus, shouldRestoreFocus, scroll, layer }: Readonly<ModalProps>): import("react").JSX.Element | null;
-//#endregion
-//#region src/Modal/ModalManager.d.ts
 /** A modal tracked by the manager: its portal mount node and its root element. */
 interface ManagedModal {
   mount: Element;
@@ -93,5 +88,4 @@ declare class ModalManager {
   remove(modal: ManagedModal, ariaHiddenState?: boolean): number;
   isTopModal(modal: ManagedModal): boolean;
 }
-//#endregion
 export { hideFromAria as a, ModalScroll as c, UseModalReturnValue as d, useModal as f, exposeToAria as i, ModalCloseReason as l, ManagedModalProps as n, Modal as o, ModalManager as r, ModalProps as s, ManagedModal as t, UseModalParameters as u };

package/dist/{index-D05fSuF1.d.mts → index-76zijQoi.d.mts}

@@ -1,8 +1,7 @@
-import { nt as Theme } from "./index-CRQ7XLri.mjs";
-import { n as IconProps, r as IconName } from "./index-DNj5P2NH.mjs";
+import { nt as Theme } from "./index-CR8qkP8U.mjs";
+import { n as IconProps, r as IconName } from "./index-D48qVo1X.mjs";
 import { SpaceProps } from "@soroush.tech/styled-system";
 import { ButtonHTMLAttributes } from "react";
-//#region src/Table/TableSortLabel/TableSortLabel.d.ts
 type TableSortLabelDirection = 'asc' | 'desc';
 interface TableSortLabelProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'color'>, SpaceProps<Theme> {
   /** Marks the currently-sorted column - shows the icon fully opaque. Default: `false`. */
@@ -21,5 +20,4 @@ interface TableSortLabelProps extends Omit<ButtonHTMLAttributes<HTMLButtonElemen
   iconProps?: Omit<IconProps, 'name'>;
 }
 declare function TableSortLabel({ isActive, direction, shouldHideSortIcon, iconName, iconProps, type, children, ...rest }: Readonly<TableSortLabelProps>): import("react").JSX.Element;
-//#endregion
 export { TableSortLabelDirection as n, TableSortLabelProps as r, TableSortLabel as t };

package/dist/{index-Db4L2hwa.d.cts → index-B3Bdupj3.d.mts}

@@ -1,7 +1,6 @@
-import { nt as Theme } from "./index-XN4-ZqTB.cjs";
-import { r as TransitionTimeout, t as TransitionCallbacks } from "./useTransition-l9dv83-Y.cjs";
+import { nt as Theme } from "./index-CR8qkP8U.mjs";
+import { r as TransitionTimeout, t as TransitionCallbacks } from "./useTransition-3EoagwIe.mjs";
 import { ReactNode } from "react";
-//#region src/Collapse/Collapse.d.ts
 type CollapseOrientation = 'vertical' | 'horizontal';
 interface CollapseProps extends TransitionCallbacks {
   /** What opens and closes. */
@@ -32,5 +31,4 @@ interface CollapseProps extends TransitionCallbacks {
  * A user who asked for less motion sees it change at once.
  */
 declare function Collapse({ children, isShown, shouldAppear: shouldAppearProp, shouldMountOnEnter, shouldUnmountOnExit, timeout: timeoutProp, easing: easingProp, collapsedSize: collapsedSizeProp, orientation: orientationProp, onEnter, onEntering, onEntered, onExit, onExiting, onExited, className, 'data-testid': dataTestid }: Readonly<CollapseProps>): import("react").JSX.Element | null;
-//#endregion
 export { CollapseOrientation as n, CollapseProps as r, Collapse as t };

package/dist/{index-lGpLM144.d.mts → index-BAzMLTVi.d.mts}

@@ -1,13 +1,10 @@
-import { cn as PaperElevation, nt as Theme } from "./index-CRQ7XLri.mjs";
-import "./index-fPRELf0V.mjs";
-import { t as MenuItemValue } from "./MenuListContext-BWL5fM_L.mjs";
-import { n as MenuItemData } from "./index-CRn4fWwA.mjs";
+import { cn as PaperElevation, nt as Theme } from "./index-CR8qkP8U.mjs";
+import "./index-1Xzj0iAs.mjs";
+import { t as MenuItemValue } from "./MenuListContext-DbnAoUdJ.mjs";
+import { n as MenuItemData } from "./index-CJYWGPVO.mjs";
 import { KeyboardEvent, MouseEvent, ReactElement, ReactNode, Ref, SyntheticEvent } from "react";
-//#region src/Menu/utils/getMenuOrigins.d.ts
 /** Which edge of its trigger a menu lines up with: the start edge, or the end edge. */
 type MenuAlign = 'start' | 'end';
-//#endregion
-//#region src/Menu/Menu/Menu.d.ts
 /** Why a menu closed: Escape, a chosen row, its trigger pressed again, or focus leaving it. */
 type MenuCloseReason = 'escapeKey' | 'select' | 'triggerClick' | 'blur';
 /** A step a menu bar takes from this menu to the previous (`-1`) or next (`1`) one. */
@@ -70,5 +67,4 @@ interface MenuProps {
  * closes it and returns focus to the trigger; focus leaving it closes it where it went.
  */
 declare function Menu({ trigger, children, items, isOpen: isOpenProp, defaultOpen, onOpen, onClose, onStep, onSelect, align: alignProp, marginThreshold: marginThresholdProp, elevation: elevationProp, layer: layerProp, borderRadius: borderRadiusProp, emptyLabel, color: colorProp, textColor: textColorProp, size: sizeProp, dense: denseProp, 'aria-label': ariaLabel, className, 'data-testid': dataTestid }: Readonly<MenuProps>): import("react").JSX.Element;
-//#endregion
 export { MenuAlign as a, MenuStep as i, MenuCloseReason as n, MenuProps as r, Menu as t };

package/dist/{index-CrQDxJ1D.d.cts → index-BC9S8Fpr.d.cts}

@@ -1,6 +1,5 @@
-import { nt as Theme } from "./index-XN4-ZqTB.cjs";
+import { nt as Theme } from "./index-Lsm4v8fB.cjs";
 import { KeyboardEvent, MouseEvent, ReactNode, Ref, RefCallback, SyntheticEvent } from "react";
-//#region src/Modal/useModal.d.ts
 type ModalCloseReason = 'escapeKey' | 'backdropClick';
 type EventHandlers = Record<string, ((event: SyntheticEvent) => void) | undefined>;
 interface UseModalParameters {
@@ -25,8 +24,6 @@ interface UseModalReturnValue {
   isTopModal: () => boolean;
 }
 declare function useModal(parameters: UseModalParameters): UseModalReturnValue;
-//#endregion
-//#region src/Modal/Modal.d.ts
 type ModalScroll = 'paper' | 'body';
 interface ModalProps {
   /** If true, the modal is shown. */
@@ -66,8 +63,6 @@ interface ModalProps {
  * higher-level overlays such as Drawer.
  */
 declare function Modal({ isOpen, children, onClose, hasBackdrop, shouldKeepMounted, shouldUsePortal, portalContainer, shouldLockScroll, disableAriaHidden, shouldAutoFocus, shouldTrapFocus, shouldEnforceFocus, shouldRestoreFocus, scroll, layer }: Readonly<ModalProps>): import("react").JSX.Element | null;
-//#endregion
-//#region src/Modal/ModalManager.d.ts
 /** A modal tracked by the manager: its portal mount node and its root element. */
 interface ManagedModal {
   mount: Element;
@@ -93,5 +88,4 @@ declare class ModalManager {
   remove(modal: ManagedModal, ariaHiddenState?: boolean): number;
   isTopModal(modal: ManagedModal): boolean;
 }
-//#endregion
 export { hideFromAria as a, ModalScroll as c, UseModalReturnValue as d, useModal as f, exposeToAria as i, ModalCloseReason as l, ManagedModalProps as n, Modal as o, ModalManager as r, ModalProps as s, ManagedModal as t, UseModalParameters as u };

package/dist/{index-BQge4W7L.d.cts → index-BChRNCld.d.mts}

@@ -1,7 +1,6 @@
-import { U as PaletteColor, _ as ButtonVariants, nt as Theme } from "./index-XN4-ZqTB.cjs";
-import { ButtonHTMLAttributes, ReactNode } from "react";
+import { U as PaletteColor, _ as ButtonVariants, nt as Theme } from "./index-CR8qkP8U.mjs";
 import { BorderProps, LayoutProps, SpaceProps, TypographyProps } from "@soroush.tech/styled-system";
-//#region src/Button/Button.d.ts
+import { ButtonHTMLAttributes, ReactNode } from "react";
 /** Augmentable via the `ButtonVariants` interface - style new values through `theme.components.Button.variants`. */
 type ButtonVariant = keyof ButtonVariants;
 type ButtonColor = PaletteColor;
@@ -45,5 +44,4 @@ interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'col
   rel?: string;
 }
 declare function Button({ variant, color, size, shape, gap, fontWeight, letterSpacing, startIcon, endIcon, fullWidth, loading, loadingIndicator, loadingPosition, children, disabled, href, target, rel, ...rest }: Readonly<ButtonProps>): import("react").JSX.Element;
-//#endregion
 export { ButtonShape as a, GapToken as c, ButtonProps as i, ButtonColor as n, ButtonSize as o, ButtonLoadingPosition as r, ButtonVariant as s, Button as t };

package/dist/{index-CLvlNnjM.d.mts → index-BV5BvdeN.d.mts}

@@ -1,6 +1,5 @@
-import { i as ButtonProps } from "./index-DK3zgGPe.mjs";
+import { i as ButtonProps } from "./index-BChRNCld.mjs";
 import { ReactNode, Ref } from "react";
-//#region src/Fab/Fab.d.ts
 type FabVariant = 'circular' | 'extended';
 type FabButtonProps = Omit<ButtonProps, 'variant' | 'shape' | 'endIcon' | 'loading' | 'loadingIndicator' | 'loadingPosition' | 'fullWidth' | 'href' | 'target' | 'rel' | 'gap'>;
 type FabProps = FabButtonProps & {
@@ -28,5 +27,4 @@ type FabProps = FabButtonProps & {
  * `aria-label` or `aria-labelledby`.
  */
 declare function Fab({ variant: variantProp, color, size, startIcon, isCollapsed, children, ...rest }: Readonly<FabProps>): import("react").JSX.Element;
-//#endregion
 export { FabProps as n, FabVariant as r, Fab as t };

package/dist/{index-BCzI2Iqo.d.cts → index-BXlBouWV.d.mts}

@@ -1,8 +1,7 @@
-import { nt as Theme } from "./index-XN4-ZqTB.cjs";
-import { a as PaginationItemSize, i as PaginationItemShape, l as UsePaginationProps, n as PaginationItemColor, o as PaginationItemVariant, s as PaginationItemType } from "./index-DOH1xY0L.cjs";
-import { HTMLAttributes } from "react";
+import { nt as Theme } from "./index-CR8qkP8U.mjs";
+import { a as PaginationItemSize, i as PaginationItemShape, l as UsePaginationProps, n as PaginationItemColor, o as PaginationItemVariant, s as PaginationItemType } from "./index-CKywwIep.mjs";
 import { SpaceProps } from "@soroush.tech/styled-system";
-//#region src/Pagination/Pagination.d.ts
+import { HTMLAttributes } from "react";
 type PaginationColor = PaginationItemColor;
 type PaginationVariant = PaginationItemVariant;
 type PaginationShape = PaginationItemShape;
@@ -20,5 +19,4 @@ interface PaginationProps extends Omit<HTMLAttributes<HTMLElement>, 'color' | 'o
   getItemAriaLabel?: (type: PaginationItemType, page: number | null, isSelected: boolean) => string;
 }
 declare function Pagination({ count, page, defaultPage, siblingCount, boundaryCount, disabled, shouldShowFirstButton, shouldShowLastButton, shouldHidePrevButton, shouldHideNextButton, onChange, color, variant, shape, size, getItemAriaLabel, 'aria-label': ariaLabel, ...rest }: Readonly<PaginationProps>): import("react").JSX.Element;
-//#endregion
 export { PaginationSize as a, PaginationShape as i, PaginationColor as n, PaginationVariant as o, PaginationProps as r, Pagination as t };

package/dist/{index-Ebjbrbsk.d.cts → index-Bo45R0nD.d.cts}

@@ -1,10 +1,9 @@
-import { nt as Theme, tt as TabsVariants } from "./index-XN4-ZqTB.cjs";
-import "./index-BhnLFsBv.cjs";
-import { t as TabValue } from "./TabsContext-BYeGjSZK.cjs";
-import { n as TabScrollButtonProps } from "./index-BitQk7Hx.cjs";
+import { nt as Theme, tt as TabsVariants } from "./index-Lsm4v8fB.cjs";
+import "./index-CfB7OceY.cjs";
+import { t as TabValue } from "./TabsContext-MpMEEVuB.cjs";
+import { n as TabScrollButtonProps } from "./index-CQeTS_zL.cjs";
 import { ComponentType, ReactNode, Ref } from "react";
 import { SpaceProps } from "@soroush.tech/styled-system";
-//#region src/Tabs/Tabs/Tabs.d.ts
 type TabsVariant = keyof TabsVariants;
 type TabsOrientation = 'horizontal' | 'vertical';
 /** What the row does when its tabs don't fit: scroll, list the rest in a menu, or nothing. */
@@ -41,7 +40,7 @@ interface TabsProps extends SpaceProps<Theme> {
   as?: 'div' | 'nav';
   /** Default: `'horizontal'`. */
   orientation?: TabsOrientation;
-  /** The look: an indicator under the selected tab, or the selected tab boxed. Default: `'underline'`, overridable via `theme.components.Tabs.defaultProps`. */
+  /** The look: an indicator under the selected tab, the selected tab boxed, or `'tonal'` - the tabs in a rounded container, the selected one a tinted pill. Default: `'underline'`, overridable via `theme.components.Tabs.defaultProps`. */
   variant?: TabsVariant;
   /** The indicator's or outline's color - resolves to `theme.palette[color]`. Default: `'primary'`. */
   color?: keyof Theme['palette'];
@@ -102,5 +101,4 @@ interface TabsProps extends SpaceProps<Theme> {
  * before and after the tabs.
  */
 declare function Tabs({ children, value: valueProp, defaultValue, onChange, onTabClose, shouldAnnounceClose, as, orientation, variant: variantProp, color: colorProp, textColor, size: sizeProp, fullWidth, isCentered, shouldSelectOnFocus, overflowBehavior, overflowLabel, scrollButtons, shouldShowScrollButtonsOnMobile, hasVisibleScrollbar, hasDivider: hasDividerProp, bg, selectedBg: selectedBgProp, slots, startContent, endContent, action, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, id, className, 'data-testid': dataTestid, ...spaceProps }: Readonly<TabsProps>): import("react").JSX.Element;
-//#endregion
 export { TabsProps as a, TabsOverflowBehavior as i, TabsActions as n, TabsScrollButtons as o, TabsOrientation as r, TabsVariant as s, Tabs as t };

package/dist/{index-CERyXFjz.d.cts → index-BuAKhHMs.d.cts}

@@ -1,6 +1,5 @@
-import { i as ButtonProps } from "./index-BQge4W7L.cjs";
+import { i as ButtonProps } from "./index-BzQze7eY.cjs";
 import { ReactNode, Ref } from "react";
-//#region src/Fab/Fab.d.ts
 type FabVariant = 'circular' | 'extended';
 type FabButtonProps = Omit<ButtonProps, 'variant' | 'shape' | 'endIcon' | 'loading' | 'loadingIndicator' | 'loadingPosition' | 'fullWidth' | 'href' | 'target' | 'rel' | 'gap'>;
 type FabProps = FabButtonProps & {
@@ -28,5 +27,4 @@ type FabProps = FabButtonProps & {
  * `aria-label` or `aria-labelledby`.
  */
 declare function Fab({ variant: variantProp, color, size, startIcon, isCollapsed, children, ...rest }: Readonly<FabProps>): import("react").JSX.Element;
-//#endregion
 export { FabProps as n, FabVariant as r, Fab as t };

package/dist/{index-46mhlgP6.d.mts → index-Byk1_ms9.d.cts}

@@ -1,7 +1,6 @@
-import { nt as Theme } from "./index-CRQ7XLri.mjs";
-import { t as MenuItemValue } from "./MenuListContext-BWL5fM_L.mjs";
+import { nt as Theme } from "./index-Lsm4v8fB.cjs";
+import { t as MenuItemValue } from "./MenuListContext-BwgQHUu9.cjs";
 import { ElementType, KeyboardEvent, MouseEvent, ReactNode } from "react";
-//#region src/MenuItem/MenuItem.d.ts
 type MenuItemColor = keyof Theme['palette'];
 type MenuItemSize = keyof Theme['sizes'];
 type MenuItemTextColor = keyof Theme['text'];
@@ -72,5 +71,4 @@ interface MenuItemProps {
  * `Select` injects; used on its own it renders a static, styled row.
  */
 declare function MenuItem({ value, children, as, disabled, selected, highlighted, multiple, color: colorProp, textColor: textColorProp, size: sizeProp, dense: denseProp, disableGutters, divider, autoFocus, focusVisibleClassName, onSelect, role, startIcon, shortcut, 'aria-keyshortcuts': keyShortcuts, note, onClick, submenu, emptyLabel, secondaryAction, shouldAnnounceSecondaryAction, id, className, 'data-testid': dataTestid }: Readonly<MenuItemProps>): import("react").JSX.Element;
-//#endregion
 export { MenuItemSize as a, MenuItemRole as i, MenuItemColor as n, MenuItemTextColor as o, MenuItemProps as r, MenuItem as t };

package/dist/{index-DK3zgGPe.d.mts → index-BzQze7eY.d.cts}

@@ -1,7 +1,6 @@
-import { U as PaletteColor, _ as ButtonVariants, nt as Theme } from "./index-CRQ7XLri.mjs";
-import { BorderProps, LayoutProps, SpaceProps, TypographyProps } from "@soroush.tech/styled-system";
+import { U as PaletteColor, _ as ButtonVariants, nt as Theme } from "./index-Lsm4v8fB.cjs";
 import { ButtonHTMLAttributes, ReactNode } from "react";
-//#region src/Button/Button.d.ts
+import { BorderProps, LayoutProps, SpaceProps, TypographyProps } from "@soroush.tech/styled-system";
 /** Augmentable via the `ButtonVariants` interface - style new values through `theme.components.Button.variants`. */
 type ButtonVariant = keyof ButtonVariants;
 type ButtonColor = PaletteColor;
@@ -45,5 +44,4 @@ interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'col
   rel?: string;
 }
 declare function Button({ variant, color, size, shape, gap, fontWeight, letterSpacing, startIcon, endIcon, fullWidth, loading, loadingIndicator, loadingPosition, children, disabled, href, target, rel, ...rest }: Readonly<ButtonProps>): import("react").JSX.Element;
-//#endregion
 export { ButtonShape as a, GapToken as c, ButtonProps as i, ButtonColor as n, ButtonSize as o, ButtonLoadingPosition as r, ButtonVariant as s, Button as t };

package/dist/{index-BPh60KDs.d.mts → index-C2a-5yop.d.mts}

@@ -1,7 +1,6 @@
-import { jt as TypographyVariant, nt as Theme } from "./index-CRQ7XLri.mjs";
+import { jt as TypographyVariant, nt as Theme } from "./index-CR8qkP8U.mjs";
 import { BorderProps, FlexboxProps, LayoutProps, PositionProps, SpaceProps, TypographyProps } from "@soroush.tech/styled-system";
 import { CSSProperties, ElementType, HTMLAttributes } from "react";
-//#region src/Typography/Typography.d.ts
 type TypographyAlign = 'left' | 'right' | 'center' | 'justify' | 'inherit';
 /** Valid values for the color prop - derived from theme.text keys. */
 type TextColorToken = keyof Theme['text'];
@@ -23,5 +22,4 @@ interface TypographyProps$1 extends Omit<HTMLAttributes<HTMLElement>, 'color'>,
   as?: ElementType;
 }
 declare function Typography({ variant, as, ...rest }: Readonly<TypographyProps$1>): import("react").JSX.Element;
-//#endregion
 export { TypographyProps$1 as a, TypographyAlign as i, TextColorToken as n, Typography as r, BackgroundToken as t };