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

package/dist/{Icon-Cvuhp9ek.cjs → Icon-BE7bRsqR.cjs}

@@ -1,6 +1,6 @@
 const require_src = require("./src-DU81aGy9.cjs");
+const require_theme = require("./theme-DzfwuzMZ.cjs");
 const require_themeDefault = require("./themeDefault-Cebi08Cv.cjs");
-const require_theme = require("./theme-BxXuXRgQ.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");
@@ -13,6 +13,15 @@ const SvgAccountTree = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("sv
 	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M604-120v-125H450v-410h-93v130H80v-315h277v125h247v-125h276v315H604v-130h-94v350h94v-130h276v315H604ZM140-780v195-195Zm524 405v195-195Zm0-405v195-195Zm0 195h156v-195H664v195Zm0 405h156v-195H664v195ZM140-585h157v-195H140v195Z" })
 });
 //#endregion
+//#region src/Icon/icons/Add.tsx
+const SvgAdd = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+	viewBox: "0 0 24 24",
+	fill: "#9cff93",
+	xmlns: "http://www.w3.org/2000/svg",
+	...props,
+	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6z" })
+});
+//#endregion
 //#region src/Icon/icons/AdsClick.tsx
 const SvgAdsClick = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
 	viewBox: "0 0 24 24",
@@ -76,6 +85,15 @@ const SvgCheck = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
 	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M382-240 154-468l57-57 171 171 367-367 57 57-424 424Z" })
 });
 //#endregion
+//#region src/Icon/icons/CheckCircle.tsx
+const SvgCheckCircle = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+	viewBox: "0 0 24 24",
+	fill: "#9cff93",
+	xmlns: "http://www.w3.org/2000/svg",
+	...props,
+	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z" })
+});
+//#endregion
 //#region src/Icon/icons/ChevronLeft.tsx
 const SvgChevronLeft = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
 	viewBox: "0 0 24 24",
@@ -213,6 +231,15 @@ const SvgEditNote = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg",
 	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M120-400v-60h300v60H120Zm0-165v-60h470v60H120Zm0-165v-60h470v60H120Zm400 610v-123l221-220q9-9 20-13t22-4q12 0 23 4.5t20 13.5l37 37q9 9 13 20t4 22q0 11-4.5 22.5T862-340L642-120H520Zm300-263-37-37 37 37ZM580-180h38l121-122-18-19-19-18-122 121v38Zm141-141-19-18 37 37-18-19Z" })
 });
 //#endregion
+//#region src/Icon/icons/ErrorCircle.tsx
+const SvgErrorCircle = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+	viewBox: "0 0 24 24",
+	fill: "#9cff93",
+	xmlns: "http://www.w3.org/2000/svg",
+	...props,
+	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z" })
+});
+//#endregion
 //#region src/Icon/icons/ExpandLess.tsx
 const SvgExpandLess = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
 	viewBox: "0 0 24 24",
@@ -479,6 +506,15 @@ const SvgImage = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
 	]
 });
 //#endregion
+//#region src/Icon/icons/Info.tsx
+const SvgInfo = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+	viewBox: "0 0 24 24",
+	fill: "#9cff93",
+	xmlns: "http://www.w3.org/2000/svg",
+	...props,
+	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z" })
+});
+//#endregion
 //#region src/Icon/icons/Language.tsx
 const SvgLanguage = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
 	viewBox: "0 0 24 24",
@@ -580,6 +616,15 @@ const SvgRefresh = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg",
 	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M17.65 6.35C16.2 4.9 14.21 4 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08c-.82 2.33-3.04 4-5.65 4-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4z" })
 });
 //#endregion
+//#region src/Icon/icons/Remove.tsx
+const SvgRemove = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+	viewBox: "0 0 24 24",
+	fill: "#9cff93",
+	xmlns: "http://www.w3.org/2000/svg",
+	...props,
+	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M19 13H5v-2h14v2z" })
+});
+//#endregion
 //#region src/Icon/icons/Schema.tsx
 const SvgSchema = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
 	viewBox: "0 -960 960 960",
@@ -643,6 +688,24 @@ const SvgStacks = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
 	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M12 14L1 8l11-6l11 6zm0 4L1.575 12.325l2.1-1.15L12 15.725l8.325-4.55l2.1 1.15zm0 4L1.575 16.325l2.1-1.15L12 19.725l8.325-4.55l2.1 1.15z" })
 });
 //#endregion
+//#region src/Icon/icons/Star.tsx
+const SvgStar = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+	viewBox: "0 0 24 24",
+	fill: "#9cff93",
+	xmlns: "http://www.w3.org/2000/svg",
+	...props,
+	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z" })
+});
+//#endregion
+//#region src/Icon/icons/StarBorder.tsx
+const SvgStarBorder = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+	viewBox: "0 0 24 24",
+	fill: "#9cff93",
+	xmlns: "http://www.w3.org/2000/svg",
+	...props,
+	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M22 9.24l-7.19-.62L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27 18.18 21l-1.63-7.03L22 9.24zM12 15.4l-3.76 2.27 1-4.28-3.32-2.88 4.38-.38L12 6.1l1.71 4.04 4.38.38-3.32 2.88 1 4.28L12 15.4z" })
+});
+//#endregion
 //#region src/Icon/icons/Table.tsx
 const SvgTable = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
 	xmlns: "http://www.w3.org/2000/svg",
@@ -735,6 +798,7 @@ const SvgZoomOut = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg",
 /** Registry of available icons, keyed by their asset file name. */
 const icons = {
 	account_tree: SvgAccountTree,
+	add: SvgAdd,
 	ads_click: SvgAdsClick,
 	analytics: SvgAnalytics,
 	architecture: SvgArchitecture,
@@ -742,6 +806,7 @@ const icons = {
 	arrow_forward: SvgArrowForward,
 	arrow_upward: SvgArrowUpward,
 	check: SvgCheck,
+	check_circle: SvgCheckCircle,
 	chevron_left: SvgChevronLeft,
 	chevron_right: SvgChevronRight,
 	checklist: SvgChecklist,
@@ -754,6 +819,7 @@ const icons = {
 	desktop_windows: SvgDesktopWindows,
 	dns: SvgDns,
 	edit_note: SvgEditNote,
+	error: SvgErrorCircle,
 	expand_less: SvgExpandLess,
 	expand_more: SvgExpandMore,
 	external_link: SvgExternalLink,
@@ -768,6 +834,7 @@ const icons = {
 	history: SvgHistory,
 	hub: SvgHub,
 	image: SvgImage,
+	info: SvgInfo,
 	language: SvgLanguage,
 	last_page: SvgLastPage,
 	link: SvgLink,
@@ -778,6 +845,7 @@ const icons = {
 	psychology: SvgPsychology,
 	rebase_edit: SvgRebaseEdit,
 	refresh: SvgRefresh,
+	remove: SvgRemove,
 	schema: SvgSchema,
 	security: SvgSecurity,
 	settings_input_component: SvgSettingsInputComponent,
@@ -785,6 +853,8 @@ const icons = {
 	smartphone: SvgSmartphone,
 	speed: SvgSpeed,
 	stacks: SvgStacks,
+	star: SvgStar,
+	star_border: SvgStarBorder,
 	table: SvgTable,
 	terminal: SvgTerminal,
 	visibility: SvgVisibility,

package/dist/Icon.cjs

@@ -1,4 +1,4 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_Icon = require("./Icon-Cvuhp9ek.cjs");
+const require_Icon = require("./Icon-BE7bRsqR.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-qlfNErNd.cjs";
+import { i as icons, n as IconProps, r as IconName, t as Icon } from "./index-05VGk0y_.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-BqpS_Huq.mjs";
+import { i as icons, n as IconProps, r as IconName, t as Icon } from "./index-DNj5P2NH.mjs";
 export { Icon, type IconName, IconProps, icons };

package/dist/Icon.mjs

@@ -1,2 +1,2 @@
-import { n as icons, t as Icon } from "./Icon-DlheCTJb.mjs";
+import { n as icons, t as Icon } from "./Icon-0hPpk-WZ.mjs";
 export { Icon, icons };

package/dist/Image.d.cts

@@ -1,4 +1,4 @@
-import { V as Theme } from "./index-DmJ7yWWi.cjs";
+import { nt as Theme } from "./index-XN4-ZqTB.cjs";
 import { CSSProperties, ImgHTMLAttributes } from "react";
 import { BackgroundProps, LayoutProps, PositionProps, SpaceProps } from "@soroush.tech/styled-system";
 //#region src/Image/Image.d.ts

package/dist/Image.d.mts

@@ -1,4 +1,4 @@
-import { V as Theme } from "./index-CVNJEUwJ.mjs";
+import { nt as Theme } from "./index-CRQ7XLri.mjs";
 import { BackgroundProps, LayoutProps, PositionProps, SpaceProps } from "@soroush.tech/styled-system";
 import { CSSProperties, ImgHTMLAttributes } from "react";
 //#region src/Image/Image.d.ts

package/dist/LinearProgress.cjs

@@ -1,7 +1,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_src = require("./src-DU81aGy9.cjs");
-const require_themeDefault = require("./themeDefault-Cebi08Cv.cjs");
 const require_utils = require("./utils.cjs");
+const require_themeDefault = require("./themeDefault-Cebi08Cv.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");

package/dist/LinearProgress.d.cts

@@ -1,5 +1,5 @@
-import { V as Theme } from "./index-DmJ7yWWi.cjs";
-import { n as ButtonColor } from "./index-XxydXX8l.cjs";
+import { nt as Theme } from "./index-XN4-ZqTB.cjs";
+import { n as ButtonColor } from "./index-BQge4W7L.cjs";
 import { HTMLAttributes } from "react";
 import { LayoutProps, PaddingProps, SpaceProps } from "@soroush.tech/styled-system";
 //#region src/LinearProgress/LinearProgress.d.ts

package/dist/LinearProgress.d.mts

@@ -1,5 +1,5 @@
-import { V as Theme } from "./index-CVNJEUwJ.mjs";
-import { n as ButtonColor } from "./index-Bxd9NOWb.mjs";
+import { nt as Theme } from "./index-CRQ7XLri.mjs";
+import { n as ButtonColor } from "./index-DK3zgGPe.mjs";
 import { LayoutProps, PaddingProps, SpaceProps } from "@soroush.tech/styled-system";
 import { HTMLAttributes } from "react";
 //#region src/LinearProgress/LinearProgress.d.ts

package/dist/LinearProgress.mjs

@@ -1,6 +1,6 @@
 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 { clamp } from "./utils.mjs";
+import { t as themeDefault } from "./themeDefault-Z3KmyIbm.mjs";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/LinearProgress/LinearProgress.tsx

package/dist/Link.cjs

@@ -1,8 +1,9 @@
 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_theme = require("./theme-BxXuXRgQ.cjs");
 const require_Typography = require("./Typography.cjs");
+const require_getAnchorRel = require("./getAnchorRel-_vtAXC-4.cjs");
 require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/Link/Link.tsx
@@ -45,14 +46,13 @@ 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
 	});
 }

package/dist/Link.d.cts

@@ -1,4 +1,4 @@
-import { a as TypographyProps } from "./index-IdMqR82e.cjs";
+import { a as TypographyProps } from "./index-BDqIc6Gx.cjs";
 import { AnchorHTMLAttributes } from "react";
 //#region src/Link/Link.d.ts
 type LinkUnderline = 'always' | 'hover' | 'none';

package/dist/Link.d.mts

@@ -1,4 +1,4 @@
-import { a as TypographyProps } from "./index-BSA6SKao.mjs";
+import { a as TypographyProps } from "./index-BPh60KDs.mjs";
 import { AnchorHTMLAttributes } from "react";
 //#region src/Link/Link.d.ts
 type LinkUnderline = 'always' | 'hover' | 'none';

package/dist/Link.mjs

@@ -1,7 +1,8 @@
 import { o as styled } from "./src-DLGYOJMh.mjs";
+import { r as useTheme } from "./theme-oBfFhJm9.mjs";
 import { t as themeDefault } from "./themeDefault-Z3KmyIbm.mjs";
-import { r as useTheme } from "./theme-Z9_QludW.mjs";
 import { Typography } from "./Typography.mjs";
+import { t as getAnchorRel } from "./getAnchorRel-CySI28HJ.mjs";
 import "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/Link/Link.tsx
@@ -44,14 +45,13 @@ 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
 	});
 }

package/dist/Menu/ContextMenu.cjs

@@ -1,8 +1,8 @@
 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_theme = require("../theme-DzfwuzMZ.cjs");
+const require_MenuList = require("../MenuList-BBAYeUvD.cjs");
+const require_MenuItem = require("../MenuItem-EJ4u73f0.cjs");
 const require_Menu_MenuItems = require("./MenuItems.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -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,

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 { cn as PaperElevation, nt as Theme } from "../index-XN4-ZqTB.cjs";
+import "../index-x3WC9ViD.cjs";
+import { t as MenuItemValue } from "../MenuListContext-BrCKLgKZ.cjs";
+import { n as MenuItemData } from "../index-CO-XxjiZ.cjs";
+import { n as MenuCloseReason } from "../index-fi-W3MOz.cjs";
 import { KeyboardEvent, MouseEvent, ReactElement, ReactNode, SyntheticEvent } from "react";
 //#region src/Menu/ContextMenu/ContextMenu.d.ts
 interface TargetProps {
@@ -23,6 +23,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 +49,6 @@ 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;
+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;
 //#endregion
 export { ContextMenu, ContextMenuProps };

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 { 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 { n as MenuCloseReason } from "../index-lGpLM144.mjs";
 import { KeyboardEvent, MouseEvent, ReactElement, ReactNode, SyntheticEvent } from "react";
 //#region src/Menu/ContextMenu/ContextMenu.d.ts
 interface TargetProps {
@@ -23,6 +23,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 +49,6 @@ 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;
+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;
 //#endregion
 export { ContextMenu, ContextMenuProps };

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 { n as useDefaultProps, r as useTheme } from "../theme-oBfFhJm9.mjs";
+import { o as MenuActivationContext, t as MenuList } from "../MenuList-Cz3cupC3.mjs";
+import { i as MenuPaper, n as useMenuPlacement, r as MenuContext, t as MenuItem } from "../MenuItem-C21eR7d6.mjs";
 import { MenuItems } from "./MenuItems.mjs";
 import { Children, cloneElement, useCallback, useId, useMemo, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -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,

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-DXLjR9ga.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-fi-W3MOz.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-lGpLM144.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-CnG4ikZd.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-EJ4u73f0.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-CO-XxjiZ.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-CRn4fWwA.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-C21eR7d6.mjs";
 import { MenuDivider } from "./MenuDivider.mjs";
 import { jsx } from "react/jsx-runtime";
 //#region src/Menu/MenuItems/MenuItems.tsx

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-BBAYeUvD.cjs");
 exports.MenuList = require_MenuList.MenuList;

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 { nt as Theme } from "../index-XN4-ZqTB.cjs";
+import { t as MenuItemValue } from "../MenuListContext-BrCKLgKZ.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 { nt as Theme } from "../index-CRQ7XLri.mjs";
+import { t as MenuItemValue } from "../MenuListContext-BWL5fM_L.mjs";
 import { LayoutProps, SpaceProps } from "@soroush.tech/styled-system";
 import { KeyboardEvent, ReactNode } from "react";
 //#region src/Menu/MenuList/MenuList.d.ts

package/dist/Menu/MenuList.mjs

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

package/dist/{Menu-tECbAEFj.mjs → Menu-CnG4ikZd.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 { 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 { n as useDefaultProps, r as useTheme } from "./theme-oBfFhJm9.mjs";
+import { t as isRtl } from "./isRtl-BJDtm86G.mjs";
+import { o as MenuActivationContext, t as MenuList } from "./MenuList-Cz3cupC3.mjs";
+import { i as MenuPaper, n as useMenuPlacement, r as MenuContext, t as MenuItem } from "./MenuItem-C21eR7d6.mjs";
 import { MenuItems } from "./Menu/MenuItems.mjs";
 import { Children, cloneElement, useCallback, useId, useMemo, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -36,12 +37,13 @@ function MenuTrigger({ element, id, elementRef, isOpen, listId, onClick, onKeyDo
 * can't clip it, but stays inside the menu's own box in the DOM. Escape or a chosen row
 * closes it and returns focus to the trigger; focus leaving it closes it where it went.
 */
-function Menu({ trigger, children, items, isOpen: isOpenProp, defaultOpen = false, onOpen, onClose, onStep, onSelect, align: alignProp, marginThreshold: marginThresholdProp, elevation: elevationProp, layer: layerProp, emptyLabel, color: colorProp, textColor: textColorProp, size: sizeProp, dense: denseProp, "aria-label": ariaLabel, className, "data-testid": dataTestid }) {
+function Menu({ trigger, children, items, isOpen: isOpenProp, defaultOpen = false, 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 }) {
 	const dp = useDefaultProps("Menu");
 	const align = alignProp ?? dp.align ?? "start";
 	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;
@@ -137,6 +139,7 @@ function Menu({ trigger, children, items, isOpen: isOpenProp, defaultOpen = fals
 			elevation,
 			layer,
 			margin,
+			borderRadius,
 			onKeyDown: handleSurfaceKeyDown,
 			children: /* @__PURE__ */ jsx(MenuContext.Provider, {
 				value: menuContext,

package/dist/{Menu-BkKPTOfh.cjs → Menu-DXLjR9ga.cjs}

@@ -1,7 +1,8 @@
 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_theme = require("./theme-DzfwuzMZ.cjs");
+const require_isRtl = require("./isRtl-DTkYHRPo.cjs");
+const require_MenuList = require("./MenuList-BBAYeUvD.cjs");
+const require_MenuItem = require("./MenuItem-EJ4u73f0.cjs");
 const require_Menu_MenuItems = require("./Menu/MenuItems.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -36,12 +37,13 @@ function MenuTrigger({ element, id, elementRef, isOpen, listId, onClick, onKeyDo
 * can't clip it, but stays inside the menu's own box in the DOM. Escape or a chosen row
 * closes it and returns focus to the trigger; focus leaving it closes it where it went.
 */
-function Menu({ trigger, children, items, isOpen: isOpenProp, defaultOpen = false, onOpen, onClose, onStep, onSelect, align: alignProp, marginThreshold: marginThresholdProp, elevation: elevationProp, layer: layerProp, emptyLabel, color: colorProp, textColor: textColorProp, size: sizeProp, dense: denseProp, "aria-label": ariaLabel, className, "data-testid": dataTestid }) {
+function Menu({ trigger, children, items, isOpen: isOpenProp, defaultOpen = false, 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 }) {
 	const dp = require_theme.useDefaultProps("Menu");
 	const align = alignProp ?? dp.align ?? "start";
 	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;
@@ -110,7 +112,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) => {
@@ -137,6 +139,7 @@ function Menu({ trigger, children, items, isOpen: isOpenProp, defaultOpen = fals
 			elevation,
 			layer,
 			margin,
+			borderRadius,
 			onKeyDown: handleSurfaceKeyDown,
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_MenuItem.MenuContext.Provider, {
 				value: menuContext,

package/dist/Menu.cjs

@@ -1,9 +1,9 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_MenuList = require("./MenuList-D4imLXAa.cjs");
+const require_MenuList = require("./MenuList-BBAYeUvD.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-DXLjR9ga.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-BrCKLgKZ.cjs";
+import { a as MenuItemsProps, i as MenuItems, n as MenuItemData, r as MenuItemRowData, t as MenuDividerData } from "./index-CO-XxjiZ.cjs";
+import { a as MenuAlign, i as MenuStep, n as MenuCloseReason, r as MenuProps, t as Menu } from "./index-fi-W3MOz.cjs";
 import { ContextMenu, ContextMenuProps } from "./Menu/ContextMenu.cjs";
 import { MenuDivider, MenuDividerProps } from "./Menu/MenuDivider.cjs";
 import { MenuList, MenuListProps } from "./Menu/MenuList.cjs";