@commercetools/nimbus 2.1.0 → 2.3.0

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

@@ -0,0 +1 @@
+{"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-C3Ovi5Mr.es.js → menu-SxqgiwJf.es.js}

@@ -1,12 +1,12 @@
 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-DUbUCf4o.es.js";
+import { l as K, $ as L, m as E, n as O, o as j, p as k } from "./Dialog-B0BQfdQa.es.js";
 import { createSlotRecipeContext as V } from "@chakra-ui/react";
 import { createContext as g, useContext as W } from "react";
-import { c as q } from "./CollectionBuilder-ZlIN4SR4.es.js";
-import { e as a } from "./extract-style-props-DChosa6I.es.js";
-import { d as z } from "./Header-Bvo6aMcQ.es.js";
+import { g as q } from "./CollectionBuilder-BOe312C_.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-CenxuChf.es.js";
+import { I as B } from "./icon-DJsVh7VR.es.js";
 import { a as D } from "./Button-BjcDZ5eb.es.js";
 import { useSlotRecipe as G } from "@chakra-ui/react/styled-system";
 const { withProvider: H, withContext: u } = /* @__PURE__ */ V({
@@ -253,4 +253,4 @@ export {
   N as f,
   w as g
 };
-//# sourceMappingURL=menu-C3Ovi5Mr.es.js.map
+//# sourceMappingURL=menu-SxqgiwJf.es.js.map

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

@@ -0,0 +1 @@
+{"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-BEek-VSq.es.js → money-input-B5kFhLR0.es.js}

@@ -2,19 +2,19 @@ import { jsx as c, jsxs as U } from "react/jsx-runtime";
 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 { defineMessages as mi, useIntl as di, FormattedMessage as yi } from "react-intl";
-import { HighPrecision as Mi } from "@commercetools/nimbus-icons";
-import { e as hi } from "./extract-style-props-DChosa6I.es.js";
-import { createSlotRecipeContext as Si } from "@chakra-ui/react";
-import { G as Ci } from "./group-CCBgdph2.es.js";
-import { i as Pi } from "./index-BEgCT-l6.es.js";
-import { a as R } from "./mergeProps-Dsl8k3Ig.es.js";
-import { $ as Ii } from "./context-DW7UvQ8z.es.js";
-import { N as bi } from "./number-input-DrhSvm6o.es.js";
-import { M as Ai } from "./make-element-focusable-7-aXFtDJ.es.js";
-import { S as B } from "./select-DG6qOekv.es.js";
+import { HighPrecision as mi } from "@commercetools/nimbus-icons";
+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-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-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 Ri } from "./box-DuBoAZvq.es.js";
+import { B as bi } from "./box-DuBoAZvq.es.js";
 const u = {
   ADP: { fractionDigits: 0 },
   AED: { fractionDigits: 2 },
@@ -237,9 +237,9 @@ const u = {
   ZWL: { fractionDigits: 2 },
   ZWN: { fractionDigits: 2 },
   ZWR: { fractionDigits: 2 }
-}, { withProvider: Bi, withContext: p } = /* @__PURE__ */ Si({
+}, { withProvider: Ri, withContext: m } = /* @__PURE__ */ yi({
   key: "moneyInput"
-}), Ni = /* @__PURE__ */ Bi(Ci, "root"), Li = /* @__PURE__ */ p("div", "container"), Fi = /* @__PURE__ */ p("div", "currencySelect"), Ti = /* @__PURE__ */ p("label", "currencyLabel"), Gi = /* @__PURE__ */ p("input", "amountInput"), Ki = /* @__PURE__ */ p("div", "badge"), Oi = (i, o, r) => {
+}), Ai = /* @__PURE__ */ Ri(hi, "root"), Li = /* @__PURE__ */ m("div", "container"), Bi = /* @__PURE__ */ m("div", "currencySelect"), Ni = /* @__PURE__ */ m("label", "currencyLabel"), Fi = /* @__PURE__ */ m("input", "amountInput"), Ti = /* @__PURE__ */ m("div", "badge"), Gi = (i, o, r) => {
   if (!r) return null;
   const t = u[r];
   if (!t || i.length === 0 || i.trim() === "") return null;
@@ -281,15 +281,15 @@ const u = {
     centAmount: a,
     fractionDigits: t.fractionDigits
   };
-}, Ei = (i) => i.type === "highPrecision" ? i.preciseAmount / 10 ** i.fractionDigits : i.centAmount / 10 ** u[i.currencyCode].fractionDigits, Z = (i, o) => Object.prototype.hasOwnProperty.call(i, o);
-function D(i, o) {
+}, Ki = (i) => i.type === "highPrecision" ? i.preciseAmount / 10 ** i.fractionDigits : i.centAmount / 10 ** u[i.currencyCode].fractionDigits, Z = (i, o) => Object.prototype.hasOwnProperty.call(i, o);
+function f(i, o) {
   return i && o ? `${i}.${o}` : void 0;
 }
-const w = (i, o) => Oi(
+const V = (i, o) => Gi(
   typeof i.amount == "string" ? i.amount.trim() : "",
   o,
   i.currencyCode
-), Xi = (i, o) => {
+), Oi = (i, o) => {
   if (!i) return { currencyCode: "", amount: "" };
   if (console.warn(
     typeof o == "string",
@@ -316,27 +316,37 @@ const w = (i, o) => Oi(
     typeof i.centAmount == "number" || typeof i.preciseAmount == "number" && typeof i.fractionDigits == "number",
     'MoneyInput.parseMoneyValue: Value must contain "amount"'
   );
-  const r = Ei(i), t = i.preciseAmount ? i.fractionDigits : u[i.currencyCode].fractionDigits;
+  const r = Ki(i), t = i.preciseAmount ? i.fractionDigits : u[i.currencyCode].fractionDigits;
   return { amount: isNaN(r) ? "" : r.toLocaleString(o, {
     minimumFractionDigits: t
   }), currencyCode: i.currencyCode };
-}, V = (i) => !i || i?.amount?.trim() === "" || i?.currencyCode?.trim() === "", Y = (i, o) => V(i) ? !1 : w(i, o)?.type === "highPrecision", P = /* @__PURE__ */ mi({
-  currencySelectLabel: {
-    id: "Nimbus.MoneyInput.currencySelectLabel",
-    description: "aria-label for currency selection dropdown",
-    defaultMessage: "Currency"
-  },
-  amountInputLabel: {
-    id: "Nimbus.MoneyInput.amountInputLabel",
-    description: "aria-label for amount input",
-    defaultMessage: "Amount"
-  },
-  highPrecisionPrice: {
-    id: "Nimbus.MoneyInput.highPrecisionPrice",
-    description: "tooltip text for high precision price badge",
-    defaultMessage: "High precision price"
-  }
-}), f = (i) => {
+}, w = (i) => !i || i?.amount?.trim() === "" || i?.currencyCode?.trim() === "", Y = (i, o) => w(i) ? !1 : V(i, o)?.type === "highPrecision", Ei = {
+  amountInputLabel: "Amount",
+  currencySelectLabel: "Currency",
+  highPrecisionPrice: "High precision price"
+}, Xi = {
+  amountInputLabel: "Betrag",
+  currencySelectLabel: "Währung",
+  highPrecisionPrice: "Hochpräzisionspreis"
+}, vi = {
+  amountInputLabel: "Cantidad",
+  currencySelectLabel: "Moneda",
+  highPrecisionPrice: "Precio de alta precisión"
+}, Ui = {
+  amountInputLabel: "Montant",
+  currencySelectLabel: "Devise",
+  highPrecisionPrice: "Prix haute précision"
+}, Hi = {
+  amountInputLabel: "Valor",
+  currencySelectLabel: "Moeda",
+  highPrecisionPrice: "Preço de alta precisão"
+}, Zi = {
+  en: /* @__PURE__ */ p(Ei),
+  de: /* @__PURE__ */ p(Xi),
+  es: /* @__PURE__ */ p(vi),
+  "fr-FR": /* @__PURE__ */ p(Ui),
+  "pt-BR": /* @__PURE__ */ p(Hi)
+}, D = (i) => {
   const {
     id: o,
     name: r,
@@ -344,10 +354,10 @@ const w = (i, o) => Oi(
     currencies: s = [],
     onChange: a,
     onValueChange: e,
-    onAmountChange: N,
-    onCurrencyChange: L,
-    onFocus: m,
-    onBlur: d,
+    onAmountChange: B,
+    onCurrencyChange: N,
+    onFocus: d,
+    onBlur: y,
     isDisabled: l,
     isReadOnly: F,
     isInvalid: W,
@@ -356,9 +366,9 @@ const w = (i, o) => Oi(
     isCurrencyInputDisabled: $,
     placeholder: j = "0.00",
     autoFocus: k,
-    size: I,
+    size: b,
     ...J
-  } = i, Q = R(), b = o ?? Q, { locale: G } = Ii(), A = di(), q = t.amount ? parseFloat(t.amount) : void 0, z = !s || s.length === 0, K = Y(t, G || "en"), _ = 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,
@@ -367,47 +377,47 @@ const w = (i, o) => Oi(
     // Keep thousand separators for readability (formatted per locale)
     style: "decimal"
     // Use decimal to avoid currency symbol conflicts
-  } : {}, [t.currencyCode, G]), ii = li({ recipe: Pi }), [ti, ni] = ii.splitVariantProps({
+  } : {}, [t.currencyCode, G]), ii = li({ recipe: Mi }), [ti, ni] = ii.splitVariantProps({
     ...J,
-    size: I
-  }), [oi, ri] = hi(ni), y = D(b, "amount"), M = D(b, "currencyCode"), h = D(r, "amount"), S = D(r, "currencyCode"), ci = g(
+    size: b
+  }), [oi, ri] = di(ni), M = f(R, "amount"), S = f(R, "currencyCode"), P = f(r, "amount"), C = f(r, "currencyCode"), ci = g(
     (n) => {
-      const C = n.toString();
+      const I = n.toString();
       a?.({
         target: {
-          id: y,
-          name: h,
-          value: C
+          id: M,
+          name: P,
+          value: I
         }
       });
-      const Di = { ...t, amount: C };
-      e?.(Di), N?.(C);
+      const fi = { ...t, amount: I };
+      e?.(fi), B?.(I);
     },
-    [a, e, N, t, b, r]
+    [a, e, B, t, R, r]
   ), si = g(() => {
     const n = {
       target: {
-        id: y,
-        name: h,
+        id: M,
+        name: P,
         value: t.amount
       }
     };
-    m?.(n);
-  }, [m, t.amount, o, r]), ai = g(() => {
+    d?.(n);
+  }, [d, t.amount, o, r]), ai = g(() => {
     const n = {
       target: {
-        id: y,
-        name: h,
+        id: M,
+        name: P,
         value: t.amount
       }
     };
-    d?.(n);
-  }, [d, t, o, r]), O = g(
+    y?.(n);
+  }, [y, t, o, r]), O = g(
     (n) => {
       a?.({
         target: {
-          id: M,
-          name: S,
+          id: S,
+          name: C,
           value: n
         }
       });
@@ -415,70 +425,70 @@ const w = (i, o) => Oi(
         ...t,
         currencyCode: n
       };
-      e?.(v), L?.(n);
+      e?.(v), N?.(n);
     },
-    [a, e, L, t, o, r]
+    [a, e, N, t, o, r]
   ), ei = g(() => {
     const n = {
       target: {
-        id: M,
-        name: S,
+        id: S,
+        name: C,
         value: t.currencyCode
       }
     };
-    m?.(n);
-  }, [m, t.currencyCode, o, r]), gi = g(() => {
+    d?.(n);
+  }, [d, t.currencyCode, o, r]), gi = g(() => {
     const n = {
       target: {
-        id: M,
-        name: S,
+        id: S,
+        name: C,
         value: t.currencyCode
       }
     };
-    d?.(n);
-  }, [d, t.currencyCode, o, r]), fi = g(
+    y?.(n);
+  }, [y, t.currencyCode, o, r]), Di = g(
     (n) => {
       n && typeof n == "string" && O(n);
     },
     [O]
-  ), E = R(), X = R();
-  return /* @__PURE__ */ c(Ni, { ...ti, ...oi, ...ri, children: /* @__PURE__ */ U(Li, { children: [
-    /* @__PURE__ */ c(Fi, { children: z ? /* @__PURE__ */ c(
-      Ti,
+  ), E = A(), X = A();
+  return /* @__PURE__ */ c(Ai, { ...ti, ...oi, ...ri, children: /* @__PURE__ */ U(Li, { children: [
+    /* @__PURE__ */ c(Bi, { children: Q ? /* @__PURE__ */ c(
+      Ni,
       {
         ...l && { "data-disabled": l },
         asChild: !0,
         children: /* @__PURE__ */ c("label", { id: E, children: t.currencyCode })
       }
     ) : /* @__PURE__ */ c(
-      B.Root,
+      L.Root,
       {
-        id: M,
-        name: S,
+        id: S,
+        name: C,
         selectedKey: t.currencyCode || null,
-        onSelectionChange: fi,
+        onSelectionChange: Di,
         onFocus: ei,
         onBlur: gi,
         isDisabled: $ || l || F,
         isClearable: !1,
         placeholder: "",
-        "aria-label": A.formatMessage(P.currencySelectLabel),
-        size: I,
-        children: /* @__PURE__ */ c(B.Options, { children: s.map((n) => /* @__PURE__ */ c(B.Option, { id: n, children: n }, n)) })
+        "aria-label": h.format("currencySelectLabel"),
+        size: b,
+        children: /* @__PURE__ */ c(L.Options, { children: s.map((n) => /* @__PURE__ */ c(L.Option, { id: n, children: n }, n)) })
       }
     ) }),
     /* @__PURE__ */ c(
-      Gi,
+      Fi,
       {
         "data-has-high-precision": T && K,
         asChild: !0,
         children: /* @__PURE__ */ c(
-          bi,
+          Ci,
           {
-            id: y,
-            name: h,
-            value: q,
-            formatOptions: _,
+            id: M,
+            name: P,
+            value: z,
+            formatOptions: q,
             onChange: ci,
             onFocus: si,
             onBlur: ai,
@@ -488,8 +498,8 @@ const w = (i, o) => Oi(
             isRequired: x,
             placeholder: j,
             autoFocus: k,
-            size: I,
-            "aria-label": A.formatMessage(P.amountInputLabel),
+            size: b,
+            "aria-label": h.format("amountInputLabel"),
             "aria-labelledby": E,
             "aria-describedby": X,
             step: void 0
@@ -497,29 +507,29 @@ const w = (i, o) => Oi(
         )
       }
     ),
-    T && K && /* @__PURE__ */ c(Ki, { children: /* @__PURE__ */ U(H.Root, { delay: 0, closeDelay: 0, children: [
-      /* @__PURE__ */ c(Ai, { children: /* @__PURE__ */ c(
-        Ri,
+    T && K && /* @__PURE__ */ c(Ti, { children: /* @__PURE__ */ U(H.Root, { delay: 0, closeDelay: 0, children: [
+      /* @__PURE__ */ c(Ii, { children: /* @__PURE__ */ c(
+        bi,
         {
-          as: Mi,
+          as: mi,
           id: X,
           color: l ? "neutral.8" : "neutral.11",
-          "aria-label": A.formatMessage(P.highPrecisionPrice),
+          "aria-label": h.format("highPrecisionPrice"),
           transform: `translateX(-${pi.spacing[1200]})`
         }
       ) }),
-      /* @__PURE__ */ c(H.Content, { placement: "top", children: /* @__PURE__ */ c(yi, { ...P.highPrecisionPrice }) })
+      /* @__PURE__ */ c(H.Content, { placement: "top", children: h.format("highPrecisionPrice") })
     ] }) })
   ] }) });
 };
-f.getAmountInputId = (i) => D(i, "amount");
-f.getCurrencyDropdownId = (i) => D(i, "currencyCode");
-f.convertToMoneyValue = w;
-f.parseMoneyValue = Xi;
-f.isEmpty = V;
-f.isHighPrecision = Y;
-f.displayName = "MoneyInput";
+D.getAmountInputId = (i) => f(i, "amount");
+D.getCurrencyDropdownId = (i) => f(i, "currencyCode");
+D.convertToMoneyValue = V;
+D.parseMoneyValue = Oi;
+D.isEmpty = w;
+D.isHighPrecision = Y;
+D.displayName = "MoneyInput";
 export {
-  f as M
+  D as M
 };
-//# sourceMappingURL=money-input-BEek-VSq.es.js.map
+//# sourceMappingURL=money-input-B5kFhLR0.es.js.map