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

package/dist/Icon.cjs

@@ -1,4 +1,4 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_Icon = require("./Icon-D-EWsBVg.cjs");
+const require_Icon = require("./Icon-C5Iz5ekp.cjs");
 exports.Icon = require_Icon.Icon;
 exports.icons = require_Icon.icons;

package/dist/Icon.d.cts

@@ -1,2 +1,2 @@
-import { i as icons, n as IconProps, r as IconName, t as Icon } from "./index-Dv_fk1_F.cjs";
+import { i as icons, n as IconProps, r as IconName, t as Icon } from "./index-CAt0-L4i.cjs";
 export { Icon, type IconName, IconProps, icons };

package/dist/Icon.d.mts

@@ -1,2 +1,2 @@
-import { i as icons, n as IconProps, r as IconName, t as Icon } from "./index-ha1WjSZ5.mjs";
+import { i as icons, n as IconProps, r as IconName, t as Icon } from "./index-D48qVo1X.mjs";
 export { Icon, type IconName, IconProps, icons };

package/dist/Icon.mjs

@@ -1,2 +1 @@
-import { n as icons, t as Icon } from "./Icon-BihOAP4u.mjs";
-export { Icon, icons };
+export { t as Icon, n as icons } from "./Icon-XpXU-SuF.mjs";

package/dist/Image.cjs

@@ -1,9 +1,9 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_src = require("./src-DU81aGy9.cjs");
+const require_src = require("./src-yC1f5WR2.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/Image/Image.tsx
+// src/Image/Image.tsx
 const baseShouldForwardProp = (0, _soroush_tech_styled_system_should_forward_prop.createShouldForwardProp)([
 	..._soroush_tech_styled_system_should_forward_prop.props,
 	"fallback",
@@ -79,5 +79,4 @@ function Image({ src, srcSet, fallback, alt, onError, ...rest }) {
 		...rest
 	});
 }
-//#endregion
 exports.Image = Image;

package/dist/Image.d.cts

@@ -1,7 +1,6 @@
-import { W as Theme } from "./index-DJ0f69wh.cjs";
+import { nt as Theme } from "./index-Lsm4v8fB.cjs";
 import { CSSProperties, ImgHTMLAttributes } from "react";
 import { BackgroundProps, LayoutProps, PositionProps, SpaceProps } from "@soroush.tech/styled-system";
-//#region src/Image/Image.d.ts
 interface ImageProps extends Omit<ImgHTMLAttributes<HTMLImageElement>, 'height' | 'width' | 'color'>, LayoutProps, SpaceProps, BackgroundProps, PositionProps {
   /** Fallback image URL tried when src (or srcSet) fails to load. */
   fallback?: string;
@@ -13,5 +12,4 @@ interface ImageProps extends Omit<ImgHTMLAttributes<HTMLImageElement>, 'height'
   onError?: () => void;
 }
 declare function Image({ src, srcSet, fallback, alt, onError, ...rest }: Readonly<ImageProps>): import("react").JSX.Element;
-//#endregion
 export { Image, ImageProps };

package/dist/Image.d.mts

@@ -1,7 +1,6 @@
-import { W as Theme } from "./index-CJhK7JND.mjs";
+import { nt as Theme } from "./index-CR8qkP8U.mjs";
 import { BackgroundProps, LayoutProps, PositionProps, SpaceProps } from "@soroush.tech/styled-system";
 import { CSSProperties, ImgHTMLAttributes } from "react";
-//#region src/Image/Image.d.ts
 interface ImageProps extends Omit<ImgHTMLAttributes<HTMLImageElement>, 'height' | 'width' | 'color'>, LayoutProps, SpaceProps, BackgroundProps, PositionProps {
   /** Fallback image URL tried when src (or srcSet) fails to load. */
   fallback?: string;
@@ -13,5 +12,4 @@ interface ImageProps extends Omit<ImgHTMLAttributes<HTMLImageElement>, 'height'
   onError?: () => void;
 }
 declare function Image({ src, srcSet, fallback, alt, onError, ...rest }: Readonly<ImageProps>): import("react").JSX.Element;
-//#endregion
 export { Image, ImageProps };

package/dist/Image.mjs

@@ -1,7 +1,7 @@
-import { a as src_exports, i as props, o as styled, t as createShouldForwardProp } from "./src-DLGYOJMh.mjs";
+import { a as src_exports, i as props, o as styled, t as createShouldForwardProp } from "./src-B-rNjHIL.mjs";
 import { useState } from "react";
 import { jsx } from "react/jsx-runtime";
-//#region src/Image/Image.tsx
+// src/Image/Image.tsx
 const baseShouldForwardProp = createShouldForwardProp([
 	...props,
 	"fallback",
@@ -77,5 +77,4 @@ function Image({ src, srcSet, fallback, alt, onError, ...rest }) {
 		...rest
 	});
 }
-//#endregion
 export { Image };

package/dist/LinearProgress.cjs

@@ -1,12 +1,12 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_src = require("./src-DU81aGy9.cjs");
-const require_themeDefault = require("./themeDefault-Cebi08Cv.cjs");
+const require_src = require("./src-yC1f5WR2.cjs");
 const require_utils = require("./utils.cjs");
+const require_themeDefault = require("./themeDefault-DbPHBbNO.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");
 let _emotion_react = require("@emotion/react");
-//#region src/LinearProgress/LinearProgress.tsx
+// src/LinearProgress/LinearProgress.tsx
 const shouldForwardProp = (0, _soroush_tech_styled_system_should_forward_prop.createShouldForwardProp)([
 	..._soroush_tech_styled_system_should_forward_prop.props,
 	"color",
@@ -213,5 +213,4 @@ function LinearProgress({ variant = "indeterminate", color, thickness = THICKNES
 		]
 	});
 }
-//#endregion
 exports.LinearProgress = LinearProgress;

package/dist/LinearProgress.d.cts

@@ -1,8 +1,7 @@
-import { W as Theme } from "./index-DJ0f69wh.cjs";
-import { n as ButtonColor } from "./index-DAwcmIjN.cjs";
+import { nt as Theme } from "./index-Lsm4v8fB.cjs";
+import { n as ButtonColor } from "./index-BzQze7eY.cjs";
 import { HTMLAttributes } from "react";
 import { LayoutProps, PaddingProps, SpaceProps } from "@soroush.tech/styled-system";
-//#region src/LinearProgress/LinearProgress.d.ts
 type LinearProgressVariant = 'indeterminate' | 'determinate' | 'query';
 type LinearProgressColor = ButtonColor | 'inherit';
 type LinearProgressEasing = 'linear' | 'ease' | 'ease-in' | 'ease-out' | 'ease-in-out';
@@ -33,5 +32,4 @@ interface LinearProgressProps extends HTMLAttributes<HTMLSpanElement>, Omit<Spac
   round?: boolean;
 }
 declare function LinearProgress({ variant, color, thickness, value, buffer, valueBuffer, min, max, spinning, easing, showTrack, round, ...rest }: Readonly<LinearProgressProps>): import("react").JSX.Element;
-//#endregion
 export { LinearProgress, LinearProgressColor, LinearProgressEasing, LinearProgressProps, LinearProgressVariant };

package/dist/LinearProgress.d.mts

@@ -1,8 +1,7 @@
-import { W as Theme } from "./index-CJhK7JND.mjs";
-import { n as ButtonColor } from "./index-CG_1uPrD.mjs";
+import { nt as Theme } from "./index-CR8qkP8U.mjs";
+import { n as ButtonColor } from "./index-BChRNCld.mjs";
 import { LayoutProps, PaddingProps, SpaceProps } from "@soroush.tech/styled-system";
 import { HTMLAttributes } from "react";
-//#region src/LinearProgress/LinearProgress.d.ts
 type LinearProgressVariant = 'indeterminate' | 'determinate' | 'query';
 type LinearProgressColor = ButtonColor | 'inherit';
 type LinearProgressEasing = 'linear' | 'ease' | 'ease-in' | 'ease-out' | 'ease-in-out';
@@ -33,5 +32,4 @@ interface LinearProgressProps extends HTMLAttributes<HTMLSpanElement>, Omit<Spac
   round?: boolean;
 }
 declare function LinearProgress({ variant, color, thickness, value, buffer, valueBuffer, min, max, spinning, easing, showTrack, round, ...rest }: Readonly<LinearProgressProps>): import("react").JSX.Element;
-//#endregion
 export { LinearProgress, LinearProgressColor, LinearProgressEasing, LinearProgressProps, LinearProgressVariant };

package/dist/LinearProgress.mjs

@@ -1,9 +1,9 @@
-import { a as src_exports, i as props, o as styled, r as keyframes, t as createShouldForwardProp } from "./src-DLGYOJMh.mjs";
-import { t as themeDefault } from "./themeDefault-Z3KmyIbm.mjs";
+import { a as src_exports, i as props, o as styled, r as keyframes, t as createShouldForwardProp } from "./src-B-rNjHIL.mjs";
 import { clamp } from "./utils.mjs";
+import { t as themeDefault } from "./themeDefault-BeZJzqJj.mjs";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/LinearProgress/LinearProgress.tsx
+// src/LinearProgress/LinearProgress.tsx
 const shouldForwardProp = createShouldForwardProp([
 	...props,
 	"color",
@@ -210,5 +210,4 @@ function LinearProgress({ variant = "indeterminate", color, thickness = THICKNES
 		]
 	});
 }
-//#endregion
 export { LinearProgress };

package/dist/Link.cjs

@@ -1,11 +1,12 @@
 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_src = require("./src-yC1f5WR2.cjs");
+const require_theme = require("./theme-XJvMdOnY.cjs");
+const require_themeDefault = require("./themeDefault-DbPHBbNO.cjs");
 const require_Typography = require("./Typography.cjs");
+const require_getAnchorRel = require("./getAnchorRel-DFMc_uIR.cjs");
 require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
-//#region src/Link/Link.tsx
+// src/Link/Link.tsx
 const underlineStyles = {
 	always: { textDecoration: "underline" },
 	none: { textDecoration: "none" },
@@ -45,16 +46,14 @@ const LinkBase = require_src.styled(require_Typography.Typography, {
 function Link({ underline: underlineProp, color, variant = "inherit", target, rel, ...rest }) {
 	const theme = require_theme.useTheme();
 	const underline = underlineProp ?? require_themeDefault.themeDefault(theme, "linkUnderline", "always");
-	const resolvedRel = target === "_blank" && rel === void 0 ? "noopener noreferrer" : rel;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(LinkBase, {
 		as: "a",
 		underline,
 		color: color ?? require_themeDefault.themeDefault(theme, "accentTextColor", "primary"),
 		variant,
 		target,
-		rel: resolvedRel,
+		rel: require_getAnchorRel.getAnchorRel(target, rel),
 		...rest
 	});
 }
-//#endregion
 exports.Link = Link;

package/dist/Link.d.cts

@@ -1,10 +1,8 @@
-import { a as TypographyProps } from "./index-K5exjvnX.cjs";
+import { a as TypographyProps } from "./index-CGyIuCRh.cjs";
 import { AnchorHTMLAttributes } from "react";
-//#region src/Link/Link.d.ts
 type LinkUnderline = 'always' | 'hover' | 'none';
 interface LinkProps extends Omit<TypographyProps, 'as'>, Omit<AnchorHTMLAttributes<HTMLAnchorElement>, keyof Omit<TypographyProps, 'as'>> {
   underline?: LinkUnderline;
 }
 declare function Link({ underline: underlineProp, color, variant, target, rel, ...rest }: Readonly<LinkProps>): import("react").JSX.Element;
-//#endregion
 export { Link, LinkProps, LinkUnderline };

package/dist/Link.d.mts

@@ -1,10 +1,8 @@
-import { a as TypographyProps } from "./index-ClZyaZrR.mjs";
+import { a as TypographyProps } from "./index-C2a-5yop.mjs";
 import { AnchorHTMLAttributes } from "react";
-//#region src/Link/Link.d.ts
 type LinkUnderline = 'always' | 'hover' | 'none';
 interface LinkProps extends Omit<TypographyProps, 'as'>, Omit<AnchorHTMLAttributes<HTMLAnchorElement>, keyof Omit<TypographyProps, 'as'>> {
   underline?: LinkUnderline;
 }
 declare function Link({ underline: underlineProp, color, variant, target, rel, ...rest }: Readonly<LinkProps>): import("react").JSX.Element;
-//#endregion
 export { Link, LinkProps, LinkUnderline };

package/dist/Link.mjs

@@ -1,10 +1,11 @@
-import { o as styled } from "./src-DLGYOJMh.mjs";
-import { t as themeDefault } from "./themeDefault-Z3KmyIbm.mjs";
-import { r as useTheme } from "./theme-Z9_QludW.mjs";
+import { o as styled } from "./src-B-rNjHIL.mjs";
+import { r as useTheme } from "./theme-DyyZQFzQ.mjs";
+import { t as themeDefault } from "./themeDefault-BeZJzqJj.mjs";
 import { Typography } from "./Typography.mjs";
+import { t as getAnchorRel } from "./getAnchorRel-BLYap7aE.mjs";
 import "react";
 import { jsx } from "react/jsx-runtime";
-//#region src/Link/Link.tsx
+// src/Link/Link.tsx
 const underlineStyles = {
 	always: { textDecoration: "underline" },
 	none: { textDecoration: "none" },
@@ -44,16 +45,14 @@ const LinkBase = styled(Typography, {
 function Link({ underline: underlineProp, color, variant = "inherit", target, rel, ...rest }) {
 	const theme = useTheme();
 	const underline = underlineProp ?? themeDefault(theme, "linkUnderline", "always");
-	const resolvedRel = target === "_blank" && rel === void 0 ? "noopener noreferrer" : rel;
 	return /* @__PURE__ */ jsx(LinkBase, {
 		as: "a",
 		underline,
 		color: color ?? themeDefault(theme, "accentTextColor", "primary"),
 		variant,
 		target,
-		rel: resolvedRel,
+		rel: getAnchorRel(target, rel),
 		...rest
 	});
 }
-//#endregion
 export { Link };

package/dist/Menu/ContextMenu.cjs

@@ -1,12 +1,12 @@
 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-BTP7Ijwi.cjs");
+const require_src = require("../src-yC1f5WR2.cjs");
+const require_theme = require("../theme-XJvMdOnY.cjs");
+const require_MenuList = require("../MenuList-DsJmxNPu.cjs");
+const require_MenuItem = require("../MenuItem-DXRw3Yca.cjs");
 const require_Menu_MenuItems = require("./MenuItems.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
-//#region src/Menu/ContextMenu/ContextMenu.tsx
+// src/Menu/ContextMenu/ContextMenu.tsx
 const ContextMenuPaper = require_src.styled(require_MenuItem.MenuPaper, {
 	name: "ContextMenu",
 	slot: "paper",
@@ -30,11 +30,12 @@ function ContextMenuTarget({ element, onContextMenu, onKeyDown }) {
 * `Menu` does - Escape, a chosen row or focus leaving - and gives focus back to where it
 * was. The browser's own menu is held back only when this one opens.
 */
-function ContextMenu({ target, children, items, onClose, onSelect, marginThreshold: marginThresholdProp, elevation: elevationProp, layer: layerProp, emptyLabel, color: colorProp, textColor: textColorProp, size: sizeProp, dense: denseProp, "aria-label": ariaLabel, className, "data-testid": dataTestid }) {
+function ContextMenu({ target, children, items, onClose, onSelect, marginThreshold: marginThresholdProp, elevation: elevationProp, layer: layerProp, borderRadius: borderRadiusProp, emptyLabel, color: colorProp, textColor: textColorProp, size: sizeProp, dense: denseProp, "aria-label": ariaLabel, className, "data-testid": dataTestid }) {
 	const dp = require_theme.useDefaultProps("ContextMenu");
 	const marginThreshold = marginThresholdProp ?? dp.marginThreshold ?? 2;
 	const elevation = elevationProp ?? dp.elevation ?? 8;
 	const layer = layerProp ?? dp.layer ?? "modal";
+	const borderRadius = borderRadiusProp ?? dp.borderRadius;
 	const color = colorProp ?? dp.color;
 	const textColor = textColorProp ?? dp.textColor;
 	const size = sizeProp ?? dp.size;
@@ -117,6 +118,7 @@ function ContextMenu({ target, children, items, onClose, onSelect, marginThresho
 			elevation,
 			layer,
 			margin,
+			borderRadius,
 			onKeyDown: handleSurfaceKeyDown,
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_MenuItem.MenuContext.Provider, {
 				value: menuContext,
@@ -142,5 +144,4 @@ function ContextMenu({ target, children, items, onClose, onSelect, marginThresho
 		})]
 	});
 }
-//#endregion
 exports.ContextMenu = ContextMenu;

package/dist/Menu/ContextMenu.d.cts

@@ -1,10 +1,9 @@
-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 { cn as PaperElevation, nt as Theme } from "../index-Lsm4v8fB.cjs";
+import "../index-323PrYLR.cjs";
+import { t as MenuItemValue } from "../MenuListContext-BwgQHUu9.cjs";
+import { n as MenuItemData } from "../index-DbgrItbx.cjs";
+import { n as MenuCloseReason } from "../index-Dm7vQHor.cjs";
 import { KeyboardEvent, MouseEvent, ReactElement, ReactNode, SyntheticEvent } from "react";
-//#region src/Menu/ContextMenu/ContextMenu.d.ts
 interface TargetProps {
   onContextMenu?: (event: MouseEvent<HTMLElement>) => void;
   onKeyDown?: (event: KeyboardEvent<HTMLElement>) => void;
@@ -23,6 +22,8 @@ interface ContextMenuProps {
   /** The least room between the list and the window's edge - a `theme.space` key. Default: `2`. */
   marginThreshold?: keyof Theme['space'];
   /** Shadow depth of the surface. Default: `8`. */
+  /** Corner radius of the list, resolves against `theme.radii`. Default: `theme.defaults.surfaceRadius`, else square. */
+  borderRadius?: keyof Theme['radii'];
   elevation?: PaperElevation;
   /** Stacking layer from `theme.zOrder`. Default: `'modal'`. */
   layer?: keyof Theme['zOrder'];
@@ -47,6 +48,5 @@ interface ContextMenuProps {
  * `Menu` does - Escape, a chosen row or focus leaving - and gives focus back to where it
  * was. The browser's own menu is held back only when this one opens.
  */
-declare function ContextMenu({ target, children, items, onClose, onSelect, marginThreshold: marginThresholdProp, elevation: elevationProp, layer: layerProp, emptyLabel, color: colorProp, textColor: textColorProp, size: sizeProp, dense: denseProp, 'aria-label': ariaLabel, className, 'data-testid': dataTestid }: Readonly<ContextMenuProps>): import("react").JSX.Element;
-//#endregion
+declare function ContextMenu({ target, children, items, onClose, onSelect, 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<ContextMenuProps>): import("react").JSX.Element;
 export { ContextMenu, ContextMenuProps };

package/dist/Menu/ContextMenu.d.mts

@@ -1,10 +1,9 @@
-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 { 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 { n as MenuCloseReason } from "../index-BAzMLTVi.mjs";
 import { KeyboardEvent, MouseEvent, ReactElement, ReactNode, SyntheticEvent } from "react";
-//#region src/Menu/ContextMenu/ContextMenu.d.ts
 interface TargetProps {
   onContextMenu?: (event: MouseEvent<HTMLElement>) => void;
   onKeyDown?: (event: KeyboardEvent<HTMLElement>) => void;
@@ -23,6 +22,8 @@ interface ContextMenuProps {
   /** The least room between the list and the window's edge - a `theme.space` key. Default: `2`. */
   marginThreshold?: keyof Theme['space'];
   /** Shadow depth of the surface. Default: `8`. */
+  /** Corner radius of the list, resolves against `theme.radii`. Default: `theme.defaults.surfaceRadius`, else square. */
+  borderRadius?: keyof Theme['radii'];
   elevation?: PaperElevation;
   /** Stacking layer from `theme.zOrder`. Default: `'modal'`. */
   layer?: keyof Theme['zOrder'];
@@ -47,6 +48,5 @@ interface ContextMenuProps {
  * `Menu` does - Escape, a chosen row or focus leaving - and gives focus back to where it
  * was. The browser's own menu is held back only when this one opens.
  */
-declare function ContextMenu({ target, children, items, onClose, onSelect, marginThreshold: marginThresholdProp, elevation: elevationProp, layer: layerProp, emptyLabel, color: colorProp, textColor: textColorProp, size: sizeProp, dense: denseProp, 'aria-label': ariaLabel, className, 'data-testid': dataTestid }: Readonly<ContextMenuProps>): import("react").JSX.Element;
-//#endregion
+declare function ContextMenu({ target, children, items, onClose, onSelect, 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<ContextMenuProps>): import("react").JSX.Element;
 export { ContextMenu, ContextMenuProps };

package/dist/Menu/ContextMenu.mjs

@@ -1,11 +1,11 @@
-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 { i as MenuPaper, n as useMenuPlacement, r as MenuContext, t as MenuItem } from "../MenuItem-DUn4IZKK.mjs";
+import { o as styled } from "../src-B-rNjHIL.mjs";
+import { n as useDefaultProps, r as useTheme } from "../theme-DyyZQFzQ.mjs";
+import { o as MenuActivationContext, t as MenuList } from "../MenuList-CGZgfBno.mjs";
+import { i as MenuPaper, n as useMenuPlacement, r as MenuContext, t as MenuItem } from "../MenuItem-vXHGPK8g.mjs";
 import { MenuItems } from "./MenuItems.mjs";
 import { Children, cloneElement, useCallback, useId, useMemo, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/Menu/ContextMenu/ContextMenu.tsx
+// src/Menu/ContextMenu/ContextMenu.tsx
 const ContextMenuPaper = styled(MenuPaper, {
 	name: "ContextMenu",
 	slot: "paper",
@@ -29,11 +29,12 @@ function ContextMenuTarget({ element, onContextMenu, onKeyDown }) {
 * `Menu` does - Escape, a chosen row or focus leaving - and gives focus back to where it
 * was. The browser's own menu is held back only when this one opens.
 */
-function ContextMenu({ target, children, items, onClose, onSelect, marginThreshold: marginThresholdProp, elevation: elevationProp, layer: layerProp, emptyLabel, color: colorProp, textColor: textColorProp, size: sizeProp, dense: denseProp, "aria-label": ariaLabel, className, "data-testid": dataTestid }) {
+function ContextMenu({ target, children, items, onClose, onSelect, marginThreshold: marginThresholdProp, elevation: elevationProp, layer: layerProp, borderRadius: borderRadiusProp, emptyLabel, color: colorProp, textColor: textColorProp, size: sizeProp, dense: denseProp, "aria-label": ariaLabel, className, "data-testid": dataTestid }) {
 	const dp = useDefaultProps("ContextMenu");
 	const marginThreshold = marginThresholdProp ?? dp.marginThreshold ?? 2;
 	const elevation = elevationProp ?? dp.elevation ?? 8;
 	const layer = layerProp ?? dp.layer ?? "modal";
+	const borderRadius = borderRadiusProp ?? dp.borderRadius;
 	const color = colorProp ?? dp.color;
 	const textColor = textColorProp ?? dp.textColor;
 	const size = sizeProp ?? dp.size;
@@ -116,6 +117,7 @@ function ContextMenu({ target, children, items, onClose, onSelect, marginThresho
 			elevation,
 			layer,
 			margin,
+			borderRadius,
 			onKeyDown: handleSurfaceKeyDown,
 			children: /* @__PURE__ */ jsx(MenuContext.Provider, {
 				value: menuContext,
@@ -141,5 +143,4 @@ function ContextMenu({ target, children, items, onClose, onSelect, marginThresho
 		})]
 	});
 }
-//#endregion
 export { ContextMenu };

package/dist/Menu/Menu.cjs

@@ -1,3 +1,3 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_Menu = require("../Menu-Cgg-sX4W.cjs");
+const require_Menu = require("../Menu-Bx9jaHOy.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-DWjz5ZzG.cjs";
+import { a as MenuAlign, i as MenuStep, n as MenuCloseReason, r as MenuProps, t as Menu } from "../index-Dm7vQHor.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-DGnXJwLj.mjs";
+import { a as MenuAlign, i as MenuStep, n as MenuCloseReason, r as MenuProps, t as Menu } from "../index-BAzMLTVi.mjs";
 export { Menu, type MenuAlign, MenuCloseReason, MenuProps, MenuStep };

package/dist/Menu/Menu.mjs

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

package/dist/Menu/MenuDivider.cjs

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

package/dist/Menu/MenuDivider.d.cts

@@ -1,4 +1,3 @@
-//#region src/Menu/MenuDivider/MenuDivider.d.ts
 interface MenuDividerProps {
   className?: string;
   'data-testid'?: string;
@@ -8,5 +7,4 @@ interface MenuDividerProps {
  * arrow keys pass over it.
  */
 declare function MenuDivider({ className, 'data-testid': dataTestid }: Readonly<MenuDividerProps>): import("react").JSX.Element;
-//#endregion
 export { MenuDivider, MenuDividerProps };

package/dist/Menu/MenuDivider.d.mts

@@ -1,4 +1,3 @@
-//#region src/Menu/MenuDivider/MenuDivider.d.ts
 interface MenuDividerProps {
   className?: string;
   'data-testid'?: string;
@@ -8,5 +7,4 @@ interface MenuDividerProps {
  * arrow keys pass over it.
  */
 declare function MenuDivider({ className, 'data-testid': dataTestid }: Readonly<MenuDividerProps>): import("react").JSX.Element;
-//#endregion
 export { MenuDivider, MenuDividerProps };

package/dist/Menu/MenuDivider.mjs

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

package/dist/Menu/MenuItems.cjs

@@ -1,8 +1,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_MenuItem = require("../MenuItem-BTP7Ijwi.cjs");
+const require_MenuItem = require("../MenuItem-DXRw3Yca.cjs");
 const require_Menu_MenuDivider = require("./MenuDivider.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
-//#region src/Menu/MenuItems/MenuItems.tsx
+// src/Menu/MenuItems/MenuItems.tsx
 const isDivider = (item) => "type" in item && item.type === "divider";
 /**
 * @description Menu rows from data: each entry a `MenuItem` (its label as `label`, its
@@ -25,5 +25,4 @@ function MenuItems({ items }) {
 		}, item.value ?? `row-${index}`);
 	});
 }
-//#endregion
 exports.MenuItems = MenuItems;

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-CknoXDLQ.cjs";
+import { a as MenuItemsProps, i as MenuItems, n as MenuItemData, r as MenuItemRowData, t as MenuDividerData } from "../index-DbgrItbx.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-BkzZxHVj.mjs";
+import { a as MenuItemsProps, i as MenuItems, n as MenuItemData, r as MenuItemRowData, t as MenuDividerData } from "../index-CJYWGPVO.mjs";
 export { MenuDividerData, MenuItemData, MenuItemRowData, MenuItems, MenuItemsProps };

package/dist/Menu/MenuItems.mjs

@@ -1,7 +1,7 @@
-import { t as MenuItem } from "../MenuItem-DUn4IZKK.mjs";
+import { t as MenuItem } from "../MenuItem-vXHGPK8g.mjs";
 import { MenuDivider } from "./MenuDivider.mjs";
 import { jsx } from "react/jsx-runtime";
-//#region src/Menu/MenuItems/MenuItems.tsx
+// src/Menu/MenuItems/MenuItems.tsx
 const isDivider = (item) => "type" in item && item.type === "divider";
 /**
 * @description Menu rows from data: each entry a `MenuItem` (its label as `label`, its
@@ -24,5 +24,4 @@ function MenuItems({ items }) {
 		}, item.value ?? `row-${index}`);
 	});
 }
-//#endregion
 export { MenuItems };

package/dist/Menu/MenuList.cjs

@@ -1,3 +1,3 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_MenuList = require("../MenuList-D4imLXAa.cjs");
+const require_MenuList = require("../MenuList-DsJmxNPu.cjs");
 exports.MenuList = require_MenuList.MenuList;

package/dist/Menu/MenuList.d.cts

@@ -1,8 +1,7 @@
-import { W as Theme } from "../index-DJ0f69wh.cjs";
-import { t as MenuItemValue } from "../MenuListContext-DKUOhNyw.cjs";
+import { nt as Theme } from "../index-Lsm4v8fB.cjs";
+import { t as MenuItemValue } from "../MenuListContext-BwgQHUu9.cjs";
 import { KeyboardEvent, ReactNode } from "react";
 import { LayoutProps, SpaceProps } from "@soroush.tech/styled-system";
-//#region src/Menu/MenuList/MenuList.d.ts
 interface MenuListProps extends SpaceProps<Theme>, LayoutProps<Theme> {
   /** `MenuItem` rows and `MenuDivider`s. */
   children?: ReactNode;
@@ -34,5 +33,4 @@ interface MenuListProps extends SpaceProps<Theme>, LayoutProps<Theme> {
  * rows are never this list's. Renders in place - `Menu` floats one next to a trigger.
  */
 declare function MenuList({ children, onSelect, shouldWrap: shouldWrapProp, shouldAutoFocus, color, textColor, size, dense, onKeyDown, ...rest }: Readonly<MenuListProps>): import("react").JSX.Element;
-//#endregion
 export { type MenuItemValue, MenuList, MenuListProps };

package/dist/Menu/MenuList.d.mts

@@ -1,8 +1,7 @@
-import { W as Theme } from "../index-CJhK7JND.mjs";
-import { t as MenuItemValue } from "../MenuListContext-x-7lH4CH.mjs";
+import { nt as Theme } from "../index-CR8qkP8U.mjs";
+import { t as MenuItemValue } from "../MenuListContext-DbnAoUdJ.mjs";
 import { LayoutProps, SpaceProps } from "@soroush.tech/styled-system";
 import { KeyboardEvent, ReactNode } from "react";
-//#region src/Menu/MenuList/MenuList.d.ts
 interface MenuListProps extends SpaceProps<Theme>, LayoutProps<Theme> {
   /** `MenuItem` rows and `MenuDivider`s. */
   children?: ReactNode;
@@ -34,5 +33,4 @@ interface MenuListProps extends SpaceProps<Theme>, LayoutProps<Theme> {
  * rows are never this list's. Renders in place - `Menu` floats one next to a trigger.
  */
 declare function MenuList({ children, onSelect, shouldWrap: shouldWrapProp, shouldAutoFocus, color, textColor, size, dense, onKeyDown, ...rest }: Readonly<MenuListProps>): import("react").JSX.Element;
-//#endregion
 export { type MenuItemValue, MenuList, MenuListProps };

package/dist/Menu/MenuList.mjs

@@ -1,2 +1 @@
-import { t as MenuList } from "../MenuList-B7msJ1IG.mjs";
-export { MenuList };
+export { t as MenuList } from "../MenuList-CGZgfBno.mjs";