@commercetools/nimbus 2.2.0 → 2.3.0

package/dist/chunks/{menu-Dno8yFDE.cjs.js → menu-Cu7gIVGQ.cjs.js}

@@ -1,2 +1,2 @@
-"use strict";const e=require("react/jsx-runtime"),u=require("./Dialog-CSr6lHSd.cjs.js"),N=require("@chakra-ui/react"),h=require("react"),w=require("./CollectionBuilder-DjRx57vm.cjs.js"),a=require("./extract-style-props-B4hqila-.cjs.js"),F=require("./Header-BXEPjypM.cjs.js"),K=require("@commercetools/nimbus-icons"),L=require("./icon-RyFjTAmU.cjs.js"),E=require("./Button-DLCecw8f.cjs.js"),O=require("@chakra-ui/react/styled-system"),{withProvider:k,withContext:l}=N.createSlotRecipeContext({key:"menu"}),B=k("div","root"),f=l("button","trigger"),D=l("div","popover"),H=l("div","content"),V=l("div","item"),W=l("div","section"),z=l("div","sectionLabel"),v=h.createContext(void 0),A=v.Provider,R=()=>h.useContext(v),P=t=>{const n=O.useSlotRecipe({key:"menu"}),[s,r]=n.splitVariantProps(t),{children:c,trigger:o,isOpen:i,defaultOpen:p,onOpenChange:x,...b}=r,[M,S]=a.extractStyleProps(b),m={trigger:o,isOpen:i,defaultOpen:p,onOpenChange:x};return e.jsx(B,{...s,...M,asChild:!0,children:e.jsx(u.$3674c52c6b3c5bce$export$27d2ad3c5815583e,{...m,children:e.jsx(A,{value:S,children:c})})})};P.displayName="Menu.Root";const g=({children:t,asChild:n,ref:s,...r})=>{const[c,o]=a.extractStyleProps(r);return n?e.jsx(f,{ref:s,asChild:!0,...c,children:t}):e.jsx(f,{asChild:!0,...c,children:e.jsx(E.$d2b4bc8c273e7be6$export$353f5b6fc5456de1,{ref:s,...o,children:t})})};g.displayName="Menu.Trigger";const G=h.createContext(void 0),q=G.Provider,d=({children:t,placement:n,ref:s})=>{const r=R();if(!r)throw new Error("Menu.Content must be used within Menu.Root");const{placement:c,...o}=r,i=n||c||"bottom start";return e.jsx(q,{value:{selectionMode:o.selectionMode},children:e.jsx(D,{asChild:!0,children:e.jsx(u.$07b14b47974efb58$export$5b6b19405a83ff9d,{placement:i,offset:4,shouldFlip:!0,children:e.jsx(H,{asChild:!0,children:e.jsx(u.$3674c52c6b3c5bce$export$d9b273488cd8ce6f,{ref:s,shouldFocusWrap:!0,autoFocus:"first",...o,children:t})})})})})};d.displayName="Menu.Content";const y=({children:t,isCritical:n,ref:s,...r})=>{const[c,o]=a.extractStyleProps(r);return e.jsx(V,{asChild:!0,...c,"data-critical":n?"":void 0,children:e.jsx(u.$3674c52c6b3c5bce$export$2ce376c2cc3355c8,{ref:s,...o,children:({hasSubmenu:i})=>e.jsxs(e.Fragment,{children:[t,i&&e.jsx(L.Icon,{slot:"caretIcon",children:e.jsx(K.ChevronRight,{})})]})})})};y.displayName="Menu.Item";const T=({children:t,ref:n,...s})=>{const[r,c]=a.extractStyleProps(s);return e.jsx(z,{asChild:!0,...r,children:e.jsx(F.$72a5793c14baf454$export$8b251419efc915eb,{ref:n,...c,children:t})})};T.displayName="Menu.SectionLabel";const $=({children:t,ref:n,label:s,items:r,...c})=>{const o=R(),{selectionMode:i=o?.selectionMode,selectedKeys:p=o?.selectedKeys,defaultSelectedKeys:x=o?.defaultSelectedKeys,onSelectionChange:b=o?.onSelectionChange,disallowEmptySelection:M=o?.disallowEmptySelection,...S}=c,[m,I]=a.extractStyleProps(S);return e.jsx(q,{value:{selectionMode:i},children:e.jsx(W,{asChild:!0,...m,children:e.jsxs(u.$3674c52c6b3c5bce$export$4b1545b4f2016d26,{ref:n,selectionMode:i,selectedKeys:p,defaultSelectedKeys:x,onSelectionChange:b,disallowEmptySelection:M,...I,children:[e.jsx(T,{children:s}),r?e.jsx(w.$e1995378a142960e$export$fb8073518f34e6ec,{items:r,children:t}):t]})})})};$.displayName="Menu.Section";const C=({children:t,...n})=>e.jsx(u.$3674c52c6b3c5bce$export$ecabc99eeffab7ca,{...n,children:t});C.displayName="Menu.SubmenuTrigger";const j=({children:t,...n})=>e.jsx(d,{...n,placement:"end",children:t});j.displayName="Menu.Submenu";const J={Root:P,Trigger:g,Content:d,Item:y,Section:$,Submenu:j,SubmenuTrigger:C};exports.Menu=J;exports.MenuContent=d;exports.MenuItem=y;exports.MenuRoot=P;exports.MenuSection=$;exports.MenuSubmenu=j;exports.MenuSubmenuTrigger=C;exports.MenuTrigger=g;
-//# sourceMappingURL=menu-Dno8yFDE.cjs.js.map
+"use strict";const e=require("react/jsx-runtime"),u=require("./Dialog-CSr6lHSd.cjs.js"),N=require("@chakra-ui/react"),h=require("react"),w=require("./CollectionBuilder-DjRx57vm.cjs.js"),a=require("./extract-style-props-BvvBKXOu.cjs.js"),F=require("./Header-BXEPjypM.cjs.js"),K=require("@commercetools/nimbus-icons"),L=require("./icon-RyFjTAmU.cjs.js"),E=require("./Button-DLCecw8f.cjs.js"),O=require("@chakra-ui/react/styled-system"),{withProvider:k,withContext:l}=N.createSlotRecipeContext({key:"menu"}),B=k("div","root"),f=l("button","trigger"),D=l("div","popover"),H=l("div","content"),V=l("div","item"),W=l("div","section"),z=l("div","sectionLabel"),v=h.createContext(void 0),A=v.Provider,R=()=>h.useContext(v),P=t=>{const n=O.useSlotRecipe({key:"menu"}),[s,r]=n.splitVariantProps(t),{children:c,trigger:o,isOpen:i,defaultOpen:p,onOpenChange:x,...b}=r,[M,S]=a.extractStyleProps(b),m={trigger:o,isOpen:i,defaultOpen:p,onOpenChange:x};return e.jsx(B,{...s,...M,asChild:!0,children:e.jsx(u.$3674c52c6b3c5bce$export$27d2ad3c5815583e,{...m,children:e.jsx(A,{value:S,children:c})})})};P.displayName="Menu.Root";const g=({children:t,asChild:n,ref:s,...r})=>{const[c,o]=a.extractStyleProps(r);return n?e.jsx(f,{ref:s,asChild:!0,...c,children:t}):e.jsx(f,{asChild:!0,...c,children:e.jsx(E.$d2b4bc8c273e7be6$export$353f5b6fc5456de1,{ref:s,...o,children:t})})};g.displayName="Menu.Trigger";const G=h.createContext(void 0),q=G.Provider,d=({children:t,placement:n,ref:s})=>{const r=R();if(!r)throw new Error("Menu.Content must be used within Menu.Root");const{placement:c,...o}=r,i=n||c||"bottom start";return e.jsx(q,{value:{selectionMode:o.selectionMode},children:e.jsx(D,{asChild:!0,children:e.jsx(u.$07b14b47974efb58$export$5b6b19405a83ff9d,{placement:i,offset:4,shouldFlip:!0,children:e.jsx(H,{asChild:!0,children:e.jsx(u.$3674c52c6b3c5bce$export$d9b273488cd8ce6f,{ref:s,shouldFocusWrap:!0,autoFocus:"first",...o,children:t})})})})})};d.displayName="Menu.Content";const y=({children:t,isCritical:n,ref:s,...r})=>{const[c,o]=a.extractStyleProps(r);return e.jsx(V,{asChild:!0,...c,"data-critical":n?"":void 0,children:e.jsx(u.$3674c52c6b3c5bce$export$2ce376c2cc3355c8,{ref:s,...o,children:({hasSubmenu:i})=>e.jsxs(e.Fragment,{children:[t,i&&e.jsx(L.Icon,{slot:"caretIcon",children:e.jsx(K.ChevronRight,{})})]})})})};y.displayName="Menu.Item";const T=({children:t,ref:n,...s})=>{const[r,c]=a.extractStyleProps(s);return e.jsx(z,{asChild:!0,...r,children:e.jsx(F.$72a5793c14baf454$export$8b251419efc915eb,{ref:n,...c,children:t})})};T.displayName="Menu.SectionLabel";const $=({children:t,ref:n,label:s,items:r,...c})=>{const o=R(),{selectionMode:i=o?.selectionMode,selectedKeys:p=o?.selectedKeys,defaultSelectedKeys:x=o?.defaultSelectedKeys,onSelectionChange:b=o?.onSelectionChange,disallowEmptySelection:M=o?.disallowEmptySelection,...S}=c,[m,I]=a.extractStyleProps(S);return e.jsx(q,{value:{selectionMode:i},children:e.jsx(W,{asChild:!0,...m,children:e.jsxs(u.$3674c52c6b3c5bce$export$4b1545b4f2016d26,{ref:n,selectionMode:i,selectedKeys:p,defaultSelectedKeys:x,onSelectionChange:b,disallowEmptySelection:M,...I,children:[e.jsx(T,{children:s}),r?e.jsx(w.$e1995378a142960e$export$fb8073518f34e6ec,{items:r,children:t}):t]})})})};$.displayName="Menu.Section";const C=({children:t,...n})=>e.jsx(u.$3674c52c6b3c5bce$export$ecabc99eeffab7ca,{...n,children:t});C.displayName="Menu.SubmenuTrigger";const j=({children:t,...n})=>e.jsx(d,{...n,placement:"end",children:t});j.displayName="Menu.Submenu";const J={Root:P,Trigger:g,Content:d,Item:y,Section:$,Submenu:j,SubmenuTrigger:C};exports.Menu=J;exports.MenuContent=d;exports.MenuItem=y;exports.MenuRoot=P;exports.MenuSection=$;exports.MenuSubmenu=j;exports.MenuSubmenuTrigger=C;exports.MenuTrigger=g;
+//# sourceMappingURL=menu-Cu7gIVGQ.cjs.js.map

package/dist/chunks/{menu-Dno8yFDE.cjs.js.map → menu-Cu7gIVGQ.cjs.js.map}

@@ -1 +1 @@
-{"version":3,"file":"menu-Dno8yFDE.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: \"menu\",\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: \"menu\" });\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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"}
+{"version":3,"file":"menu-Cu7gIVGQ.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: \"menu\",\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: \"menu\" });\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-Zlnps1eW.es.js → menu-SxqgiwJf.es.js}

@@ -3,7 +3,7 @@ import { l as K, $ as L, m as E, n as O, o as j, p as k } from "./Dialog-B0BQfdQ
 import { createSlotRecipeContext as V } from "@chakra-ui/react";
 import { createContext as g, useContext as W } from "react";
 import { g as q } from "./CollectionBuilder-BOe312C_.es.js";
-import { e as a } from "./extract-style-props-BdibuNZ7.es.js";
+import { e as a } from "./extract-style-props-CM4QZGaE.es.js";
 import { d as z } from "./Header-CiYtrnTw.es.js";
 import { ChevronRight as A } from "@commercetools/nimbus-icons";
 import { I as B } from "./icon-DJsVh7VR.es.js";
@@ -253,4 +253,4 @@ export {
   N as f,
   w as g
 };
-//# sourceMappingURL=menu-Zlnps1eW.es.js.map
+//# sourceMappingURL=menu-SxqgiwJf.es.js.map

package/dist/chunks/{menu-Zlnps1eW.es.js.map → menu-SxqgiwJf.es.js.map}

@@ -1 +1 @@
-{"version":3,"file":"menu-Zlnps1eW.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: \"menu\",\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: \"menu\" });\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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"}
+{"version":3,"file":"menu-SxqgiwJf.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: \"menu\",\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: \"menu\" });\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":";;;;;;;;;;;AAaA,MAAM,EAAE,cAAAA,GAAc,aAAAC,EAAA,IAAgB,gBAAAC,EAAwB;AAAA,EAC5D,KAAK;AACP,CAAC,GAGYC,IACX,gBAAAH,EAAgD,OAAO,MAAM,GAGlDI,IAGT,gBAAAH,EAAqD,UAAU,SAAS,GAG/DI,IAGT,gBAAAJ,EAAkD,OAAO,SAAS,GAGzDK,IAGT,gBAAAL,EAAkD,OAAO,SAAS,GAGzDM,IACX,gBAAAN,EAA+C,OAAO,MAAM,GAGjDO,IAGT,gBAAAP,EAAkD,OAAO,SAAS,GAGzDQ,IAGT,gBAAAR;AAAA,EACF;AAAA,EACA;AACF,GC9CMS,IAAc,gBAAAC,EAA4C,MAAS,GAE5DC,IAAeF,EAAY,UAE3BG,IAAiB,MACZC,EAAWJ,CAAW,GCH3BK,IAAW,CAACC,MAAyB;AAChD,QAAMC,IAASC,EAAc,EAAE,KAAK,QAAQ,GACtC,CAACC,GAAaC,CAAe,IAAIH,EAAO,kBAAkBD,CAAK,GAG/D,EAAE,UAAAK,GAAU,SAAAC,GAAS,QAAAC,GAAQ,aAAAC,GAAa,cAAAC,GAAc,GAAGC,MAC/DN,GAEI,CAACO,GAAYC,CAAgB,IAAIC,EAAkBH,CAAS;AASlE,2BACGvB,GAAA,EAAc,GAAGgB,GAAc,GAAGQ,GAAY,SAAO,IACpD,UAAA,gBAAAG,EAACC,GAAA,EAAe,GATK;AAAA,IACvB,SAAAT;AAAA,IACA,QAAAC;AAAA,IACA,aAAAC;AAAA,IACA,cAAAC;AAAA,EAAA,GAMI,UAAA,gBAAAK,EAAClB,GAAA,EAAa,OAAOgB,GAAmB,UAAAP,EAAA,CAAS,GACnD,GACF;AAEJ;AAEAN,EAAS,cAAc;ACzBhB,MAAMiB,IAAc,CAAC;AAAA,EAC1B,UAAAX;AAAA,EACA,SAAAY;AAAA,EACA,KAAAC;AAAA,EACA,GAAGlB;AACL,MAAwB;AACtB,QAAM,CAACW,GAAYD,CAAS,IAAIG,EAAkBb,CAAK;AAKvD,SAAIiB,sBAGC7B,GAAA,EAAgB,KAAA8B,GAAU,SAAO,IAAE,GAAGP,GACpC,UAAAN,GACH,IASF,gBAAAS,EAAC1B,GAAA,EAAgB,SAAO,IAAE,GAAGuB,GAC3B,UAAA,gBAAAG,EAACK,GAAA,EAAO,KAAAD,GAAW,GAAGR,GACnB,UAAAL,EAAA,CACH,GACF;AAEJ;AAEAW,EAAY,cAAc;AC5B1B,MAAMI,KAAqB,gBAAAzB;AAAA,EACzB;AACF,GAEa0B,IAAsBD,GAAmB,UCXzCE,IAAc,CAAC;AAAA,EAC1B,UAAAjB;AAAA,EACA,WAAWkB;AAAA,EACX,KAAAL;AACF,MAAwB;AACtB,QAAMM,IAAe3B,EAAA;AAErB,MAAI,CAAC2B;AACH,UAAM,IAAI,MAAM,4CAA4C;AAI9D,QAAM,EAAE,WAAAC,GAAW,GAAGC,EAAA,IAAcF,GAC9BG,IAAiBJ,KAAqBE,KAAa;AAEzD,2BACGJ,GAAA,EAAoB,OAAO,EAAE,eAAeK,EAAU,iBACrD,UAAA,gBAAAZ,EAACzB,GAAA,EAAgB,SAAO,IACtB,UAAA,gBAAAyB,EAACc,GAAA,EAAQ,WAAWD,GAAgB,QAAQ,GAAG,YAAU,IACvD,4BAACrC,GAAA,EAAgB,SAAO,IACtB,UAAA,gBAAAwB,EAACe,KAAK,KAAAX,GAAU,iBAAe,IAAC,WAAU,SAAS,GAAGQ,GACnD,UAAArB,GACH,GACF,EAAA,CACF,GACF,GACF;AAEJ;AAEAiB,EAAY,cAAc;AC7BnB,MAAMQ,IAAW,CAAC;AAAA,EACvB,UAAAzB;AAAA,EACA,YAAA0B;AAAA,EACA,KAAAb;AAAA,EACA,GAAGlB;AACL,MAAqB;AACnB,QAAM,CAACW,GAAYD,CAAS,IAAIG,EAAkBb,CAAK;AAEvD,SACE,gBAAAc;AAAA,IAACvB;AAAA,IAAA;AAAA,MACC,SAAO;AAAA,MACN,GAAGoB;AAAA,MACJ,iBAAeoB,IAAa,KAAK;AAAA,MAEjC,UAAA,gBAAAjB,EAACkB,KAAW,KAAAd,GAAW,GAAGR,GACvB,UAAA,CAAC,EAAE,YAAAuB,EAAA,MACF,gBAAAC,EAAAC,GAAA,EACG,UAAA;AAAA,QAAA9B;AAAA,QACA4B,KACC,gBAAAnB,EAACsB,GAAA,EAAK,MAAK,aACT,UAAA,gBAAAtB,EAACuB,KAAa,EAAA,CAChB;AAAA,MAAA,EAAA,CAEJ,EAAA,CAEJ;AAAA,IAAA;AAAA,EAAA;AAGN;AAEAP,EAAS,cAAc;AChChB,MAAMQ,IAAmB,CAAC;AAAA,EAC/B,UAAAjC;AAAA,EACA,KAAAa;AAAA,EACA,GAAGlB;AACL,MAA6B;AAC3B,QAAM,CAACW,GAAYD,CAAS,IAAIG,EAAkBb,CAAK;AAEvD,SACE,gBAAAc,EAACrB,GAAA,EAAqB,SAAO,IAAE,GAAGkB,GAChC,UAAA,gBAAAG,EAACyB,GAAA,EAAO,KAAArB,GAAW,GAAGR,GACnB,UAAAL,EAAA,CACH,GACF;AAEJ;AAEAiC,EAAiB,cAAc;ACTxB,MAAME,IAAc,CAA4B;AAAA,EACrD,UAAAnC;AAAA,EACA,KAAAa;AAAA,EACA,OAAAuB;AAAA,EACA,OAAAC;AAAA,EACA,GAAG1C;AACL,MAA2B;AACzB,QAAMwB,IAAe3B,EAAA,GAGf;AAAA,IACJ,eAAA8C,IAAgBnB,GAAc;AAAA,IAC9B,cAAAoB,IAAepB,GAAc;AAAA,IAC7B,qBAAAqB,IAAsBrB,GAAc;AAAA,IACpC,mBAAAsB,IAAoBtB,GAAc;AAAA,IAClC,wBAAAuB,IAAyBvB,GAAc;AAAA,IACvC,GAAGd;AAAA,EAAA,IACDV,GAEE,CAACW,GAAYqC,CAAU,IAAInC,EAAkBH,CAAS;AAE5D,SACE,gBAAAI,EAACO,GAAA,EAAoB,OAAO,EAAE,eAAAsB,EAAA,GAC5B,UAAA,gBAAA7B,EAACtB,GAAA,EAAgB,SAAO,IAAE,GAAGmB,GAC3B,UAAA,gBAAAuB;AAAA,IAACe;AAAAA,IAAA;AAAA,MACC,KAAA/B;AAAA,MACA,eAAAyB;AAAA,MACA,cAAAC;AAAA,MACA,qBAAAC;AAAA,MACA,mBAAAC;AAAA,MACA,wBAAAC;AAAA,MACC,GAAGC;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAlC,EAACwB,KAAkB,UAAAG,EAAA,CAAM;AAAA,QACxBC,IACC,gBAAA5B,EAACoC,GAAA,EAAW,OAAAR,GAAe,UAAArC,GAAS,IAEnCA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAGP,EAAA,CACF;AAEJ;AAEAmC,EAAY,cAAc;ACtDnB,MAAMW,IAAqB,CAAC;AAAA,EACjC,UAAA9C;AAAA,EACA,GAAGL;AACL,MACS,gBAAAc,EAACsC,GAAA,EAAkB,GAAGpD,GAAQ,UAAAK,EAAA,CAAS;AAGhD8C,EAAmB,cAAc;ACP1B,MAAME,IAAc,CAAC,EAAE,UAAAhD,GAAU,GAAGL,0BAEtCsB,GAAA,EAAa,GAAGtB,GAAO,WAAU,OAC/B,UAAAK,GACH;AAIJgD,EAAY,cAAc;ACNnB,MAAMxB,KAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAiBlB,MAAM9B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAgBN,SAASiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAmBT,SAASM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAkBT,MAAMQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAkBN,SAASU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAoBT,SAASa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAqBT,gBAAgBF;AAClB;"}

package/dist/chunks/{money-input-D65vrUj4.es.js → money-input-B5kFhLR0.es.js}

@@ -3,15 +3,15 @@ import { useMemo as ui, useCallback as g } from "react";
 import { useSlotRecipe as li } from "@chakra-ui/react/styled-system";
 import { designTokens as pi } from "@commercetools/nimbus-tokens";
 import { HighPrecision as mi } from "@commercetools/nimbus-icons";
-import { e as di } from "./extract-style-props-BdibuNZ7.es.js";
+import { e as di } from "./extract-style-props-CM4QZGaE.es.js";
 import { createSlotRecipeContext as yi } from "@chakra-ui/react";
 import { G as hi } from "./group-CCBgdph2.es.js";
-import { i as Mi } from "./index-C2qW4ynb.es.js";
+import { i as Mi } from "./index-D3KlpJA5.es.js";
 import { n as p, u as Si } from "./normalize-messages-D5T4I93D.es.js";
 import { a as A } from "./mergeProps-Dsl8k3Ig.es.js";
 import { $ as Pi } from "./context-DW7UvQ8z.es.js";
-import { S as L } from "./select-D9yYDW0d.es.js";
-import { N as Ci } from "./number-input-Dp13Mn-8.es.js";
+import { S as L } from "./select-B3w10lhg.es.js";
+import { N as Ci } from "./number-input-BVTqEzzS.es.js";
 import { M as Ii } from "./make-element-focusable-7-aXFtDJ.es.js";
 import { T as H } from "./tooltip-D3QrrizN.es.js";
 import { B as bi } from "./box-DuBoAZvq.es.js";
@@ -324,11 +324,11 @@ const V = (i, o) => Gi(
   amountInputLabel: "Amount",
   currencySelectLabel: "Currency",
   highPrecisionPrice: "High precision price"
-}, vi = {
+}, Xi = {
   amountInputLabel: "Betrag",
   currencySelectLabel: "Währung",
   highPrecisionPrice: "Hochpräzisionspreis"
-}, Xi = {
+}, vi = {
   amountInputLabel: "Cantidad",
   currencySelectLabel: "Moneda",
   highPrecisionPrice: "Precio de alta precisión"
@@ -342,8 +342,8 @@ const V = (i, o) => Gi(
   highPrecisionPrice: "Preço de alta precisão"
 }, Zi = {
   en: /* @__PURE__ */ p(Ei),
-  de: /* @__PURE__ */ p(vi),
-  es: /* @__PURE__ */ p(Xi),
+  de: /* @__PURE__ */ p(Xi),
+  es: /* @__PURE__ */ p(vi),
   "fr-FR": /* @__PURE__ */ p(Ui),
   "pt-BR": /* @__PURE__ */ p(Hi)
 }, D = (i) => {
@@ -368,7 +368,7 @@ const V = (i, o) => Gi(
     autoFocus: k,
     size: b,
     ...J
-  } = i, _ = A(), R = o ?? _, { locale: G } = Pi(), h = Si(Zi), z = t.amount ? parseFloat(t.amount) : void 0, Q = !s || s.length === 0, K = Y(t, G || "en"), q = ui(() => t.currencyCode ? {
+  } = i, _ = A(), R = o ?? _, { locale: G } = Pi(), h = Si(Zi), z = parseFloat(t.amount), Q = !s || s.length === 0, K = Y(t, G || "en"), q = ui(() => t.currencyCode ? {
     minimumFractionDigits: u[t.currencyCode].fractionDigits,
     // Always respect currency minimum (e.g., 2 for USD, 0 for JPY)
     maximumFractionDigits: 20,
@@ -421,11 +421,11 @@ const V = (i, o) => Gi(
           value: n
         }
       });
-      const X = {
+      const v = {
         ...t,
         currencyCode: n
       };
-      e?.(X), N?.(n);
+      e?.(v), N?.(n);
     },
     [a, e, N, t, o, r]
   ), ei = g(() => {
@@ -451,7 +451,7 @@ const V = (i, o) => Gi(
       n && typeof n == "string" && O(n);
     },
     [O]
-  ), E = A(), v = A();
+  ), E = A(), X = A();
   return /* @__PURE__ */ c(Ai, { ...ti, ...oi, ...ri, children: /* @__PURE__ */ U(Li, { children: [
     /* @__PURE__ */ c(Bi, { children: Q ? /* @__PURE__ */ c(
       Ni,
@@ -501,7 +501,7 @@ const V = (i, o) => Gi(
             size: b,
             "aria-label": h.format("amountInputLabel"),
             "aria-labelledby": E,
-            "aria-describedby": v,
+            "aria-describedby": X,
             step: void 0
           }
         )
@@ -512,7 +512,7 @@ const V = (i, o) => Gi(
         bi,
         {
           as: mi,
-          id: v,
+          id: X,
           color: l ? "neutral.8" : "neutral.11",
           "aria-label": h.format("highPrecisionPrice"),
           transform: `translateX(-${pi.spacing[1200]})`
@@ -532,4 +532,4 @@ D.displayName = "MoneyInput";
 export {
   D as M
 };
-//# sourceMappingURL=money-input-D65vrUj4.es.js.map
+//# sourceMappingURL=money-input-B5kFhLR0.es.js.map