@soroush.tech/design-system 2.0.0-rc.2 → 2.0.0-rc.3

package/dist/Menu/ContextMenu.cjs

@@ -2,7 +2,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_src = require("../src-DU81aGy9.cjs");
 const require_theme = require("../theme-BxXuXRgQ.cjs");
 const require_MenuList = require("../MenuList-D4imLXAa.cjs");
-const require_MenuItem = require("../MenuItem-CfdN4axw.cjs");
+const require_MenuItem = require("../MenuItem-BTP7Ijwi.cjs");
 const require_Menu_MenuItems = require("./MenuItems.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");

package/dist/Menu/ContextMenu.d.cts

@@ -1,8 +1,8 @@
-import { V as Theme, Vt as PaperElevation } from "../index-DmJ7yWWi.cjs";
-import "../index-DBteSahY.cjs";
-import { t as MenuItemValue } from "../MenuListContext-vujGcRk9.cjs";
-import { n as MenuItemData } from "../index-DQcnJ5H4.cjs";
-import { n as MenuCloseReason } from "../index-CWnbCxgw.cjs";
+import { Gt as PaperElevation, W as Theme } from "../index-DJ0f69wh.cjs";
+import "../index-BxVTIMnB.cjs";
+import { t as MenuItemValue } from "../MenuListContext-DKUOhNyw.cjs";
+import { n as MenuItemData } from "../index-CknoXDLQ.cjs";
+import { n as MenuCloseReason } from "../index-DWjz5ZzG.cjs";
 import { KeyboardEvent, MouseEvent, ReactElement, ReactNode, SyntheticEvent } from "react";
 //#region src/Menu/ContextMenu/ContextMenu.d.ts
 interface TargetProps {

package/dist/Menu/ContextMenu.d.mts

@@ -1,8 +1,8 @@
-import { V as Theme, Vt as PaperElevation } from "../index-CVNJEUwJ.mjs";
-import "../index-_G1osn09.mjs";
-import { t as MenuItemValue } from "../MenuListContext-Dml16k0X.mjs";
-import { n as MenuItemData } from "../index-C3KrFPCj.mjs";
-import { n as MenuCloseReason } from "../index-DckSub2J.mjs";
+import { Gt as PaperElevation, W as Theme } from "../index-CJhK7JND.mjs";
+import "../index-DaIIo5QU.mjs";
+import { t as MenuItemValue } from "../MenuListContext-x-7lH4CH.mjs";
+import { n as MenuItemData } from "../index-BkzZxHVj.mjs";
+import { n as MenuCloseReason } from "../index-DGnXJwLj.mjs";
 import { KeyboardEvent, MouseEvent, ReactElement, ReactNode, SyntheticEvent } from "react";
 //#region src/Menu/ContextMenu/ContextMenu.d.ts
 interface TargetProps {

package/dist/Menu/ContextMenu.mjs

@@ -1,7 +1,7 @@
 import { o as styled } from "../src-DLGYOJMh.mjs";
 import { n as useDefaultProps, r as useTheme } from "../theme-Z9_QludW.mjs";
 import { o as MenuActivationContext, t as MenuList } from "../MenuList-B7msJ1IG.mjs";
-import { a as MenuPaper, i as MenuContext, n as useMenuPlacement, t as MenuItem } from "../MenuItem-BR7ingQx.mjs";
+import { i as MenuPaper, n as useMenuPlacement, r as MenuContext, t as MenuItem } from "../MenuItem-DUn4IZKK.mjs";
 import { MenuItems } from "./MenuItems.mjs";
 import { Children, cloneElement, useCallback, useId, useMemo, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/Menu/Menu.cjs

@@ -1,3 +1,3 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_Menu = require("../Menu-BkKPTOfh.cjs");
+const require_Menu = require("../Menu-Cgg-sX4W.cjs");
 exports.Menu = require_Menu.Menu;

package/dist/Menu/Menu.d.cts

@@ -1,2 +1,2 @@
-import { a as MenuAlign, i as MenuStep, n as MenuCloseReason, r as MenuProps, t as Menu } from "../index-CWnbCxgw.cjs";
+import { a as MenuAlign, i as MenuStep, n as MenuCloseReason, r as MenuProps, t as Menu } from "../index-DWjz5ZzG.cjs";
 export { Menu, type MenuAlign, MenuCloseReason, MenuProps, MenuStep };

package/dist/Menu/Menu.d.mts

@@ -1,2 +1,2 @@
-import { a as MenuAlign, i as MenuStep, n as MenuCloseReason, r as MenuProps, t as Menu } from "../index-DckSub2J.mjs";
+import { a as MenuAlign, i as MenuStep, n as MenuCloseReason, r as MenuProps, t as Menu } from "../index-DGnXJwLj.mjs";
 export { Menu, type MenuAlign, MenuCloseReason, MenuProps, MenuStep };

package/dist/Menu/Menu.mjs

@@ -1,2 +1,2 @@
-import { t as Menu } from "../Menu-tECbAEFj.mjs";
+import { t as Menu } from "../Menu-CrzHc_cn.mjs";
 export { Menu };

package/dist/Menu/MenuItems.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_MenuItem = require("../MenuItem-CfdN4axw.cjs");
+const require_MenuItem = require("../MenuItem-BTP7Ijwi.cjs");
 const require_Menu_MenuDivider = require("./MenuDivider.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/Menu/MenuItems/MenuItems.tsx

package/dist/Menu/MenuItems.d.cts

@@ -1,2 +1,2 @@
-import { a as MenuItemsProps, i as MenuItems, n as MenuItemData, r as MenuItemRowData, t as MenuDividerData } from "../index-DQcnJ5H4.cjs";
+import { a as MenuItemsProps, i as MenuItems, n as MenuItemData, r as MenuItemRowData, t as MenuDividerData } from "../index-CknoXDLQ.cjs";
 export { MenuDividerData, MenuItemData, MenuItemRowData, MenuItems, MenuItemsProps };

package/dist/Menu/MenuItems.d.mts

@@ -1,2 +1,2 @@
-import { a as MenuItemsProps, i as MenuItems, n as MenuItemData, r as MenuItemRowData, t as MenuDividerData } from "../index-C3KrFPCj.mjs";
+import { a as MenuItemsProps, i as MenuItems, n as MenuItemData, r as MenuItemRowData, t as MenuDividerData } from "../index-BkzZxHVj.mjs";
 export { MenuDividerData, MenuItemData, MenuItemRowData, MenuItems, MenuItemsProps };

package/dist/Menu/MenuItems.mjs

@@ -1,4 +1,4 @@
-import { t as MenuItem } from "../MenuItem-BR7ingQx.mjs";
+import { t as MenuItem } from "../MenuItem-DUn4IZKK.mjs";
 import { MenuDivider } from "./MenuDivider.mjs";
 import { jsx } from "react/jsx-runtime";
 //#region src/Menu/MenuItems/MenuItems.tsx

package/dist/Menu/MenuList.d.cts

@@ -1,5 +1,5 @@
-import { V as Theme } from "../index-DmJ7yWWi.cjs";
-import { t as MenuItemValue } from "../MenuListContext-vujGcRk9.cjs";
+import { W as Theme } from "../index-DJ0f69wh.cjs";
+import { t as MenuItemValue } from "../MenuListContext-DKUOhNyw.cjs";
 import { KeyboardEvent, ReactNode } from "react";
 import { LayoutProps, SpaceProps } from "@soroush.tech/styled-system";
 //#region src/Menu/MenuList/MenuList.d.ts

package/dist/Menu/MenuList.d.mts

@@ -1,5 +1,5 @@
-import { V as Theme } from "../index-CVNJEUwJ.mjs";
-import { t as MenuItemValue } from "../MenuListContext-Dml16k0X.mjs";
+import { W as Theme } from "../index-CJhK7JND.mjs";
+import { t as MenuItemValue } from "../MenuListContext-x-7lH4CH.mjs";
 import { LayoutProps, SpaceProps } from "@soroush.tech/styled-system";
 import { KeyboardEvent, ReactNode } from "react";
 //#region src/Menu/MenuList/MenuList.d.ts

package/dist/{Menu-BkKPTOfh.cjs → Menu-Cgg-sX4W.cjs}

@@ -1,7 +1,8 @@
 const require_src = require("./src-DU81aGy9.cjs");
 const require_theme = require("./theme-BxXuXRgQ.cjs");
+const require_isRtl = require("./isRtl-DTkYHRPo.cjs");
 const require_MenuList = require("./MenuList-D4imLXAa.cjs");
-const require_MenuItem = require("./MenuItem-CfdN4axw.cjs");
+const require_MenuItem = require("./MenuItem-BTP7Ijwi.cjs");
 const require_Menu_MenuItems = require("./Menu/MenuItems.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -110,7 +111,7 @@ function Menu({ trigger, children, items, isOpen: isOpenProp, defaultOpen = fals
 		} else if (onStep && (event.key === "ArrowLeft" || event.key === "ArrowRight")) {
 			event.preventDefault();
 			const step = event.key === "ArrowRight" ? 1 : -1;
-			onStep(require_MenuItem.isRtl(event.currentTarget) ? -step : step);
+			onStep(require_isRtl.isRtl(event.currentTarget) ? -step : step);
 		}
 	};
 	const handleBlur = (event) => {

package/dist/{Menu-tECbAEFj.mjs → Menu-CrzHc_cn.mjs}

@@ -1,7 +1,8 @@
 import { o as styled } from "./src-DLGYOJMh.mjs";
 import { n as useDefaultProps, r as useTheme } from "./theme-Z9_QludW.mjs";
+import { t as isRtl } from "./isRtl-BJDtm86G.mjs";
 import { o as MenuActivationContext, t as MenuList } from "./MenuList-B7msJ1IG.mjs";
-import { a as MenuPaper, i as MenuContext, n as useMenuPlacement, r as isRtl, t as MenuItem } from "./MenuItem-BR7ingQx.mjs";
+import { i as MenuPaper, n as useMenuPlacement, r as MenuContext, t as MenuItem } from "./MenuItem-DUn4IZKK.mjs";
 import { MenuItems } from "./Menu/MenuItems.mjs";
 import { Children, cloneElement, useCallback, useId, useMemo, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/Menu.cjs

@@ -3,7 +3,7 @@ const require_MenuList = require("./MenuList-D4imLXAa.cjs");
 const require_Menu_MenuDivider = require("./Menu/MenuDivider.cjs");
 const require_Menu_MenuItems = require("./Menu/MenuItems.cjs");
 const require_Menu_ContextMenu = require("./Menu/ContextMenu.cjs");
-const require_Menu = require("./Menu-BkKPTOfh.cjs");
+const require_Menu = require("./Menu-Cgg-sX4W.cjs");
 exports.ContextMenu = require_Menu_ContextMenu.ContextMenu;
 exports.Menu = require_Menu.Menu;
 exports.MenuDivider = require_Menu_MenuDivider.MenuDivider;

package/dist/Menu.d.cts

@@ -1,6 +1,6 @@
-import { i as useMenuListContext, n as MenuListContext, r as MenuListContextValue, t as MenuItemValue } from "./MenuListContext-vujGcRk9.cjs";
-import { a as MenuItemsProps, i as MenuItems, n as MenuItemData, r as MenuItemRowData, t as MenuDividerData } from "./index-DQcnJ5H4.cjs";
-import { a as MenuAlign, i as MenuStep, n as MenuCloseReason, r as MenuProps, t as Menu } from "./index-CWnbCxgw.cjs";
+import { i as useMenuListContext, n as MenuListContext, r as MenuListContextValue, t as MenuItemValue } from "./MenuListContext-DKUOhNyw.cjs";
+import { a as MenuItemsProps, i as MenuItems, n as MenuItemData, r as MenuItemRowData, t as MenuDividerData } from "./index-CknoXDLQ.cjs";
+import { a as MenuAlign, i as MenuStep, n as MenuCloseReason, r as MenuProps, t as Menu } from "./index-DWjz5ZzG.cjs";
 import { ContextMenu, ContextMenuProps } from "./Menu/ContextMenu.cjs";
 import { MenuDivider, MenuDividerProps } from "./Menu/MenuDivider.cjs";
 import { MenuList, MenuListProps } from "./Menu/MenuList.cjs";

package/dist/Menu.d.mts

@@ -1,6 +1,6 @@
-import { i as useMenuListContext, n as MenuListContext, r as MenuListContextValue, t as MenuItemValue } from "./MenuListContext-Dml16k0X.mjs";
-import { a as MenuItemsProps, i as MenuItems, n as MenuItemData, r as MenuItemRowData, t as MenuDividerData } from "./index-C3KrFPCj.mjs";
-import { a as MenuAlign, i as MenuStep, n as MenuCloseReason, r as MenuProps, t as Menu } from "./index-DckSub2J.mjs";
+import { i as useMenuListContext, n as MenuListContext, r as MenuListContextValue, t as MenuItemValue } from "./MenuListContext-x-7lH4CH.mjs";
+import { a as MenuItemsProps, i as MenuItems, n as MenuItemData, r as MenuItemRowData, t as MenuDividerData } from "./index-BkzZxHVj.mjs";
+import { a as MenuAlign, i as MenuStep, n as MenuCloseReason, r as MenuProps, t as Menu } from "./index-DGnXJwLj.mjs";
 import { ContextMenu, ContextMenuProps } from "./Menu/ContextMenu.mjs";
 import { MenuDivider, MenuDividerProps } from "./Menu/MenuDivider.mjs";
 import { MenuList, MenuListProps } from "./Menu/MenuList.mjs";

package/dist/Menu.mjs

@@ -2,5 +2,5 @@ import { a as useMenuListContext, i as MenuListContext, t as MenuList } from "./
 import { MenuDivider } from "./Menu/MenuDivider.mjs";
 import { MenuItems } from "./Menu/MenuItems.mjs";
 import { ContextMenu } from "./Menu/ContextMenu.mjs";
-import { t as Menu } from "./Menu-tECbAEFj.mjs";
+import { t as Menu } from "./Menu-CrzHc_cn.mjs";
 export { ContextMenu, Menu, MenuDivider, MenuItems, MenuList, MenuListContext, useMenuListContext };

package/dist/{MenuItem-CfdN4axw.cjs → MenuItem-BTP7Ijwi.cjs}

@@ -1,7 +1,8 @@
 const require_src = require("./src-DU81aGy9.cjs");
 const require_themeDefault = require("./themeDefault-Cebi08Cv.cjs");
 const require_theme = require("./theme-BxXuXRgQ.cjs");
-const require_Icon = require("./Icon-Cvuhp9ek.cjs");
+const require_Icon = require("./Icon-D-EWsBVg.cjs");
+const require_isRtl = require("./isRtl-DTkYHRPo.cjs");
 const require_MenuList = require("./MenuList-D4imLXAa.cjs");
 const require_computePopoverPosition = require("./computePopoverPosition-DiyEOHnU.cjs");
 let react = require("react");
@@ -92,12 +93,6 @@ function hasRoomBeside(anchorRect, width, viewportWidth, margin) {
 	return width <= Math.max(roomBefore, roomAfter);
 }
 //#endregion
-//#region src/utils/isRtl.ts
-/** Whether an element sits in a right-to-left context - its nearest `dir` says so. */
-function isRtl(element) {
-	return element.closest("[dir]")?.getAttribute("dir") === "rtl";
-}
-//#endregion
 //#region src/Menu/hooks/useMenuPlacement.ts
 /**
 * Places a menu's `position: fixed` surface in the window, next to its anchor - so a
@@ -134,7 +129,7 @@ function useMenuPlacement({ isOpen, anchorRef, surfaceRef, placement, align, mar
 			} : void 0,
 			anchorRect,
 			paperRect,
-			...getMenuOrigins(isCramped ? "below" : placement, align, isRtl(anchor)),
+			...getMenuOrigins(isCramped ? "below" : placement, align, require_isRtl.isRtl(anchor)),
 			viewport,
 			marginThreshold: margin
 		});
@@ -151,7 +146,7 @@ function useMenuPlacement({ isOpen, anchorRef, surfaceRef, placement, align, mar
 		surface.style.visibility = "visible";
 		if (placement === "beside") {
 			const isOpeningRight = left + paperRect.width / 2 > anchorRect.left + anchorRect.width / 2;
-			const isRightPreferred = align === "start" !== isRtl(anchor);
+			const isRightPreferred = align === "start" !== require_isRtl.isRtl(anchor);
 			setIsFlipped(!isCramped && isOpeningRight !== isRightPreferred);
 		}
 	}, [
@@ -248,7 +243,7 @@ function useSubmenu(rowRef, isEnabled) {
 		if (isEnabled) setIsOpen(true);
 	};
 	const handleRowKeyDown = (event) => {
-		const inward = isRtl(event.currentTarget) ? "ArrowLeft" : "ArrowRight";
+		const inward = require_isRtl.isRtl(event.currentTarget) ? "ArrowLeft" : "ArrowRight";
 		if (!isEnabled || ![
 			inward,
 			"Enter",
@@ -266,7 +261,7 @@ function useSubmenu(rowRef, isEnabled) {
 	const handleEntryKeyDown = (event) => {
 		const list = document.getElementById(listId);
 		if (event.target.closest("[role=\"menu\"]") !== list) return;
-		const outward = isRtl(event.currentTarget) ? "ArrowRight" : "ArrowLeft";
+		const outward = require_isRtl.isRtl(event.currentTarget) ? "ArrowRight" : "ArrowLeft";
 		if (event.key !== outward && event.key !== "Escape") return;
 		event.preventDefault();
 		event.stopPropagation();
@@ -670,12 +665,6 @@ Object.defineProperty(exports, "MenuPaper", {
 		return MenuPaper;
 	}
 });
-Object.defineProperty(exports, "isRtl", {
-	enumerable: true,
-	get: function() {
-		return isRtl;
-	}
-});
 Object.defineProperty(exports, "useMenuPlacement", {
 	enumerable: true,
 	get: function() {

package/dist/{MenuItem-BR7ingQx.mjs → MenuItem-DUn4IZKK.mjs}

@@ -1,7 +1,8 @@
 import { a as src_exports, o as styled, t as createShouldForwardProp } from "./src-DLGYOJMh.mjs";
 import { t as themeDefault } from "./themeDefault-Z3KmyIbm.mjs";
 import { n as useDefaultProps, r as useTheme } from "./theme-Z9_QludW.mjs";
-import { t as Icon } from "./Icon-DlheCTJb.mjs";
+import { t as Icon } from "./Icon-BihOAP4u.mjs";
+import { t as isRtl } from "./isRtl-BJDtm86G.mjs";
 import { a as useMenuListContext, n as getNextRow, r as getOwnRows, t as MenuList } from "./MenuList-B7msJ1IG.mjs";
 import { t as computePopoverPosition } from "./computePopoverPosition-BIprs_xo.mjs";
 import { Children, createContext, useCallback, useContext, useEffect, useId, useLayoutEffect, useMemo, useRef, useState } from "react";
@@ -91,12 +92,6 @@ function hasRoomBeside(anchorRect, width, viewportWidth, margin) {
 	return width <= Math.max(roomBefore, roomAfter);
 }
 //#endregion
-//#region src/utils/isRtl.ts
-/** Whether an element sits in a right-to-left context - its nearest `dir` says so. */
-function isRtl(element) {
-	return element.closest("[dir]")?.getAttribute("dir") === "rtl";
-}
-//#endregion
 //#region src/Menu/hooks/useMenuPlacement.ts
 /**
 * Places a menu's `position: fixed` surface in the window, next to its anchor - so a
@@ -651,4 +646,4 @@ function MenuItem({ value, children, as, disabled = false, selected = false, hig
 	});
 }
 //#endregion
-export { MenuPaper as a, MenuContext as i, useMenuPlacement as n, isRtl as r, MenuItem as t };
+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-CfdN4axw.cjs");
+const require_MenuItem = require("./MenuItem-BTP7Ijwi.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-DCmH5f9I.cjs";
+import { a as MenuItemSize, i as MenuItemRole, n as MenuItemColor, o as MenuItemTextColor, r as MenuItemProps, t as MenuItem } from "./index-B4TeaB7b.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-Cj5Rhh_9.mjs";
+import { a as MenuItemSize, i as MenuItemRole, n as MenuItemColor, o as MenuItemTextColor, r as MenuItemProps, t as MenuItem } from "./index-B1RFybA_.mjs";
 export { MenuItem, MenuItemColor, MenuItemProps, MenuItemRole, MenuItemSize, MenuItemTextColor };

package/dist/MenuItem.mjs

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

package/dist/{MenuListContext-Dml16k0X.d.mts → MenuListContext-DKUOhNyw.d.cts}

@@ -1,5 +1,5 @@
-import { V as Theme } from "./index-CVNJEUwJ.mjs";
-import "./index-BVPrG1L0.mjs";
+import { W as Theme } from "./index-DJ0f69wh.cjs";
+import "./index-DchHf5cF.cjs";
 import { SyntheticEvent } from "react";
 //#region src/Menu/MenuListContext.d.ts
 type MenuItemValue = string | number;

package/dist/{MenuListContext-vujGcRk9.d.cts → MenuListContext-x-7lH4CH.d.mts}

@@ -1,5 +1,5 @@
-import { V as Theme } from "./index-DmJ7yWWi.cjs";
-import "./index-DDJuUfL5.cjs";
+import { W as Theme } from "./index-CJhK7JND.mjs";
+import "./index-h4dYtVrp.mjs";
 import { SyntheticEvent } from "react";
 //#region src/Menu/MenuListContext.d.ts
 type MenuItemValue = string | number;

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-DuVNRXP4.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-nqUA_6J_.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-DqjXDutI.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-Bx0-6yeX.mjs";
 export { ManagedModal, ManagedModalProps, Modal, ModalCloseReason, ModalManager, ModalProps, ModalScroll, UseModalParameters, UseModalReturnValue, exposeToAria, hideFromAria, useModal };

package/dist/NativeSelect.cjs

@@ -2,7 +2,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_src = require("./src-DU81aGy9.cjs");
 const require_themeDefault = require("./themeDefault-Cebi08Cv.cjs");
 const require_theme = require("./theme-BxXuXRgQ.cjs");
-const require_Icon = require("./Icon-Cvuhp9ek.cjs");
+const require_Icon = require("./Icon-D-EWsBVg.cjs");
 const require_FormControl = require("./FormControl.cjs");
 const require_inputVariantStyles = require("./inputVariantStyles-BBkkYQtE.cjs");
 require("react");
@@ -24,10 +24,10 @@ const baseStyle = {
 	alignItems: "center",
 	transition: "border-color 0.15s ease"
 };
-const backgroundStyle = ({ theme, textColor = require_themeDefault.themeDefault(theme, "accentTextColor", "primary"), bg = require_themeDefault.themeDefault(theme, "inputBg", "terminal") }) => {
+const backgroundStyle = ({ theme, textColor, color = require_themeDefault.themeDefault(theme, "color", "primary"), bg = require_themeDefault.themeDefault(theme, "inputBg", "terminal") }) => {
 	return {
 		backgroundColor: (0, require_src.src_exports.get)(theme, `background.${bg}`),
-		color: (0, require_src.src_exports.get)(theme, `text.${textColor}`),
+		color: textColor ? (0, require_src.src_exports.get)(theme, `text.${textColor}`) : (0, require_src.src_exports.get)(theme, `palette.${color}.main`),
 		fontFamily: (0, require_src.src_exports.get)(theme, "fonts.body"),
 		fontSize: (0, require_src.src_exports.get)(theme, "fontSizes.1"),
 		lineHeight: (0, require_src.src_exports.get)(theme, "lineHeights.base")
@@ -71,7 +71,7 @@ const NativeSelectRoot = require_src.styled("div", {
 	shouldForwardProp,
 	systemProps: [require_src.src_exports.space, widthStyles]
 })(baseStyle, require_inputVariantStyles.inputVariantStyles, borderRadiusStyle, colorBorder, focusWithinColor, focusVisibleRing, backgroundStyle, layoutStyles);
-const shouldForwardNativeSelectProps = (prop) => prop !== "sizeToken" && prop !== "bg" && prop !== "textColor";
+const shouldForwardNativeSelectProps = (prop) => prop !== "sizeToken" && prop !== "bg" && prop !== "textColor" && prop !== "accent";
 const sizeVariants = ({ theme, sizeToken }) => {
 	const s = theme.sizes[sizeToken];
 	return {
@@ -82,9 +82,9 @@ const sizeVariants = ({ theme, sizeToken }) => {
 		fontSize: theme.fontSizes[s.fontSize]
 	};
 };
-const selectSurface = ({ theme, bg = require_themeDefault.themeDefault(theme, "inputBg", "terminal"), textColor }) => {
+const selectSurface = ({ theme, bg = require_themeDefault.themeDefault(theme, "inputBg", "terminal"), textColor, accent }) => {
 	const backgroundColor = (0, require_src.src_exports.get)(theme, `background.${bg}`);
-	const color = (0, require_src.src_exports.get)(theme, `text.${textColor}`);
+	const color = textColor ? (0, require_src.src_exports.get)(theme, `text.${textColor}`) : (0, require_src.src_exports.get)(theme, `palette.${accent}.main`);
 	return {
 		backgroundColor,
 		color,
@@ -137,7 +137,7 @@ function NativeSelect({ options, value, defaultValue, onChange, placeholder, bor
 	const { id, error, disabled, required, size, fullWidth } = fc;
 	const theme = require_theme.useTheme();
 	const color = fc.color ?? require_themeDefault.themeDefault(theme, "color", "primary");
-	const textColor = fc.textColor ?? require_themeDefault.themeDefault(theme, "accentTextColor", "primary");
+	const textColor = fc.textColor;
 	const variant = variantProp ?? require_themeDefault.themeDefault(theme, "inputVariant", "default");
 	const handleChange = (event) => {
 		const match = options.find((option) => String(option.value) === event.target.value);
@@ -165,6 +165,7 @@ function NativeSelect({ options, value, defaultValue, onChange, placeholder, bor
 			sizeToken: size,
 			bg,
 			textColor,
+			accent: color,
 			value,
 			defaultValue: uncontrolledDefault,
 			onChange: handleChange,

package/dist/NativeSelect.d.cts

@@ -1,5 +1,5 @@
-import { V as Theme } from "./index-DmJ7yWWi.cjs";
-import { n as IconProps, r as IconName } from "./index-qlfNErNd.cjs";
+import { W as Theme } from "./index-DJ0f69wh.cjs";
+import { n as IconProps, r as IconName } from "./index-Dv_fk1_F.cjs";
 import { SelectHTMLAttributes } from "react";
 import { LayoutProps, SpaceProps } from "@soroush.tech/styled-system";
 //#region src/NativeSelect/NativeSelect.d.ts
@@ -27,7 +27,7 @@ interface NativeSelectProps extends SpaceProps<Theme>, Pick<LayoutProps<Theme>,
   borderRadius?: keyof Theme['radii'];
   /** Focus/active border color - resolves to `theme.palette[color].main`. Default: 'primary', overridable via `theme.defaults.color`. */
   color?: NativeSelectColor;
-  /** Text color of the selected value - resolves against `theme.text`. Default: 'primary', overridable via `theme.defaults.accentTextColor`. */
+  /** Text color of the selected value - resolves against `theme.text`. Default: the accent `color`'s `main`. */
   textColor?: NativeSelectTextColor;
   /** Background color - resolves against `theme.background`. Default: `'terminal'`. */
   bg?: NativeSelectBackgroundToken;

package/dist/NativeSelect.d.mts

@@ -1,5 +1,5 @@
-import { V as Theme } from "./index-CVNJEUwJ.mjs";
-import { n as IconProps, r as IconName } from "./index-BqpS_Huq.mjs";
+import { W as Theme } from "./index-CJhK7JND.mjs";
+import { n as IconProps, r as IconName } from "./index-ha1WjSZ5.mjs";
 import { LayoutProps, SpaceProps } from "@soroush.tech/styled-system";
 import { SelectHTMLAttributes } from "react";
 //#region src/NativeSelect/NativeSelect.d.ts
@@ -27,7 +27,7 @@ interface NativeSelectProps extends SpaceProps<Theme>, Pick<LayoutProps<Theme>,
   borderRadius?: keyof Theme['radii'];
   /** Focus/active border color - resolves to `theme.palette[color].main`. Default: 'primary', overridable via `theme.defaults.color`. */
   color?: NativeSelectColor;
-  /** Text color of the selected value - resolves against `theme.text`. Default: 'primary', overridable via `theme.defaults.accentTextColor`. */
+  /** Text color of the selected value - resolves against `theme.text`. Default: the accent `color`'s `main`. */
   textColor?: NativeSelectTextColor;
   /** Background color - resolves against `theme.background`. Default: `'terminal'`. */
   bg?: NativeSelectBackgroundToken;

package/dist/NativeSelect.mjs

@@ -1,7 +1,7 @@
 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 { r as useTheme } from "./theme-Z9_QludW.mjs";
-import { t as Icon } from "./Icon-DlheCTJb.mjs";
+import { t as Icon } from "./Icon-BihOAP4u.mjs";
 import { useFormControl } from "./FormControl.mjs";
 import { t as inputVariantStyles } from "./inputVariantStyles-CcqpGfuP.mjs";
 import "react";
@@ -22,10 +22,10 @@ const baseStyle = {
 	alignItems: "center",
 	transition: "border-color 0.15s ease"
 };
-const backgroundStyle = ({ theme, textColor = themeDefault(theme, "accentTextColor", "primary"), bg = themeDefault(theme, "inputBg", "terminal") }) => {
+const backgroundStyle = ({ theme, textColor, color = themeDefault(theme, "color", "primary"), bg = themeDefault(theme, "inputBg", "terminal") }) => {
 	return {
 		backgroundColor: (0, src_exports.get)(theme, `background.${bg}`),
-		color: (0, src_exports.get)(theme, `text.${textColor}`),
+		color: textColor ? (0, src_exports.get)(theme, `text.${textColor}`) : (0, src_exports.get)(theme, `palette.${color}.main`),
 		fontFamily: (0, src_exports.get)(theme, "fonts.body"),
 		fontSize: (0, src_exports.get)(theme, "fontSizes.1"),
 		lineHeight: (0, src_exports.get)(theme, "lineHeights.base")
@@ -69,7 +69,7 @@ const NativeSelectRoot = styled("div", {
 	shouldForwardProp,
 	systemProps: [src_exports.space, widthStyles]
 })(baseStyle, inputVariantStyles, borderRadiusStyle, colorBorder, focusWithinColor, focusVisibleRing, backgroundStyle, layoutStyles);
-const shouldForwardNativeSelectProps = (prop) => prop !== "sizeToken" && prop !== "bg" && prop !== "textColor";
+const shouldForwardNativeSelectProps = (prop) => prop !== "sizeToken" && prop !== "bg" && prop !== "textColor" && prop !== "accent";
 const sizeVariants = ({ theme, sizeToken }) => {
 	const s = theme.sizes[sizeToken];
 	return {
@@ -80,9 +80,9 @@ const sizeVariants = ({ theme, sizeToken }) => {
 		fontSize: theme.fontSizes[s.fontSize]
 	};
 };
-const selectSurface = ({ theme, bg = themeDefault(theme, "inputBg", "terminal"), textColor }) => {
+const selectSurface = ({ theme, bg = themeDefault(theme, "inputBg", "terminal"), textColor, accent }) => {
 	const backgroundColor = (0, src_exports.get)(theme, `background.${bg}`);
-	const color = (0, src_exports.get)(theme, `text.${textColor}`);
+	const color = textColor ? (0, src_exports.get)(theme, `text.${textColor}`) : (0, src_exports.get)(theme, `palette.${accent}.main`);
 	return {
 		backgroundColor,
 		color,
@@ -135,7 +135,7 @@ function NativeSelect({ options, value, defaultValue, onChange, placeholder, bor
 	const { id, error, disabled, required, size, fullWidth } = fc;
 	const theme = useTheme();
 	const color = fc.color ?? themeDefault(theme, "color", "primary");
-	const textColor = fc.textColor ?? themeDefault(theme, "accentTextColor", "primary");
+	const textColor = fc.textColor;
 	const variant = variantProp ?? themeDefault(theme, "inputVariant", "default");
 	const handleChange = (event) => {
 		const match = options.find((option) => String(option.value) === event.target.value);
@@ -163,6 +163,7 @@ function NativeSelect({ options, value, defaultValue, onChange, placeholder, bor
 			sizeToken: size,
 			bg,
 			textColor,
+			accent: color,
 			value,
 			defaultValue: uncontrolledDefault,
 			onChange: handleChange,