@guardian/stand 0.0.39 → 0.0.41

package/dist/components/Menu/Menu.cjs

@@ -1,196 +1,129 @@
-'use strict';
-
-var jsxRuntime = require('@emotion/react/jsx-runtime');
-var React = require('react');
-var reactAriaComponents = require('react-aria-components');
-var mergeDeep = require('../../util/mergeDeep.cjs');
-var styles = require('./styles.cjs');
-var Icon = require('../Icon/Icon.cjs');
-
-function Popover({
-  size = "md",
-  children,
-  theme = {},
-  cssOverrides,
-  ...props
-}) {
-  const mergedTheme = mergeDeep.mergeDeep(styles.defaultMenuPopoverTheme, theme);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    reactAriaComponents.Popover,
-    {
-      css: [styles.menuPopoverStyles(mergedTheme, { size }), cssOverrides],
-      ...props,
-      children
-    }
-  );
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_mergeDeep = require("../../util/mergeDeep.cjs");
+const require_Icon = require("../Icon/Icon.cjs");
+const require_styles = require("./styles.cjs");
+let react = require("react");
+react = require_runtime.__toESM(react);
+let _emotion_react_jsx_runtime = require("@emotion/react/jsx-runtime");
+let react_aria_components = require("react-aria-components");
+//#region src/components/Menu/Menu.tsx
+function Popover({ size = "md", children, theme = {}, cssOverrides, ...props }) {
+	return /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(react_aria_components.Popover, {
+		css: [require_styles.menuPopoverStyles(require_mergeDeep.mergeDeep(require_styles.defaultMenuPopoverTheme, theme), { size }), cssOverrides],
+		...props,
+		children
+	});
 }
-function MenuSeparator({
-  theme = {},
-  cssOverrides,
-  ...props
-}) {
-  const mergedTheme = mergeDeep.mergeDeep(styles.defaultMenuSeparatorTheme, theme);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    reactAriaComponents.Separator,
-    {
-      orientation: "horizontal",
-      css: [styles.menuSeparatorStyles(mergedTheme), cssOverrides],
-      ...props
-    }
-  );
+function MenuSeparator({ theme = {}, cssOverrides, ...props }) {
+	return /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(react_aria_components.Separator, {
+		orientation: "horizontal",
+		css: [require_styles.menuSeparatorStyles(require_mergeDeep.mergeDeep(require_styles.defaultMenuSeparatorTheme, theme)), cssOverrides],
+		...props
+	});
 }
 function MenuToggle({ children }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
+	return /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(_emotion_react_jsx_runtime.Fragment, { children });
 }
-function MenuSection({
-  name,
-  size = "md",
-  theme = {},
-  cssOverrides,
-  children,
-  ...props
-}) {
-  const mergedTheme = mergeDeep.mergeDeep(styles.defaultMenuSectionTheme, theme);
-  const items = [];
-  React.Children.forEach(children, (child, i) => {
-    if (!React.isValidElement(child)) {
-      return;
-    }
-    if (child.type === MenuItem) {
-      items.push(
-        React.cloneElement(child, {
-          size,
-          key: `${child.key}-${i}`
-        })
-      );
-    }
-  });
-  return /* @__PURE__ */ jsxRuntime.jsxs(reactAriaComponents.MenuSection, { css: [cssOverrides], ...props, children: [
-    name && /* @__PURE__ */ jsxRuntime.jsx(reactAriaComponents.Header, { css: styles.menuSectionHeaderStyles(mergedTheme, { size }), children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: name }) }),
-    items
-  ] });
+function MenuSection({ name, size = "md", theme = {}, cssOverrides, children, ...props }) {
+	const mergedTheme = require_mergeDeep.mergeDeep(require_styles.defaultMenuSectionTheme, theme);
+	const items = [];
+	react.default.Children.forEach(children, (child, i) => {
+		if (!react.default.isValidElement(child)) return;
+		if (child.type === MenuItem) items.push(react.default.cloneElement(child, {
+			size,
+			key: `${child.key}-${i}`
+		}));
+	});
+	return /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsxs)(react_aria_components.MenuSection, {
+		css: [cssOverrides],
+		...props,
+		children: [name && /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(react_aria_components.Header, {
+			css: require_styles.menuSectionHeaderStyles(mergedTheme, { size }),
+			children: /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("span", { children: name })
+		}), items]
+	});
 }
-function MenuItem({
-  label,
-  description,
-  aside,
-  icon,
-  size = "md",
-  theme = {},
-  cssOverrides,
-  ...props
-}) {
-  const mergedTheme = mergeDeep.mergeDeep(styles.defaultMenuItemTheme, theme);
-  const textValue = props.textValue ?? (typeof label === "string" ? label : void 0);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    reactAriaComponents.MenuItem,
-    {
-      css: [styles.menuItemStyles(mergedTheme, { description }), cssOverrides],
-      ...props,
-      textValue,
-      children: ({ isSelected, selectionMode }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-        icon && selectionMode === "none" ? /* @__PURE__ */ jsxRuntime.jsx(
-          Icon.Icon,
-          {
-            size,
-            cssOverrides: styles.menuItemIconStyles(mergedTheme, { size }),
-            children: icon
-          }
-        ) : null,
-        isSelected && selectionMode === "multiple" ? /* @__PURE__ */ jsxRuntime.jsx(
-          Icon.Icon,
-          {
-            size,
-            symbol: "check_box",
-            cssOverrides: styles.menuItemIconStyles(mergedTheme, { size })
-          }
-        ) : null,
-        !isSelected && selectionMode === "multiple" ? /* @__PURE__ */ jsxRuntime.jsx(
-          Icon.Icon,
-          {
-            size,
-            symbol: "check_box_outline_blank",
-            cssOverrides: styles.menuItemIconStyles(mergedTheme, { size })
-          }
-        ) : null,
-        isSelected && selectionMode === "single" ? /* @__PURE__ */ jsxRuntime.jsx(
-          Icon.Icon,
-          {
-            size,
-            symbol: "radio_button_checked",
-            cssOverrides: styles.menuItemIconStyles(mergedTheme, { size })
-          }
-        ) : null,
-        !isSelected && selectionMode === "single" ? /* @__PURE__ */ jsxRuntime.jsx(
-          Icon.Icon,
-          {
-            size,
-            symbol: "radio_button_unchecked",
-            cssOverrides: styles.menuItemIconStyles(mergedTheme, { size })
-          }
-        ) : null,
-        /* @__PURE__ */ jsxRuntime.jsx("div", { css: styles.menuItemLabelStyles(mergedTheme), children: label }),
-        description && /* @__PURE__ */ jsxRuntime.jsx("div", { css: styles.menuItemDescriptionStyles(mergedTheme), children: description }),
-        aside && /* @__PURE__ */ jsxRuntime.jsx("div", { css: styles.menuItemAsideStyles(mergedTheme), children: aside })
-      ] })
-    }
-  );
+function MenuItem({ label, description, aside, icon, size = "md", theme = {}, cssOverrides, ...props }) {
+	const mergedTheme = require_mergeDeep.mergeDeep(require_styles.defaultMenuItemTheme, theme);
+	const textValue = props.textValue ?? (typeof label === "string" ? label : void 0);
+	return /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(react_aria_components.MenuItem, {
+		css: [require_styles.menuItemStyles(mergedTheme, { description }), cssOverrides],
+		...props,
+		textValue,
+		children: ({ isSelected, selectionMode }) => /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsxs)(_emotion_react_jsx_runtime.Fragment, { children: [
+			icon && selectionMode === "none" ? /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(require_Icon.Icon, {
+				size,
+				cssOverrides: require_styles.menuItemIconStyles(mergedTheme, { size }),
+				children: icon
+			}) : null,
+			isSelected && selectionMode === "multiple" ? /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(require_Icon.Icon, {
+				size,
+				symbol: "check_box",
+				cssOverrides: require_styles.menuItemIconStyles(mergedTheme, { size })
+			}) : null,
+			!isSelected && selectionMode === "multiple" ? /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(require_Icon.Icon, {
+				size,
+				symbol: "check_box_outline_blank",
+				cssOverrides: require_styles.menuItemIconStyles(mergedTheme, { size })
+			}) : null,
+			isSelected && selectionMode === "single" ? /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(require_Icon.Icon, {
+				size,
+				symbol: "radio_button_checked",
+				cssOverrides: require_styles.menuItemIconStyles(mergedTheme, { size })
+			}) : null,
+			!isSelected && selectionMode === "single" ? /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(require_Icon.Icon, {
+				size,
+				symbol: "radio_button_unchecked",
+				cssOverrides: require_styles.menuItemIconStyles(mergedTheme, { size })
+			}) : null,
+			/* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("div", {
+				css: require_styles.menuItemLabelStyles(mergedTheme),
+				children: label
+			}),
+			description && /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("div", {
+				css: require_styles.menuItemDescriptionStyles(mergedTheme),
+				children: description
+			}),
+			aside && /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("div", {
+				css: require_styles.menuItemAsideStyles(mergedTheme),
+				children: aside
+			})
+		] })
+	});
 }
-function Menu({
-  theme = {},
-  size = "md",
-  popoverProps,
-  menuTriggerProps,
-  children,
-  cssOverrides,
-  ...props
-}) {
-  const mergedTheme = mergeDeep.mergeDeep(styles.defaultMenuTheme, theme);
-  let trigger = null;
-  const menu = [];
-  React.Children.forEach(children, (child, i) => {
-    if (!React.isValidElement(child)) {
-      return;
-    }
-    if (child.type === MenuToggle) {
-      trigger ?? (trigger = child);
-    } else if (child.type === MenuItem) {
-      menu.push(
-        React.cloneElement(child, {
-          size,
-          key: `${child.key}-${i}`
-        })
-      );
-    } else if (child.type === MenuSection) {
-      menu.push(
-        React.cloneElement(child, {
-          size,
-          key: `${child.key}-${i}`
-        })
-      );
-    } else if (child.type === MenuSeparator) {
-      menu.push(
-        React.cloneElement(child, {
-          key: `${child.key}-${i}`
-        })
-      );
-    }
-  });
-  return /* @__PURE__ */ jsxRuntime.jsxs(reactAriaComponents.MenuTrigger, { ...menuTriggerProps, children: [
-    trigger,
-    /* @__PURE__ */ jsxRuntime.jsx(
-      Popover,
-      {
-        containerPadding: 0,
-        placement: "bottom start",
-        size,
-        ...popoverProps,
-        children: /* @__PURE__ */ jsxRuntime.jsx(reactAriaComponents.Menu, { css: [styles.menuStyles(mergedTheme), cssOverrides], ...props, children: menu })
-      }
-    )
-  ] });
+function Menu({ theme = {}, size = "md", popoverProps, menuTriggerProps, children, cssOverrides, ...props }) {
+	const mergedTheme = require_mergeDeep.mergeDeep(require_styles.defaultMenuTheme, theme);
+	let trigger = null;
+	const menu = [];
+	react.default.Children.forEach(children, (child, i) => {
+		if (!react.default.isValidElement(child)) return;
+		if (child.type === MenuToggle) trigger ??= child;
+		else if (child.type === MenuItem) menu.push(react.default.cloneElement(child, {
+			size,
+			key: `${child.key}-${i}`
+		}));
+		else if (child.type === MenuSection) menu.push(react.default.cloneElement(child, {
+			size,
+			key: `${child.key}-${i}`
+		}));
+		else if (child.type === MenuSeparator) menu.push(react.default.cloneElement(child, { key: `${child.key}-${i}` }));
+	});
+	return /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsxs)(react_aria_components.MenuTrigger, {
+		...menuTriggerProps,
+		children: [trigger, /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(Popover, {
+			containerPadding: 0,
+			placement: "bottom start",
+			size,
+			...popoverProps,
+			children: /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(react_aria_components.Menu, {
+				css: [require_styles.menuStyles(mergedTheme), cssOverrides],
+				...props,
+				children: menu
+			})
+		})]
+	});
 }
-
+//#endregion
 exports.Menu = Menu;
 exports.MenuItem = MenuItem;
 exports.MenuSection = MenuSection;

package/dist/components/Menu/Menu.d.cts

@@ -0,0 +1,41 @@
+import { DefaultPropsWithChildren } from "../../util/types.cjs";
+import { MenuItemProps, MenuProps, MenuSectionProps, MenuSeparatorProps } from "./types.cjs";
+
+//#region src/components/Menu/Menu.d.ts
+declare function MenuSeparator({
+  theme,
+  cssOverrides,
+  ...props
+}: MenuSeparatorProps): import("@emotion/react/jsx-runtime").JSX.Element;
+declare function MenuToggle({
+  children
+}: DefaultPropsWithChildren<unknown>): import("@emotion/react/jsx-runtime").JSX.Element;
+declare function MenuSection({
+  name,
+  size,
+  theme,
+  cssOverrides,
+  children,
+  ...props
+}: MenuSectionProps): import("@emotion/react/jsx-runtime").JSX.Element;
+declare function MenuItem({
+  label,
+  description,
+  aside,
+  icon,
+  size,
+  theme,
+  cssOverrides,
+  ...props
+}: MenuItemProps): import("@emotion/react/jsx-runtime").JSX.Element;
+declare function Menu({
+  theme,
+  size,
+  popoverProps,
+  menuTriggerProps,
+  children,
+  cssOverrides,
+  ...props
+}: MenuProps): import("@emotion/react/jsx-runtime").JSX.Element;
+//#endregion
+export { Menu, MenuItem, MenuSection, MenuSeparator, MenuToggle };

package/dist/components/Menu/Menu.d.ts

@@ -0,0 +1,41 @@
+import { DefaultPropsWithChildren } from "../../util/types.js";
+import { MenuItemProps, MenuProps, MenuSectionProps, MenuSeparatorProps } from "./types.js";
+
+//#region src/components/Menu/Menu.d.ts
+declare function MenuSeparator({
+  theme,
+  cssOverrides,
+  ...props
+}: MenuSeparatorProps): import("@emotion/react/jsx-runtime").JSX.Element;
+declare function MenuToggle({
+  children
+}: DefaultPropsWithChildren<unknown>): import("@emotion/react/jsx-runtime").JSX.Element;
+declare function MenuSection({
+  name,
+  size,
+  theme,
+  cssOverrides,
+  children,
+  ...props
+}: MenuSectionProps): import("@emotion/react/jsx-runtime").JSX.Element;
+declare function MenuItem({
+  label,
+  description,
+  aside,
+  icon,
+  size,
+  theme,
+  cssOverrides,
+  ...props
+}: MenuItemProps): import("@emotion/react/jsx-runtime").JSX.Element;
+declare function Menu({
+  theme,
+  size,
+  popoverProps,
+  menuTriggerProps,
+  children,
+  cssOverrides,
+  ...props
+}: MenuProps): import("@emotion/react/jsx-runtime").JSX.Element;
+//#endregion
+export { Menu, MenuItem, MenuSection, MenuSeparator, MenuToggle };

package/dist/components/Menu/Menu.js

@@ -1,69 +1,125 @@
-import { jsxs, jsx, Fragment } from '@emotion/react/jsx-runtime';
-import React from 'react';
-import { MenuTrigger, Menu as Menu$1, MenuItem as MenuItem$1, MenuSection as MenuSection$1, Header, Separator, Popover as Popover$1 } from 'react-aria-components';
-import { mergeDeep } from '../../util/mergeDeep.js';
-import { defaultMenuTheme, menuStyles, defaultMenuItemTheme, menuItemIconStyles, menuItemLabelStyles, menuItemDescriptionStyles, menuItemAsideStyles, menuItemStyles, defaultMenuSectionTheme, menuSectionHeaderStyles, defaultMenuSeparatorTheme, menuSeparatorStyles, defaultMenuPopoverTheme, menuPopoverStyles } from './styles.js';
-import { Icon } from '../Icon/Icon.js';
-
-function Popover({ size = "md", children, theme = {}, cssOverrides, ...props }) {
-  const mergedTheme = mergeDeep(defaultMenuPopoverTheme, theme);
-  return jsx(Popover$1, { css: [menuPopoverStyles(mergedTheme, { size }), cssOverrides], ...props, children });
+import { mergeDeep } from "../../util/mergeDeep.js";
+import { Icon } from "../Icon/Icon.js";
+import { defaultMenuItemTheme, defaultMenuPopoverTheme, defaultMenuSectionTheme, defaultMenuSeparatorTheme, defaultMenuTheme, menuItemAsideStyles, menuItemDescriptionStyles, menuItemIconStyles, menuItemLabelStyles, menuItemStyles, menuPopoverStyles, menuSectionHeaderStyles, menuSeparatorStyles, menuStyles } from "./styles.js";
+import React from "react";
+import { Fragment, jsx, jsxs } from "@emotion/react/jsx-runtime";
+import { Header, Menu, MenuItem, MenuSection, MenuTrigger, Popover, Separator } from "react-aria-components";
+//#region src/components/Menu/Menu.tsx
+function Popover$1({ size = "md", children, theme = {}, cssOverrides, ...props }) {
+	return /* @__PURE__ */ jsx(Popover, {
+		css: [menuPopoverStyles(mergeDeep(defaultMenuPopoverTheme, theme), { size }), cssOverrides],
+		...props,
+		children
+	});
 }
 function MenuSeparator({ theme = {}, cssOverrides, ...props }) {
-  const mergedTheme = mergeDeep(defaultMenuSeparatorTheme, theme);
-  return jsx(Separator, { orientation: "horizontal", css: [menuSeparatorStyles(mergedTheme), cssOverrides], ...props });
+	return /* @__PURE__ */ jsx(Separator, {
+		orientation: "horizontal",
+		css: [menuSeparatorStyles(mergeDeep(defaultMenuSeparatorTheme, theme)), cssOverrides],
+		...props
+	});
 }
 function MenuToggle({ children }) {
-  return jsx(Fragment, { children });
+	return /* @__PURE__ */ jsx(Fragment, { children });
 }
-function MenuSection({ name, size = "md", theme = {}, cssOverrides, children, ...props }) {
-  const mergedTheme = mergeDeep(defaultMenuSectionTheme, theme);
-  const items = [];
-  React.Children.forEach(children, (child, i) => {
-    if (!React.isValidElement(child)) {
-      return;
-    }
-    if (child.type === MenuItem) {
-      items.push(React.cloneElement(child, {
-        size,
-        key: `${child.key}-${i}`
-      }));
-    }
-  });
-  return jsxs(MenuSection$1, { css: [cssOverrides], ...props, children: [name && jsx(Header, { css: menuSectionHeaderStyles(mergedTheme, { size }), children: jsx("span", { children: name }) }), items] });
+function MenuSection$1({ name, size = "md", theme = {}, cssOverrides, children, ...props }) {
+	const mergedTheme = mergeDeep(defaultMenuSectionTheme, theme);
+	const items = [];
+	React.Children.forEach(children, (child, i) => {
+		if (!React.isValidElement(child)) return;
+		if (child.type === MenuItem$1) items.push(React.cloneElement(child, {
+			size,
+			key: `${child.key}-${i}`
+		}));
+	});
+	return /* @__PURE__ */ jsxs(MenuSection, {
+		css: [cssOverrides],
+		...props,
+		children: [name && /* @__PURE__ */ jsx(Header, {
+			css: menuSectionHeaderStyles(mergedTheme, { size }),
+			children: /* @__PURE__ */ jsx("span", { children: name })
+		}), items]
+	});
 }
-function MenuItem({ label, description, aside, icon, size = "md", theme = {}, cssOverrides, ...props }) {
-  const mergedTheme = mergeDeep(defaultMenuItemTheme, theme);
-  const textValue = props.textValue ?? (typeof label === "string" ? label : void 0);
-  return jsx(MenuItem$1, { css: [menuItemStyles(mergedTheme, { description }), cssOverrides], ...props, textValue, children: ({ isSelected, selectionMode }) => jsxs(Fragment, { children: [icon && selectionMode === "none" ? jsx(Icon, { size, cssOverrides: menuItemIconStyles(mergedTheme, { size }), children: icon }) : null, isSelected && selectionMode === "multiple" ? jsx(Icon, { size, symbol: "check_box", cssOverrides: menuItemIconStyles(mergedTheme, { size }) }) : null, !isSelected && selectionMode === "multiple" ? jsx(Icon, { size, symbol: "check_box_outline_blank", cssOverrides: menuItemIconStyles(mergedTheme, { size }) }) : null, isSelected && selectionMode === "single" ? jsx(Icon, { size, symbol: "radio_button_checked", cssOverrides: menuItemIconStyles(mergedTheme, { size }) }) : null, !isSelected && selectionMode === "single" ? jsx(Icon, { size, symbol: "radio_button_unchecked", cssOverrides: menuItemIconStyles(mergedTheme, { size }) }) : null, jsx("div", { css: menuItemLabelStyles(mergedTheme), children: label }), description && jsx("div", { css: menuItemDescriptionStyles(mergedTheme), children: description }), aside && jsx("div", { css: menuItemAsideStyles(mergedTheme), children: aside })] }) });
+function MenuItem$1({ label, description, aside, icon, size = "md", theme = {}, cssOverrides, ...props }) {
+	const mergedTheme = mergeDeep(defaultMenuItemTheme, theme);
+	const textValue = props.textValue ?? (typeof label === "string" ? label : void 0);
+	return /* @__PURE__ */ jsx(MenuItem, {
+		css: [menuItemStyles(mergedTheme, { description }), cssOverrides],
+		...props,
+		textValue,
+		children: ({ isSelected, selectionMode }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+			icon && selectionMode === "none" ? /* @__PURE__ */ jsx(Icon, {
+				size,
+				cssOverrides: menuItemIconStyles(mergedTheme, { size }),
+				children: icon
+			}) : null,
+			isSelected && selectionMode === "multiple" ? /* @__PURE__ */ jsx(Icon, {
+				size,
+				symbol: "check_box",
+				cssOverrides: menuItemIconStyles(mergedTheme, { size })
+			}) : null,
+			!isSelected && selectionMode === "multiple" ? /* @__PURE__ */ jsx(Icon, {
+				size,
+				symbol: "check_box_outline_blank",
+				cssOverrides: menuItemIconStyles(mergedTheme, { size })
+			}) : null,
+			isSelected && selectionMode === "single" ? /* @__PURE__ */ jsx(Icon, {
+				size,
+				symbol: "radio_button_checked",
+				cssOverrides: menuItemIconStyles(mergedTheme, { size })
+			}) : null,
+			!isSelected && selectionMode === "single" ? /* @__PURE__ */ jsx(Icon, {
+				size,
+				symbol: "radio_button_unchecked",
+				cssOverrides: menuItemIconStyles(mergedTheme, { size })
+			}) : null,
+			/* @__PURE__ */ jsx("div", {
+				css: menuItemLabelStyles(mergedTheme),
+				children: label
+			}),
+			description && /* @__PURE__ */ jsx("div", {
+				css: menuItemDescriptionStyles(mergedTheme),
+				children: description
+			}),
+			aside && /* @__PURE__ */ jsx("div", {
+				css: menuItemAsideStyles(mergedTheme),
+				children: aside
+			})
+		] })
+	});
 }
-function Menu({ theme = {}, size = "md", popoverProps, menuTriggerProps, children, cssOverrides, ...props }) {
-  const mergedTheme = mergeDeep(defaultMenuTheme, theme);
-  let trigger = null;
-  const menu = [];
-  React.Children.forEach(children, (child, i) => {
-    if (!React.isValidElement(child)) {
-      return;
-    }
-    if (child.type === MenuToggle) {
-      trigger ?? (trigger = child);
-    } else if (child.type === MenuItem) {
-      menu.push(React.cloneElement(child, {
-        size,
-        key: `${child.key}-${i}`
-      }));
-    } else if (child.type === MenuSection) {
-      menu.push(React.cloneElement(child, {
-        size,
-        key: `${child.key}-${i}`
-      }));
-    } else if (child.type === MenuSeparator) {
-      menu.push(React.cloneElement(child, {
-        key: `${child.key}-${i}`
-      }));
-    }
-  });
-  return jsxs(MenuTrigger, { ...menuTriggerProps, children: [trigger, jsx(Popover, { containerPadding: 0, placement: "bottom start", size, ...popoverProps, children: jsx(Menu$1, { css: [menuStyles(mergedTheme), cssOverrides], ...props, children: menu }) })] });
+function Menu$1({ theme = {}, size = "md", popoverProps, menuTriggerProps, children, cssOverrides, ...props }) {
+	const mergedTheme = mergeDeep(defaultMenuTheme, theme);
+	let trigger = null;
+	const menu = [];
+	React.Children.forEach(children, (child, i) => {
+		if (!React.isValidElement(child)) return;
+		if (child.type === MenuToggle) trigger ??= child;
+		else if (child.type === MenuItem$1) menu.push(React.cloneElement(child, {
+			size,
+			key: `${child.key}-${i}`
+		}));
+		else if (child.type === MenuSection$1) menu.push(React.cloneElement(child, {
+			size,
+			key: `${child.key}-${i}`
+		}));
+		else if (child.type === MenuSeparator) menu.push(React.cloneElement(child, { key: `${child.key}-${i}` }));
+	});
+	return /* @__PURE__ */ jsxs(MenuTrigger, {
+		...menuTriggerProps,
+		children: [trigger, /* @__PURE__ */ jsx(Popover$1, {
+			containerPadding: 0,
+			placement: "bottom start",
+			size,
+			...popoverProps,
+			children: /* @__PURE__ */ jsx(Menu, {
+				css: [menuStyles(mergedTheme), cssOverrides],
+				...props,
+				children: menu
+			})
+		})]
+	});
 }
-
-export { Menu, MenuItem, MenuSection, MenuSeparator, MenuToggle };
+//#endregion
+export { Menu$1 as Menu, MenuItem$1 as MenuItem, MenuSection$1 as MenuSection, MenuSeparator, MenuToggle };