@commercetools/nimbus 2.7.0 → 2.8.0

package/dist/chunks/menu-BznpT9eI.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"menu-BznpT9eI.cjs.js","sources":["../../src/components/menu/menu.slots.tsx","../../src/components/menu/components/menu.context.tsx","../../src/components/menu/components/menu.root.tsx","../../src/components/menu/components/menu.trigger.tsx","../../src/components/menu/components/menu.section-context.tsx","../../src/components/menu/components/menu.content.tsx","../../src/components/menu/components/menu.item.tsx","../../src/components/menu/components/menu.section-label.tsx","../../src/components/menu/components/menu.section.tsx","../../src/components/menu/components/menu.submenu-trigger.tsx","../../src/components/menu/components/menu.submenu.tsx","../../src/components/menu/menu.tsx"],"sourcesContent":["import { createSlotRecipeContext } from \"@chakra-ui/react\";\nimport type { SlotComponent } from \"@/type-utils\";\nimport type {\n  MenuRootSlotProps,\n  MenuTriggerSlotProps,\n  MenuPopoverSlotProps,\n  MenuContentSlotProps,\n  MenuItemSlotProps,\n  MenuSectionSlotProps,\n  MenuSectionLabelSlotProps,\n  MenuSubmenuSlotProps,\n} from \"./menu.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"nimbusMenu\",\n});\n\n// Menu Root\nexport const MenuRootSlot: SlotComponent<HTMLDivElement, MenuRootSlotProps> =\n  withProvider<HTMLDivElement, MenuRootSlotProps>(\"div\", \"root\");\n\n// Menu Trigger\nexport const MenuTriggerSlot: SlotComponent<\n  HTMLButtonElement,\n  MenuTriggerSlotProps\n> = withContext<HTMLButtonElement, MenuTriggerSlotProps>(\"button\", \"trigger\");\n\n// Menu Popover\nexport const MenuPopoverSlot: SlotComponent<\n  HTMLDivElement,\n  MenuPopoverSlotProps\n> = withContext<HTMLDivElement, MenuPopoverSlotProps>(\"div\", \"popover\");\n\n// Menu Content\nexport const MenuContentSlot: SlotComponent<\n  HTMLDivElement,\n  MenuContentSlotProps\n> = withContext<HTMLDivElement, MenuContentSlotProps>(\"div\", \"content\");\n\n// Menu Item\nexport const MenuItemSlot: SlotComponent<HTMLDivElement, MenuItemSlotProps> =\n  withContext<HTMLDivElement, MenuItemSlotProps>(\"div\", \"item\");\n\n// Menu Section\nexport const MenuSectionSlot: SlotComponent<\n  HTMLDivElement,\n  MenuSectionSlotProps\n> = withContext<HTMLDivElement, MenuSectionSlotProps>(\"div\", \"section\");\n\n// Menu Section Label\nexport const MenuSectionLabelSlot: SlotComponent<\n  HTMLDivElement,\n  MenuSectionLabelSlotProps\n> = withContext<HTMLDivElement, MenuSectionLabelSlotProps>(\n  \"div\",\n  \"sectionLabel\"\n);\n\n// Menu Group Label\nexport const MenuSubmenuSlot: SlotComponent<\n  HTMLDivElement,\n  MenuSubmenuSlotProps\n> = withContext<HTMLDivElement, MenuSubmenuSlotProps>(\"div\", \"submenu\");\n","import { createContext, useContext } from \"react\";\nimport type { MenuRootProps } from \"./../menu.types\";\nimport type { MenuTriggerProps as RaMenuTriggerProps } from \"react-aria-components\";\n\n// Context should contain all Menu props (excluding MenuTrigger-specific props)\nexport type MenuContextValue = Omit<\n  MenuRootProps,\n  keyof RaMenuTriggerProps | \"children\" | \"trigger\"\n>;\n\nconst MenuContext = createContext<MenuContextValue | undefined>(undefined);\n\nexport const MenuProvider = MenuContext.Provider;\n\nexport const useMenuContext = () => {\n  const context = useContext(MenuContext);\n  return context;\n};\n","import { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { MenuTrigger as RaMenuTrigger } from \"react-aria-components\";\nimport type { MenuRootProps } from \"../menu.types\";\nimport { MenuRootSlot } from \"../menu.slots\";\nimport { MenuProvider } from \"./menu.context\";\nimport { extractStyleProps } from \"@/utils\";\n\n/**\n * Menu.Root - Container component that provides configuration and state management\n *\n * @supportsStyleProps\n */\nexport const MenuRoot = (props: MenuRootProps) => {\n  const recipe = useSlotRecipe({ key: \"nimbusMenu\" });\n  const [recipeProps, restRecipeProps] = recipe.splitVariantProps(props);\n\n  // Separate MenuTrigger props and functional props from style props\n  const { children, trigger, isOpen, defaultOpen, onOpenChange, ...restProps } =\n    restRecipeProps;\n\n  const [styleProps, menuContextProps] = extractStyleProps(restProps);\n\n  const menuTriggerProps = {\n    trigger,\n    isOpen,\n    defaultOpen,\n    onOpenChange,\n  };\n\n  return (\n    <MenuRootSlot {...recipeProps} {...styleProps} asChild>\n      <RaMenuTrigger {...menuTriggerProps}>\n        <MenuProvider value={menuContextProps}>{children}</MenuProvider>\n      </RaMenuTrigger>\n    </MenuRootSlot>\n  );\n};\n\nMenuRoot.displayName = \"Menu.Root\";\n","import {\n  Button,\n  type MenuTriggerProps as RaMenuTriggerProps,\n} from \"react-aria-components\";\nimport { MenuTriggerSlot } from \"../menu.slots\";\nimport type { MenuTriggerProps } from \"../menu.types\";\nimport { extractStyleProps } from \"@/utils\";\n\n/**\n * Menu.Trigger - The button or element that opens the menu when activated\n *\n * @supportsStyleProps\n */\nexport const MenuTrigger = ({\n  children,\n  asChild,\n  ref,\n  ...props\n}: MenuTriggerProps) => {\n  const [styleProps, restProps] = extractStyleProps(props);\n\n  /**\n   * The user supplied a Button as the trigger\n   */\n  if (asChild) {\n    // When asChild is true, apply styles to the child element\n    return (\n      <MenuTriggerSlot ref={ref} asChild {...styleProps}>\n        {children as RaMenuTriggerProps[\"children\"]}\n      </MenuTriggerSlot>\n    );\n  }\n\n  /**\n   * The user did not supply a Button as trigger, use an unstyled button\n   * to wrap which ever element the user supplied and make it a trigger\n   */\n  return (\n    <MenuTriggerSlot asChild {...styleProps}>\n      <Button ref={ref} {...restProps}>\n        {children}\n      </Button>\n    </MenuTriggerSlot>\n  );\n};\n\nMenuTrigger.displayName = \"Menu.Trigger\";\n","import { createContext, useContext } from \"react\";\n\nexport type MenuSectionContextValue = {\n  selectionMode?: \"single\" | \"multiple\" | \"none\";\n};\n/**\n * Why is a second context (MenuSectionContext) needed?\n *\n * MenuSectionContext enables section-level config for menu items, such as\n * selection mode, which may differ from the global menu context. This allows\n * advanced menus where each section can have its own selection behavior\n * (e.g., one section is single-select, another is multi-select).\n * By scoping context to a section, menu items inherit settings from their\n * nearest section, falling back to the global menu context if not present.\n * This pattern improves flexibility and composability for complex menus,\n * and avoids prop drilling or awkward prop merging.\n */\n\nconst MenuSectionContext = createContext<MenuSectionContextValue | undefined>(\n  undefined\n);\n\nexport const MenuSectionProvider = MenuSectionContext.Provider;\n\nexport const useMenuSectionContext = () => {\n  return useContext(MenuSectionContext);\n};\n","import { Menu, Popover } from \"react-aria-components\";\nimport { MenuContentSlot, MenuPopoverSlot } from \"../menu.slots\";\nimport type { MenuContentProps } from \"../menu.types\";\nimport { useMenuContext } from \"./menu.context\";\nimport { MenuSectionProvider } from \"./menu.section-context\";\n\n/**\n * Menu.Content - The popover container that displays menu items\n *\n * @supportsStyleProps\n */\nexport const MenuContent = ({\n  children,\n  placement: placementOverride,\n  ref,\n}: MenuContentProps) => {\n  const contextProps = useMenuContext();\n\n  if (!contextProps) {\n    throw new Error(\"Menu.Content must be used within Menu.Root\");\n  }\n\n  // Separate placement from other props since it's handled by Popover\n  const { placement, ...menuProps } = contextProps;\n  const finalPlacement = placementOverride || placement || \"bottom start\";\n\n  return (\n    <MenuSectionProvider value={{ selectionMode: menuProps.selectionMode }}>\n      <MenuPopoverSlot asChild>\n        <Popover placement={finalPlacement} offset={4} shouldFlip>\n          <MenuContentSlot asChild>\n            <Menu ref={ref} shouldFocusWrap autoFocus=\"first\" {...menuProps}>\n              {children}\n            </Menu>\n          </MenuContentSlot>\n        </Popover>\n      </MenuPopoverSlot>\n    </MenuSectionProvider>\n  );\n};\n\nMenuContent.displayName = \"Menu.Content\";\n","import { MenuItem as RaMenuItem } from \"react-aria-components\";\nimport { MenuItemSlot } from \"../menu.slots\";\nimport type { MenuItemProps } from \"../menu.types\";\nimport { extractStyleProps } from \"@/utils\";\nimport { ChevronRight } from \"@commercetools/nimbus-icons\";\nimport { Icon } from \"@/components/icon/icon\";\n\n/**\n * Menu.Item - An individual menu item that can be selected\n *\n * @supportsStyleProps\n */\nexport const MenuItem = ({\n  children,\n  isCritical,\n  ref,\n  ...props\n}: MenuItemProps) => {\n  const [styleProps, restProps] = extractStyleProps(props);\n\n  return (\n    <MenuItemSlot\n      asChild\n      {...styleProps}\n      data-critical={isCritical ? \"\" : undefined}\n    >\n      <RaMenuItem ref={ref} {...restProps}>\n        {({ hasSubmenu }) => (\n          <>\n            {children}\n            {hasSubmenu && (\n              <Icon slot=\"caretIcon\">\n                <ChevronRight />\n              </Icon>\n            )}\n          </>\n        )}\n      </RaMenuItem>\n    </MenuItemSlot>\n  );\n};\n\nMenuItem.displayName = \"Menu.Item\";\n","import { Header } from \"react-aria-components\";\nimport { MenuSectionLabelSlot } from \"../menu.slots\";\nimport type { MenuSectionLabelProps } from \"../menu.types\";\nimport { extractStyleProps } from \"@/utils\";\n\n/**\n * Menu.SectionLabel - Used in MenuSection for rendering the `label` property\n *\n * @supportsStyleProps\n */\nexport const MenuSectionLabel = ({\n  children,\n  ref,\n  ...props\n}: MenuSectionLabelProps) => {\n  const [styleProps, restProps] = extractStyleProps(props);\n\n  return (\n    <MenuSectionLabelSlot asChild {...styleProps}>\n      <Header ref={ref} {...restProps}>\n        {children}\n      </Header>\n    </MenuSectionLabelSlot>\n  );\n};\n\nMenuSectionLabel.displayName = \"Menu.SectionLabel\";\n","import {\n  MenuSection as RaMenuSection,\n  Collection,\n} from \"react-aria-components\";\nimport { MenuSectionSlot } from \"../menu.slots\";\nimport type { MenuSectionProps } from \"../menu.types\";\nimport { extractStyleProps } from \"@/utils\";\nimport { useMenuContext } from \"./menu.context\";\nimport { MenuSectionProvider } from \"./menu.section-context\";\nimport { MenuSectionLabel } from \"./menu.section-label\";\nimport type { ReactNode } from \"react\";\n\n/**\n * Menu.Section - Groups related menu items with an optional label\n *\n * @supportsStyleProps\n */\nexport const MenuSection = <T extends object = object>({\n  children,\n  ref,\n  label,\n  items,\n  ...props\n}: MenuSectionProps<T>) => {\n  const contextProps = useMenuContext();\n\n  // Extract selection-related props before extracting style props\n  const {\n    selectionMode = contextProps?.selectionMode,\n    selectedKeys = contextProps?.selectedKeys,\n    defaultSelectedKeys = contextProps?.defaultSelectedKeys,\n    onSelectionChange = contextProps?.onSelectionChange,\n    disallowEmptySelection = contextProps?.disallowEmptySelection,\n    ...restProps\n  } = props;\n\n  const [styleProps, otherProps] = extractStyleProps(restProps);\n\n  return (\n    <MenuSectionProvider value={{ selectionMode }}>\n      <MenuSectionSlot asChild {...styleProps}>\n        <RaMenuSection\n          ref={ref}\n          selectionMode={selectionMode}\n          selectedKeys={selectedKeys}\n          defaultSelectedKeys={defaultSelectedKeys}\n          onSelectionChange={onSelectionChange}\n          disallowEmptySelection={disallowEmptySelection}\n          {...otherProps}\n        >\n          <MenuSectionLabel>{label}</MenuSectionLabel>\n          {items ? (\n            <Collection items={items}>{children}</Collection>\n          ) : (\n            (children as ReactNode)\n          )}\n        </RaMenuSection>\n      </MenuSectionSlot>\n    </MenuSectionProvider>\n  );\n};\n\nMenuSection.displayName = \"Menu.Section\";\n","import { SubmenuTrigger as RaSubmenuTrigger } from \"react-aria-components\";\nimport type { MenuSubmenuTriggerProps } from \"../menu.types\";\n\n/**\n * Menu.SubmenuTrigger - The trigger element for opening a submenu\n *\n * @supportsStyleProps\n */\nexport const MenuSubmenuTrigger = ({\n  children,\n  ...props\n}: MenuSubmenuTriggerProps) => {\n  return <RaSubmenuTrigger {...props}>{children}</RaSubmenuTrigger>;\n};\n\nMenuSubmenuTrigger.displayName = \"Menu.SubmenuTrigger\";\n","import type { MenuSubmenuProps } from \"../menu.types\";\nimport { MenuContent } from \"./menu.content\";\n\n/**\n * Menu.Submenu - A nested menu that appears when hovering over or selecting a submenu trigger\n *\n * @supportsStyleProps\n */\nexport const MenuSubmenu = ({ children, ...props }: MenuSubmenuProps) => {\n  return (\n    <MenuContent {...props} placement=\"end\">\n      {children}\n    </MenuContent>\n  );\n};\n\nMenuSubmenu.displayName = \"Menu.Submenu\";\n","import {\n  MenuRoot,\n  MenuTrigger,\n  MenuContent,\n  MenuItem,\n  MenuSection,\n  MenuSubmenuTrigger,\n  MenuSubmenu,\n} from \"./components\";\n\nexport const Menu = {\n  /**\n   * # Menu.Root\n   *\n   * The root container component that provides configuration and state management\n   * for the entire menu. Wraps MenuTrigger and handles open/close state.\n   *\n   * @example\n   * ```tsx\n   * <Menu.Root onAction={(key) => console.log(key)}>\n   *   <Menu.Trigger>Options</Menu.Trigger>\n   *   <Menu.Content>\n   *     <Menu.Item id=\"edit\">Edit</Menu.Item>\n   *   </Menu.Content>\n   * </Menu.Root>\n   * ```\n   */\n  Root: MenuRoot,\n\n  /**\n   * # Menu.Trigger\n   *\n   * The button or element that opens the menu when activated.\n   * Supports custom trigger elements via the `asChild` prop.\n   *\n   * @example\n   * ```tsx\n   * <Menu.Root>\n   *   <Menu.Trigger>Open Menu</Menu.Trigger>\n   *   <Menu.Content>...</Menu.Content>\n   * </Menu.Root>\n   * ```\n   */\n  Trigger: MenuTrigger,\n\n  /**\n   * # Menu.Content\n   *\n   * The popover container that displays menu items. Automatically positions\n   * relative to the trigger and handles focus management.\n   *\n   * @example\n   * ```tsx\n   * <Menu.Root>\n   *   <Menu.Trigger>Options</Menu.Trigger>\n   *   <Menu.Content>\n   *     <Menu.Item id=\"save\">Save</Menu.Item>\n   *     <Menu.Item id=\"delete\">Delete</Menu.Item>\n   *   </Menu.Content>\n   * </Menu.Root>\n   * ```\n   */\n  Content: MenuContent,\n\n  /**\n   * # Menu.Item\n   *\n   * An individual menu item that can be selected. Supports icons, labels,\n   * descriptions, keyboard shortcuts, and critical styling.\n   *\n   * @example\n   * ```tsx\n   * <Menu.Item id=\"delete\" isCritical>\n   *   <Icon slot=\"icon\"><Icons.Delete /></Icon>\n   *   <Text slot=\"label\">Delete</Text>\n   *   <Text slot=\"description\">Remove permanently</Text>\n   *   <Kbd slot=\"keyboard\">⌘⌫</Kbd>\n   * </Menu.Item>\n   * ```\n   */\n  Item: MenuItem,\n\n  /**\n   * # Menu.Section\n   *\n   * Groups related menu items with an optional label. Supports selection modes\n   * for single or multiple selections within the section.\n   *\n   * @example\n   * ```tsx\n   * <Menu.Content>\n   *   <Menu.Section label=\"Edit Actions\">\n   *     <Menu.Item id=\"copy\">Copy</Menu.Item>\n   *     <Menu.Item id=\"paste\">Paste</Menu.Item>\n   *   </Menu.Section>\n   * </Menu.Content>\n   * ```\n   */\n  Section: MenuSection,\n\n  /**\n   * # Menu.Submenu\n   *\n   * A nested menu that appears when hovering over or selecting a submenu trigger.\n   * Automatically positioned to the side of the parent menu.\n   *\n   * @example\n   * ```tsx\n   * <Menu.Item>\n   *   <Menu.SubmenuTrigger>\n   *     <Text slot=\"label\">More Options</Text>\n   *   </Menu.SubmenuTrigger>\n   *   <Menu.Submenu>\n   *     <Menu.Item id=\"option1\">Option 1</Menu.Item>\n   *   </Menu.Submenu>\n   * </Menu.Item>\n   * ```\n   */\n  Submenu: MenuSubmenu,\n\n  /**\n   * # Menu.SubmenuTrigger\n   *\n   * The trigger element for opening a submenu. Must be used within a Menu.Item\n   * and paired with Menu.Submenu.\n   *\n   * @example\n   * ```tsx\n   * <Menu.Item>\n   *   <Menu.SubmenuTrigger>\n   *     <Text slot=\"label\">Export</Text>\n   *   </Menu.SubmenuTrigger>\n   *   <Menu.Submenu>\n   *     <Menu.Item id=\"pdf\">PDF</Menu.Item>\n   *     <Menu.Item id=\"csv\">CSV</Menu.Item>\n   *   </Menu.Submenu>\n   * </Menu.Item>\n   * ```\n   */\n  SubmenuTrigger: MenuSubmenuTrigger,\n};\n\n// Exports for internal use by react-docgen\nexport {\n  MenuRoot as _MenuRoot,\n  MenuTrigger as _MenuTrigger,\n  MenuContent as _MenuContent,\n  MenuItem as _MenuItem,\n  MenuSection as _MenuSection,\n  MenuSubmenuTrigger as _MenuSubmenuTrigger,\n  MenuSubmenu as _MenuSubmenu,\n};\n"],"names":["withProvider","withContext","createSlotRecipeContext","MenuRootSlot","MenuTriggerSlot","MenuPopoverSlot","MenuContentSlot","MenuItemSlot","MenuSectionSlot","MenuSectionLabelSlot","MenuContext","createContext","MenuProvider","useMenuContext","useContext","MenuRoot","props","recipe","useSlotRecipe","recipeProps","restRecipeProps","children","trigger","isOpen","defaultOpen","onOpenChange","restProps","styleProps","menuContextProps","extractStyleProps","menuTriggerProps","jsx","RaMenuTrigger","MenuTrigger","asChild","ref","Button","MenuSectionContext","MenuSectionProvider","MenuContent","placementOverride","contextProps","placement","menuProps","finalPlacement","Popover","Menu","MenuItem","isCritical","RaMenuItem","hasSubmenu","jsxs","Fragment","Icon","ChevronRight","MenuSectionLabel","Header","MenuSection","label","items","selectionMode","selectedKeys","defaultSelectedKeys","onSelectionChange","disallowEmptySelection","otherProps","RaMenuSection","Collection","MenuSubmenuTrigger","RaSubmenuTrigger","MenuSubmenu"],"mappings":"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"}

package/dist/chunks/menu-Dgjq9bCf.es.js

@@ -1,256 +0,0 @@
-import { jsx as e, jsxs as S, Fragment as F } from "react/jsx-runtime";
-import { l as K, $ as L, m as E, n as O, o as j, p as k } from "./Dialog-DWaWA6Gb.es.js";
-import { createSlotRecipeContext as V } from "@chakra-ui/react";
-import { useContext as W, createContext as g } from "react";
-import { g as q } from "./CollectionBuilder-0GDhYLYj.es.js";
-import { e as a } from "./extract-style-props-DycRTKUw.es.js";
-import { d as z } from "./Header-DtejjUvp.es.js";
-import { ChevronRight as A } from "@commercetools/nimbus-icons";
-import { I as B } from "./icon-DIEEgcIZ.es.js";
-import { a as D } from "./Button-DdJe0Bsx.es.js";
-import { useSlotRecipe as G } from "@chakra-ui/react/styled-system";
-const { withProvider: H, withContext: u } = /* @__PURE__ */ V({
-  key: "nimbusMenu"
-}), J = /* @__PURE__ */ H("div", "root"), f = /* @__PURE__ */ u("button", "trigger"), Q = /* @__PURE__ */ u("div", "popover"), U = /* @__PURE__ */ u("div", "content"), X = /* @__PURE__ */ u("div", "item"), Y = /* @__PURE__ */ u("div", "section"), Z = /* @__PURE__ */ u(
-  "div",
-  "sectionLabel"
-), P = /* @__PURE__ */ g(void 0), _ = P.Provider, $ = () => W(P), x = (t) => {
-  const o = G({ key: "nimbusMenu" }), [c, r] = o.splitVariantProps(t), { children: s, trigger: n, isOpen: i, defaultOpen: l, onOpenChange: d, ...p } = r, [m, b] = a(p);
-  return /* @__PURE__ */ e(J, { ...c, ...m, asChild: !0, children: /* @__PURE__ */ e(K, { ...{
-    trigger: n,
-    isOpen: i,
-    defaultOpen: l,
-    onOpenChange: d
-  }, children: /* @__PURE__ */ e(_, { value: b, children: s }) }) });
-};
-x.displayName = "Menu.Root";
-const C = ({
-  children: t,
-  asChild: o,
-  ref: c,
-  ...r
-}) => {
-  const [s, n] = a(r);
-  return o ? /* @__PURE__ */ e(f, { ref: c, asChild: !0, ...s, children: t }) : /* @__PURE__ */ e(f, { asChild: !0, ...s, children: /* @__PURE__ */ e(D, { ref: c, ...n, children: t }) });
-};
-C.displayName = "Menu.Trigger";
-const ee = /* @__PURE__ */ g(
-  void 0
-), y = ee.Provider, M = ({
-  children: t,
-  placement: o,
-  ref: c
-}) => {
-  const r = $();
-  if (!r)
-    throw new Error("Menu.Content must be used within Menu.Root");
-  const { placement: s, ...n } = r, i = o || s || "bottom start";
-  return /* @__PURE__ */ e(y, { value: { selectionMode: n.selectionMode }, children: /* @__PURE__ */ e(Q, { asChild: !0, children: /* @__PURE__ */ e(L, { placement: i, offset: 4, shouldFlip: !0, children: /* @__PURE__ */ e(U, { asChild: !0, children: /* @__PURE__ */ e(E, { ref: c, shouldFocusWrap: !0, autoFocus: "first", ...n, children: t }) }) }) }) });
-};
-M.displayName = "Menu.Content";
-const v = ({
-  children: t,
-  isCritical: o,
-  ref: c,
-  ...r
-}) => {
-  const [s, n] = a(r);
-  return /* @__PURE__ */ e(
-    X,
-    {
-      asChild: !0,
-      ...s,
-      "data-critical": o ? "" : void 0,
-      children: /* @__PURE__ */ e(O, { ref: c, ...n, children: ({ hasSubmenu: i }) => /* @__PURE__ */ S(F, { children: [
-        t,
-        i && /* @__PURE__ */ e(B, { slot: "caretIcon", children: /* @__PURE__ */ e(A, {}) })
-      ] }) })
-    }
-  );
-};
-v.displayName = "Menu.Item";
-const R = ({
-  children: t,
-  ref: o,
-  ...c
-}) => {
-  const [r, s] = a(c);
-  return /* @__PURE__ */ e(Z, { asChild: !0, ...r, children: /* @__PURE__ */ e(z, { ref: o, ...s, children: t }) });
-};
-R.displayName = "Menu.SectionLabel";
-const T = ({
-  children: t,
-  ref: o,
-  label: c,
-  items: r,
-  ...s
-}) => {
-  const n = $(), {
-    selectionMode: i = n?.selectionMode,
-    selectedKeys: l = n?.selectedKeys,
-    defaultSelectedKeys: d = n?.defaultSelectedKeys,
-    onSelectionChange: p = n?.onSelectionChange,
-    disallowEmptySelection: m = n?.disallowEmptySelection,
-    ...b
-  } = s, [h, I] = a(b);
-  return /* @__PURE__ */ e(y, { value: { selectionMode: i }, children: /* @__PURE__ */ e(Y, { asChild: !0, ...h, children: /* @__PURE__ */ S(
-    j,
-    {
-      ref: o,
-      selectionMode: i,
-      selectedKeys: l,
-      defaultSelectedKeys: d,
-      onSelectionChange: p,
-      disallowEmptySelection: m,
-      ...I,
-      children: [
-        /* @__PURE__ */ e(R, { children: c }),
-        r ? /* @__PURE__ */ e(q, { items: r, children: t }) : t
-      ]
-    }
-  ) }) });
-};
-T.displayName = "Menu.Section";
-const N = ({
-  children: t,
-  ...o
-}) => /* @__PURE__ */ e(k, { ...o, children: t });
-N.displayName = "Menu.SubmenuTrigger";
-const w = ({ children: t, ...o }) => /* @__PURE__ */ e(M, { ...o, placement: "end", children: t });
-w.displayName = "Menu.Submenu";
-const pe = {
-  /**
-   * # Menu.Root
-   *
-   * The root container component that provides configuration and state management
-   * for the entire menu. Wraps MenuTrigger and handles open/close state.
-   *
-   * @example
-   * ```tsx
-   * <Menu.Root onAction={(key) => console.log(key)}>
-   *   <Menu.Trigger>Options</Menu.Trigger>
-   *   <Menu.Content>
-   *     <Menu.Item id="edit">Edit</Menu.Item>
-   *   </Menu.Content>
-   * </Menu.Root>
-   * ```
-   */
-  Root: x,
-  /**
-   * # Menu.Trigger
-   *
-   * The button or element that opens the menu when activated.
-   * Supports custom trigger elements via the `asChild` prop.
-   *
-   * @example
-   * ```tsx
-   * <Menu.Root>
-   *   <Menu.Trigger>Open Menu</Menu.Trigger>
-   *   <Menu.Content>...</Menu.Content>
-   * </Menu.Root>
-   * ```
-   */
-  Trigger: C,
-  /**
-   * # Menu.Content
-   *
-   * The popover container that displays menu items. Automatically positions
-   * relative to the trigger and handles focus management.
-   *
-   * @example
-   * ```tsx
-   * <Menu.Root>
-   *   <Menu.Trigger>Options</Menu.Trigger>
-   *   <Menu.Content>
-   *     <Menu.Item id="save">Save</Menu.Item>
-   *     <Menu.Item id="delete">Delete</Menu.Item>
-   *   </Menu.Content>
-   * </Menu.Root>
-   * ```
-   */
-  Content: M,
-  /**
-   * # Menu.Item
-   *
-   * An individual menu item that can be selected. Supports icons, labels,
-   * descriptions, keyboard shortcuts, and critical styling.
-   *
-   * @example
-   * ```tsx
-   * <Menu.Item id="delete" isCritical>
-   *   <Icon slot="icon"><Icons.Delete /></Icon>
-   *   <Text slot="label">Delete</Text>
-   *   <Text slot="description">Remove permanently</Text>
-   *   <Kbd slot="keyboard">⌘⌫</Kbd>
-   * </Menu.Item>
-   * ```
-   */
-  Item: v,
-  /**
-   * # Menu.Section
-   *
-   * Groups related menu items with an optional label. Supports selection modes
-   * for single or multiple selections within the section.
-   *
-   * @example
-   * ```tsx
-   * <Menu.Content>
-   *   <Menu.Section label="Edit Actions">
-   *     <Menu.Item id="copy">Copy</Menu.Item>
-   *     <Menu.Item id="paste">Paste</Menu.Item>
-   *   </Menu.Section>
-   * </Menu.Content>
-   * ```
-   */
-  Section: T,
-  /**
-   * # Menu.Submenu
-   *
-   * A nested menu that appears when hovering over or selecting a submenu trigger.
-   * Automatically positioned to the side of the parent menu.
-   *
-   * @example
-   * ```tsx
-   * <Menu.Item>
-   *   <Menu.SubmenuTrigger>
-   *     <Text slot="label">More Options</Text>
-   *   </Menu.SubmenuTrigger>
-   *   <Menu.Submenu>
-   *     <Menu.Item id="option1">Option 1</Menu.Item>
-   *   </Menu.Submenu>
-   * </Menu.Item>
-   * ```
-   */
-  Submenu: w,
-  /**
-   * # Menu.SubmenuTrigger
-   *
-   * The trigger element for opening a submenu. Must be used within a Menu.Item
-   * and paired with Menu.Submenu.
-   *
-   * @example
-   * ```tsx
-   * <Menu.Item>
-   *   <Menu.SubmenuTrigger>
-   *     <Text slot="label">Export</Text>
-   *   </Menu.SubmenuTrigger>
-   *   <Menu.Submenu>
-   *     <Menu.Item id="pdf">PDF</Menu.Item>
-   *     <Menu.Item id="csv">CSV</Menu.Item>
-   *   </Menu.Submenu>
-   * </Menu.Item>
-   * ```
-   */
-  SubmenuTrigger: N
-};
-export {
-  pe as M,
-  M as a,
-  v as b,
-  x as c,
-  T as d,
-  w as e,
-  N as f,
-  C as g
-};
-//# sourceMappingURL=menu-Dgjq9bCf.es.js.map

package/dist/chunks/menu-Dgjq9bCf.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"menu-Dgjq9bCf.es.js","sources":["../../src/components/menu/menu.slots.tsx","../../src/components/menu/components/menu.context.tsx","../../src/components/menu/components/menu.root.tsx","../../src/components/menu/components/menu.trigger.tsx","../../src/components/menu/components/menu.section-context.tsx","../../src/components/menu/components/menu.content.tsx","../../src/components/menu/components/menu.item.tsx","../../src/components/menu/components/menu.section-label.tsx","../../src/components/menu/components/menu.section.tsx","../../src/components/menu/components/menu.submenu-trigger.tsx","../../src/components/menu/components/menu.submenu.tsx","../../src/components/menu/menu.tsx"],"sourcesContent":["import { createSlotRecipeContext } from \"@chakra-ui/react\";\nimport type { SlotComponent } from \"@/type-utils\";\nimport type {\n  MenuRootSlotProps,\n  MenuTriggerSlotProps,\n  MenuPopoverSlotProps,\n  MenuContentSlotProps,\n  MenuItemSlotProps,\n  MenuSectionSlotProps,\n  MenuSectionLabelSlotProps,\n  MenuSubmenuSlotProps,\n} from \"./menu.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"nimbusMenu\",\n});\n\n// Menu Root\nexport const MenuRootSlot: SlotComponent<HTMLDivElement, MenuRootSlotProps> =\n  withProvider<HTMLDivElement, MenuRootSlotProps>(\"div\", \"root\");\n\n// Menu Trigger\nexport const MenuTriggerSlot: SlotComponent<\n  HTMLButtonElement,\n  MenuTriggerSlotProps\n> = withContext<HTMLButtonElement, MenuTriggerSlotProps>(\"button\", \"trigger\");\n\n// Menu Popover\nexport const MenuPopoverSlot: SlotComponent<\n  HTMLDivElement,\n  MenuPopoverSlotProps\n> = withContext<HTMLDivElement, MenuPopoverSlotProps>(\"div\", \"popover\");\n\n// Menu Content\nexport const MenuContentSlot: SlotComponent<\n  HTMLDivElement,\n  MenuContentSlotProps\n> = withContext<HTMLDivElement, MenuContentSlotProps>(\"div\", \"content\");\n\n// Menu Item\nexport const MenuItemSlot: SlotComponent<HTMLDivElement, MenuItemSlotProps> =\n  withContext<HTMLDivElement, MenuItemSlotProps>(\"div\", \"item\");\n\n// Menu Section\nexport const MenuSectionSlot: SlotComponent<\n  HTMLDivElement,\n  MenuSectionSlotProps\n> = withContext<HTMLDivElement, MenuSectionSlotProps>(\"div\", \"section\");\n\n// Menu Section Label\nexport const MenuSectionLabelSlot: SlotComponent<\n  HTMLDivElement,\n  MenuSectionLabelSlotProps\n> = withContext<HTMLDivElement, MenuSectionLabelSlotProps>(\n  \"div\",\n  \"sectionLabel\"\n);\n\n// Menu Group Label\nexport const MenuSubmenuSlot: SlotComponent<\n  HTMLDivElement,\n  MenuSubmenuSlotProps\n> = withContext<HTMLDivElement, MenuSubmenuSlotProps>(\"div\", \"submenu\");\n","import { createContext, useContext } from \"react\";\nimport type { MenuRootProps } from \"./../menu.types\";\nimport type { MenuTriggerProps as RaMenuTriggerProps } from \"react-aria-components\";\n\n// Context should contain all Menu props (excluding MenuTrigger-specific props)\nexport type MenuContextValue = Omit<\n  MenuRootProps,\n  keyof RaMenuTriggerProps | \"children\" | \"trigger\"\n>;\n\nconst MenuContext = createContext<MenuContextValue | undefined>(undefined);\n\nexport const MenuProvider = MenuContext.Provider;\n\nexport const useMenuContext = () => {\n  const context = useContext(MenuContext);\n  return context;\n};\n","import { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { MenuTrigger as RaMenuTrigger } from \"react-aria-components\";\nimport type { MenuRootProps } from \"../menu.types\";\nimport { MenuRootSlot } from \"../menu.slots\";\nimport { MenuProvider } from \"./menu.context\";\nimport { extractStyleProps } from \"@/utils\";\n\n/**\n * Menu.Root - Container component that provides configuration and state management\n *\n * @supportsStyleProps\n */\nexport const MenuRoot = (props: MenuRootProps) => {\n  const recipe = useSlotRecipe({ key: \"nimbusMenu\" });\n  const [recipeProps, restRecipeProps] = recipe.splitVariantProps(props);\n\n  // Separate MenuTrigger props and functional props from style props\n  const { children, trigger, isOpen, defaultOpen, onOpenChange, ...restProps } =\n    restRecipeProps;\n\n  const [styleProps, menuContextProps] = extractStyleProps(restProps);\n\n  const menuTriggerProps = {\n    trigger,\n    isOpen,\n    defaultOpen,\n    onOpenChange,\n  };\n\n  return (\n    <MenuRootSlot {...recipeProps} {...styleProps} asChild>\n      <RaMenuTrigger {...menuTriggerProps}>\n        <MenuProvider value={menuContextProps}>{children}</MenuProvider>\n      </RaMenuTrigger>\n    </MenuRootSlot>\n  );\n};\n\nMenuRoot.displayName = \"Menu.Root\";\n","import {\n  Button,\n  type MenuTriggerProps as RaMenuTriggerProps,\n} from \"react-aria-components\";\nimport { MenuTriggerSlot } from \"../menu.slots\";\nimport type { MenuTriggerProps } from \"../menu.types\";\nimport { extractStyleProps } from \"@/utils\";\n\n/**\n * Menu.Trigger - The button or element that opens the menu when activated\n *\n * @supportsStyleProps\n */\nexport const MenuTrigger = ({\n  children,\n  asChild,\n  ref,\n  ...props\n}: MenuTriggerProps) => {\n  const [styleProps, restProps] = extractStyleProps(props);\n\n  /**\n   * The user supplied a Button as the trigger\n   */\n  if (asChild) {\n    // When asChild is true, apply styles to the child element\n    return (\n      <MenuTriggerSlot ref={ref} asChild {...styleProps}>\n        {children as RaMenuTriggerProps[\"children\"]}\n      </MenuTriggerSlot>\n    );\n  }\n\n  /**\n   * The user did not supply a Button as trigger, use an unstyled button\n   * to wrap which ever element the user supplied and make it a trigger\n   */\n  return (\n    <MenuTriggerSlot asChild {...styleProps}>\n      <Button ref={ref} {...restProps}>\n        {children}\n      </Button>\n    </MenuTriggerSlot>\n  );\n};\n\nMenuTrigger.displayName = \"Menu.Trigger\";\n","import { createContext, useContext } from \"react\";\n\nexport type MenuSectionContextValue = {\n  selectionMode?: \"single\" | \"multiple\" | \"none\";\n};\n/**\n * Why is a second context (MenuSectionContext) needed?\n *\n * MenuSectionContext enables section-level config for menu items, such as\n * selection mode, which may differ from the global menu context. This allows\n * advanced menus where each section can have its own selection behavior\n * (e.g., one section is single-select, another is multi-select).\n * By scoping context to a section, menu items inherit settings from their\n * nearest section, falling back to the global menu context if not present.\n * This pattern improves flexibility and composability for complex menus,\n * and avoids prop drilling or awkward prop merging.\n */\n\nconst MenuSectionContext = createContext<MenuSectionContextValue | undefined>(\n  undefined\n);\n\nexport const MenuSectionProvider = MenuSectionContext.Provider;\n\nexport const useMenuSectionContext = () => {\n  return useContext(MenuSectionContext);\n};\n","import { Menu, Popover } from \"react-aria-components\";\nimport { MenuContentSlot, MenuPopoverSlot } from \"../menu.slots\";\nimport type { MenuContentProps } from \"../menu.types\";\nimport { useMenuContext } from \"./menu.context\";\nimport { MenuSectionProvider } from \"./menu.section-context\";\n\n/**\n * Menu.Content - The popover container that displays menu items\n *\n * @supportsStyleProps\n */\nexport const MenuContent = ({\n  children,\n  placement: placementOverride,\n  ref,\n}: MenuContentProps) => {\n  const contextProps = useMenuContext();\n\n  if (!contextProps) {\n    throw new Error(\"Menu.Content must be used within Menu.Root\");\n  }\n\n  // Separate placement from other props since it's handled by Popover\n  const { placement, ...menuProps } = contextProps;\n  const finalPlacement = placementOverride || placement || \"bottom start\";\n\n  return (\n    <MenuSectionProvider value={{ selectionMode: menuProps.selectionMode }}>\n      <MenuPopoverSlot asChild>\n        <Popover placement={finalPlacement} offset={4} shouldFlip>\n          <MenuContentSlot asChild>\n            <Menu ref={ref} shouldFocusWrap autoFocus=\"first\" {...menuProps}>\n              {children}\n            </Menu>\n          </MenuContentSlot>\n        </Popover>\n      </MenuPopoverSlot>\n    </MenuSectionProvider>\n  );\n};\n\nMenuContent.displayName = \"Menu.Content\";\n","import { MenuItem as RaMenuItem } from \"react-aria-components\";\nimport { MenuItemSlot } from \"../menu.slots\";\nimport type { MenuItemProps } from \"../menu.types\";\nimport { extractStyleProps } from \"@/utils\";\nimport { ChevronRight } from \"@commercetools/nimbus-icons\";\nimport { Icon } from \"@/components/icon/icon\";\n\n/**\n * Menu.Item - An individual menu item that can be selected\n *\n * @supportsStyleProps\n */\nexport const MenuItem = ({\n  children,\n  isCritical,\n  ref,\n  ...props\n}: MenuItemProps) => {\n  const [styleProps, restProps] = extractStyleProps(props);\n\n  return (\n    <MenuItemSlot\n      asChild\n      {...styleProps}\n      data-critical={isCritical ? \"\" : undefined}\n    >\n      <RaMenuItem ref={ref} {...restProps}>\n        {({ hasSubmenu }) => (\n          <>\n            {children}\n            {hasSubmenu && (\n              <Icon slot=\"caretIcon\">\n                <ChevronRight />\n              </Icon>\n            )}\n          </>\n        )}\n      </RaMenuItem>\n    </MenuItemSlot>\n  );\n};\n\nMenuItem.displayName = \"Menu.Item\";\n","import { Header } from \"react-aria-components\";\nimport { MenuSectionLabelSlot } from \"../menu.slots\";\nimport type { MenuSectionLabelProps } from \"../menu.types\";\nimport { extractStyleProps } from \"@/utils\";\n\n/**\n * Menu.SectionLabel - Used in MenuSection for rendering the `label` property\n *\n * @supportsStyleProps\n */\nexport const MenuSectionLabel = ({\n  children,\n  ref,\n  ...props\n}: MenuSectionLabelProps) => {\n  const [styleProps, restProps] = extractStyleProps(props);\n\n  return (\n    <MenuSectionLabelSlot asChild {...styleProps}>\n      <Header ref={ref} {...restProps}>\n        {children}\n      </Header>\n    </MenuSectionLabelSlot>\n  );\n};\n\nMenuSectionLabel.displayName = \"Menu.SectionLabel\";\n","import {\n  MenuSection as RaMenuSection,\n  Collection,\n} from \"react-aria-components\";\nimport { MenuSectionSlot } from \"../menu.slots\";\nimport type { MenuSectionProps } from \"../menu.types\";\nimport { extractStyleProps } from \"@/utils\";\nimport { useMenuContext } from \"./menu.context\";\nimport { MenuSectionProvider } from \"./menu.section-context\";\nimport { MenuSectionLabel } from \"./menu.section-label\";\nimport type { ReactNode } from \"react\";\n\n/**\n * Menu.Section - Groups related menu items with an optional label\n *\n * @supportsStyleProps\n */\nexport const MenuSection = <T extends object = object>({\n  children,\n  ref,\n  label,\n  items,\n  ...props\n}: MenuSectionProps<T>) => {\n  const contextProps = useMenuContext();\n\n  // Extract selection-related props before extracting style props\n  const {\n    selectionMode = contextProps?.selectionMode,\n    selectedKeys = contextProps?.selectedKeys,\n    defaultSelectedKeys = contextProps?.defaultSelectedKeys,\n    onSelectionChange = contextProps?.onSelectionChange,\n    disallowEmptySelection = contextProps?.disallowEmptySelection,\n    ...restProps\n  } = props;\n\n  const [styleProps, otherProps] = extractStyleProps(restProps);\n\n  return (\n    <MenuSectionProvider value={{ selectionMode }}>\n      <MenuSectionSlot asChild {...styleProps}>\n        <RaMenuSection\n          ref={ref}\n          selectionMode={selectionMode}\n          selectedKeys={selectedKeys}\n          defaultSelectedKeys={defaultSelectedKeys}\n          onSelectionChange={onSelectionChange}\n          disallowEmptySelection={disallowEmptySelection}\n          {...otherProps}\n        >\n          <MenuSectionLabel>{label}</MenuSectionLabel>\n          {items ? (\n            <Collection items={items}>{children}</Collection>\n          ) : (\n            (children as ReactNode)\n          )}\n        </RaMenuSection>\n      </MenuSectionSlot>\n    </MenuSectionProvider>\n  );\n};\n\nMenuSection.displayName = \"Menu.Section\";\n","import { SubmenuTrigger as RaSubmenuTrigger } from \"react-aria-components\";\nimport type { MenuSubmenuTriggerProps } from \"../menu.types\";\n\n/**\n * Menu.SubmenuTrigger - The trigger element for opening a submenu\n *\n * @supportsStyleProps\n */\nexport const MenuSubmenuTrigger = ({\n  children,\n  ...props\n}: MenuSubmenuTriggerProps) => {\n  return <RaSubmenuTrigger {...props}>{children}</RaSubmenuTrigger>;\n};\n\nMenuSubmenuTrigger.displayName = \"Menu.SubmenuTrigger\";\n","import type { MenuSubmenuProps } from \"../menu.types\";\nimport { MenuContent } from \"./menu.content\";\n\n/**\n * Menu.Submenu - A nested menu that appears when hovering over or selecting a submenu trigger\n *\n * @supportsStyleProps\n */\nexport const MenuSubmenu = ({ children, ...props }: MenuSubmenuProps) => {\n  return (\n    <MenuContent {...props} placement=\"end\">\n      {children}\n    </MenuContent>\n  );\n};\n\nMenuSubmenu.displayName = \"Menu.Submenu\";\n","import {\n  MenuRoot,\n  MenuTrigger,\n  MenuContent,\n  MenuItem,\n  MenuSection,\n  MenuSubmenuTrigger,\n  MenuSubmenu,\n} from \"./components\";\n\nexport const Menu = {\n  /**\n   * # Menu.Root\n   *\n   * The root container component that provides configuration and state management\n   * for the entire menu. Wraps MenuTrigger and handles open/close state.\n   *\n   * @example\n   * ```tsx\n   * <Menu.Root onAction={(key) => console.log(key)}>\n   *   <Menu.Trigger>Options</Menu.Trigger>\n   *   <Menu.Content>\n   *     <Menu.Item id=\"edit\">Edit</Menu.Item>\n   *   </Menu.Content>\n   * </Menu.Root>\n   * ```\n   */\n  Root: MenuRoot,\n\n  /**\n   * # Menu.Trigger\n   *\n   * The button or element that opens the menu when activated.\n   * Supports custom trigger elements via the `asChild` prop.\n   *\n   * @example\n   * ```tsx\n   * <Menu.Root>\n   *   <Menu.Trigger>Open Menu</Menu.Trigger>\n   *   <Menu.Content>...</Menu.Content>\n   * </Menu.Root>\n   * ```\n   */\n  Trigger: MenuTrigger,\n\n  /**\n   * # Menu.Content\n   *\n   * The popover container that displays menu items. Automatically positions\n   * relative to the trigger and handles focus management.\n   *\n   * @example\n   * ```tsx\n   * <Menu.Root>\n   *   <Menu.Trigger>Options</Menu.Trigger>\n   *   <Menu.Content>\n   *     <Menu.Item id=\"save\">Save</Menu.Item>\n   *     <Menu.Item id=\"delete\">Delete</Menu.Item>\n   *   </Menu.Content>\n   * </Menu.Root>\n   * ```\n   */\n  Content: MenuContent,\n\n  /**\n   * # Menu.Item\n   *\n   * An individual menu item that can be selected. Supports icons, labels,\n   * descriptions, keyboard shortcuts, and critical styling.\n   *\n   * @example\n   * ```tsx\n   * <Menu.Item id=\"delete\" isCritical>\n   *   <Icon slot=\"icon\"><Icons.Delete /></Icon>\n   *   <Text slot=\"label\">Delete</Text>\n   *   <Text slot=\"description\">Remove permanently</Text>\n   *   <Kbd slot=\"keyboard\">⌘⌫</Kbd>\n   * </Menu.Item>\n   * ```\n   */\n  Item: MenuItem,\n\n  /**\n   * # Menu.Section\n   *\n   * Groups related menu items with an optional label. Supports selection modes\n   * for single or multiple selections within the section.\n   *\n   * @example\n   * ```tsx\n   * <Menu.Content>\n   *   <Menu.Section label=\"Edit Actions\">\n   *     <Menu.Item id=\"copy\">Copy</Menu.Item>\n   *     <Menu.Item id=\"paste\">Paste</Menu.Item>\n   *   </Menu.Section>\n   * </Menu.Content>\n   * ```\n   */\n  Section: MenuSection,\n\n  /**\n   * # Menu.Submenu\n   *\n   * A nested menu that appears when hovering over or selecting a submenu trigger.\n   * Automatically positioned to the side of the parent menu.\n   *\n   * @example\n   * ```tsx\n   * <Menu.Item>\n   *   <Menu.SubmenuTrigger>\n   *     <Text slot=\"label\">More Options</Text>\n   *   </Menu.SubmenuTrigger>\n   *   <Menu.Submenu>\n   *     <Menu.Item id=\"option1\">Option 1</Menu.Item>\n   *   </Menu.Submenu>\n   * </Menu.Item>\n   * ```\n   */\n  Submenu: MenuSubmenu,\n\n  /**\n   * # Menu.SubmenuTrigger\n   *\n   * The trigger element for opening a submenu. Must be used within a Menu.Item\n   * and paired with Menu.Submenu.\n   *\n   * @example\n   * ```tsx\n   * <Menu.Item>\n   *   <Menu.SubmenuTrigger>\n   *     <Text slot=\"label\">Export</Text>\n   *   </Menu.SubmenuTrigger>\n   *   <Menu.Submenu>\n   *     <Menu.Item id=\"pdf\">PDF</Menu.Item>\n   *     <Menu.Item id=\"csv\">CSV</Menu.Item>\n   *   </Menu.Submenu>\n   * </Menu.Item>\n   * ```\n   */\n  SubmenuTrigger: MenuSubmenuTrigger,\n};\n\n// Exports for internal use by react-docgen\nexport {\n  MenuRoot as _MenuRoot,\n  MenuTrigger as _MenuTrigger,\n  MenuContent as _MenuContent,\n  MenuItem as _MenuItem,\n  MenuSection as _MenuSection,\n  MenuSubmenuTrigger as _MenuSubmenuTrigger,\n  MenuSubmenu as _MenuSubmenu,\n};\n"],"names":["withProvider","withContext","createSlotRecipeContext","MenuRootSlot","MenuTriggerSlot","MenuPopoverSlot","MenuContentSlot","MenuItemSlot","MenuSectionSlot","MenuSectionLabelSlot","MenuContext","createContext","MenuProvider","useMenuContext","useContext","MenuRoot","props","recipe","useSlotRecipe","recipeProps","restRecipeProps","children","trigger","isOpen","defaultOpen","onOpenChange","restProps","styleProps","menuContextProps","extractStyleProps","jsx","RaMenuTrigger","MenuTrigger","asChild","ref","Button","MenuSectionContext","MenuSectionProvider","MenuContent","placementOverride","contextProps","placement","menuProps","finalPlacement","Popover","Menu","MenuItem","isCritical","RaMenuItem","hasSubmenu","jsxs","Fragment","Icon","ChevronRight","MenuSectionLabel","Header","MenuSection","label","items","selectionMode","selectedKeys","defaultSelectedKeys","onSelectionChange","disallowEmptySelection","otherProps","RaMenuSection","Collection","MenuSubmenuTrigger","RaSubmenuTrigger","MenuSubmenu"],"mappings":"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"}