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

package/dist/Menu.mjs

@@ -1,6 +1,6 @@
-import { a as useMenuListContext, i as MenuListContext, t as MenuList } from "./MenuList-Cz3cupC3.mjs";
+import { a as useMenuListContext, i as MenuListContext, t as MenuList } from "./MenuList-CGZgfBno.mjs";
 import { MenuDivider } from "./Menu/MenuDivider.mjs";
 import { MenuItems } from "./Menu/MenuItems.mjs";
 import { ContextMenu } from "./Menu/ContextMenu.mjs";
-import { t as Menu } from "./Menu-CnG4ikZd.mjs";
+import { t as Menu } from "./Menu-D4AIpdJv.mjs";
 export { ContextMenu, Menu, MenuDivider, MenuItems, MenuList, MenuListContext, useMenuListContext };

package/dist/{MenuItem-EJ4u73f0.cjs → MenuItem-DXRw3Yca.cjs}

@@ -1,15 +1,15 @@
-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_Icon = require("./Icon-BE7bRsqR.cjs");
-const require_isRtl = require("./isRtl-DTkYHRPo.cjs");
-const require_useAnchoredPlacement = require("./useAnchoredPlacement-B1FyGoZV.cjs");
-const require_MenuList = require("./MenuList-BBAYeUvD.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_Icon = require("./Icon-C5Iz5ekp.cjs");
+const require_isRtl = require("./isRtl-Dl6QQWib.cjs");
+const require_useAnchoredPlacement = require("./useAnchoredPlacement-ee6KzG3t.cjs");
+const require_MenuList = require("./MenuList-DsJmxNPu.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/Menu/MenuPaper.ts
+// src/Menu/MenuPaper.ts
 const elevationSystem = (0, require_src.src_exports.system)({ elevation: {
 	property: "boxShadow",
 	scale: "shadows"
@@ -36,8 +36,7 @@ const MenuPaper = require_src.styled("div", {
 	borderRadius: require_getSurfaceRadius.getSurfaceRadius(theme, borderRadius),
 	visibility: "hidden"
 }), elevationSystem);
-//#endregion
-//#region src/Menu/MenuContext.ts
+// src/Menu/MenuContext.ts
 /** Set by a `Menu`. */
 const MenuContext = (0, react.createContext)(null);
 /** The surrounding menu's settings - or, for a `MenuList` on its own, `Menu`'s defaults. */
@@ -50,8 +49,7 @@ function useMenuContext() {
 		layer: "modal"
 	};
 }
-//#endregion
-//#region src/Menu/utils/getMenuOrigins.ts
+// src/Menu/utils/getMenuOrigins.ts
 /**
 * The anchor and transform origins `computePopoverPosition` places a list with. `align`
 * is logical - in a right-to-left page `start` is the right edge. Below its trigger, the
@@ -83,8 +81,7 @@ function getMenuOrigins(placement, align, isRtl) {
 		}
 	};
 }
-//#endregion
-//#region src/Menu/utils/hasRoomBeside.ts
+// src/Menu/utils/hasRoomBeside.ts
 /**
 * Whether a list `width` wide fits on either side of its row and still keeps `margin` from
 * the window's edges - so a submenu can open beside the row at all.
@@ -94,8 +91,7 @@ function hasRoomBeside(anchorRect, width, viewportWidth, margin) {
 	const roomAfter = viewportWidth - margin - (anchorRect.left + anchorRect.width);
 	return width <= Math.max(roomBefore, roomAfter);
 }
-//#endregion
-//#region src/Menu/hooks/useMenuPlacement.ts
+// src/Menu/hooks/useMenuPlacement.ts
 /**
 * Places a menu's `position: fixed` surface in the window, next to its anchor, with the shared
 * `useAnchoredPlacement`. A submenu with room on neither side of its row opens under it (or over
@@ -132,8 +128,7 @@ function useMenuPlacement({ isOpen, anchorRef, surfaceRef, placement, align, mar
 	});
 	return isFlipped;
 }
-//#endregion
-//#region src/MenuItem/Submenu.tsx
+// src/MenuItem/Submenu.tsx
 /**
 * A row's submenu: a `MenuList` on its own surface, placed beside the row the way its menu
 * places its list (`align`, the window margin), and drawn on the menu's layer.
@@ -176,8 +171,7 @@ function Submenu({ anchorRef, listId, labelledBy, children }) {
 		})
 	});
 }
-//#endregion
-//#region src/MenuItem/useSubmenu.ts
+// src/MenuItem/useSubmenu.ts
 /**
 * A row's submenu, opened while the row or anything in its submenu has focus. The pointer
 * moves focus as it goes, so hovering a row opens its submenu and hovering a sibling closes
@@ -241,8 +235,7 @@ function useSubmenu(rowRef, isEnabled) {
 		handleEntryBlur
 	};
 }
-//#endregion
-//#region src/MenuItem/MenuItem.tsx
+// src/MenuItem/MenuItem.tsx
 const shouldForwardProp = (0, _soroush_tech_styled_system_should_forward_prop.createShouldForwardProp)([
 	"color",
 	"textColor",
@@ -607,7 +600,6 @@ function MenuItem({ value, children, as, disabled = false, selected = false, hig
 		]
 	});
 }
-//#endregion
 Object.defineProperty(exports, "MenuContext", {
 	enumerable: true,
 	get: function() {

package/dist/{MenuItem-C21eR7d6.mjs → MenuItem-vXHGPK8g.mjs}

@@ -1,14 +1,14 @@
-import { a as src_exports, 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 Icon } from "./Icon-0hPpk-WZ.mjs";
-import { t as isRtl } from "./isRtl-BJDtm86G.mjs";
-import { t as useAnchoredPlacement } from "./useAnchoredPlacement-Pe7sY41E.mjs";
-import { a as useMenuListContext, n as getNextRow, r as getOwnRows, t as MenuList } from "./MenuList-Cz3cupC3.mjs";
+import { a as src_exports, 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 Icon } from "./Icon-XpXU-SuF.mjs";
+import { t as isRtl } from "./isRtl-DN-EdUlg.mjs";
+import { t as useAnchoredPlacement } from "./useAnchoredPlacement-COrXZxhm.mjs";
+import { a as useMenuListContext, n as getNextRow, r as getOwnRows, t as MenuList } from "./MenuList-CGZgfBno.mjs";
 import { Children, createContext, useCallback, useContext, useEffect, useId, useMemo, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/Menu/MenuPaper.ts
+// src/Menu/MenuPaper.ts
 const elevationSystem = (0, src_exports.system)({ elevation: {
 	property: "boxShadow",
 	scale: "shadows"
@@ -35,8 +35,7 @@ const MenuPaper = styled("div", {
 	borderRadius: getSurfaceRadius(theme, borderRadius),
 	visibility: "hidden"
 }), elevationSystem);
-//#endregion
-//#region src/Menu/MenuContext.ts
+// src/Menu/MenuContext.ts
 /** Set by a `Menu`. */
 const MenuContext = createContext(null);
 /** The surrounding menu's settings - or, for a `MenuList` on its own, `Menu`'s defaults. */
@@ -49,8 +48,7 @@ function useMenuContext() {
 		layer: "modal"
 	};
 }
-//#endregion
-//#region src/Menu/utils/getMenuOrigins.ts
+// src/Menu/utils/getMenuOrigins.ts
 /**
 * The anchor and transform origins `computePopoverPosition` places a list with. `align`
 * is logical - in a right-to-left page `start` is the right edge. Below its trigger, the
@@ -82,8 +80,7 @@ function getMenuOrigins(placement, align, isRtl) {
 		}
 	};
 }
-//#endregion
-//#region src/Menu/utils/hasRoomBeside.ts
+// src/Menu/utils/hasRoomBeside.ts
 /**
 * Whether a list `width` wide fits on either side of its row and still keeps `margin` from
 * the window's edges - so a submenu can open beside the row at all.
@@ -93,8 +90,7 @@ function hasRoomBeside(anchorRect, width, viewportWidth, margin) {
 	const roomAfter = viewportWidth - margin - (anchorRect.left + anchorRect.width);
 	return width <= Math.max(roomBefore, roomAfter);
 }
-//#endregion
-//#region src/Menu/hooks/useMenuPlacement.ts
+// src/Menu/hooks/useMenuPlacement.ts
 /**
 * Places a menu's `position: fixed` surface in the window, next to its anchor, with the shared
 * `useAnchoredPlacement`. A submenu with room on neither side of its row opens under it (or over
@@ -131,8 +127,7 @@ function useMenuPlacement({ isOpen, anchorRef, surfaceRef, placement, align, mar
 	});
 	return isFlipped;
 }
-//#endregion
-//#region src/MenuItem/Submenu.tsx
+// src/MenuItem/Submenu.tsx
 /**
 * A row's submenu: a `MenuList` on its own surface, placed beside the row the way its menu
 * places its list (`align`, the window margin), and drawn on the menu's layer.
@@ -175,8 +170,7 @@ function Submenu({ anchorRef, listId, labelledBy, children }) {
 		})
 	});
 }
-//#endregion
-//#region src/MenuItem/useSubmenu.ts
+// src/MenuItem/useSubmenu.ts
 /**
 * A row's submenu, opened while the row or anything in its submenu has focus. The pointer
 * moves focus as it goes, so hovering a row opens its submenu and hovering a sibling closes
@@ -240,8 +234,7 @@ function useSubmenu(rowRef, isEnabled) {
 		handleEntryBlur
 	};
 }
-//#endregion
-//#region src/MenuItem/MenuItem.tsx
+// src/MenuItem/MenuItem.tsx
 const shouldForwardProp = createShouldForwardProp([
 	"color",
 	"textColor",
@@ -606,5 +599,4 @@ function MenuItem({ value, children, as, disabled = false, selected = false, hig
 		]
 	});
 }
-//#endregion
 export { MenuPaper as i, useMenuPlacement as n, MenuContext as r, MenuItem as t };

package/dist/MenuItem.cjs

@@ -1,3 +1,3 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_MenuItem = require("./MenuItem-EJ4u73f0.cjs");
+const require_MenuItem = require("./MenuItem-DXRw3Yca.cjs");
 exports.MenuItem = require_MenuItem.MenuItem;

package/dist/MenuItem.d.cts

@@ -1,2 +1,2 @@
-import { a as MenuItemSize, i as MenuItemRole, n as MenuItemColor, o as MenuItemTextColor, r as MenuItemProps, t as MenuItem } from "./index-BSGu9rPv.cjs";
+import { a as MenuItemSize, i as MenuItemRole, n as MenuItemColor, o as MenuItemTextColor, r as MenuItemProps, t as MenuItem } from "./index-Byk1_ms9.cjs";
 export { MenuItem, MenuItemColor, MenuItemProps, MenuItemRole, MenuItemSize, MenuItemTextColor };

package/dist/MenuItem.d.mts

@@ -1,2 +1,2 @@
-import { a as MenuItemSize, i as MenuItemRole, n as MenuItemColor, o as MenuItemTextColor, r as MenuItemProps, t as MenuItem } from "./index-46mhlgP6.mjs";
+import { a as MenuItemSize, i as MenuItemRole, n as MenuItemColor, o as MenuItemTextColor, r as MenuItemProps, t as MenuItem } from "./index-Dt274Ngt.mjs";
 export { MenuItem, MenuItemColor, MenuItemProps, MenuItemRole, MenuItemSize, MenuItemTextColor };

package/dist/MenuItem.mjs

@@ -1,2 +1 @@
-import { t as MenuItem } from "./MenuItem-C21eR7d6.mjs";
-export { MenuItem };
+export { t as MenuItem } from "./MenuItem-vXHGPK8g.mjs";

package/dist/{MenuList-Cz3cupC3.mjs → MenuList-CGZgfBno.mjs}

@@ -1,25 +1,23 @@
-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 { 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 { createContext, useContext, useEffect, useMemo, useRef } from "react";
 import { jsx } from "react/jsx-runtime";
-//#region src/Menu/MenuActivationContext.ts
+// src/Menu/MenuActivationContext.ts
 /**
 * Set by a `Menu` around its lists: told when any row anywhere in the menu is chosen, with
 * or without a `value`, so the whole menu can close. Internal - not exported from the
 * subpath.
 */
 const MenuActivationContext = createContext(null);
-//#endregion
-//#region src/Menu/MenuListContext.ts
+// src/Menu/MenuListContext.ts
 /**
 * Present inside a `MenuList`. A `MenuItem` that finds it renders as a menu row
 * (`menuitem`); without it, the row is `Select`'s `option`.
 */
 const MenuListContext = createContext(null);
 const useMenuListContext = () => useContext(MenuListContext);
-//#endregion
-//#region src/Menu/MenuList/utils/getOwnRows.ts
+// src/Menu/MenuList/utils/getOwnRows.ts
 const ROW_SELECTOR = "[role=\"menuitem\"], [role=\"menuitemradio\"], [role=\"menuitemcheckbox\"]";
 /**
 * The rows that belong to `list` itself, in document order. A nested submenu is a
@@ -33,8 +31,7 @@ function getOwnRows(list) {
 function isRowEnabled(row) {
 	return row.getAttribute("aria-disabled") !== "true";
 }
-//#endregion
-//#region src/Menu/MenuList/utils/getNextRow.ts
+// src/Menu/MenuList/utils/getNextRow.ts
 /**
 * The enabled row a key moves to from `current` (which may be absent from `rows`, as when
 * focus is still on the list itself). Disabled rows are skipped; `shouldWrap` carries
@@ -51,8 +48,7 @@ function getNextRow(rows, current, step, shouldWrap) {
 	if (!shouldWrap) return void 0;
 	return target < 0 ? enabled.at(-1) : enabled[0];
 }
-//#endregion
-//#region src/Menu/MenuList/utils/findRowByText.ts
+// src/Menu/MenuList/utils/findRowByText.ts
 /** A row's label text, without its icon, shortcut or note. */
 function getRowText(row) {
 	return (row.querySelector("[data-menu-label]") ?? row).textContent.trim().toLowerCase();
@@ -72,8 +68,7 @@ function findRowByText(rows, current, typed) {
 	const prefix = isRepeating ? query[0] : query;
 	return ordered.find((row) => getRowText(row).startsWith(prefix));
 }
-//#endregion
-//#region src/Menu/MenuList/MenuList.tsx
+// src/Menu/MenuList/MenuList.tsx
 const STEP_BY_KEY = {
 	ArrowDown: "next",
 	ArrowUp: "previous",
@@ -183,5 +178,4 @@ function MenuList({ children, onSelect, shouldWrap: shouldWrapProp, shouldAutoFo
 		})
 	});
 }
-//#endregion
 export { useMenuListContext as a, MenuListContext as i, getNextRow as n, MenuActivationContext as o, getOwnRows as r, MenuList as t };

package/dist/{MenuList-BBAYeUvD.cjs → MenuList-DsJmxNPu.cjs}

@@ -1,26 +1,24 @@
-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");
 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/Menu/MenuActivationContext.ts
+// src/Menu/MenuActivationContext.ts
 /**
 * Set by a `Menu` around its lists: told when any row anywhere in the menu is chosen, with
 * or without a `value`, so the whole menu can close. Internal - not exported from the
 * subpath.
 */
 const MenuActivationContext = (0, react.createContext)(null);
-//#endregion
-//#region src/Menu/MenuListContext.ts
+// src/Menu/MenuListContext.ts
 /**
 * Present inside a `MenuList`. A `MenuItem` that finds it renders as a menu row
 * (`menuitem`); without it, the row is `Select`'s `option`.
 */
 const MenuListContext = (0, react.createContext)(null);
 const useMenuListContext = () => (0, react.useContext)(MenuListContext);
-//#endregion
-//#region src/Menu/MenuList/utils/getOwnRows.ts
+// src/Menu/MenuList/utils/getOwnRows.ts
 const ROW_SELECTOR = "[role=\"menuitem\"], [role=\"menuitemradio\"], [role=\"menuitemcheckbox\"]";
 /**
 * The rows that belong to `list` itself, in document order. A nested submenu is a
@@ -34,8 +32,7 @@ function getOwnRows(list) {
 function isRowEnabled(row) {
 	return row.getAttribute("aria-disabled") !== "true";
 }
-//#endregion
-//#region src/Menu/MenuList/utils/getNextRow.ts
+// src/Menu/MenuList/utils/getNextRow.ts
 /**
 * The enabled row a key moves to from `current` (which may be absent from `rows`, as when
 * focus is still on the list itself). Disabled rows are skipped; `shouldWrap` carries
@@ -52,8 +49,7 @@ function getNextRow(rows, current, step, shouldWrap) {
 	if (!shouldWrap) return void 0;
 	return target < 0 ? enabled.at(-1) : enabled[0];
 }
-//#endregion
-//#region src/Menu/MenuList/utils/findRowByText.ts
+// src/Menu/MenuList/utils/findRowByText.ts
 /** A row's label text, without its icon, shortcut or note. */
 function getRowText(row) {
 	return (row.querySelector("[data-menu-label]") ?? row).textContent.trim().toLowerCase();
@@ -73,8 +69,7 @@ function findRowByText(rows, current, typed) {
 	const prefix = isRepeating ? query[0] : query;
 	return ordered.find((row) => getRowText(row).startsWith(prefix));
 }
-//#endregion
-//#region src/Menu/MenuList/MenuList.tsx
+// src/Menu/MenuList/MenuList.tsx
 const STEP_BY_KEY = {
 	ArrowDown: "next",
 	ArrowUp: "previous",
@@ -184,7 +179,6 @@ function MenuList({ children, onSelect, shouldWrap: shouldWrapProp, shouldAutoFo
 		})
 	});
 }
-//#endregion
 Object.defineProperty(exports, "MenuActivationContext", {
 	enumerable: true,
 	get: function() {

package/dist/{MenuListContext-BrCKLgKZ.d.cts → MenuListContext-BwgQHUu9.d.cts}

@@ -1,7 +1,6 @@
-import { nt as Theme } from "./index-XN4-ZqTB.cjs";
-import "./index-BhnLFsBv.cjs";
+import { nt as Theme } from "./index-Lsm4v8fB.cjs";
+import "./index-CfB7OceY.cjs";
 import { SyntheticEvent } from "react";
-//#region src/Menu/MenuListContext.d.ts
 type MenuItemValue = string | number;
 interface MenuListContextValue {
   /** Fired when a row is chosen, with its `value` when it has one. */
@@ -17,5 +16,4 @@ interface MenuListContextValue {
  */
 declare const MenuListContext: import("react").Context<MenuListContextValue | null>;
 declare const useMenuListContext: () => MenuListContextValue | null;
-//#endregion
 export { useMenuListContext as i, MenuListContext as n, MenuListContextValue as r, MenuItemValue as t };

package/dist/{MenuListContext-BWL5fM_L.d.mts → MenuListContext-DbnAoUdJ.d.mts}

@@ -1,7 +1,6 @@
-import { nt as Theme } from "./index-CRQ7XLri.mjs";
-import "./index-vBCN6iAz.mjs";
+import { nt as Theme } from "./index-CR8qkP8U.mjs";
+import "./index-CF_pl72E.mjs";
 import { SyntheticEvent } from "react";
-//#region src/Menu/MenuListContext.d.ts
 type MenuItemValue = string | number;
 interface MenuListContextValue {
   /** Fired when a row is chosen, with its `value` when it has one. */
@@ -17,5 +16,4 @@ interface MenuListContextValue {
  */
 declare const MenuListContext: import("react").Context<MenuListContextValue | null>;
 declare const useMenuListContext: () => MenuListContextValue | null;
-//#endregion
 export { useMenuListContext as i, MenuListContext as n, MenuListContextValue as r, MenuItemValue as t };

package/dist/{Modal-CEHDej-v.mjs → Modal-DR4TRQSH.mjs}

@@ -1,12 +1,12 @@
-import { o as styled, t as createShouldForwardProp } from "./src-DLGYOJMh.mjs";
+import { o as styled, t as createShouldForwardProp } from "./src-B-rNjHIL.mjs";
 import { View } from "./View.mjs";
 import { Portal } from "./Portal.mjs";
 import { Backdrop } from "./Backdrop.mjs";
 import { FocusTrap } from "./FocusTrap.mjs";
-import { t as useMergedRefs } from "./useMergedRefs-BfBckwRY.mjs";
+import { t as useMergedRefs } from "./useMergedRefs-CdfwtmUd.mjs";
 import { useCallback, useEffect, useRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/utils/ownerDocument.ts
+// src/utils/ownerDocument.ts
 /**
 * Returns the `Document` that owns the given node, falling back to the global
 * `document`. Lets the modal logic work across iframes / portaled containers.
@@ -14,8 +14,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 function ownerDocument(node) {
 	return node?.ownerDocument ?? document;
 }
-//#endregion
-//#region src/Modal/utils/ownerWindow.ts
+// src/Modal/utils/ownerWindow.ts
 /**
 * Returns the `Window` that owns the given node, falling back to the global
 * `window`. Used to read viewport metrics for scroll-lock calculations.
@@ -23,8 +22,7 @@ function ownerDocument(node) {
 function ownerWindow(node) {
 	return ownerDocument(node).defaultView ?? window;
 }
-//#endregion
-//#region src/Modal/utils/getScrollbarSize.ts
+// src/Modal/utils/getScrollbarSize.ts
 /**
 * Width of the vertical scrollbar for the given window, in pixels. Equal to the
 * gap between the inner window width and the document's client width. Used to
@@ -34,8 +32,7 @@ function getScrollbarSize(win) {
 	const documentWidth = win.document.documentElement.clientWidth;
 	return Math.abs(win.innerWidth - documentWidth);
 }
-//#endregion
-//#region src/Modal/ModalManager.ts
+// src/Modal/ModalManager.ts
 const ARIA_HIDDEN_FORBIDDEN_TAGS = /* @__PURE__ */ new Set([
 	"TEMPLATE",
 	"SCRIPT",
@@ -164,8 +161,7 @@ var ModalManager = class {
 		return this.modals.at(-1) === modal;
 	}
 };
-//#endregion
-//#region src/Modal/hooks/useEventCallback.ts
+// src/Modal/hooks/useEventCallback.ts
 /**
 * Returns a stable function identity that always calls the latest `fn`. Lets
 * effects depend on the callback without re-running when the handler changes.
@@ -180,8 +176,7 @@ function useEventCallback(fn) {
 	});
 	return useCallback((...args) => ref.current(...args), []);
 }
-//#endregion
-//#region src/Modal/useModal.ts
+// src/Modal/useModal.ts
 const modalManager = new ModalManager();
 function getContainer(container) {
 	return typeof container === "function" ? container() : container ?? null;
@@ -255,8 +250,7 @@ function useModal(parameters) {
 		isTopModal
 	};
 }
-//#endregion
-//#region src/Modal/Modal.tsx
+// src/Modal/Modal.tsx
 const shouldForwardProp = createShouldForwardProp(["scroll", "layer"]);
 const ModalRoot = styled(View, {
 	name: "Modal",
@@ -309,5 +303,4 @@ function Modal({ isOpen, children, onClose, hasBackdrop = true, shouldKeepMounte
 		children: content
 	}) : content;
 }
-//#endregion
 export { hideFromAria as a, exposeToAria as i, useModal as n, ModalManager as r, Modal as t };

package/dist/{Modal-DBw4j0YA.cjs → Modal-gQcAJAKH.cjs}

@@ -1,13 +1,13 @@
-const require_src = require("./src-DU81aGy9.cjs");
+const require_src = require("./src-yC1f5WR2.cjs");
 const require_View = require("./View.cjs");
 const require_Portal = require("./Portal.cjs");
 const require_Backdrop = require("./Backdrop.cjs");
 const require_FocusTrap = require("./FocusTrap.cjs");
-const require_useMergedRefs = require("./useMergedRefs-2zTDXgPO.cjs");
+const require_useMergedRefs = require("./useMergedRefs-BtctsnmX.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/utils/ownerDocument.ts
+// src/utils/ownerDocument.ts
 /**
 * Returns the `Document` that owns the given node, falling back to the global
 * `document`. Lets the modal logic work across iframes / portaled containers.
@@ -15,8 +15,7 @@ let _soroush_tech_styled_system_should_forward_prop = require("@soroush.tech/sty
 function ownerDocument(node) {
 	return node?.ownerDocument ?? document;
 }
-//#endregion
-//#region src/Modal/utils/ownerWindow.ts
+// src/Modal/utils/ownerWindow.ts
 /**
 * Returns the `Window` that owns the given node, falling back to the global
 * `window`. Used to read viewport metrics for scroll-lock calculations.
@@ -24,8 +23,7 @@ function ownerDocument(node) {
 function ownerWindow(node) {
 	return ownerDocument(node).defaultView ?? window;
 }
-//#endregion
-//#region src/Modal/utils/getScrollbarSize.ts
+// src/Modal/utils/getScrollbarSize.ts
 /**
 * Width of the vertical scrollbar for the given window, in pixels. Equal to the
 * gap between the inner window width and the document's client width. Used to
@@ -35,8 +33,7 @@ function getScrollbarSize(win) {
 	const documentWidth = win.document.documentElement.clientWidth;
 	return Math.abs(win.innerWidth - documentWidth);
 }
-//#endregion
-//#region src/Modal/ModalManager.ts
+// src/Modal/ModalManager.ts
 const ARIA_HIDDEN_FORBIDDEN_TAGS = /* @__PURE__ */ new Set([
 	"TEMPLATE",
 	"SCRIPT",
@@ -165,8 +162,7 @@ var ModalManager = class {
 		return this.modals.at(-1) === modal;
 	}
 };
-//#endregion
-//#region src/Modal/hooks/useEventCallback.ts
+// src/Modal/hooks/useEventCallback.ts
 /**
 * Returns a stable function identity that always calls the latest `fn`. Lets
 * effects depend on the callback without re-running when the handler changes.
@@ -181,8 +177,7 @@ function useEventCallback(fn) {
 	});
 	return (0, react.useCallback)((...args) => ref.current(...args), []);
 }
-//#endregion
-//#region src/Modal/useModal.ts
+// src/Modal/useModal.ts
 const modalManager = new ModalManager();
 function getContainer(container) {
 	return typeof container === "function" ? container() : container ?? null;
@@ -256,8 +251,7 @@ function useModal(parameters) {
 		isTopModal
 	};
 }
-//#endregion
-//#region src/Modal/Modal.tsx
+// src/Modal/Modal.tsx
 const shouldForwardProp = (0, _soroush_tech_styled_system_should_forward_prop.createShouldForwardProp)(["scroll", "layer"]);
 const ModalRoot = require_src.styled(require_View.View, {
 	name: "Modal",
@@ -310,7 +304,6 @@ function Modal({ isOpen, children, onClose, hasBackdrop = true, shouldKeepMounte
 		children: content
 	}) : content;
 }
-//#endregion
 Object.defineProperty(exports, "Modal", {
 	enumerable: true,
 	get: function() {

package/dist/Modal.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_Modal = require("./Modal-DBw4j0YA.cjs");
+const require_Modal = require("./Modal-gQcAJAKH.cjs");
 exports.Modal = require_Modal.Modal;
 exports.ModalManager = require_Modal.ModalManager;
 exports.exposeToAria = require_Modal.exposeToAria;

package/dist/Modal.d.cts

@@ -1,2 +1,2 @@
-import { a as hideFromAria, c as ModalScroll, d as UseModalReturnValue, f as useModal, i as exposeToAria, l as ModalCloseReason, n as ManagedModalProps, o as Modal, r as ModalManager, s as ModalProps, t as ManagedModal, u as UseModalParameters } from "./index-CrQDxJ1D.cjs";
+import { a as hideFromAria, c as ModalScroll, d as UseModalReturnValue, f as useModal, i as exposeToAria, l as ModalCloseReason, n as ManagedModalProps, o as Modal, r as ModalManager, s as ModalProps, t as ManagedModal, u as UseModalParameters } from "./index-BC9S8Fpr.cjs";
 export { ManagedModal, ManagedModalProps, Modal, ModalCloseReason, ModalManager, ModalProps, ModalScroll, UseModalParameters, UseModalReturnValue, exposeToAria, hideFromAria, useModal };

package/dist/Modal.d.mts

@@ -1,2 +1,2 @@
-import { a as hideFromAria, c as ModalScroll, d as UseModalReturnValue, f as useModal, i as exposeToAria, l as ModalCloseReason, n as ManagedModalProps, o as Modal, r as ModalManager, s as ModalProps, t as ManagedModal, u as UseModalParameters } from "./index-Bfyz3MDc.mjs";
+import { a as hideFromAria, c as ModalScroll, d as UseModalReturnValue, f as useModal, i as exposeToAria, l as ModalCloseReason, n as ManagedModalProps, o as Modal, r as ModalManager, s as ModalProps, t as ManagedModal, u as UseModalParameters } from "./index-4maWM1H8.mjs";
 export { ManagedModal, ManagedModalProps, Modal, ModalCloseReason, ModalManager, ModalProps, ModalScroll, UseModalParameters, UseModalReturnValue, exposeToAria, hideFromAria, useModal };

package/dist/Modal.mjs

@@ -1,2 +1 @@
-import { a as hideFromAria, i as exposeToAria, n as useModal, r as ModalManager, t as Modal } from "./Modal-CEHDej-v.mjs";
-export { Modal, ModalManager, exposeToAria, hideFromAria, useModal };
+export { t as Modal, r as ModalManager, i as exposeToAria, a as hideFromAria, n as useModal } from "./Modal-DR4TRQSH.mjs";

package/dist/NativeSelect.cjs

@@ -1,14 +1,14 @@
 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_Icon = require("./Icon-BE7bRsqR.cjs");
-const require_inputVariantStyles = require("./inputVariantStyles-BUK_62Ra.cjs");
+const require_src = require("./src-yC1f5WR2.cjs");
+const require_theme = require("./theme-XJvMdOnY.cjs");
+const require_themeDefault = require("./themeDefault-DbPHBbNO.cjs");
+const require_Icon = require("./Icon-C5Iz5ekp.cjs");
+const require_inputVariantStyles = require("./inputVariantStyles-DhClkDHY.cjs");
 const require_FormControl = require("./FormControl.cjs");
 require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let _soroush_tech_styled_system_should_forward_prop = require("@soroush.tech/styled-system/should-forward-prop");
-//#region src/NativeSelect/NativeSelect.tsx
+// src/NativeSelect/NativeSelect.tsx
 const shouldForwardProp = (0, _soroush_tech_styled_system_should_forward_prop.createShouldForwardProp)([
 	..._soroush_tech_styled_system_should_forward_prop.props,
 	"color",
@@ -183,5 +183,4 @@ function NativeSelect({ options, value, defaultValue, onChange, placeholder, bor
 		})]
 	});
 }
-//#endregion
 exports.NativeSelect = NativeSelect;

package/dist/NativeSelect.d.cts

@@ -1,8 +1,7 @@
-import { nt as Theme } from "./index-XN4-ZqTB.cjs";
-import { n as IconProps, r as IconName } from "./index-05VGk0y_.cjs";
+import { nt as Theme } from "./index-Lsm4v8fB.cjs";
+import { n as IconProps, r as IconName } from "./index-CAt0-L4i.cjs";
 import { SelectHTMLAttributes } from "react";
 import { LayoutProps, SpaceProps } from "@soroush.tech/styled-system";
-//#region src/NativeSelect/NativeSelect.d.ts
 type NativeSelectColor = keyof Theme['palette'];
 type NativeSelectTextColor = keyof Theme['text'];
 type NativeSelectBackgroundToken = keyof Theme['background'];
@@ -59,5 +58,4 @@ interface NativeSelectProps extends SpaceProps<Theme>, Pick<LayoutProps<Theme>,
   'data-testid'?: string;
 }
 declare function NativeSelect({ options, value, defaultValue, onChange, placeholder, borderRadius, color: colorProp, textColor: textColorProp, bg, disabled: disabledProp, error: errorProp, fullWidth: fullWidthProp, iconName, iconProps, selectProps, id: idProp, name, required: requiredProp, size: sizeProp, variant: variantProp, className, 'data-testid': dataTestid, ...spaceProps }: Readonly<NativeSelectProps>): import("react").JSX.Element;
-//#endregion
 export { NativeSelect, NativeSelectBackgroundToken, NativeSelectColor, NativeSelectOption, NativeSelectProps, NativeSelectSize, NativeSelectTextColor, NativeSelectVariant };