@vibe/core 3.86.0 → 3.87.0

package/dist/mocked_classnames/src/components/Menu/Menu/Menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.js","sources":["../../../../../../src/components/Menu/Menu/Menu.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport { SIZES } from \"../../../constants\";\nimport React, { forwardRef, type ReactElement, useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport useMergeRef from \"../../../hooks/useMergeRef\";\nimport useIsomorphicLayoutEffect from \"../../../hooks/ssr/useIsomorphicLayoutEffect\";\nimport { useClickOutside } from \"@vibe/hooks\";\nimport useSubMenuIndex from \"./hooks/useSubMenuIndex\";\nimport useOnCloseMenu from \"./hooks/useOnCloseMenu\";\nimport useCloseMenuOnKeyEvent from \"./hooks/useCloseMenuOnKeyEvent\";\nimport useMenuKeyboardNavigation from \"./hooks/useMenuKeyboardNavigation\";\nimport useMouseLeave from \"./hooks/useMouseLeave\";\nimport { useAdjacentSelectableMenuIndex } from \"./hooks/useAdjacentSelectableMenuIndex\";\nimport { useFocusWithin } from \"../../../hooks/useFocusWithin\";\nimport usePrevious from \"../../../hooks/usePrevious\";\nimport { type ElementContent, type VibeComponentProps } from \"../../../types\";\nimport { getStyle } from \"../../../helpers/typesciptCssModulesHelper\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId, ComponentVibeId } from \"../../../tests/constants\";\nimport { useFocusOnMount } from \"./hooks/useFocusOnMount\";\nimport { useMenuId } from \"./hooks/useMenuId\";\nimport { type CloseMenuOption, type MenuChild } from \"./MenuConstants\";\nimport { generateMenuItemId } from \"./utils/utils\";\nimport styles from \"./Menu.module.scss\";\n\nexport interface MenuProps extends VibeComponentProps {\n  /**\n   * Size of the menu.\n   */\n  size?: (typeof SIZES)[keyof typeof SIZES];\n  /**\n   * The tab index of the menu.\n   */\n  tabIndex?: number;\n  /**\n   * ARIA label for accessibility.\n   */\n  ariaLabel?: string;\n  /**\n   * ARIA description ID.\n   */\n  ariaDescribedBy?: string;\n  /**\n   * If true, the menu will automatically focus on mount.\n   */\n  focusOnMount?: boolean;\n  /**\n   * Callback when a menu item gains focus.\n   */\n  onItemFocus?: (index: number) => void;\n  /**\n   * Controls the visibility of the menu.\n   */\n  isVisible?: boolean;\n  /**\n   * Callback triggered when the menu closes.\n   */\n  onClose?: (option: CloseMenuOption) => void;\n  /**\n   * Index of the focused menu item.\n   */\n  focusItemIndex?: number;\n  /**\n   * If true, this menu is a submenu.\n   */\n  isSubMenu?: boolean;\n  /**\n   * If true, event listeners will be attached to the document.\n   */\n  useDocumentEventListeners?: boolean;\n  /**\n   * Index of the item that should be focused when the menu mounts.\n   */\n  focusItemIndexOnMount?: number;\n  /**\n   * If true, enables scrolling within the menu.\n   */\n  shouldScrollMenu?: boolean;\n  /**\n   * The menu items.\n   */\n  children?: ElementContent;\n}\n\nconst Menu = forwardRef(\n  (\n    {\n      id,\n      className,\n      size = SIZES.MEDIUM,\n      tabIndex = 0,\n      ariaLabel = \"Menu\",\n      ariaDescribedBy,\n      children: originalChildren,\n      isVisible = true,\n      onClose,\n      onItemFocus,\n      focusOnMount = false,\n      focusItemIndex = -1,\n      focusItemIndexOnMount = -1,\n      isSubMenu = false,\n      useDocumentEventListeners = false,\n      shouldScrollMenu = false,\n      \"data-testid\": dataTestId\n    }: MenuProps,\n    forwardedRef: React.ForwardedRef<HTMLElement>\n  ) => {\n    const ref = useRef(null);\n    const mergedRef = useMergeRef(ref, forwardedRef);\n\n    const overrideId = useMenuId(id);\n    const splitMenuItemIconButtonRef = useRef<HTMLElement>(null);\n\n    const [activeItemIndex, setActiveItemIndex] = useState(focusItemIndex);\n    const [isInitialSelectedState, setIsInitialSelectedState] = useState(false);\n\n    const children = useMemo(() => {\n      const allChildren = React.Children.toArray(originalChildren) as MenuChild[];\n      return allChildren.filter(child => {\n        if (child.type.isMenuChild) return true;\n        console.error(\n          \"Menu child must be a menuChild item (such as MenuItem, MenuDivider, MenuTitle, etc). This child is not supported: \",\n          child\n        );\n        return false;\n      });\n    }, [originalChildren]);\n\n    const updateActiveItemIndex = useCallback(\n      (index: number) => {\n        setActiveItemIndex(index);\n\n        const activeChild = children[index];\n        const ariaActiveDescendant = React.isValidElement(activeChild)\n          ? activeChild?.props?.id || `${overrideId}-item-${index}`\n          : undefined;\n        if (ariaActiveDescendant) {\n          ref?.current?.setAttribute(\"aria-activedescendant\", ariaActiveDescendant);\n        } else {\n          ref?.current?.removeAttribute(\"aria-activedescendant\");\n        }\n      },\n      [children, overrideId]\n    );\n\n    const onSetActiveItemIndexCallback = useCallback(\n      (index: number) => {\n        onItemFocus && onItemFocus(index);\n        updateActiveItemIndex(index);\n        setIsInitialSelectedState(false);\n      },\n      [updateActiveItemIndex, onItemFocus]\n    );\n\n    const { setSubMenuIsOpenByIndex, hasOpenSubMenu, openSubMenuIndex, setOpenSubMenuIndex, resetOpenSubMenuIndex } =\n      useSubMenuIndex();\n\n    const onCloseMenu = useOnCloseMenu({\n      setActiveItemIndex: onSetActiveItemIndexCallback,\n      setOpenSubMenuIndex,\n      onClose\n    });\n\n    useClickOutside({ ref, callback: () => onCloseMenu() });\n    useCloseMenuOnKeyEvent({ hasOpenSubMenu, onCloseMenu, ref, onClose, isSubMenu, useDocumentEventListeners });\n\n    const { getNextSelectableIndex, getPreviousSelectableIndex } = useAdjacentSelectableMenuIndex({\n      children: children as ReactElement[]\n    });\n    useMenuKeyboardNavigation({\n      hasOpenSubMenu,\n      getNextSelectableIndex,\n      getPreviousSelectableIndex,\n      activeItemIndex,\n      setActiveItemIndex: onSetActiveItemIndexCallback,\n      isVisible,\n      ref,\n      useDocumentEventListeners\n    });\n    useMouseLeave({\n      resetOpenSubMenuIndex,\n      hasOpenSubMenu,\n      ref,\n      setActiveItemIndex: onSetActiveItemIndexCallback\n    });\n    useFocusOnMount({\n      focusItemIndexOnMount,\n      focusChildOnMount: children[focusItemIndexOnMount] as ReactElement,\n      getNextSelectableIndex,\n      updateActiveItemIndex,\n      setIsInitialFocusSet: setIsInitialSelectedState\n    });\n\n    const onMouseMove = useCallback(() => {\n      setIsInitialSelectedState(true);\n    }, [setIsInitialSelectedState]);\n\n    const previousHasOpenSubMenu = usePrevious(hasOpenSubMenu);\n    useEffect(() => {\n      if (hasOpenSubMenu || useDocumentEventListeners) return;\n      if (activeItemIndex > -1 && previousHasOpenSubMenu) {\n        // the submenu was just closed, so we want to focus the menu to capture keyboard events\n        ref?.current?.focus();\n      }\n    }, [activeItemIndex, hasOpenSubMenu, previousHasOpenSubMenu, useDocumentEventListeners]);\n\n    useIsomorphicLayoutEffect(() => {\n      if (!focusOnMount || useDocumentEventListeners) return;\n      requestAnimationFrame(() => {\n        ref && ref.current && ref.current.focus();\n      });\n    }, [ref, focusOnMount, useDocumentEventListeners]);\n\n    const { focusWithinProps } = useFocusWithin({\n      onBlurWithin: () => {\n        onCloseMenu && onCloseMenu();\n      }\n    });\n\n    return (\n      <ul\n        onFocus={focusWithinProps?.onFocus}\n        onBlur={focusWithinProps?.onBlur}\n        id={overrideId}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.MENU, id)}\n        data-vibe={ComponentVibeId.MENU}\n        className={cx(styles.menu, getStyle(styles, size), className)}\n        ref={mergedRef}\n        tabIndex={tabIndex}\n        aria-label={ariaLabel}\n        role=\"menu\"\n        aria-describedby={ariaDescribedBy}\n        onMouseOver={onMouseMove}\n      >\n        {children &&\n          React.Children.map(children, (child, index) => {\n            return React.isValidElement(child)\n              ? React.cloneElement(child, {\n                  ...child?.props,\n                  activeItemIndex,\n                  index,\n                  setActiveItemIndex: updateActiveItemIndex,\n                  menuRef: ref,\n                  resetOpenSubMenuIndex,\n                  isParentMenuVisible: isVisible,\n                  setSubMenuIsOpenByIndex,\n                  hasOpenSubMenu: index === openSubMenuIndex,\n                  closeMenu: onCloseMenu,\n                  id: generateMenuItemId(overrideId, child, index),\n                  useDocumentEventListeners,\n                  isInitialSelectedState,\n                  shouldScrollMenu,\n                  getNextSelectableIndex,\n                  getPreviousSelectableIndex,\n                  isUnderSubMenu: isSubMenu,\n                  splitMenuItemIconButtonRef\n                })\n              : null;\n          })}\n      </ul>\n    );\n  }\n);\n\nObject.assign(Menu, {\n  isMenu: true,\n  supportFocusOnMount: true\n});\n\nexport default Menu;\n"],"names":["Menu","forwardRef","_ref","forwardedRef","id","className","_ref$size","size","SIZES","MEDIUM","_ref$tabIndex","tabIndex","_ref$ariaLabel","ariaLabel","ariaDescribedBy","originalChildren","children","_ref$isVisible","isVisible","onClose","onItemFocus","_ref$focusOnMount","focusOnMount","_ref$focusItemIndex","focusItemIndex","_ref$focusItemIndexOn","focusItemIndexOnMount","_ref$isSubMenu","isSubMenu","_ref$useDocumentEvent","useDocumentEventListeners","_ref$shouldScrollMenu","shouldScrollMenu","dataTestId","ref","useRef","mergedRef","useMergeRef","overrideId","useMenuId","splitMenuItemIconButtonRef","_useState","useState","_useState2","_slicedToArray","activeItemIndex","setActiveItemIndex","_useState3","_useState4","isInitialSelectedState","setIsInitialSelectedState","useMemo","React","Children","toArray","filter","child","type","isMenuChild","console","error","updateActiveItemIndex","useCallback","index","activeChild","ariaActiveDescendant","isValidElement","_a","props","concat","undefined","_b","current","setAttribute","_c","removeAttribute","onSetActiveItemIndexCallback","_useSubMenuIndex","useSubMenuIndex","setSubMenuIsOpenByIndex","hasOpenSubMenu","openSubMenuIndex","resetOpenSubMenuIndex","onCloseMenu","useOnCloseMenu","setOpenSubMenuIndex","useClickOutside","callback","useCloseMenuOnKeyEvent","_useAdjacentSelectabl","useAdjacentSelectableMenuIndex","getNextSelectableIndex","getPreviousSelectableIndex","useMenuKeyboardNavigation","useMouseLeave","useFocusOnMount","focusChildOnMount","setIsInitialFocusSet","onMouseMove","previousHasOpenSubMenu","usePrevious","useEffect","focus","useIsomorphicLayoutEffect","requestAnimationFrame","focusWithinProps","useFocusWithin","onBlurWithin","createElement","onFocus","onBlur","getTestId","ComponentDefaultTestId","MENU","ComponentVibeId","cx","styles","menu","getStyle","role","onMouseOver","map","cloneElement","Object","assign","menuRef","isParentMenuVisible","closeMenu","generateMenuItemId","isUnderSubMenu","isMenu","supportFocusOnMount"],"mappings":"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"}
+{"version":3,"file":"Menu.js","sources":["../../../../../../src/components/Menu/Menu/Menu.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport { SIZES } from \"../../../constants\";\nimport React, { forwardRef, type ReactElement, useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport useMergeRef from \"../../../hooks/useMergeRef\";\nimport useIsomorphicLayoutEffect from \"../../../hooks/ssr/useIsomorphicLayoutEffect\";\nimport { useClickOutside } from \"@vibe/hooks\";\nimport useSubMenuIndex from \"./hooks/useSubMenuIndex\";\nimport useOnCloseMenu from \"./hooks/useOnCloseMenu\";\nimport useCloseMenuOnKeyEvent from \"./hooks/useCloseMenuOnKeyEvent\";\nimport useMenuKeyboardNavigation from \"./hooks/useMenuKeyboardNavigation\";\nimport useMouseLeave from \"./hooks/useMouseLeave\";\nimport { useAdjacentSelectableMenuIndex } from \"./hooks/useAdjacentSelectableMenuIndex\";\nimport { useFocusWithin } from \"../../../hooks/useFocusWithin\";\nimport usePrevious from \"../../../hooks/usePrevious\";\nimport { type ElementContent, type VibeComponentProps, withStaticProps } from \"../../../types\";\nimport { type CloseMenuOption, type MenuChild } from \"./MenuConstants\";\nimport { getStyle } from \"../../../helpers/typesciptCssModulesHelper\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId, ComponentVibeId } from \"../../../tests/constants\";\nimport { useFocusOnMount } from \"./hooks/useFocusOnMount\";\nimport { useMenuId } from \"./hooks/useMenuId\";\nimport { generateMenuItemId } from \"./utils/utils\";\nimport styles from \"./Menu.module.scss\";\n\nexport interface MenuProps extends VibeComponentProps {\n  /**\n   * Size of the menu.\n   */\n  size?: (typeof SIZES)[keyof typeof SIZES];\n  /**\n   * The tab index of the menu.\n   */\n  tabIndex?: number;\n  /**\n   * ARIA label for accessibility.\n   */\n  ariaLabel?: string;\n  /**\n   * ARIA description ID.\n   */\n  ariaDescribedBy?: string;\n  /**\n   * If true, the menu will automatically focus on mount.\n   */\n  focusOnMount?: boolean;\n  /**\n   * Callback when a menu item gains focus.\n   */\n  onItemFocus?: (index: number) => void;\n  /**\n   * Controls the visibility of the menu.\n   */\n  isVisible?: boolean;\n  /**\n   * Callback triggered when the menu closes.\n   */\n  onClose?: (option: CloseMenuOption) => void;\n  /**\n   * Index of the focused menu item.\n   */\n  focusItemIndex?: number;\n  /**\n   * If true, this menu is a submenu.\n   */\n  isSubMenu?: boolean;\n  /**\n   * If true, event listeners will be attached to the document.\n   */\n  useDocumentEventListeners?: boolean;\n  /**\n   * Index of the item that should be focused when the menu mounts.\n   */\n  focusItemIndexOnMount?: number;\n  /**\n   * If true, enables scrolling within the menu.\n   */\n  shouldScrollMenu?: boolean;\n  /**\n   * The menu items.\n   */\n  children?: ElementContent;\n}\n\nconst Menu = forwardRef(\n  (\n    {\n      id,\n      className,\n      size = SIZES.MEDIUM,\n      tabIndex = 0,\n      ariaLabel = \"Menu\",\n      ariaDescribedBy,\n      children: originalChildren,\n      isVisible = true,\n      onClose,\n      onItemFocus,\n      focusOnMount = false,\n      focusItemIndex = -1,\n      focusItemIndexOnMount = -1,\n      isSubMenu = false,\n      useDocumentEventListeners = false,\n      shouldScrollMenu = false,\n      \"data-testid\": dataTestId\n    }: MenuProps,\n    forwardedRef: React.ForwardedRef<HTMLElement>\n  ) => {\n    const ref = useRef(null);\n    const mergedRef = useMergeRef(ref, forwardedRef);\n\n    const overrideId = useMenuId(id);\n    const splitMenuItemIconButtonRef = useRef<HTMLElement>(null);\n\n    const [activeItemIndex, setActiveItemIndex] = useState(focusItemIndex);\n    const [isInitialSelectedState, setIsInitialSelectedState] = useState(false);\n\n    const children = useMemo(() => {\n      const allChildren = React.Children.toArray(originalChildren) as MenuChild[];\n      return allChildren.filter(child => {\n        if (child.type.isMenuChild) return true;\n        console.error(\n          \"Menu child must be a menuChild item (such as MenuItem, MenuDivider, MenuTitle, etc). This child is not supported: \",\n          child\n        );\n        return false;\n      });\n    }, [originalChildren]);\n\n    const updateActiveItemIndex = useCallback(\n      (index: number) => {\n        setActiveItemIndex(index);\n\n        const activeChild = children[index];\n        const ariaActiveDescendant = React.isValidElement(activeChild)\n          ? activeChild?.props?.id || `${overrideId}-item-${index}`\n          : undefined;\n        if (ariaActiveDescendant) {\n          ref?.current?.setAttribute(\"aria-activedescendant\", ariaActiveDescendant);\n        } else {\n          ref?.current?.removeAttribute(\"aria-activedescendant\");\n        }\n      },\n      [children, overrideId]\n    );\n\n    const onSetActiveItemIndexCallback = useCallback(\n      (index: number) => {\n        onItemFocus && onItemFocus(index);\n        updateActiveItemIndex(index);\n        setIsInitialSelectedState(false);\n      },\n      [updateActiveItemIndex, onItemFocus]\n    );\n\n    const { setSubMenuIsOpenByIndex, hasOpenSubMenu, openSubMenuIndex, setOpenSubMenuIndex, resetOpenSubMenuIndex } =\n      useSubMenuIndex();\n\n    const onCloseMenu = useOnCloseMenu({\n      setActiveItemIndex: onSetActiveItemIndexCallback,\n      setOpenSubMenuIndex,\n      onClose\n    });\n\n    useClickOutside({ ref, callback: () => onCloseMenu() });\n    useCloseMenuOnKeyEvent({ hasOpenSubMenu, onCloseMenu, ref, onClose, isSubMenu, useDocumentEventListeners });\n\n    const { getNextSelectableIndex, getPreviousSelectableIndex } = useAdjacentSelectableMenuIndex({\n      children: children as ReactElement[]\n    });\n    useMenuKeyboardNavigation({\n      hasOpenSubMenu,\n      getNextSelectableIndex,\n      getPreviousSelectableIndex,\n      activeItemIndex,\n      setActiveItemIndex: onSetActiveItemIndexCallback,\n      isVisible,\n      ref,\n      useDocumentEventListeners\n    });\n    useMouseLeave({\n      resetOpenSubMenuIndex,\n      hasOpenSubMenu,\n      ref,\n      setActiveItemIndex: onSetActiveItemIndexCallback\n    });\n    useFocusOnMount({\n      focusItemIndexOnMount,\n      focusChildOnMount: children[focusItemIndexOnMount] as ReactElement,\n      getNextSelectableIndex,\n      updateActiveItemIndex,\n      setIsInitialFocusSet: setIsInitialSelectedState\n    });\n\n    const onMouseMove = useCallback(() => {\n      setIsInitialSelectedState(true);\n    }, [setIsInitialSelectedState]);\n\n    const previousHasOpenSubMenu = usePrevious(hasOpenSubMenu);\n    useEffect(() => {\n      if (hasOpenSubMenu || useDocumentEventListeners) return;\n      if (activeItemIndex > -1 && previousHasOpenSubMenu) {\n        // the submenu was just closed, so we want to focus the menu to capture keyboard events\n        ref?.current?.focus();\n      }\n    }, [activeItemIndex, hasOpenSubMenu, previousHasOpenSubMenu, useDocumentEventListeners]);\n\n    useIsomorphicLayoutEffect(() => {\n      if (!focusOnMount || useDocumentEventListeners) return;\n      requestAnimationFrame(() => {\n        ref && ref.current && ref.current.focus();\n      });\n    }, [ref, focusOnMount, useDocumentEventListeners]);\n\n    const { focusWithinProps } = useFocusWithin({\n      onBlurWithin: () => {\n        onCloseMenu && onCloseMenu();\n      }\n    });\n\n    return (\n      <ul\n        onFocus={focusWithinProps?.onFocus}\n        onBlur={focusWithinProps?.onBlur}\n        id={overrideId}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.MENU, id)}\n        data-vibe={ComponentVibeId.MENU}\n        className={cx(styles.menu, getStyle(styles, size), className)}\n        ref={mergedRef}\n        tabIndex={tabIndex}\n        aria-label={ariaLabel}\n        role=\"menu\"\n        aria-describedby={ariaDescribedBy}\n        onMouseOver={onMouseMove}\n      >\n        {children &&\n          React.Children.map(children, (child, index) => {\n            return React.isValidElement(child)\n              ? React.cloneElement(child, {\n                  ...child?.props,\n                  activeItemIndex,\n                  index,\n                  setActiveItemIndex: updateActiveItemIndex,\n                  menuRef: ref,\n                  resetOpenSubMenuIndex,\n                  isParentMenuVisible: isVisible,\n                  setSubMenuIsOpenByIndex,\n                  hasOpenSubMenu: index === openSubMenuIndex,\n                  closeMenu: onCloseMenu,\n                  id: generateMenuItemId(overrideId, child, index),\n                  useDocumentEventListeners,\n                  isInitialSelectedState,\n                  shouldScrollMenu,\n                  getNextSelectableIndex,\n                  getPreviousSelectableIndex,\n                  isUnderSubMenu: isSubMenu,\n                  splitMenuItemIconButtonRef\n                })\n              : null;\n          })}\n      </ul>\n    );\n  }\n);\n\nObject.assign(Menu, {\n  isMenu: true,\n  supportFocusOnMount: true\n});\n\ninterface MenuStaticProps {\n  sizes: typeof SIZES;\n}\n\nexport default withStaticProps<MenuProps, MenuStaticProps>(Menu, {\n  sizes: SIZES\n});\n"],"names":["Menu","forwardRef","_ref","forwardedRef","id","className","_ref$size","size","SIZES","MEDIUM","_ref$tabIndex","tabIndex","_ref$ariaLabel","ariaLabel","ariaDescribedBy","originalChildren","children","_ref$isVisible","isVisible","onClose","onItemFocus","_ref$focusOnMount","focusOnMount","_ref$focusItemIndex","focusItemIndex","_ref$focusItemIndexOn","focusItemIndexOnMount","_ref$isSubMenu","isSubMenu","_ref$useDocumentEvent","useDocumentEventListeners","_ref$shouldScrollMenu","shouldScrollMenu","dataTestId","ref","useRef","mergedRef","useMergeRef","overrideId","useMenuId","splitMenuItemIconButtonRef","_useState","useState","_useState2","_slicedToArray","activeItemIndex","setActiveItemIndex","_useState3","_useState4","isInitialSelectedState","setIsInitialSelectedState","useMemo","React","Children","toArray","filter","child","type","isMenuChild","console","error","updateActiveItemIndex","useCallback","index","activeChild","ariaActiveDescendant","isValidElement","_a","props","concat","undefined","_b","current","setAttribute","_c","removeAttribute","onSetActiveItemIndexCallback","_useSubMenuIndex","useSubMenuIndex","setSubMenuIsOpenByIndex","hasOpenSubMenu","openSubMenuIndex","resetOpenSubMenuIndex","onCloseMenu","useOnCloseMenu","setOpenSubMenuIndex","useClickOutside","callback","useCloseMenuOnKeyEvent","_useAdjacentSelectabl","useAdjacentSelectableMenuIndex","getNextSelectableIndex","getPreviousSelectableIndex","useMenuKeyboardNavigation","useMouseLeave","useFocusOnMount","focusChildOnMount","setIsInitialFocusSet","onMouseMove","previousHasOpenSubMenu","usePrevious","useEffect","focus","useIsomorphicLayoutEffect","requestAnimationFrame","focusWithinProps","useFocusWithin","onBlurWithin","createElement","onFocus","onBlur","getTestId","ComponentDefaultTestId","MENU","ComponentVibeId","cx","styles","menu","getStyle","role","onMouseOver","map","cloneElement","Object","assign","menuRef","isParentMenuVisible","closeMenu","generateMenuItemId","isUnderSubMenu","isMenu","supportFocusOnMount","withStaticProps","sizes"],"mappings":"u2CAmFA,IAAMA,EAAOC,GACX,SAAAC,EAoBEC,GACE,IAnBAC,EAAEF,EAAFE,GACAC,EAASH,EAATG,UAASC,EAAAJ,EACTK,KAAAA,OAAI,IAAAD,EAAGE,EAAMC,OAAMH,EAAAI,EAAAR,EACnBS,SAAAA,OAAW,IAAHD,EAAG,EAACA,EAAAE,EAAAV,EACZW,UAAAA,OAAY,IAAHD,EAAG,OAAMA,EAClBE,EAAeZ,EAAfY,gBACUC,EAAgBb,EAA1Bc,SAAQC,EAAAf,EACRgB,UAAAA,OAAY,IAAHD,GAAOA,EAChBE,EAAOjB,EAAPiB,QACAC,EAAWlB,EAAXkB,YAAWC,EAAAnB,EACXoB,aAAAA,OAAe,IAAHD,GAAQA,EAAAE,EAAArB,EACpBsB,eAAAA,OAAc,IAAAD,GAAI,EAACA,EAAAE,EAAAvB,EACnBwB,sBAAAA,OAAqB,IAAAD,GAAI,EAACA,EAAAE,EAAAzB,EAC1B0B,UAAAA,OAAY,IAAHD,GAAQA,EAAAE,EAAA3B,EACjB4B,0BAAAA,OAA4B,IAAHD,GAAQA,EAAAE,GAAA7B,EACjC8B,iBAAAA,QAAmB,IAAHD,IAAQA,GACTE,GAAU/B,EAAzB,eAIIgC,GAAMC,EAAO,MACbC,GAAYC,EAAYH,GAAK/B,GAE7BmC,GAAaC,EAAUnC,GACvBoC,GAA6BL,EAAoB,MAEvDM,GAA8CC,EAASlB,GAAemB,GAAAC,EAAAH,GAAA,GAA/DI,GAAeF,GAAA,GAAEG,GAAkBH,GAAA,GAC1CI,GAA4DL,GAAS,GAAMM,GAAAJ,EAAAG,GAAA,GAApEE,GAAsBD,GAAA,GAAEE,GAAyBF,GAAA,GAElDhC,GAAWmC,GAAQ,WAEvB,OADoBC,EAAMC,SAASC,QAAQvC,GACxBwC,QAAO,SAAAC,GACxB,QAAIA,EAAMC,KAAKC,cACfC,QAAQC,MACN,qHACAJ,IAEK,EACT,GACF,GAAG,CAACzC,IAEE8C,GAAwBC,GAC5B,SAACC,aACCjB,GAAmBiB,GAEnB,IAAMC,EAAchD,GAAS+C,GACvBE,EAAuBb,EAAMc,eAAeF,YAC9CG,EAAAH,aAAA,EAAAA,EAAaI,4BAAOhE,KAAEiE,GAAAA,OAAO/B,GAAU+B,UAAAA,OAASN,QAChDO,EACAL,EACY,QAAdM,EAAArC,cAAG,EAAHA,GAAKsC,eAAS,IAAAD,GAAAA,EAAAE,aAAa,wBAAyBR,GAExC,QAAZS,EAAAxC,cAAG,EAAHA,GAAKsC,eAAO,IAAAE,GAAAA,EAAEC,gBAAgB,wBAElC,GACA,CAAC3D,GAAUsB,KAGPsC,GAA+Bd,GACnC,SAACC,GACC3C,GAAeA,EAAY2C,GAC3BF,GAAsBE,GACtBb,IAA0B,EAC5B,GACA,CAACW,GAAuBzC,IAG1ByD,GACEC,IADMC,GAAuBF,GAAvBE,wBAAyBC,GAAcH,GAAdG,eAAgBC,GAAgBJ,GAAhBI,iBAAuCC,GAAqBL,GAArBK,sBAGlFC,GAAcC,EAAe,CACjCtC,mBAAoB8B,GACpBS,oBALoFR,GAAnBQ,oBAMjElE,QAAAA,IAGFmE,EAAgB,CAAEpD,IAAAA,GAAKqD,SAAU,WAAA,OAAMJ,IAAa,IACpDK,EAAuB,CAAER,eAAAA,GAAgBG,YAAAA,GAAajD,IAAAA,GAAKf,QAAAA,EAASS,UAAAA,EAAWE,0BAAAA,IAE/E,IAAA2D,GAA+DC,EAA+B,CAC5F1E,SAAUA,KADJ2E,GAAsBF,GAAtBE,uBAAwBC,GAA0BH,GAA1BG,2BAGhCC,EAA0B,CACxBb,eAAAA,GACAW,uBAAAA,GACAC,2BAAAA,GACA/C,gBAAAA,GACAC,mBAAoB8B,GACpB1D,UAAAA,EACAgB,IAAAA,GACAJ,0BAAAA,IAEFgE,EAAc,CACZZ,sBAAAA,GACAF,eAAAA,GACA9C,IAAAA,GACAY,mBAAoB8B,KAEtBmB,EAAgB,CACdrE,sBAAAA,EACAsE,kBAAmBhF,GAASU,GAC5BiE,uBAAAA,GACA9B,sBAAAA,GACAoC,qBAAsB/C,KAGxB,IAAMgD,GAAcpC,GAAY,WAC9BZ,IAA0B,EAC5B,GAAG,CAACA,KAEEiD,GAAyBC,EAAYpB,IAC3CqB,GAAU,iBACJrB,IAAkBlD,GAClBe,IAAmB,GAAKsD,KAEd,QAAZhC,EAAAjC,cAAA,EAAAA,GAAKsC,eAAO,IAAAL,GAAAA,EAAEmC,QAEjB,GAAE,CAACzD,GAAiBmC,GAAgBmB,GAAwBrE,IAE7DyE,GAA0B,WACnBjF,IAAgBQ,GACrB0E,uBAAsB,WACpBtE,IAAOA,GAAIsC,SAAWtC,GAAIsC,QAAQ8B,OACpC,GACD,GAAE,CAACpE,GAAKZ,EAAcQ,IAEvB,IAAQ2E,GAAqBC,EAAe,CAC1CC,aAAc,WACZxB,IAAeA,IACjB,IAHMsB,iBAMR,OACErD,EACEwD,cAAA,KAAA,CAAAC,QAASJ,cAAgB,EAAhBA,GAAkBI,QAC3BC,OAAQL,cAAgB,EAAhBA,GAAkBK,OAC1B1G,GAAIkC,iBACSL,IAAc8E,EAAUC,EAAuBC,KAAM7G,eACvD8G,EAAgBD,KAC3B5G,UAAW8G,EAAGC,EAAOC,KAAMC,EAASF,EAAQ7G,GAAOF,GACnD6B,IAAKE,GACLzB,SAAUA,EAAQ,aACNE,EACZ0G,KAAK,0BACazG,EAClB0G,YAAatB,IAEZlF,IACCoC,EAAMC,SAASoE,IAAIzG,IAAU,SAACwC,EAAOO,GACnC,OAAOX,EAAMc,eAAeV,GACxBJ,EAAMsE,aAAalE,EAAKmE,OAAAC,OAAAD,OAAAC,OAAA,GACnBpE,aAAA,EAAAA,EAAOY,QACVvB,gBAAAA,GACAkB,MAAAA,EACAjB,mBAAoBe,GACpBgE,QAAS3F,GACTgD,sBAAAA,GACA4C,oBAAqB5G,EACrB6D,wBAAAA,GACAC,eAAgBjB,IAAUkB,GAC1B8C,UAAW5C,GACX/E,GAAI4H,EAAmB1F,GAAYkB,EAAOO,GAC1CjC,0BAAAA,EACAmB,uBAAAA,GACAjB,iBAAAA,GACA2D,uBAAAA,GACAC,2BAAAA,GACAqC,eAAgBrG,EAChBY,2BAAAA,MAEF,IACL,IAGT,IAGFmF,OAAOC,OAAO5H,EAAM,CAClBkI,QAAQ,EACRC,qBAAqB,IAOvB,IAAeC,EAAAA,EAA4CpI,EAAM,CAC/DqI,MAAO7H"}

package/dist/mocked_classnames/src/components/Menu/Menu/Menu.module.scss.js

@@ -1,2 +1,2 @@
-var e={menu:"menu",small:"small",medium:"medium",large:"large"};!function(e){const n="s_id-1599ba0bb296_3_85_1";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const l=document.createElement("style");l.id=n,t.firstChild?t.insertBefore(l,t.firstChild):t.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.menu {\n  margin: unset;\n  padding: unset;\n  position: relative;\n}\n.menu:focus {\n  outline: none;\n}\n.small {\n  width: 200px;\n}\n.medium {\n  width: 220px;\n}\n.large {\n  width: 240px;\n}");export{e as default};
+var e={menu:"menu",small:"small",medium:"medium",large:"large"};!function(e){const n="s_id-1599ba0bb296_3_86_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const l=document.createElement("style");l.id=n,t.firstChild?t.insertBefore(l,t.firstChild):t.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.menu {\n  margin: unset;\n  padding: unset;\n  position: relative;\n}\n.menu:focus {\n  outline: none;\n}\n.small {\n  width: 200px;\n}\n.medium {\n  width: 220px;\n}\n.large {\n  width: 240px;\n}");export{e as default};
 //# sourceMappingURL=Menu.module.scss.js.map

package/dist/mocked_classnames/src/components/Menu/MenuDivider/MenuDivider.module.scss.js

@@ -1,2 +1,2 @@
-var e={menuChildDivider:"menuChildDivider"};!function(e){const d="s_id-d277a91266dd_3_85_1";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+d))return;const t=document.createElement("style");t.id=d,i.firstChild?i.insertBefore(t,i.firstChild):i.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}(".menuChildDivider {\n  width: 100%;\n  padding: 0 var(--spacing-small);\n}");export{e as default};
+var e={menuChildDivider:"menuChildDivider"};!function(e){const d="s_id-d277a91266dd_3_86_0";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+d))return;const t=document.createElement("style");t.id=d,i.firstChild?i.insertBefore(t,i.firstChild):i.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}(".menuChildDivider {\n  width: 100%;\n  padding: 0 var(--spacing-small);\n}");export{e as default};
 //# sourceMappingURL=MenuDivider.module.scss.js.map

package/dist/mocked_classnames/src/components/Menu/MenuItem/MenuItem.js

@@ -1,2 +1,2 @@
-import{__rest as e}from"../../../../_virtual/_tslib.js";import o,{forwardRef as t,useRef as i,useMemo as r}from"react";import{Tooltip as n}from"@vibe/tooltip/mockedClassNames";import{useIsOverflowing as a}from"@vibe/hooks";import s from"../../Label/Label.js";import l from"./MenuItem.module.scss.js";import c from"./components/BaseMenuItem/BaseMenuItem.js";import m from"./components/MenuItemIcon/MenuItemIcon.js";import{Flex as p}from"@vibe/layout/mockedClassNames";var d=t((function(t,d){var u=t.className,b=t.iconWrapperClassName,g=t.rightIconWrapperClassName,f=t.title,h=void 0===f?"":f,C=t.label,v=void 0===C?"":C,I=t.icon,y=void 0===I?"":I,k=t.rightIcon,N=void 0===k?"":k,j=t.rightIconType,E=t.rightIconBackgroundColor,M=t.iconType,B=t.iconBackgroundColor,w=t.disabled,P=void 0!==w&&w,T=t.disableReason,W=t.selected,x=void 0!==W&&W,D=t.key,O=t.children,R=t.tooltipContent,S=t.tooltipPosition,L=void 0===S?"right":S,_=t.tooltipShowDelay,V=void 0===_?300:_,q=t.tooltipProps,z=e(t,["className","iconWrapperClassName","rightIconWrapperClassName","title","label","icon","rightIcon","rightIconType","rightIconBackgroundColor","iconType","iconBackgroundColor","disabled","disableReason","selected","key","children","tooltipContent","tooltipPosition","tooltipShowDelay","tooltipProps"]),A=i(),F=a({ref:A})||P||R,G=r((function(){return P?T:R||h}),[T,P,h,R]),H=r((function(){if(v)return"string"==typeof v?o.createElement(s,{kind:"line",text:v}):o.isValidElement(v)&&v.type===s?v:void 0}),[v]);return o.createElement(n,Object.assign({content:F?G:null,position:L,showDelay:V},q),o.createElement(c,Object.assign({key:D,ref:d,subMenu:O,className:u,disabled:P,selected:x},z),!!y&&o.createElement(m,{icon:y,type:M,disabled:P,selected:x,backgroundColor:B,wrapperClassName:b}),o.createElement("div",{ref:A,className:l.title},h),o.createElement(p,{gap:"xs"},!!N&&!O&&o.createElement(m,{icon:N,type:j,disabled:P,selected:x,backgroundColor:E,isRightIcon:!0,wrapperClassName:g}),H)))}));Object.assign(d,{isSelectable:!0,isMenuChild:!0});export{d as default};
+import{__rest as e}from"../../../../_virtual/_tslib.js";import o,{forwardRef as t,useRef as i,useMemo as a}from"react";import{TooltipPositionsEnum as r,Tooltip as l}from"@vibe/tooltip/mockedClassNames";import{Icon as s}from"@vibe/icon/mockedClassNames";import{useIsOverflowing as n}from"@vibe/hooks";import{withStaticProps as c}from"../../../types/withStaticProps.js";import"../../../utils/colors-vars-map.js";import m from"../../Label/Label.js";import p from"./MenuItem.module.scss.js";import d from"./components/BaseMenuItem/BaseMenuItem.js";import b from"./components/MenuItemIcon/MenuItemIcon.js";import{Flex as u}from"@vibe/layout/mockedClassNames";var g=t((function(t,r){var s=t.className,c=t.iconWrapperClassName,g=t.rightIconWrapperClassName,f=t.title,h=void 0===f?"":f,v=t.label,y=void 0===v?"":v,C=t.icon,I=void 0===C?"":C,k=t.rightIcon,N=void 0===k?"":k,j=t.rightIconType,E=t.rightIconBackgroundColor,M=t.rightIconAriaLabel,w=t.iconType,B=t.iconBackgroundColor,P=t.disabled,T=void 0!==P&&P,L=t.disableReason,S=t.selected,W=void 0!==S&&S,x=t.key,D=t.children,O=t.tooltipContent,R=t.tooltipPosition,A=void 0===R?"right":R,_=t.tooltipShowDelay,V=void 0===_?300:_,q=t.tooltipProps,z=t["aria-label"],F=e(t,["className","iconWrapperClassName","rightIconWrapperClassName","title","label","icon","rightIcon","rightIconType","rightIconBackgroundColor","rightIconAriaLabel","iconType","iconBackgroundColor","disabled","disableReason","selected","key","children","tooltipContent","tooltipPosition","tooltipShowDelay","tooltipProps","aria-label"]),G=i(),H=null!=z?z:h,J=null!=M?M:h,K=n({ref:G})||T||O,Q=a((function(){return T?L:O||h}),[L,T,h,O]),U=a((function(){if(y)return"string"==typeof y?o.createElement(m,{kind:"line",text:y}):o.isValidElement(y)&&y.type===m?y:void 0}),[y]);return o.createElement(l,Object.assign({content:K?Q:null,position:A,showDelay:V},q),o.createElement(d,Object.assign({key:x,ref:r,subMenu:D,className:s,disabled:T,selected:W},F),!!I&&o.createElement(b,{icon:I,type:w,label:H,disabled:T,selected:W,backgroundColor:B,wrapperClassName:c}),o.createElement("div",{ref:G,className:p.title},h),o.createElement(u,{gap:"xs"},!!N&&!D&&o.createElement(b,{icon:N,type:j,label:J,disabled:T,selected:W,backgroundColor:E,isRightIcon:!0,wrapperClassName:g}),U)))}));Object.assign(g,{isSelectable:!0,isMenuChild:!0});var f=c(g,{iconType:s.type,tooltipPositions:r});export{f as default};
 //# sourceMappingURL=MenuItem.js.map

package/dist/mocked_classnames/src/components/Menu/MenuItem/MenuItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuItem.js","sources":["../../../../../../src/components/Menu/MenuItem/MenuItem.tsx"],"sourcesContent":["import React, { type AriaAttributes, type ForwardedRef, type ReactElement, forwardRef, useMemo, useRef } from \"react\";\nimport { Tooltip, type TooltipProps } from \"@vibe/tooltip\";\nimport { type IconType, type SubIcon } from \"@vibe/icon\";\nimport { useIsOverflowing } from \"@vibe/hooks\";\nimport { type VibeComponentProps } from \"../../../types\";\nimport { type CloseMenuOption, type MenuChild } from \"../Menu/MenuConstants\";\nimport Label from \"../../Label/Label\";\nimport styles from \"./MenuItem.module.scss\";\nimport BaseMenuItem from \"./components/BaseMenuItem/BaseMenuItem\";\nimport MenuItemIcon from \"./components/MenuItemIcon/MenuItemIcon\";\nimport { type TooltipPositions } from \"@vibe/tooltip\";\nimport { type SubmenuPosition } from \"./MenuItem.types\";\nimport { Flex } from \"@vibe/layout\";\n\nexport interface MenuItemProps extends VibeComponentProps {\n  /**\n   * The title of the menu item.\n   */\n  title?: string;\n  /**\n   * The label displayed alongside the title.\n   */\n  label?: string | React.ReactElement<typeof Label>;\n  /**\n   * The icon displayed in the menu item.\n   */\n  icon?: SubIcon;\n  /**\n   * The type of icon.\n   */\n  iconType?: IconType;\n  /**\n   * The background color of the icon.\n   */\n  iconBackgroundColor?: string;\n  /**\n   * The right icon to be displayed.\n   */\n  rightIcon?: SubIcon;\n  /**\n   * The type of right icon.\n   */\n  rightIconType?: IconType;\n  /**\n   * The background color of the right icon.\n   */\n  rightIconBackgroundColor?: string;\n  /**\n   * Class name applied to the icon wrapper.\n   */\n  rightIconWrapperClassName?: string;\n  /**\n   * If true, the menu item is disabled.\n   */\n  disabled?: boolean;\n  /**\n   * The reason for disabling the item, shown in a tooltip.\n   */\n  disableReason?: string;\n  /**\n   * If true, the menu item is selected.\n   */\n  selected?: boolean;\n  /**\n   * Callback fired when the menu item is clicked.\n   */\n  onClick?: (event: React.MouseEvent | React.KeyboardEvent) => void;\n  /**\n   * The active item index in the menu.\n   */\n  activeItemIndex?: number;\n  /**\n   * Callback to set the active item index.\n   */\n  setActiveItemIndex?: (index: number) => void;\n  /**\n   * The index of the menu item.\n   */\n  index?: number;\n  /**\n   * The key of the menu item.\n   */\n  key?: string;\n  /**\n   * If true, the parent menu is visible.\n   */\n  isParentMenuVisible?: boolean;\n  /**\n   * Callback to reset the open submenu index.\n   */\n  resetOpenSubMenuIndex?: () => void;\n  /**\n   * If true, a submenu is open.\n   */\n  hasOpenSubMenu?: boolean;\n  /**\n   * Callback to open or close a submenu by index.\n   */\n  setSubMenuIsOpenByIndex?: (index: number, isOpen: boolean) => void;\n  /**\n   * If true, document event listeners are used for handling interactions.\n   */\n  useDocumentEventListeners?: boolean;\n  /**\n   * The tooltip content for the menu item.\n   */\n  tooltipContent?: string;\n  /**\n   * The position of the tooltip.\n   */\n  tooltipPosition?: TooltipPositions;\n  /**\n   * The delay in milliseconds before the tooltip shows.\n   */\n  tooltipShowDelay?: number;\n  /**\n   * Additional props for customizing the tooltip.\n   */\n  tooltipProps?: Partial<TooltipProps>;\n  /**\n   * Callback fired when the mouse leaves the item.\n   */\n  onMouseLeave?: (event: React.MouseEvent) => void;\n  /**\n   * Callback fired when the mouse enters the item.\n   */\n  onMouseEnter?: (event: React.MouseEvent) => void;\n  /**\n   * Class name applied to the icon wrapper.\n   */\n  iconWrapperClassName?: string;\n  /**\n   * If true, the menu item starts as selected.\n   */\n  isInitialSelectedState?: boolean;\n  /**\n   * If true, the menu scrolls to ensure visibility.\n   */\n  shouldScrollMenu?: boolean;\n  /**\n   * Function to close the menu with a given option.\n   */\n  closeMenu?: (option: CloseMenuOption) => void;\n  /**\n   * Reference to the menu container.\n   */\n  menuRef?: React.RefObject<HTMLElement>;\n  /**\n   * The submenu items, if applicable.\n   */\n  children?: MenuChild | MenuChild[];\n  /**\n   * If true, enables a split menu item interaction where the main area triggers an action,\n   * while the icon button opens the submenu.\n   */\n  splitMenuItem?: boolean;\n  /**\n   * The label of the menu item for accessibility.\n   */\n  \"aria-label\"?: AriaAttributes[\"aria-label\"];\n  /**\n   * The position of a submenu relative to the menu item.\n   */\n  submenuPosition?: SubmenuPosition;\n  /**\n   * If true, automatically repositions the submenu when its content changes.\n   */\n  autoAdjustOnSubMenuContentResize?: boolean;\n}\n\nexport interface MenuItemTitleComponentProps extends Omit<MenuItemProps, \"title\"> {\n  title: ReactElement;\n  \"aria-label\": NonNullable<AriaAttributes[\"aria-label\"]>;\n}\n\nconst MenuItem = forwardRef(\n  (\n    {\n      className,\n      iconWrapperClassName,\n      rightIconWrapperClassName,\n      title = \"\",\n      label = \"\",\n      icon = \"\",\n      rightIcon = \"\",\n      rightIconType,\n      rightIconBackgroundColor,\n      iconType,\n      iconBackgroundColor,\n      disabled = false,\n      disableReason,\n      selected = false,\n      key,\n      children,\n      tooltipContent,\n      tooltipPosition = \"right\",\n      tooltipShowDelay = 300,\n      tooltipProps,\n      ...baseMenuProps\n    }: MenuItemProps | MenuItemTitleComponentProps,\n    ref: ForwardedRef<HTMLElement>\n  ) => {\n    const titleRef = useRef();\n\n    const isTitleHoveredAndOverflowing = useIsOverflowing({ ref: titleRef });\n    const shouldShowTooltip = isTitleHoveredAndOverflowing || disabled || tooltipContent;\n\n    const finalTooltipContent = useMemo(() => {\n      if (disabled) return disableReason;\n      if (tooltipContent) return tooltipContent;\n      return title;\n    }, [disableReason, disabled, title, tooltipContent]);\n\n    const renderLabel = useMemo(() => {\n      if (!label) return;\n      if (typeof label === \"string\") {\n        return <Label kind=\"line\" text={label} />;\n      }\n      if (React.isValidElement(label) && label.type === Label) {\n        return label;\n      }\n    }, [label]);\n\n    return (\n      <Tooltip\n        content={shouldShowTooltip ? finalTooltipContent : null}\n        position={tooltipPosition}\n        showDelay={tooltipShowDelay}\n        {...tooltipProps}\n      >\n        <BaseMenuItem\n          key={key}\n          ref={ref}\n          subMenu={children}\n          className={className}\n          disabled={disabled}\n          selected={selected}\n          {...baseMenuProps}\n        >\n          {Boolean(icon) && (\n            <MenuItemIcon\n              icon={icon}\n              type={iconType}\n              disabled={disabled}\n              selected={selected}\n              backgroundColor={iconBackgroundColor}\n              wrapperClassName={iconWrapperClassName}\n            />\n          )}\n          <div ref={titleRef} className={styles.title}>\n            {title}\n          </div>\n          <Flex gap=\"xs\">\n            {Boolean(rightIcon) && !children && (\n              <MenuItemIcon\n                icon={rightIcon}\n                type={rightIconType}\n                disabled={disabled}\n                selected={selected}\n                backgroundColor={rightIconBackgroundColor}\n                isRightIcon={true}\n                wrapperClassName={rightIconWrapperClassName}\n              />\n            )}\n            {renderLabel}\n          </Flex>\n        </BaseMenuItem>\n      </Tooltip>\n    );\n  }\n);\n\nObject.assign(MenuItem, {\n  isSelectable: true,\n  isMenuChild: true\n});\n\nexport default MenuItem;\n"],"names":["MenuItem","forwardRef","_a","ref","className","iconWrapperClassName","rightIconWrapperClassName","_a$title","title","_a$label","label","_a$icon","icon","_a$rightIcon","rightIcon","rightIconType","rightIconBackgroundColor","iconType","iconBackgroundColor","_a$disabled","disabled","disableReason","_a$selected","selected","key","children","tooltipContent","_a$tooltipPosition","tooltipPosition","_a$tooltipShowDelay","tooltipShowDelay","tooltipProps","baseMenuProps","__rest","titleRef","useRef","shouldShowTooltip","useIsOverflowing","finalTooltipContent","useMemo","renderLabel","React","createElement","Label","kind","text","isValidElement","type","Tooltip","Object","assign","content","position","showDelay","BaseMenuItem","subMenu","MenuItemIcon","backgroundColor","wrapperClassName","styles","Flex","gap","isRightIcon","isSelectable","isMenuChild"],"mappings":"mdA+KMA,IAAAA,EAAWC,GACf,SACEC,EAuBAC,GAvBA,IACEC,EAmBYF,EAnBZE,UACAC,EAkBYH,EAlBZG,qBACAC,EAiBYJ,EAjBZI,0BAAyBC,EAiBbL,EAhBZM,MAAAA,OAAQ,IAAHD,EAAG,GAAEA,EAAAE,EAgBEP,EAfZQ,MAAAA,OAAQ,IAAHD,EAAG,GAAEA,EAAAE,EAeET,EAdZU,KAAAA,OAAO,IAAHD,EAAG,GAAEA,EAAAE,EAcGX,EAbZY,UAAAA,OAAY,IAAHD,EAAG,GAAEA,EACdE,EAYYb,EAZZa,cACAC,EAWYd,EAXZc,yBACAC,EAUYf,EAVZe,SACAC,EASYhB,EATZgB,oBAAmBC,EASPjB,EARZkB,SAAAA,OAAW,IAAHD,GAAQA,EAChBE,EAOYnB,EAPZmB,cAAaC,EAODpB,EANZqB,SAAAA,OAAW,IAAHD,GAAQA,EAChBE,EAKYtB,EALZsB,IACAC,EAIYvB,EAJZuB,SACAC,EAGYxB,EAHZwB,eAAcC,EAGFzB,EAFZ0B,gBAAAA,OAAkB,IAAHD,EAAG,QAAOA,EAAAE,EAEb3B,EADZ4B,iBAAAA,OAAmB,IAAHD,EAAG,IAAGA,EACtBE,EAAY7B,EAAZ6B,aACGC,EArBLC,EAAA/B,EAAA,CAAA,YAAA,uBAAA,4BAAA,QAAA,QAAA,OAAA,YAAA,gBAAA,2BAAA,WAAA,sBAAA,WAAA,gBAAA,WAAA,MAAA,WAAA,iBAAA,kBAAA,mBAAA,iBAyBMgC,EAAWC,IAGXC,EAD+BC,EAAiB,CAAElC,IAAK+B,KACHd,GAAYM,EAEhEY,EAAsBC,GAAQ,WAClC,OAAInB,EAAiBC,EACjBK,GACGlB,CACR,GAAE,CAACa,EAAeD,EAAUZ,EAAOkB,IAE9Bc,EAAcD,GAAQ,WAC1B,GAAK7B,EACL,MAAqB,iBAAVA,EACF+B,EAAAC,cAACC,EAAK,CAACC,KAAK,OAAOC,KAAMnC,IAE9B+B,EAAMK,eAAepC,IAAUA,EAAMqC,OAASJ,EACzCjC,OADT,CAGF,GAAG,CAACA,IAEJ,OACE+B,EAACC,cAAAM,EACCC,OAAAC,OAAA,CAAAC,QAASf,EAAoBE,EAAsB,KACnDc,SAAUxB,EACVyB,UAAWvB,GACPC,GAEJU,EAACC,cAAAY,EACCL,OAAAC,OAAA,CAAA1B,IAAKA,EACLrB,IAAKA,EACLoD,QAAS9B,EACTrB,UAAWA,EACXgB,SAAUA,EACVG,SAAUA,GACNS,KAEKpB,GACP6B,EAACC,cAAAc,EACC,CAAA5C,KAAMA,EACNmC,KAAM9B,EACNG,SAAUA,EACVG,SAAUA,EACVkC,gBAAiBvC,EACjBwC,iBAAkBrD,IAGtBoC,EAAKC,cAAA,MAAA,CAAAvC,IAAK+B,EAAU9B,UAAWuD,EAAOnD,OACnCA,GAEHiC,EAAAC,cAACkB,EAAI,CAACC,IAAI,QACC/C,IAAeW,GACtBgB,EAACC,cAAAc,GACC5C,KAAME,EACNiC,KAAMhC,EACNK,SAAUA,EACVG,SAAUA,EACVkC,gBAAiBzC,EACjB8C,aAAa,EACbJ,iBAAkBpD,IAGrBkC,IAKX,IAGFS,OAAOC,OAAOlD,EAAU,CACtB+D,cAAc,EACdC,aAAa"}
+{"version":3,"file":"MenuItem.js","sources":["../../../../../../src/components/Menu/MenuItem/MenuItem.tsx"],"sourcesContent":["import React, { type AriaAttributes, type ForwardedRef, type ReactElement, forwardRef, useMemo, useRef } from \"react\";\nimport { Tooltip, type TooltipProps } from \"@vibe/tooltip\";\nimport { type IconType, Icon, type SubIcon } from \"@vibe/icon\";\nimport { useIsOverflowing } from \"@vibe/hooks\";\nimport { type VibeComponentProps, withStaticProps } from \"../../../types\";\nimport { type CloseMenuOption, type MenuChild } from \"../Menu/MenuConstants\";\nimport Label from \"../../Label/Label\";\nimport styles from \"./MenuItem.module.scss\";\nimport BaseMenuItem from \"./components/BaseMenuItem/BaseMenuItem\";\nimport MenuItemIcon from \"./components/MenuItemIcon/MenuItemIcon\";\nimport { type TooltipPositions, TooltipPositionsEnum } from \"@vibe/tooltip\";\nimport { type SubmenuPosition } from \"./MenuItem.types\";\nimport { Flex } from \"@vibe/layout\";\n\nexport interface MenuItemProps extends VibeComponentProps {\n  /**\n   * The title of the menu item.\n   */\n  title?: string;\n  /**\n   * The label displayed alongside the title.\n   */\n  label?: string | React.ReactElement<typeof Label>;\n  /**\n   * The icon displayed in the menu item.\n   */\n  icon?: SubIcon;\n  /**\n   * The type of icon.\n   */\n  iconType?: IconType;\n  /**\n   * The background color of the icon.\n   */\n  iconBackgroundColor?: string;\n  /**\n   * The right icon to be displayed.\n   */\n  rightIcon?: SubIcon;\n  /**\n   * The type of right icon.\n   */\n  rightIconType?: IconType;\n  /**\n   * The background color of the right icon.\n   */\n  rightIconBackgroundColor?: string;\n  /**\n   * Class name applied to the icon wrapper.\n   */\n  rightIconWrapperClassName?: string;\n  /**\n   * The label of the menu item for accessibility.\n   */\n  rightIconAriaLabel?: AriaAttributes[\"aria-label\"];\n  /**\n   * If true, the menu item is disabled.\n   */\n  disabled?: boolean;\n  /**\n   * The reason for disabling the item, shown in a tooltip.\n   */\n  disableReason?: string;\n  /**\n   * If true, the menu item is selected.\n   */\n  selected?: boolean;\n  /**\n   * Callback fired when the menu item is clicked.\n   */\n  onClick?: (event: React.MouseEvent | React.KeyboardEvent) => void;\n  /**\n   * The active item index in the menu.\n   */\n  activeItemIndex?: number;\n  /**\n   * Callback to set the active item index.\n   */\n  setActiveItemIndex?: (index: number) => void;\n  /**\n   * The index of the menu item.\n   */\n  index?: number;\n  /**\n   * The key of the menu item.\n   */\n  key?: string;\n  /**\n   * If true, the parent menu is visible.\n   */\n  isParentMenuVisible?: boolean;\n  /**\n   * Callback to reset the open submenu index.\n   */\n  resetOpenSubMenuIndex?: () => void;\n  /**\n   * If true, a submenu is open.\n   */\n  hasOpenSubMenu?: boolean;\n  /**\n   * Callback to open or close a submenu by index.\n   */\n  setSubMenuIsOpenByIndex?: (index: number, isOpen: boolean) => void;\n  /**\n   * If true, document event listeners are used for handling interactions.\n   */\n  useDocumentEventListeners?: boolean;\n  /**\n   * The tooltip content for the menu item.\n   */\n  tooltipContent?: string;\n  /**\n   * The position of the tooltip.\n   */\n  tooltipPosition?: TooltipPositions;\n  /**\n   * The delay in milliseconds before the tooltip shows.\n   */\n  tooltipShowDelay?: number;\n  /**\n   * Additional props for customizing the tooltip.\n   */\n  tooltipProps?: Partial<TooltipProps>;\n  /**\n   * Callback fired when the mouse leaves the item.\n   */\n  onMouseLeave?: (event: React.MouseEvent) => void;\n  /**\n   * Callback fired when the mouse enters the item.\n   */\n  onMouseEnter?: (event: React.MouseEvent) => void;\n  /**\n   * Class name applied to the icon wrapper.\n   */\n  iconWrapperClassName?: string;\n  /**\n   * If true, the menu item starts as selected.\n   */\n  isInitialSelectedState?: boolean;\n  /**\n   * If true, the menu scrolls to ensure visibility.\n   */\n  shouldScrollMenu?: boolean;\n  /**\n   * Function to close the menu with a given option.\n   */\n  closeMenu?: (option: CloseMenuOption) => void;\n  /**\n   * Reference to the menu container.\n   */\n  menuRef?: React.RefObject<HTMLElement>;\n  /**\n   * The submenu items, if applicable.\n   */\n  children?: MenuChild | MenuChild[];\n  /**\n   * If true, enables a split menu item interaction where the main area triggers an action,\n   * while the icon button opens the submenu.\n   */\n  splitMenuItem?: boolean;\n  /**\n   * The label of the menu item for accessibility.\n   */\n  \"aria-label\"?: AriaAttributes[\"aria-label\"];\n  /**\n   * The position of a submenu relative to the menu item.\n   */\n  submenuPosition?: SubmenuPosition;\n  /**\n   * If true, automatically repositions the submenu when its content changes.\n   */\n  autoAdjustOnSubMenuContentResize?: boolean;\n}\n\nexport interface MenuItemTitleComponentProps extends Omit<MenuItemProps, \"title\"> {\n  title: ReactElement;\n  \"aria-label\": NonNullable<AriaAttributes[\"aria-label\"]>;\n}\n\nconst MenuItem = forwardRef(\n  (\n    {\n      className,\n      iconWrapperClassName,\n      rightIconWrapperClassName,\n      title = \"\",\n      label = \"\",\n      icon = \"\",\n      rightIcon = \"\",\n      rightIconType,\n      rightIconBackgroundColor,\n      rightIconAriaLabel,\n      iconType,\n      iconBackgroundColor,\n      disabled = false,\n      disableReason,\n      selected = false,\n      key,\n      children,\n      tooltipContent,\n      tooltipPosition = \"right\",\n      tooltipShowDelay = 300,\n      tooltipProps,\n      \"aria-label\": ariaLabel,\n      ...baseMenuProps\n    }: MenuItemProps | MenuItemTitleComponentProps,\n    ref: ForwardedRef<HTMLElement>\n  ) => {\n    const titleRef = useRef();\n\n    // if \"title\" is a component ariaLabel is mandatory\n    const iconLabel = ariaLabel ?? (title as string);\n    const rightIconLabel = rightIconAriaLabel ?? (title as string);\n\n    const isTitleHoveredAndOverflowing = useIsOverflowing({ ref: titleRef });\n    const shouldShowTooltip = isTitleHoveredAndOverflowing || disabled || tooltipContent;\n\n    const finalTooltipContent = useMemo(() => {\n      if (disabled) return disableReason;\n      if (tooltipContent) return tooltipContent;\n      return title;\n    }, [disableReason, disabled, title, tooltipContent]);\n\n    const renderLabel = useMemo(() => {\n      if (!label) return;\n      if (typeof label === \"string\") {\n        return <Label kind=\"line\" text={label} />;\n      }\n      if (React.isValidElement(label) && label.type === Label) {\n        return label;\n      }\n    }, [label]);\n\n    return (\n      <Tooltip\n        content={shouldShowTooltip ? finalTooltipContent : null}\n        position={tooltipPosition}\n        showDelay={tooltipShowDelay}\n        {...tooltipProps}\n      >\n        <BaseMenuItem\n          key={key}\n          ref={ref}\n          subMenu={children}\n          className={className}\n          disabled={disabled}\n          selected={selected}\n          {...baseMenuProps}\n        >\n          {Boolean(icon) && (\n            <MenuItemIcon\n              icon={icon}\n              type={iconType}\n              label={iconLabel}\n              disabled={disabled}\n              selected={selected}\n              backgroundColor={iconBackgroundColor}\n              wrapperClassName={iconWrapperClassName}\n            />\n          )}\n          <div ref={titleRef} className={styles.title}>\n            {title}\n          </div>\n          <Flex gap=\"xs\">\n            {Boolean(rightIcon) && !children && (\n              <MenuItemIcon\n                icon={rightIcon}\n                type={rightIconType}\n                label={rightIconLabel}\n                disabled={disabled}\n                selected={selected}\n                backgroundColor={rightIconBackgroundColor}\n                isRightIcon={true}\n                wrapperClassName={rightIconWrapperClassName}\n              />\n            )}\n            {renderLabel}\n          </Flex>\n        </BaseMenuItem>\n      </Tooltip>\n    );\n  }\n);\n\nObject.assign(MenuItem, {\n  isSelectable: true,\n  isMenuChild: true\n});\n\ninterface MenuItemStaticProps {\n  iconType: typeof Icon.type;\n  tooltipPositions: typeof TooltipPositionsEnum;\n}\n\nexport default withStaticProps<MenuItemProps | MenuItemTitleComponentProps, MenuItemStaticProps>(MenuItem, {\n  iconType: Icon.type,\n  tooltipPositions: TooltipPositionsEnum\n});\n"],"names":["MenuItem","forwardRef","_a","ref","className","iconWrapperClassName","rightIconWrapperClassName","_a$title","title","_a$label","label","_a$icon","icon","_a$rightIcon","rightIcon","rightIconType","rightIconBackgroundColor","rightIconAriaLabel","iconType","iconBackgroundColor","_a$disabled","disabled","disableReason","_a$selected","selected","key","children","tooltipContent","_a$tooltipPosition","tooltipPosition","_a$tooltipShowDelay","tooltipShowDelay","tooltipProps","ariaLabel","baseMenuProps","__rest","titleRef","useRef","iconLabel","rightIconLabel","shouldShowTooltip","useIsOverflowing","finalTooltipContent","useMemo","renderLabel","React","createElement","Label","kind","text","isValidElement","type","Tooltip","Object","assign","content","position","showDelay","BaseMenuItem","subMenu","MenuItemIcon","backgroundColor","wrapperClassName","styles","Flex","gap","isRightIcon","isSelectable","isMenuChild","withStaticProps","Icon","tooltipPositions","TooltipPositionsEnum"],"mappings":"8oBAmLA,IAAMA,EAAWC,GACf,SACEC,EAyBAC,GAzBA,IACEC,EAuB4CF,EAvB5CE,UACAC,EAsB4CH,EAtB5CG,qBACAC,EAqB4CJ,EArB5CI,0BAAyBC,EAqBmBL,EApB5CM,MAAAA,OAAQ,IAAHD,EAAG,GAAEA,EAAAE,EAoBkCP,EAnB5CQ,MAAAA,OAAQ,IAAHD,EAAG,GAAEA,EAAAE,EAmBkCT,EAlB5CU,KAAAA,OAAO,IAAHD,EAAG,GAAEA,EAAAE,EAkBmCX,EAjB5CY,UAAAA,OAAY,IAAHD,EAAG,GAAEA,EACdE,EAgB4Cb,EAhB5Ca,cACAC,EAe4Cd,EAf5Cc,yBACAC,EAc4Cf,EAd5Ce,mBACAC,EAa4ChB,EAb5CgB,SACAC,EAY4CjB,EAZ5CiB,oBAAmBC,EAYyBlB,EAX5CmB,SAAAA,OAAW,IAAHD,GAAQA,EAChBE,EAU4CpB,EAV5CoB,cAAaC,EAU+BrB,EAT5CsB,SAAAA,OAAW,IAAHD,GAAQA,EAChBE,EAQ4CvB,EAR5CuB,IACAC,EAO4CxB,EAP5CwB,SACAC,EAM4CzB,EAN5CyB,eAAcC,EAM8B1B,EAL5C2B,gBAAAA,OAAkB,IAAHD,EAAG,QAAOA,EAAAE,EAKmB5B,EAJ5C6B,iBAAAA,OAAmB,IAAHD,EAAG,IAAGA,EACtBE,EAG4C9B,EAH5C8B,aACcC,EAE8B/B,EAF5C,cACGgC,EAAaC,EAAAjC,EAvBlB,+UA2BMkC,EAAWC,IAGXC,EAAYL,QAAAA,EAAczB,EAC1B+B,EAAiBtB,QAAAA,EAAuBT,EAGxCgC,EAD+BC,EAAiB,CAAEtC,IAAKiC,KACHf,GAAYM,EAEhEe,EAAsBC,GAAQ,WAClC,OAAItB,EAAiBC,EACjBK,GACGnB,CACR,GAAE,CAACc,EAAeD,EAAUb,EAAOmB,IAE9BiB,EAAcD,GAAQ,WAC1B,GAAKjC,EACL,MAAqB,iBAAVA,EACFmC,EAAAC,cAACC,EAAK,CAACC,KAAK,OAAOC,KAAMvC,IAE9BmC,EAAMK,eAAexC,IAAUA,EAAMyC,OAASJ,EACzCrC,OADT,CAGF,GAAG,CAACA,IAEJ,OACEmC,EAACC,cAAAM,EACCC,OAAAC,OAAA,CAAAC,QAASf,EAAoBE,EAAsB,KACnDc,SAAU3B,EACV4B,UAAW1B,GACPC,GAEJa,EAACC,cAAAY,EACCL,OAAAC,OAAA,CAAA7B,IAAKA,EACLtB,IAAKA,EACLwD,QAASjC,EACTtB,UAAWA,EACXiB,SAAUA,EACVG,SAAUA,GACNU,KAEKtB,GACPiC,gBAACe,EAAY,CACXhD,KAAMA,EACNuC,KAAMjC,EACNR,MAAO4B,EACPjB,SAAUA,EACVG,SAAUA,EACVqC,gBAAiB1C,EACjB2C,iBAAkBzD,IAGtBwC,EAAKC,cAAA,MAAA,CAAA3C,IAAKiC,EAAUhC,UAAW2D,EAAOvD,OACnCA,GAEHqC,EAAAC,cAACkB,EAAI,CAACC,IAAI,QACCnD,IAAeY,GACtBmB,EAAAC,cAACc,EACC,CAAAhD,KAAME,EACNqC,KAAMpC,EACNL,MAAO6B,EACPlB,SAAUA,EACVG,SAAUA,EACVqC,gBAAiB7C,EACjBkD,aAAa,EACbJ,iBAAkBxD,IAGrBsC,IAKX,IAGFS,OAAOC,OAAOtD,EAAU,CACtBmE,cAAc,EACdC,aAAa,IAQf,IAAeC,EAAAA,EAAkFrE,EAAU,CACzGkB,SAAUoD,EAAKnB,KACfoB,iBAAkBC"}

package/dist/mocked_classnames/src/components/Menu/MenuItem/MenuItem.module.scss.js

@@ -1,2 +1,2 @@
-var e={title:"title"};!function(e){const t="s_id-b06386a2bb6c_3_85_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".title {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  flex-grow: 1;\n  padding-block: 1px;\n}");export{e as default};
+var e={title:"title"};!function(e){const t="s_id-b06386a2bb6c_3_86_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".title {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  flex-grow: 1;\n  padding-block: 1px;\n}");export{e as default};
 //# sourceMappingURL=MenuItem.module.scss.js.map

package/dist/mocked_classnames/src/components/Menu/MenuItem/components/BaseMenuItem/BaseMenuItem.module.scss.js

@@ -1,2 +1,2 @@
-var e={item:"item",splitMenuItem:"splitMenuItem",disabled:"disabled",focused:"focused",initialSelected:"initialSelected",selected:"selected"};!function(e){const n="s_id-680488cf82d9_3_85_1";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n.item {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  margin: unset;\n  display: flex;\n  flex-direction: row;\n  padding: var(--spacing-xs) var(--spacing-small);\n  cursor: pointer;\n  user-select: none;\n  align-items: center;\n  border: 1px solid transparent;\n  outline: none;\n}\n.item.splitMenuItem {\n  padding: 0 0 0 var(--spacing-small);\n}\n.item.disabled {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n.item.focused:not(.disabled) {\n  background-color: var(--primary-background-hover-color);\n  border-radius: var(--border-radius-small);\n}\n.item.focused:not(.disabled):not(:hover):not(.initialSelected) {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.item.selected:not(.disabled) {\n  background-color: var(--primary-selected-color);\n  border-radius: var(--border-radius-small);\n}");export{e as default};
+var e={item:"item",splitMenuItem:"splitMenuItem",disabled:"disabled",focused:"focused",initialSelected:"initialSelected",selected:"selected"};!function(e){const n="s_id-680488cf82d9_3_86_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n.item {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  margin: unset;\n  display: flex;\n  flex-direction: row;\n  padding: var(--spacing-xs) var(--spacing-small);\n  cursor: pointer;\n  user-select: none;\n  align-items: center;\n  border: 1px solid transparent;\n  outline: none;\n}\n.item.splitMenuItem {\n  padding: 0 0 0 var(--spacing-small);\n}\n.item.disabled {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n.item.focused:not(.disabled) {\n  background-color: var(--primary-background-hover-color);\n  border-radius: var(--border-radius-small);\n}\n.item.focused:not(.disabled):not(:hover):not(.initialSelected) {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.item.selected:not(.disabled) {\n  background-color: var(--primary-selected-color);\n  border-radius: var(--border-radius-small);\n}");export{e as default};
 //# sourceMappingURL=BaseMenuItem.module.scss.js.map

package/dist/mocked_classnames/src/components/Menu/MenuItem/components/MenuItemIcon/MenuItemIcon.js

@@ -1,2 +1,2 @@
-import{defineProperty as e}from"../../../../../../_virtual/_rollupPluginBabelHelpers.js";import o from"react";import{Icon as r}from"@vibe/icon/mockedClassNames";import{Flex as s}from"@vibe/layout/mockedClassNames";import t from"classnames";import a from"./MenuItemIcon.module.scss.js";var i=function(i){var c=i.icon,l=i.isRightIcon,n=i.type,m=i.disabled,p=i.selected,d=i.backgroundColor,u=i.wrapperClassName;return o.createElement(s,{justify:"center",className:t(a.iconWrapper,e(e(e({},a.rightIcon,void 0!==l&&l),a.disabled,m),a.withBackgroundColor,!!d),u),style:Object.assign({},d&&{backgroundColor:d})},o.createElement(r,{type:n||("function"==typeof c?"svg":"font"),icon:c,className:t(a.icon,e({},a.selected,!m&&p)),ignoreFocusStyle:!0,size:18}))};export{i as default};
+import{defineProperty as e}from"../../../../../../_virtual/_rollupPluginBabelHelpers.js";import o from"react";import{Icon as r}from"@vibe/icon/mockedClassNames";import{Flex as s}from"@vibe/layout/mockedClassNames";import t from"classnames";import a from"./MenuItemIcon.module.scss.js";var i=function(i){var c=i.icon,n=i.isRightIcon,l=i.type,m=i.disabled,p=i.selected,d=i.backgroundColor,u=i.wrapperClassName;return o.createElement(s,{justify:"center",className:t(a.iconWrapper,e(e(e({},a.rightIcon,void 0!==n&&n),a.disabled,m),a.withBackgroundColor,!!d),u),style:Object.assign({},d&&{backgroundColor:d})},o.createElement(r,{iconType:l||("function"==typeof c?"svg":"font"),icon:c,className:t(a.icon,e({},a.selected,!m&&p)),ignoreFocusStyle:!0,iconSize:18}))};export{i as default};
 //# sourceMappingURL=MenuItemIcon.js.map

package/dist/mocked_classnames/src/components/Menu/MenuItem/components/MenuItemIcon/MenuItemIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuItemIcon.js","sources":["../../../../../../../../src/components/Menu/MenuItem/components/MenuItemIcon/MenuItemIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon } from \"@vibe/icon\";\nimport { Flex } from \"@vibe/layout\";\nimport cx from \"classnames\";\nimport styles from \"./MenuItemIcon.module.scss\";\nimport { type MenuItemIconProps } from \"./MenuItemIcon.types\";\n\nconst MenuItemIcon = ({\n  icon,\n  isRightIcon = false,\n  type,\n  disabled,\n  selected,\n  backgroundColor,\n  wrapperClassName\n}: MenuItemIconProps) => (\n  <Flex\n    justify=\"center\"\n    className={cx(\n      styles.iconWrapper,\n      {\n        [styles.rightIcon]: isRightIcon,\n        [styles.disabled]: disabled,\n        [styles.withBackgroundColor]: !!backgroundColor\n      },\n      wrapperClassName\n    )}\n    style={{ ...(backgroundColor && { backgroundColor }) }}\n  >\n    <Icon\n      type={type || (typeof icon === \"function\" ? \"svg\" : \"font\")}\n      icon={icon}\n      className={cx(styles.icon, { [styles.selected]: !disabled && selected })}\n      ignoreFocusStyle\n      size={18}\n    />\n  </Flex>\n);\n\nexport default MenuItemIcon;\n"],"names":["MenuItemIcon","_ref","icon","_ref$isRightIcon","isRightIcon","type","disabled","selected","backgroundColor","wrapperClassName","React","createElement","Flex","justify","className","cx","styles","iconWrapper","_defineProperty","rightIcon","withBackgroundColor","style","Object","assign","Icon","ignoreFocusStyle","size"],"mappings":"6RAOA,IAAMA,EAAe,SAAHC,GAAA,IAChBC,EAAID,EAAJC,KAAIC,EAAAF,EACJG,YACAC,EAAIJ,EAAJI,KACAC,EAAQL,EAARK,SACAC,EAAQN,EAARM,SACAC,EAAeP,EAAfO,gBACAC,EAAgBR,EAAhBQ,iBAAgB,OAEhBC,EAACC,cAAAC,GACCC,QAAQ,SACRC,UAAWC,EACTC,EAAOC,YAAWC,EAAAA,EAAAA,EAEfF,GAAAA,EAAOG,eAZA,IAAHhB,GAAQA,GAaZa,EAAOV,SAAWA,GAClBU,EAAOI,sBAAwBZ,GAElCC,GAEFY,MAAKC,OAAAC,OAAA,CAAA,EAAQf,GAAmB,CAAEA,gBAAAA,KAElCE,EAACC,cAAAa,EACC,CAAAnB,KAAMA,IAAyB,mBAATH,EAAsB,MAAQ,QACpDA,KAAMA,EACNY,UAAWC,EAAGC,EAAOd,KAAIgB,EAAA,GAAKF,EAAOT,UAAYD,GAAYC,IAC7DkB,kBAAgB,EAChBC,KAAM,KAEH"}
+{"version":3,"file":"MenuItemIcon.js","sources":["../../../../../../../../src/components/Menu/MenuItem/components/MenuItemIcon/MenuItemIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon } from \"@vibe/icon\";\nimport { Flex } from \"@vibe/layout\";\nimport cx from \"classnames\";\nimport styles from \"./MenuItemIcon.module.scss\";\nimport { type MenuItemIconProps } from \"./MenuItemIcon.types\";\n\nconst MenuItemIcon = ({\n  icon,\n  isRightIcon = false,\n  type,\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  label,\n  disabled,\n  selected,\n  backgroundColor,\n  wrapperClassName\n}: MenuItemIconProps) => (\n  <Flex\n    justify=\"center\"\n    className={cx(\n      styles.iconWrapper,\n      {\n        [styles.rightIcon]: isRightIcon,\n        [styles.disabled]: disabled,\n        [styles.withBackgroundColor]: !!backgroundColor\n      },\n      wrapperClassName\n    )}\n    style={{ ...(backgroundColor && { backgroundColor }) }}\n  >\n    <Icon\n      iconType={type || (typeof icon === \"function\" ? \"svg\" : \"font\")}\n      icon={icon}\n      className={cx(styles.icon, { [styles.selected]: !disabled && selected })}\n      ignoreFocusStyle\n      iconSize={18}\n    />\n  </Flex>\n);\n\nexport default MenuItemIcon;\n"],"names":["MenuItemIcon","_ref","icon","_ref$isRightIcon","isRightIcon","type","disabled","selected","backgroundColor","wrapperClassName","React","createElement","Flex","justify","className","cx","styles","iconWrapper","_defineProperty","rightIcon","withBackgroundColor","style","Object","assign","Icon","iconType","ignoreFocusStyle","iconSize"],"mappings":"6RAOA,IAAMA,EAAe,SAAHC,GAAA,IAChBC,EAAID,EAAJC,KAAIC,EAAAF,EACJG,YACAC,EAAIJ,EAAJI,KAGAC,EAAQL,EAARK,SACAC,EAAQN,EAARM,SACAC,EAAeP,EAAfO,gBACAC,EAAgBR,EAAhBQ,iBAAgB,OAEhBC,EAACC,cAAAC,EACC,CAAAC,QAAQ,SACRC,UAAWC,EACTC,EAAOC,YAAWC,EAAAA,EAAAA,EAEfF,GAAAA,EAAOG,eAdA,IAAHhB,GAAQA,GAeZa,EAAOV,SAAWA,GAClBU,EAAOI,sBAAwBZ,GAElCC,GAEFY,MAAKC,OAAAC,OAAA,CAAA,EAAQf,GAAmB,CAAEA,gBAAAA,KAElCE,EAACC,cAAAa,EACC,CAAAC,SAAUpB,IAAyB,mBAATH,EAAsB,MAAQ,QACxDA,KAAMA,EACNY,UAAWC,EAAGC,EAAOd,KAAIgB,EAAA,GAAKF,EAAOT,UAAYD,GAAYC,IAC7DmB,kBAAgB,EAChBC,SAAU,KAEP"}

package/dist/mocked_classnames/src/components/Menu/MenuItem/components/MenuItemIcon/MenuItemIcon.module.scss.js

@@ -1,2 +1,2 @@
-var n={iconWrapper:"iconWrapper",rightIcon:"rightIcon",withBackgroundColor:"withBackgroundColor",disabled:"disabled",icon:"icon",selected:"selected"};!function(n){const r="s_id-d488fa6f9bd4_3_85_1";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+r))return;const e=document.createElement("style");e.id=r,o.firstChild?o.insertBefore(e,o.firstChild):o.appendChild(e),e.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=n)}(".iconWrapper {\n  margin-right: var(--spacing-small);\n}\n.iconWrapper.rightIcon {\n  margin-right: 0;\n  margin-left: var(--spacing-small);\n}\n.iconWrapper.withBackgroundColor {\n  border-radius: var(--spacing-xs);\n}\n.iconWrapper.withBackgroundColor.disabled {\n  opacity: 0.4;\n}\n.iconWrapper.withBackgroundColor .icon {\n  color: var(--text-color-on-primary);\n}\n.iconWrapper.disabled .icon {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n.iconWrapper .icon {\n  color: var(--icon-color);\n}\n.iconWrapper .icon.selected {\n  color: var(--primary-color);\n}");export{n as default};
+var n={iconWrapper:"iconWrapper",rightIcon:"rightIcon",withBackgroundColor:"withBackgroundColor",disabled:"disabled",icon:"icon",selected:"selected"};!function(n){const r="s_id-d488fa6f9bd4_3_86_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+r))return;const e=document.createElement("style");e.id=r,o.firstChild?o.insertBefore(e,o.firstChild):o.appendChild(e),e.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=n)}(".iconWrapper {\n  margin-right: var(--spacing-small);\n}\n.iconWrapper.rightIcon {\n  margin-right: 0;\n  margin-left: var(--spacing-small);\n}\n.iconWrapper.withBackgroundColor {\n  border-radius: var(--spacing-xs);\n}\n.iconWrapper.withBackgroundColor.disabled {\n  opacity: 0.4;\n}\n.iconWrapper.withBackgroundColor .icon {\n  color: var(--text-color-on-primary);\n}\n.iconWrapper.disabled .icon {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n.iconWrapper .icon {\n  color: var(--icon-color);\n}\n.iconWrapper .icon.selected {\n  color: var(--primary-color);\n}");export{n as default};
 //# sourceMappingURL=MenuItemIcon.module.scss.js.map

package/dist/mocked_classnames/src/components/Menu/MenuItem/components/MenuItemSubMenu/MenuItemSubMenu.js

@@ -1,2 +1,2 @@
-import e,{useRef as n,useMemo as t}from"react";import{usePopover as i,DialogContentContainer as l}from"@vibe/dialog/mockedClassNames";import{useIsomorphicLayoutEffect as o}from"@vibe/shared";var s=function(s){var r,u=s.anchorRef,a=s.open,c=s.autoFocusOnMount,d=s.onClose,m=s.children,v=s.submenuPosition,p=s.autoAdjustOnSubMenuContentResize,b=n(null),f=n(null);o((function(){c&&a&&(null==b?void 0:b.current)&&requestAnimationFrame((function(){b.current.focus()}))}),[c,a]);var h=t((function(){return"left"===v?"left-start":"right-start"}),[v]),O=i(null==u?void 0:u.current,null==f?void 0:f.current,{isOpen:a,placement:h,observeContentResize:p}),g=O.styles,j=O.attributes,y=m&&e.Children.only(m);return(null===(r=null==y?void 0:y.type)||void 0===r?void 0:r.isMenu)?e.createElement("div",Object.assign({style:Object.assign(Object.assign({},g.popper),{visibility:a?"visible":"hidden"})},j.popper,{ref:f}),y&&a&&e.createElement(l,null,e.cloneElement(y,Object.assign(Object.assign({},null==y?void 0:y.props),{isVisible:a,isSubMenu:!0,onClose:d,ref:b,useDocumentEventListeners:!c})))):(console.error("MenuItem can accept only Menu element as first level child, this element is not valid: ",y),null)};export{s as default};
+import e,{useRef as n,useMemo as t}from"react";import{DialogPlacementEnum as i,usePopover as o,DialogContentContainer as l}from"@vibe/dialog/mockedClassNames";import{useIsomorphicLayoutEffect as s}from"@vibe/shared";var r=function(r){var u,c=r.anchorRef,a=r.open,d=r.autoFocusOnMount,v=r.onClose,m=r.children,p=r.submenuPosition,b=r.autoAdjustOnSubMenuContentResize,f=n(null),O=n(null);s((function(){d&&a&&(null==f?void 0:f.current)&&requestAnimationFrame((function(){f.current.focus()}))}),[d,a]);var h=t((function(){return"left"===p?i.LEFT_START:void 0}),[p]),g=o(null==c?void 0:c.current,null==O?void 0:O.current,{isOpen:a,placement:h,observeContentResize:b}),j=g.styles,y=g.attributes,C=m&&e.Children.only(m);return(null===(u=null==C?void 0:C.type)||void 0===u?void 0:u.isMenu)?e.createElement("div",Object.assign({style:Object.assign(Object.assign({},j.popper),{visibility:a?"visible":"hidden"})},y.popper,{ref:O}),C&&a&&e.createElement(l,null,e.cloneElement(C,Object.assign(Object.assign({},null==C?void 0:C.props),{isVisible:a,isSubMenu:!0,onClose:v,ref:f,useDocumentEventListeners:!d})))):(console.error("MenuItem can accept only Menu element as first level child, this element is not valid: ",C),null)};export{r as default};
 //# sourceMappingURL=MenuItemSubMenu.js.map

package/dist/mocked_classnames/src/components/Menu/MenuItem/components/MenuItemSubMenu/MenuItemSubMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuItemSubMenu.js","sources":["../../../../../../../../src/components/Menu/MenuItem/components/MenuItemSubMenu/MenuItemSubMenu.tsx"],"sourcesContent":["import React, { useMemo, useRef } from \"react\";\nimport { DialogContentContainer } from \"@vibe/dialog\";\nimport { usePopover } from \"@vibe/dialog\";\nimport { type MenuChild } from \"../../../Menu/MenuConstants\";\nimport { type MenuItemSubMenuProps } from \"./MenuItemSubMenu.types\";\nimport { useIsomorphicLayoutEffect } from \"@vibe/shared\";\n\nconst MenuItemSubMenu = ({\n  anchorRef,\n  open,\n  autoFocusOnMount,\n  onClose,\n  children,\n  submenuPosition,\n  autoAdjustOnSubMenuContentResize\n}: MenuItemSubMenuProps) => {\n  const childRef = useRef<HTMLDivElement>(null);\n  const popperElementRef = useRef<HTMLDivElement>(null);\n\n  useIsomorphicLayoutEffect(() => {\n    if (!autoFocusOnMount || !open || !childRef?.current) {\n      return;\n    }\n    requestAnimationFrame(() => {\n      childRef.current.focus();\n    });\n  }, [autoFocusOnMount, open]);\n\n  const submenuPlacement = useMemo(\n    () => (submenuPosition === \"left\" ? \"left-start\" : \"right-start\"),\n    [submenuPosition]\n  );\n\n  const { styles: popoverStyles, attributes: popoverAttributes } = usePopover(\n    anchorRef?.current,\n    popperElementRef?.current,\n    {\n      isOpen: open,\n      placement: submenuPlacement as any, // TODO: fix type with DialogPlacement\n      observeContentResize: autoAdjustOnSubMenuContentResize\n    }\n  );\n\n  const subMenu: MenuChild = children && React.Children.only(children);\n  if (!subMenu?.type?.isMenu) {\n    console.error(\"MenuItem can accept only Menu element as first level child, this element is not valid: \", subMenu);\n    return null;\n  }\n\n  return (\n    <div\n      style={{ ...popoverStyles.popper, visibility: open ? \"visible\" : \"hidden\" }}\n      {...popoverAttributes.popper}\n      ref={popperElementRef}\n    >\n      {subMenu && open && (\n        <DialogContentContainer>\n          {React.cloneElement(subMenu, {\n            ...subMenu?.props,\n            isVisible: open,\n            isSubMenu: true,\n            onClose,\n            ref: childRef,\n            useDocumentEventListeners: !autoFocusOnMount\n          })}\n        </DialogContentContainer>\n      )}\n    </div>\n  );\n};\n\nexport default MenuItemSubMenu;\n"],"names":["MenuItemSubMenu","_ref","anchorRef","open","autoFocusOnMount","onClose","children","submenuPosition","autoAdjustOnSubMenuContentResize","childRef","useRef","popperElementRef","useIsomorphicLayoutEffect","current","requestAnimationFrame","focus","submenuPlacement","useMemo","_usePopover","usePopover","isOpen","placement","observeContentResize","popoverStyles","styles","popoverAttributes","attributes","subMenu","React","Children","only","_a","type","isMenu","createElement","Object","assign","style","popper","visibility","ref","DialogContentContainer","cloneElement","props","isVisible","isSubMenu","useDocumentEventListeners","console","error"],"mappings":"+LAOA,IAAMA,EAAkB,SAAHC,GAQM,MAPzBC,EAASD,EAATC,UACAC,EAAIF,EAAJE,KACAC,EAAgBH,EAAhBG,iBACAC,EAAOJ,EAAPI,QACAC,EAAQL,EAARK,SACAC,EAAeN,EAAfM,gBACAC,EAAgCP,EAAhCO,iCAEMC,EAAWC,EAAuB,MAClCC,EAAmBD,EAAuB,MAEhDE,GAA0B,WACnBR,GAAqBD,IAASM,aAAA,EAAAA,EAAUI,UAG7CC,uBAAsB,WACpBL,EAASI,QAAQE,OACnB,GACF,GAAG,CAACX,EAAkBD,IAEtB,IAAMa,EAAmBC,GACvB,WAAA,MAA2B,SAApBV,EAA6B,aAAe,aAAa,GAChE,CAACA,IAGHW,EAAiEC,EAC/DjB,aAAA,EAAAA,EAAWW,QACXF,aAAA,EAAAA,EAAkBE,QAClB,CACEO,OAAQjB,EACRkB,UAAWL,EACXM,qBAAsBd,IANVe,EAAaL,EAArBM,OAAmCC,EAAiBP,EAA7BQ,WAUzBC,EAAqBrB,GAAYsB,EAAMC,SAASC,KAAKxB,GAC3D,OAAoB,QAAfyB,EAAAJ,aAAA,EAAAA,EAASK,YAAM,IAAAD,OAAA,EAAAA,EAAAE,QAMlBL,EAAAM,cAAA,MAAAC,OAAAC,OAAA,CACEC,MAAKF,OAAAC,OAAAD,OAAAC,OAAA,GAAOb,EAAce,QAAQ,CAAAC,WAAYpC,EAAO,UAAY,YAC7DsB,EAAkBa,QACtBE,IAAK7B,IAEJgB,GAAWxB,GACVyB,gBAACa,EAAsB,KACpBb,EAAMc,aAAaf,EAAOQ,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACtBT,aAAA,EAAAA,EAASgB,OAAK,CACjBC,UAAWzC,EACX0C,WAAW,EACXxC,QAAAA,EACAmC,IAAK/B,EACLqC,2BAA4B1C,QAlBpC2C,QAAQC,MAAM,0FAA2FrB,GAClG,KAuBX"}
+{"version":3,"file":"MenuItemSubMenu.js","sources":["../../../../../../../../src/components/Menu/MenuItem/components/MenuItemSubMenu/MenuItemSubMenu.tsx"],"sourcesContent":["import React, { useMemo, useRef } from \"react\";\nimport { DialogContentContainer } from \"@vibe/dialog\";\nimport { usePopover, DialogPlacementEnum as Placement } from \"@vibe/dialog\";\nimport { type MenuChild } from \"../../../Menu/MenuConstants\";\nimport { type MenuItemSubMenuProps } from \"./MenuItemSubMenu.types\";\nimport { useIsomorphicLayoutEffect } from \"@vibe/shared\";\n\nconst MenuItemSubMenu = ({\n  anchorRef,\n  open,\n  autoFocusOnMount,\n  onClose,\n  children,\n  submenuPosition,\n  autoAdjustOnSubMenuContentResize\n}: MenuItemSubMenuProps) => {\n  const childRef = useRef<HTMLDivElement>(null);\n  const popperElementRef = useRef<HTMLDivElement>(null);\n\n  useIsomorphicLayoutEffect(() => {\n    if (!autoFocusOnMount || !open || !childRef?.current) {\n      return;\n    }\n    requestAnimationFrame(() => {\n      childRef.current.focus();\n    });\n  }, [autoFocusOnMount, open]);\n\n  const submenuPlacement = useMemo(\n    () => (submenuPosition === \"left\" ? Placement.LEFT_START : undefined),\n    [submenuPosition]\n  );\n\n  const { styles: popoverStyles, attributes: popoverAttributes } = usePopover(\n    anchorRef?.current,\n    popperElementRef?.current,\n    {\n      isOpen: open,\n      placement: submenuPlacement,\n      observeContentResize: autoAdjustOnSubMenuContentResize\n    }\n  );\n\n  const subMenu: MenuChild = children && React.Children.only(children);\n  if (!subMenu?.type?.isMenu) {\n    console.error(\"MenuItem can accept only Menu element as first level child, this element is not valid: \", subMenu);\n    return null;\n  }\n\n  return (\n    <div\n      style={{ ...popoverStyles.popper, visibility: open ? \"visible\" : \"hidden\" }}\n      {...popoverAttributes.popper}\n      ref={popperElementRef}\n    >\n      {subMenu && open && (\n        <DialogContentContainer>\n          {React.cloneElement(subMenu, {\n            ...subMenu?.props,\n            isVisible: open,\n            isSubMenu: true,\n            onClose,\n            ref: childRef,\n            useDocumentEventListeners: !autoFocusOnMount\n          })}\n        </DialogContentContainer>\n      )}\n    </div>\n  );\n};\n\nexport default MenuItemSubMenu;\n"],"names":["MenuItemSubMenu","_ref","anchorRef","open","autoFocusOnMount","onClose","children","submenuPosition","autoAdjustOnSubMenuContentResize","childRef","useRef","popperElementRef","useIsomorphicLayoutEffect","current","requestAnimationFrame","focus","submenuPlacement","useMemo","Placement","LEFT_START","undefined","_usePopover","usePopover","isOpen","placement","observeContentResize","popoverStyles","styles","popoverAttributes","attributes","subMenu","React","Children","only","_a","type","isMenu","createElement","Object","assign","style","popper","visibility","ref","DialogContentContainer","cloneElement","props","isVisible","isSubMenu","useDocumentEventListeners","console","error"],"mappings":"wNAOA,IAAMA,EAAkB,SAAHC,GAQM,MAPzBC,EAASD,EAATC,UACAC,EAAIF,EAAJE,KACAC,EAAgBH,EAAhBG,iBACAC,EAAOJ,EAAPI,QACAC,EAAQL,EAARK,SACAC,EAAeN,EAAfM,gBACAC,EAAgCP,EAAhCO,iCAEMC,EAAWC,EAAuB,MAClCC,EAAmBD,EAAuB,MAEhDE,GAA0B,WACnBR,GAAqBD,IAASM,aAAA,EAAAA,EAAUI,UAG7CC,uBAAsB,WACpBL,EAASI,QAAQE,OACnB,GACF,GAAG,CAACX,EAAkBD,IAEtB,IAAMa,EAAmBC,GACvB,WAAA,MAA2B,SAApBV,EAA6BW,EAAUC,gBAAaC,CAAS,GACpE,CAACb,IAGHc,EAAiEC,EAC/DpB,aAAA,EAAAA,EAAWW,QACXF,aAAA,EAAAA,EAAkBE,QAClB,CACEU,OAAQpB,EACRqB,UAAWR,EACXS,qBAAsBjB,IANVkB,EAAaL,EAArBM,OAAmCC,EAAiBP,EAA7BQ,WAUzBC,EAAqBxB,GAAYyB,EAAMC,SAASC,KAAK3B,GAC3D,OAAoB,QAAf4B,EAAAJ,aAAA,EAAAA,EAASK,YAAM,IAAAD,OAAA,EAAAA,EAAAE,QAMlBL,EAAAM,cAAA,MAAAC,OAAAC,OAAA,CACEC,MAAKF,OAAAC,OAAAD,OAAAC,OAAA,GAAOb,EAAce,QAAQ,CAAAC,WAAYvC,EAAO,UAAY,YAC7DyB,EAAkBa,QACtBE,IAAKhC,IAEJmB,GAAW3B,GACV4B,gBAACa,EAAsB,KACpBb,EAAMc,aAAaf,EAAOQ,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACtBT,aAAA,EAAAA,EAASgB,OAAK,CACjBC,UAAW5C,EACX6C,WAAW,EACX3C,QAAAA,EACAsC,IAAKlC,EACLwC,2BAA4B7C,QAlBpC8C,QAAQC,MAAM,0FAA2FrB,GAClG,KAuBX"}

package/dist/mocked_classnames/src/components/Menu/MenuItem/components/MenuItemSubMenuIcon/MenuItemSubMenuIcon.js

@@ -1,2 +1,2 @@
-import{defineProperty as e}from"../../../../../../_virtual/_rollupPluginBabelHelpers.js";import i,{forwardRef as s}from"react";import t from"classnames";import a from"../../../../Divider/Divider.js";import{Icon as r}from"@vibe/icon/mockedClassNames";import{Flex as o}from"@vibe/layout/mockedClassNames";import{IconButton as l}from"@vibe/icon-button/mockedClassNames";import{DropdownChevronRight as m}from"@vibe/icons";import n from"./MenuItemSubMenuIcon.module.scss.js";var c=s((function(s,c){return i.createElement(o,{justify:"center",className:n.subMenuIconWrapper},!0===s.isSplit?i.createElement(i.Fragment,null,i.createElement(a,{direction:"vertical",className:n.divider}),i.createElement(l,{icon:m,className:n.splitMenuItemIconButton,kind:"tertiary",size:null,iconClassName:t(n.splitSubMenuIcon,e({},n.disabled,s.disabled)),tabIndex:-1,ref:c,active:s.active,disabled:s.disabled})):i.createElement(r,{icon:m,label:s.label,className:t(n.subMenuIcon,e({},n.disabled,s.disabled)),ignoreFocusStyle:!0,size:18}))}));export{c as default};
+import{defineProperty as e}from"../../../../../../_virtual/_rollupPluginBabelHelpers.js";import i,{forwardRef as t}from"react";import a from"classnames";import r from"../../../../Divider/Divider.js";import{Icon as s}from"@vibe/icon/mockedClassNames";import{Flex as o}from"@vibe/layout/mockedClassNames";import{IconButton as l}from"@vibe/icon-button/mockedClassNames";import{DropdownChevronRight as n}from"@vibe/icons";import m from"./MenuItemSubMenuIcon.module.scss.js";var c=t((function(t,c){return i.createElement(o,{justify:"center",className:m.subMenuIconWrapper},!0===t.isSplit?i.createElement(i.Fragment,null,i.createElement(r,{direction:"vertical",className:m.divider}),i.createElement(l,{icon:n,className:m.splitMenuItemIconButton,kind:"tertiary",size:null,iconClassName:a(m.splitSubMenuIcon,e({},m.disabled,t.disabled)),tabIndex:-1,ref:c,active:t.active,disabled:t.disabled})):i.createElement(s,{icon:n,iconLabel:t.label,className:a(m.subMenuIcon,e({},m.disabled,t.disabled)),ignoreFocusStyle:!0,iconSize:18}))}));export{c as default};
 //# sourceMappingURL=MenuItemSubMenuIcon.js.map

package/dist/mocked_classnames/src/components/Menu/MenuItem/components/MenuItemSubMenuIcon/MenuItemSubMenuIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuItemSubMenuIcon.js","sources":["../../../../../../../../src/components/Menu/MenuItem/components/MenuItemSubMenuIcon/MenuItemSubMenuIcon.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport Divider from \"../../../../Divider/Divider\";\nimport { Icon } from \"@vibe/icon\";\nimport { Flex } from \"@vibe/layout\";\nimport { IconButton } from \"@vibe/icon-button\";\nimport { DropdownChevronRight } from \"@vibe/icons\";\nimport styles from \"./MenuItemSubMenuIcon.module.scss\";\nimport { type MenuItemSubMenuIconProps } from \"./MenuItemSubMenuIcon.types\";\n\nconst MenuItemSubMenuIcon = forwardRef((props: MenuItemSubMenuIconProps, ref: React.ForwardedRef<HTMLDivElement>) => (\n  <Flex justify=\"center\" className={styles.subMenuIconWrapper}>\n    {props.isSplit === true ? (\n      <>\n        <Divider direction=\"vertical\" className={styles.divider} />\n        <IconButton\n          icon={DropdownChevronRight}\n          className={styles.splitMenuItemIconButton}\n          kind=\"tertiary\"\n          size={null} // Customizing size via className\n          iconClassName={cx(styles.splitSubMenuIcon, { [styles.disabled]: props.disabled })}\n          tabIndex={-1}\n          ref={ref}\n          active={props.active}\n          disabled={props.disabled}\n        />\n      </>\n    ) : (\n      <Icon\n        icon={DropdownChevronRight}\n        label={props.label}\n        className={cx(styles.subMenuIcon, { [styles.disabled]: props.disabled })}\n        ignoreFocusStyle\n        size={18}\n      />\n    )}\n  </Flex>\n));\n\nexport default MenuItemSubMenuIcon;\n"],"names":["MenuItemSubMenuIcon","forwardRef","props","ref","React","createElement","Flex","justify","className","styles","subMenuIconWrapper","isSplit","Fragment","Divider","direction","divider","IconButton","icon","DropdownChevronRight","splitMenuItemIconButton","kind","size","iconClassName","cx","splitSubMenuIcon","_defineProperty","disabled","tabIndex","active","Icon","label","subMenuIcon","ignoreFocusStyle"],"mappings":"sdAUA,IAAMA,EAAsBC,GAAW,SAACC,EAAiCC,GAAuC,OAC9GC,EAAAC,cAACC,EAAK,CAAAC,QAAQ,SAASC,UAAWC,EAAOC,qBACpB,IAAlBR,EAAMS,QACLP,EAAAC,cAAAD,EAAAQ,SAAA,KACER,EAACC,cAAAQ,EAAQ,CAAAC,UAAU,WAAWN,UAAWC,EAAOM,UAChDX,EAACC,cAAAW,EACC,CAAAC,KAAMC,EACNV,UAAWC,EAAOU,wBAClBC,KAAK,WACLC,KAAM,KACNC,cAAeC,EAAGd,EAAOe,iBAAgBC,EAAKhB,GAAAA,EAAOiB,SAAWxB,EAAMwB,WACtEC,UAAW,EACXxB,IAAKA,EACLyB,OAAQ1B,EAAM0B,OACdF,SAAUxB,EAAMwB,YAIpBtB,EAACC,cAAAwB,GACCZ,KAAMC,EACNY,MAAO5B,EAAM4B,MACbtB,UAAWe,EAAGd,EAAOsB,YAAWN,EAAKhB,GAAAA,EAAOiB,SAAWxB,EAAMwB,WAC7DM,kBAAgB,EAChBX,KAAM,KAGL"}
+{"version":3,"file":"MenuItemSubMenuIcon.js","sources":["../../../../../../../../src/components/Menu/MenuItem/components/MenuItemSubMenuIcon/MenuItemSubMenuIcon.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport Divider from \"../../../../Divider/Divider\";\nimport { Icon } from \"@vibe/icon\";\nimport { Flex } from \"@vibe/layout\";\nimport { IconButton } from \"@vibe/icon-button\";\nimport { DropdownChevronRight } from \"@vibe/icons\";\nimport styles from \"./MenuItemSubMenuIcon.module.scss\";\nimport { type MenuItemSubMenuIconProps } from \"./MenuItemSubMenuIcon.types\";\n\nconst MenuItemSubMenuIcon = forwardRef((props: MenuItemSubMenuIconProps, ref: React.ForwardedRef<HTMLDivElement>) => (\n  <Flex justify=\"center\" className={styles.subMenuIconWrapper}>\n    {props.isSplit === true ? (\n      <>\n        <Divider direction=\"vertical\" className={styles.divider} />\n        <IconButton\n          icon={DropdownChevronRight}\n          className={styles.splitMenuItemIconButton}\n          kind=\"tertiary\"\n          size={null} // Customizing size via className\n          iconClassName={cx(styles.splitSubMenuIcon, { [styles.disabled]: props.disabled })}\n          tabIndex={-1}\n          ref={ref}\n          active={props.active}\n          disabled={props.disabled}\n        />\n      </>\n    ) : (\n      <Icon\n        icon={DropdownChevronRight}\n        iconLabel={props.label}\n        className={cx(styles.subMenuIcon, { [styles.disabled]: props.disabled })}\n        ignoreFocusStyle\n        iconSize={18}\n      />\n    )}\n  </Flex>\n));\n\nexport default MenuItemSubMenuIcon;\n"],"names":["MenuItemSubMenuIcon","forwardRef","props","ref","React","createElement","Flex","justify","className","styles","subMenuIconWrapper","isSplit","Fragment","Divider","direction","divider","IconButton","icon","DropdownChevronRight","splitMenuItemIconButton","kind","size","iconClassName","cx","splitSubMenuIcon","_defineProperty","disabled","tabIndex","active","Icon","iconLabel","label","subMenuIcon","ignoreFocusStyle","iconSize"],"mappings":"sdAUA,IAAMA,EAAsBC,GAAW,SAACC,EAAiCC,GAAuC,OAC9GC,EAAAC,cAACC,EAAK,CAAAC,QAAQ,SAASC,UAAWC,EAAOC,qBACpB,IAAlBR,EAAMS,QACLP,EAAAC,cAAAD,EAAAQ,SAAA,KACER,EAACC,cAAAQ,EAAQ,CAAAC,UAAU,WAAWN,UAAWC,EAAOM,UAChDX,EAACC,cAAAW,EACC,CAAAC,KAAMC,EACNV,UAAWC,EAAOU,wBAClBC,KAAK,WACLC,KAAM,KACNC,cAAeC,EAAGd,EAAOe,iBAAgBC,EAAKhB,GAAAA,EAAOiB,SAAWxB,EAAMwB,WACtEC,UAAW,EACXxB,IAAKA,EACLyB,OAAQ1B,EAAM0B,OACdF,SAAUxB,EAAMwB,YAIpBtB,EAACC,cAAAwB,GACCZ,KAAMC,EACNY,UAAW5B,EAAM6B,MACjBvB,UAAWe,EAAGd,EAAOuB,YAAWP,EAAKhB,GAAAA,EAAOiB,SAAWxB,EAAMwB,WAC7DO,kBAAgB,EAChBC,SAAU,KAGT"}

package/dist/mocked_classnames/src/components/Menu/MenuItem/components/MenuItemSubMenuIcon/MenuItemSubMenuIcon.module.scss.js

@@ -1,2 +1,2 @@
-var e={subMenuIconWrapper:"subMenuIconWrapper",divider:"divider",splitSubMenuIcon:"splitSubMenuIcon",subMenuIcon:"subMenuIcon",disabled:"disabled",splitMenuItemIconButton:"splitMenuItemIconButton"};!function(e){const n="s_id-3539aaaaa2b9_3_85_1";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,o.firstChild?o.insertBefore(t,o.firstChild):o.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".subMenuIconWrapper {\n  margin-left: var(--spacing-xs);\n}\n.subMenuIconWrapper .divider {\n  height: 19px;\n}\n.subMenuIconWrapper .splitSubMenuIcon {\n  width: 18px;\n  height: 18px;\n}\n.subMenuIconWrapper .subMenuIcon,\n.subMenuIconWrapper .splitSubMenuIcon {\n  color: var(--icon-color);\n}\n.subMenuIconWrapper .subMenuIcon.disabled,\n.subMenuIconWrapper .splitSubMenuIcon.disabled {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n.subMenuIconWrapper .splitMenuItemIconButton {\n  width: 34px;\n  height: 30px;\n  --primary-selected-color: rgba(103, 104, 121, 0.1);\n}");export{e as default};
+var e={subMenuIconWrapper:"subMenuIconWrapper",divider:"divider",splitSubMenuIcon:"splitSubMenuIcon",subMenuIcon:"subMenuIcon",disabled:"disabled",splitMenuItemIconButton:"splitMenuItemIconButton"};!function(e){const n="s_id-3539aaaaa2b9_3_86_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,o.firstChild?o.insertBefore(t,o.firstChild):o.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".subMenuIconWrapper {\n  margin-left: var(--spacing-xs);\n}\n.subMenuIconWrapper .divider {\n  height: 19px;\n}\n.subMenuIconWrapper .splitSubMenuIcon {\n  width: 18px;\n  height: 18px;\n}\n.subMenuIconWrapper .subMenuIcon,\n.subMenuIconWrapper .splitSubMenuIcon {\n  color: var(--icon-color);\n}\n.subMenuIconWrapper .subMenuIcon.disabled,\n.subMenuIconWrapper .splitSubMenuIcon.disabled {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n.subMenuIconWrapper .splitMenuItemIconButton {\n  width: 34px;\n  height: 30px;\n  --primary-selected-color: rgba(103, 104, 121, 0.1);\n}");export{e as default};
 //# sourceMappingURL=MenuItemSubMenuIcon.module.scss.js.map

package/dist/mocked_classnames/src/components/Menu/MenuItemButton/MenuItemButton.js

@@ -1,2 +1,2 @@
-import e from"classnames";import t,{useRef as n}from"react";import{getTestId as s,ComponentDefaultTestId as o}from"../../../tests/testIds.js";import{Button as i}from"@vibe/button/mockedClassNames";import{Tooltip as l}from"@vibe/tooltip/mockedClassNames";import m from"../../../hooks/useMergeRef.js";import r from"../MenuItem/hooks/useMenuItemMouseEvents.js";import a from"../MenuItem/hooks/useMenuItemKeyboardEvents.js";import{Text as u}from"@vibe/typography/mockedClassNames";import d from"./MenuItemButton.module.scss.js";var c=function(c){var I=c.className,p=c.kind,v=void 0===p?"primary":p,b=c.leftIcon,M=void 0===b?null:b,f=c.rightIcon,h=void 0===f?null:f,x=c.disabled,k=void 0!==x&&x,C=c.disableReason,E=c.index,y=c.activeItemIndex,N=void 0===y?-1:y,S=c.onClick,O=c.tooltipPosition,g=void 0===O?"right":O,j=c.tooltipShowDelay,B=void 0===j?300:j,A=c.children,D=c.resetOpenSubMenuIndex,R=c.setSubMenuIsOpenByIndex,w=c.setActiveItemIndex,T=c.menuRef,U=c.closeMenu,L=c.useDocumentEventListeners,_=c.id,z=c["data-testid"],K=n(null),P=n(null),q=m(K,P),F=k&&C,G=C,H=N===E,J=r({ref:K,resetOpenSubMenuIndex:D,setSubMenuIsOpenByIndex:R,isActive:H,setActiveItemIndex:w,index:E,hasChildren:!1}),Q=a({onClick:S,disabled:k,isActive:H,index:E,setActiveItemIndex:w,hasChildren:!1,shouldShowSubMenu:!1,setSubMenuIsOpenByIndex:R,menuRef:T,isMouseEnter:J,closeMenu:U,useDocumentEventListeners:L}).onClickCallback;return t.createElement(l,{content:F?G:null,position:g,showDelay:B},t.createElement(u,{type:"text2",element:"li","data-testid":z||s(o.MENU_ITEM_BUTTON,_),id:_,className:e(d.itemButton,I),ref:q,role:"menuitem","aria-current":H},t.createElement(i,{className:d.buttonComponent,active:H,disabled:k,leftIcon:M,rightIcon:h,onClick:Q,kind:v,size:"small",blurOnMouseUp:!1},t.createElement("div",{className:d.content},A))))};Object.assign(c,{isSelectable:!0,isMenuChild:!0});export{c as default};
+import e from"classnames";import t,{useRef as s}from"react";import{getTestId as o,ComponentDefaultTestId as n}from"../../../tests/testIds.js";import{Button as i}from"@vibe/button/mockedClassNames";import{TooltipPositionsEnum as m,Tooltip as r}from"@vibe/tooltip/mockedClassNames";import l from"../../../hooks/useMergeRef.js";import a from"../MenuItem/hooks/useMenuItemMouseEvents.js";import u from"../MenuItem/hooks/useMenuItemKeyboardEvents.js";import{withStaticPropsWithoutForwardRef as d}from"../../../types/withStaticProps.js";import"../../../utils/colors-vars-map.js";import{Text as c}from"@vibe/typography/mockedClassNames";import p from"./MenuItemButton.module.scss.js";var I=function(m){var d=m.className,I=m.kind,v=void 0===I?"primary":I,b=m.leftIcon,f=void 0===b?null:b,M=m.rightIcon,h=void 0===M?null:M,k=m.disabled,x=void 0!==k&&k,C=m.disableReason,y=m.index,E=m.activeItemIndex,S=void 0===E?-1:E,N=m.onClick,j=m.tooltipPosition,O=void 0===j?"right":j,g=m.tooltipShowDelay,B=void 0===g?300:g,A=m.children,w=m.resetOpenSubMenuIndex,D=m.setSubMenuIsOpenByIndex,R=m.setActiveItemIndex,P=m.menuRef,T=m.closeMenu,U=m.useDocumentEventListeners,L=m.id,_=m["data-testid"],z=s(null),K=s(null),q=l(z,K),F=x&&C,G=C,H=S===y,J=a({ref:z,resetOpenSubMenuIndex:w,setSubMenuIsOpenByIndex:D,isActive:H,setActiveItemIndex:R,index:y,hasChildren:!1}),Q=u({onClick:N,disabled:x,isActive:H,index:y,setActiveItemIndex:R,hasChildren:!1,shouldShowSubMenu:!1,setSubMenuIsOpenByIndex:D,menuRef:P,isMouseEnter:J,closeMenu:T,useDocumentEventListeners:U}).onClickCallback;return t.createElement(r,{content:F?G:null,position:O,showDelay:B},t.createElement(c,{type:"text2",element:"li","data-testid":_||o(n.MENU_ITEM_BUTTON,L),id:L,className:e(p.itemButton,d),ref:q,role:"menuitem","aria-current":H},t.createElement(i,{className:p.buttonComponent,active:H,disabled:x,leftIcon:f,rightIcon:h,onClick:Q,kind:v,size:"small",blurOnMouseUp:!1},t.createElement("div",{className:p.content},A))))};Object.assign(I,{isSelectable:!0,isMenuChild:!0});var v=d(I,{kinds:i.kinds,tooltipPositions:m});export{v as default};
 //# sourceMappingURL=MenuItemButton.js.map

package/dist/mocked_classnames/src/components/Menu/MenuItemButton/MenuItemButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuItemButton.js","sources":["../../../../../../src/components/Menu/MenuItemButton/MenuItemButton.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { useRef } from \"react\";\nimport { ComponentDefaultTestId, getTestId } from \"../../../tests/test-ids-utils\";\nimport { Button, type ButtonType } from \"@vibe/button\";\nimport { Tooltip } from \"@vibe/tooltip\";\nimport useMergeRef from \"../../../hooks/useMergeRef\";\nimport useMenuItemMouseEvents from \"../MenuItem/hooks/useMenuItemMouseEvents\";\nimport useMenuItemKeyboardEvents from \"../MenuItem/hooks/useMenuItemKeyboardEvents\";\nimport { type VibeComponentProps, type ElementContent } from \"../../../types\";\nimport { type SubIcon } from \"@vibe/icon\";\nimport { Text } from \"@vibe/typography\";\nimport styles from \"./MenuItemButton.module.scss\";\nimport { type TooltipPositions } from \"@vibe/tooltip\";\n\nexport interface MenuItemButtonProps extends VibeComponentProps {\n  /**\n   * The style variant of the button.\n   */\n  kind?: ButtonType;\n  /**\n   * Icon displayed on the left side of the button.\n   */\n  leftIcon?: SubIcon;\n  /**\n   * Icon displayed on the right side of the button.\n   */\n  rightIcon?: SubIcon;\n  /**\n   * The index of the menu item in the menu.\n   */\n  index?: number;\n  /**\n   * The index of the currently active menu item.\n   */\n  activeItemIndex?: number;\n  /**\n   * If true, the button is disabled.\n   */\n  disabled?: boolean;\n  /**\n   * The reason why the button is disabled, displayed as a tooltip.\n   */\n  disableReason?: string;\n  /**\n   * Callback fired when the button is clicked.\n   */\n  onClick?: (event: React.MouseEvent | React.KeyboardEvent) => void;\n  /**\n   * The position of the tooltip.\n   */\n  tooltipPosition?: TooltipPositions;\n  /**\n   * The delay in milliseconds before the tooltip appears.\n   */\n  tooltipShowDelay?: number;\n  /**\n   * Callback to reset the open submenu index.\n   */\n  resetOpenSubMenuIndex?: () => void;\n  /**\n   * Callback to open or close a submenu by index.\n   */\n  setSubMenuIsOpenByIndex?: (index: number, isOpen: boolean) => void;\n  /**\n   * Callback to set the active item index.\n   */\n  setActiveItemIndex?: (index: number) => void;\n  /**\n   * Reference to the menu container.\n   */\n  menuRef?: React.RefObject<HTMLElement>;\n  /**\n   * Function to close the menu.\n   */\n  closeMenu?: () => void;\n  /**\n   * If true, event listeners are added at the document level.\n   */\n  useDocumentEventListeners?: boolean;\n  /**\n   * The content of the button.\n   */\n  children?: ElementContent | ElementContent[];\n}\n\nconst MenuItemButton = ({\n  className,\n  kind = \"primary\",\n  leftIcon = null,\n  rightIcon = null,\n  disabled = false,\n  disableReason,\n  index,\n  activeItemIndex = -1,\n  onClick,\n  tooltipPosition = \"right\",\n  tooltipShowDelay = 300,\n  children,\n  resetOpenSubMenuIndex,\n  setSubMenuIsOpenByIndex,\n  setActiveItemIndex,\n  menuRef,\n  closeMenu,\n  useDocumentEventListeners,\n  id,\n  \"data-testid\": dataTestId\n}: MenuItemButtonProps) => {\n  const ref = useRef(null);\n  const referenceElementRef = useRef(null);\n  const mergedRef = useMergeRef(ref, referenceElementRef);\n\n  const shouldShowTooltip = disabled && disableReason;\n  const tooltipContent = disableReason;\n\n  const isActive = activeItemIndex === index;\n\n  const isMouseEnter = useMenuItemMouseEvents({\n    ref,\n    resetOpenSubMenuIndex,\n    setSubMenuIsOpenByIndex,\n    isActive,\n    setActiveItemIndex,\n    index,\n    hasChildren: false\n  });\n\n  const { onClickCallback } = useMenuItemKeyboardEvents({\n    onClick,\n    disabled,\n    isActive,\n    index,\n    setActiveItemIndex,\n    hasChildren: false,\n    shouldShowSubMenu: false,\n    setSubMenuIsOpenByIndex,\n    menuRef,\n    isMouseEnter,\n    closeMenu,\n    useDocumentEventListeners\n  });\n\n  return (\n    <Tooltip\n      content={shouldShowTooltip ? tooltipContent : null}\n      position={tooltipPosition}\n      showDelay={tooltipShowDelay}\n    >\n      <Text\n        type=\"text2\"\n        element=\"li\"\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.MENU_ITEM_BUTTON, id)}\n        id={id}\n        className={cx(styles.itemButton, className)}\n        ref={mergedRef}\n        role=\"menuitem\"\n        aria-current={isActive}\n      >\n        <Button\n          className={styles.buttonComponent}\n          active={isActive}\n          disabled={disabled}\n          leftIcon={leftIcon}\n          rightIcon={rightIcon}\n          onClick={onClickCallback}\n          kind={kind}\n          size=\"small\"\n          blurOnMouseUp={false}\n        >\n          <div className={styles.content}>{children}</div>\n        </Button>\n      </Text>\n    </Tooltip>\n  );\n};\n\nObject.assign(MenuItemButton, {\n  isSelectable: true,\n  isMenuChild: true\n});\n\nexport default MenuItemButton;\n"],"names":["MenuItemButton","_ref","className","_ref$kind","kind","_ref$leftIcon","leftIcon","_ref$rightIcon","rightIcon","_ref$disabled","disabled","disableReason","index","_ref$activeItemIndex","activeItemIndex","onClick","_ref$tooltipPosition","tooltipPosition","_ref$tooltipShowDelay","tooltipShowDelay","children","resetOpenSubMenuIndex","setSubMenuIsOpenByIndex","setActiveItemIndex","menuRef","closeMenu","useDocumentEventListeners","id","dataTestId","ref","useRef","referenceElementRef","mergedRef","useMergeRef","shouldShowTooltip","tooltipContent","isActive","isMouseEnter","useMenuItemMouseEvents","hasChildren","onClickCallback","useMenuItemKeyboardEvents","shouldShowSubMenu","React","Tooltip","content","position","showDelay","createElement","Text","type","element","getTestId","ComponentDefaultTestId","MENU_ITEM_BUTTON","cx","styles","itemButton","role","Button","buttonComponent","active","size","blurOnMouseUp","Object","assign","isSelectable","isMenuChild"],"mappings":"4gBAqFA,IAAMA,EAAiB,SAAHC,GAqBM,IApBxBC,EAASD,EAATC,UAASC,EAAAF,EACTG,KAAAA,OAAO,IAAHD,EAAG,UAASA,EAAAE,EAAAJ,EAChBK,SAAAA,OAAW,IAAHD,EAAG,KAAIA,EAAAE,EAAAN,EACfO,UAAAA,OAAY,IAAHD,EAAG,KAAIA,EAAAE,EAAAR,EAChBS,SAAAA,OAAW,IAAHD,GAAQA,EAChBE,EAAaV,EAAbU,cACAC,EAAKX,EAALW,MAAKC,EAAAZ,EACLa,gBAAAA,OAAe,IAAAD,GAAI,EAACA,EACpBE,EAAOd,EAAPc,QAAOC,EAAAf,EACPgB,gBAAAA,OAAkB,IAAHD,EAAG,QAAOA,EAAAE,EAAAjB,EACzBkB,iBAAAA,OAAmB,IAAHD,EAAG,IAAGA,EACtBE,EAAQnB,EAARmB,SACAC,EAAqBpB,EAArBoB,sBACAC,EAAuBrB,EAAvBqB,wBACAC,EAAkBtB,EAAlBsB,mBACAC,EAAOvB,EAAPuB,QACAC,EAASxB,EAATwB,UACAC,EAAyBzB,EAAzByB,0BACAC,EAAE1B,EAAF0B,GACeC,EAAU3B,EAAzB,eAEM4B,EAAMC,EAAO,MACbC,EAAsBD,EAAO,MAC7BE,EAAYC,EAAYJ,EAAKE,GAE7BG,EAAoBxB,GAAYC,EAChCwB,EAAiBxB,EAEjByB,EAAWtB,IAAoBF,EAE/ByB,EAAeC,EAAuB,CAC1CT,IAAAA,EACAR,sBAAAA,EACAC,wBAAAA,EACAc,SAAAA,EACAb,mBAAAA,EACAX,MAAAA,EACA2B,aAAa,IAGPC,EAAoBC,EAA0B,CACpD1B,QAAAA,EACAL,SAAAA,EACA0B,SAAAA,EACAxB,MAAAA,EACAW,mBAAAA,EACAgB,aAAa,EACbG,mBAAmB,EACnBpB,wBAAAA,EACAE,QAAAA,EACAa,aAAAA,EACAZ,UAAAA,EACAC,0BAAAA,IAZMc,gBAeR,OACEG,gBAACC,EAAO,CACNC,QAASX,EAAoBC,EAAiB,KAC9CW,SAAU7B,EACV8B,UAAW5B,GAEXwB,EAACK,cAAAC,GACCC,KAAK,QACLC,QAAQ,KAAI,cACCvB,GAAcwB,EAAUC,EAAuBC,iBAAkB3B,GAC9EA,GAAIA,EACJzB,UAAWqD,EAAGC,EAAOC,WAAYvD,GACjC2B,IAAKG,EACL0B,KAAK,0BACStB,GAEdO,EAAAK,cAACW,EACC,CAAAzD,UAAWsD,EAAOI,gBAClBC,OAAQzB,EACR1B,SAAUA,EACVJ,SAAUA,EACVE,UAAWA,EACXO,QAASyB,EACTpC,KAAMA,EACN0D,KAAK,QACLC,eAAe,GAEfpB,EAAAK,cAAA,MAAA,CAAK9C,UAAWsD,EAAOX,SAAUzB,KAK3C,EAEA4C,OAAOC,OAAOjE,EAAgB,CAC5BkE,cAAc,EACdC,aAAa"}
+{"version":3,"file":"MenuItemButton.js","sources":["../../../../../../src/components/Menu/MenuItemButton/MenuItemButton.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { useRef } from \"react\";\nimport { ComponentDefaultTestId, getTestId } from \"../../../tests/test-ids-utils\";\nimport { Button, type ButtonType } from \"@vibe/button\";\nimport { Tooltip } from \"@vibe/tooltip\";\nimport useMergeRef from \"../../../hooks/useMergeRef\";\nimport useMenuItemMouseEvents from \"../MenuItem/hooks/useMenuItemMouseEvents\";\nimport useMenuItemKeyboardEvents from \"../MenuItem/hooks/useMenuItemKeyboardEvents\";\nimport { type VibeComponentProps, type ElementContent, withStaticPropsWithoutForwardRef } from \"../../../types\";\nimport { type SubIcon } from \"@vibe/icon\";\nimport { Text } from \"@vibe/typography\";\nimport styles from \"./MenuItemButton.module.scss\";\nimport { type TooltipPositions, TooltipPositionsEnum } from \"@vibe/tooltip\";\n\nexport interface MenuItemButtonProps extends VibeComponentProps {\n  /**\n   * The style variant of the button.\n   */\n  kind?: ButtonType;\n  /**\n   * Icon displayed on the left side of the button.\n   */\n  leftIcon?: SubIcon;\n  /**\n   * Icon displayed on the right side of the button.\n   */\n  rightIcon?: SubIcon;\n  /**\n   * The index of the menu item in the menu.\n   */\n  index?: number;\n  /**\n   * The index of the currently active menu item.\n   */\n  activeItemIndex?: number;\n  /**\n   * If true, the button is disabled.\n   */\n  disabled?: boolean;\n  /**\n   * The reason why the button is disabled, displayed as a tooltip.\n   */\n  disableReason?: string;\n  /**\n   * Callback fired when the button is clicked.\n   */\n  onClick?: (event: React.MouseEvent | React.KeyboardEvent) => void;\n  /**\n   * The position of the tooltip.\n   */\n  tooltipPosition?: TooltipPositions;\n  /**\n   * The delay in milliseconds before the tooltip appears.\n   */\n  tooltipShowDelay?: number;\n  /**\n   * Callback to reset the open submenu index.\n   */\n  resetOpenSubMenuIndex?: () => void;\n  /**\n   * Callback to open or close a submenu by index.\n   */\n  setSubMenuIsOpenByIndex?: (index: number, isOpen: boolean) => void;\n  /**\n   * Callback to set the active item index.\n   */\n  setActiveItemIndex?: (index: number) => void;\n  /**\n   * Reference to the menu container.\n   */\n  menuRef?: React.RefObject<HTMLElement>;\n  /**\n   * Function to close the menu.\n   */\n  closeMenu?: () => void;\n  /**\n   * If true, event listeners are added at the document level.\n   */\n  useDocumentEventListeners?: boolean;\n  /**\n   * The content of the button.\n   */\n  children?: ElementContent | ElementContent[];\n}\n\nconst MenuItemButton = ({\n  className,\n  kind = \"primary\",\n  leftIcon = null,\n  rightIcon = null,\n  disabled = false,\n  disableReason,\n  index,\n  activeItemIndex = -1,\n  onClick,\n  tooltipPosition = \"right\",\n  tooltipShowDelay = 300,\n  children,\n  resetOpenSubMenuIndex,\n  setSubMenuIsOpenByIndex,\n  setActiveItemIndex,\n  menuRef,\n  closeMenu,\n  useDocumentEventListeners,\n  id,\n  \"data-testid\": dataTestId\n}: MenuItemButtonProps) => {\n  const ref = useRef(null);\n  const referenceElementRef = useRef(null);\n  const mergedRef = useMergeRef(ref, referenceElementRef);\n\n  const shouldShowTooltip = disabled && disableReason;\n  const tooltipContent = disableReason;\n\n  const isActive = activeItemIndex === index;\n\n  const isMouseEnter = useMenuItemMouseEvents({\n    ref,\n    resetOpenSubMenuIndex,\n    setSubMenuIsOpenByIndex,\n    isActive,\n    setActiveItemIndex,\n    index,\n    hasChildren: false\n  });\n\n  const { onClickCallback } = useMenuItemKeyboardEvents({\n    onClick,\n    disabled,\n    isActive,\n    index,\n    setActiveItemIndex,\n    hasChildren: false,\n    shouldShowSubMenu: false,\n    setSubMenuIsOpenByIndex,\n    menuRef,\n    isMouseEnter,\n    closeMenu,\n    useDocumentEventListeners\n  });\n\n  return (\n    <Tooltip\n      content={shouldShowTooltip ? tooltipContent : null}\n      position={tooltipPosition}\n      showDelay={tooltipShowDelay}\n    >\n      <Text\n        type=\"text2\"\n        element=\"li\"\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.MENU_ITEM_BUTTON, id)}\n        id={id}\n        className={cx(styles.itemButton, className)}\n        ref={mergedRef}\n        role=\"menuitem\"\n        aria-current={isActive}\n      >\n        <Button\n          className={styles.buttonComponent}\n          active={isActive}\n          disabled={disabled}\n          leftIcon={leftIcon}\n          rightIcon={rightIcon}\n          onClick={onClickCallback}\n          kind={kind}\n          size=\"small\"\n          blurOnMouseUp={false}\n        >\n          <div className={styles.content}>{children}</div>\n        </Button>\n      </Text>\n    </Tooltip>\n  );\n};\n\nObject.assign(MenuItemButton, {\n  isSelectable: true,\n  isMenuChild: true\n});\n\ninterface MenuItemButtonStaticProps {\n  kinds: typeof Button.kinds;\n  tooltipPositions: typeof TooltipPositionsEnum;\n}\n\nexport default withStaticPropsWithoutForwardRef<MenuItemButtonProps, MenuItemButtonStaticProps>(MenuItemButton, {\n  kinds: Button.kinds,\n  tooltipPositions: TooltipPositionsEnum\n});\n"],"names":["MenuItemButton","_ref","className","_ref$kind","kind","_ref$leftIcon","leftIcon","_ref$rightIcon","rightIcon","_ref$disabled","disabled","disableReason","index","_ref$activeItemIndex","activeItemIndex","onClick","_ref$tooltipPosition","tooltipPosition","_ref$tooltipShowDelay","tooltipShowDelay","children","resetOpenSubMenuIndex","setSubMenuIsOpenByIndex","setActiveItemIndex","menuRef","closeMenu","useDocumentEventListeners","id","dataTestId","ref","useRef","referenceElementRef","mergedRef","useMergeRef","shouldShowTooltip","tooltipContent","isActive","isMouseEnter","useMenuItemMouseEvents","hasChildren","onClickCallback","useMenuItemKeyboardEvents","shouldShowSubMenu","React","Tooltip","content","position","showDelay","createElement","Text","type","element","getTestId","ComponentDefaultTestId","MENU_ITEM_BUTTON","cx","styles","itemButton","role","Button","buttonComponent","active","size","blurOnMouseUp","Object","assign","isSelectable","isMenuChild","withStaticPropsWithoutForwardRef","kinds","tooltipPositions","TooltipPositionsEnum"],"mappings":"qqBAqFA,IAAMA,EAAiB,SAAHC,GAqBM,IApBxBC,EAASD,EAATC,UAASC,EAAAF,EACTG,KAAAA,OAAO,IAAHD,EAAG,UAASA,EAAAE,EAAAJ,EAChBK,SAAAA,OAAW,IAAHD,EAAG,KAAIA,EAAAE,EAAAN,EACfO,UAAAA,OAAY,IAAHD,EAAG,KAAIA,EAAAE,EAAAR,EAChBS,SAAAA,OAAW,IAAHD,GAAQA,EAChBE,EAAaV,EAAbU,cACAC,EAAKX,EAALW,MAAKC,EAAAZ,EACLa,gBAAAA,OAAe,IAAAD,GAAI,EAACA,EACpBE,EAAOd,EAAPc,QAAOC,EAAAf,EACPgB,gBAAAA,OAAkB,IAAHD,EAAG,QAAOA,EAAAE,EAAAjB,EACzBkB,iBAAAA,OAAmB,IAAHD,EAAG,IAAGA,EACtBE,EAAQnB,EAARmB,SACAC,EAAqBpB,EAArBoB,sBACAC,EAAuBrB,EAAvBqB,wBACAC,EAAkBtB,EAAlBsB,mBACAC,EAAOvB,EAAPuB,QACAC,EAASxB,EAATwB,UACAC,EAAyBzB,EAAzByB,0BACAC,EAAE1B,EAAF0B,GACeC,EAAU3B,EAAzB,eAEM4B,EAAMC,EAAO,MACbC,EAAsBD,EAAO,MAC7BE,EAAYC,EAAYJ,EAAKE,GAE7BG,EAAoBxB,GAAYC,EAChCwB,EAAiBxB,EAEjByB,EAAWtB,IAAoBF,EAE/ByB,EAAeC,EAAuB,CAC1CT,IAAAA,EACAR,sBAAAA,EACAC,wBAAAA,EACAc,SAAAA,EACAb,mBAAAA,EACAX,MAAAA,EACA2B,aAAa,IAGPC,EAAoBC,EAA0B,CACpD1B,QAAAA,EACAL,SAAAA,EACA0B,SAAAA,EACAxB,MAAAA,EACAW,mBAAAA,EACAgB,aAAa,EACbG,mBAAmB,EACnBpB,wBAAAA,EACAE,QAAAA,EACAa,aAAAA,EACAZ,UAAAA,EACAC,0BAAAA,IAZMc,gBAeR,OACEG,gBAACC,EAAO,CACNC,QAASX,EAAoBC,EAAiB,KAC9CW,SAAU7B,EACV8B,UAAW5B,GAEXwB,EAACK,cAAAC,GACCC,KAAK,QACLC,QAAQ,KAAI,cACCvB,GAAcwB,EAAUC,EAAuBC,iBAAkB3B,GAC9EA,GAAIA,EACJzB,UAAWqD,EAAGC,EAAOC,WAAYvD,GACjC2B,IAAKG,EACL0B,KAAK,0BACStB,GAEdO,EAAAK,cAACW,EACC,CAAAzD,UAAWsD,EAAOI,gBAClBC,OAAQzB,EACR1B,SAAUA,EACVJ,SAAUA,EACVE,UAAWA,EACXO,QAASyB,EACTpC,KAAMA,EACN0D,KAAK,QACLC,eAAe,GAEfpB,EAAAK,cAAA,MAAA,CAAK9C,UAAWsD,EAAOX,SAAUzB,KAK3C,EAEA4C,OAAOC,OAAOjE,EAAgB,CAC5BkE,cAAc,EACdC,aAAa,IAQf,IAAeC,EAAAA,EAAiFpE,EAAgB,CAC9GqE,MAAOV,EAAOU,MACdC,iBAAkBC"}

package/dist/mocked_classnames/src/components/Menu/MenuItemButton/MenuItemButton.module.scss.js

@@ -1,2 +1,2 @@
-var e={itemButton:"itemButton",buttonComponent:"buttonComponent",content:"content"};!function(e){const t="s_id-f631346a82ef_3_85_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".itemButton {\n  margin: unset;\n  display: flex;\n  flex-direction: row;\n  padding: var(--spacing-xs) 0;\n  align-items: center;\n}\n\n.itemButton .buttonComponent {\n  width: 100%;\n}\n\n.itemButton .buttonComponent .content {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}");export{e as default};
+var e={itemButton:"itemButton",buttonComponent:"buttonComponent",content:"content"};!function(e){const t="s_id-f631346a82ef_3_86_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".itemButton {\n  margin: unset;\n  display: flex;\n  flex-direction: row;\n  padding: var(--spacing-xs) 0;\n  align-items: center;\n}\n\n.itemButton .buttonComponent {\n  width: 100%;\n}\n\n.itemButton .buttonComponent .content {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}");export{e as default};
 //# sourceMappingURL=MenuItemButton.module.scss.js.map

package/dist/mocked_classnames/src/components/Menu/MenuTitle/MenuTitle.js

@@ -1,2 +1,2 @@
-import t from"react";import e from"classnames";import{camelCase as s}from"es-toolkit";import{getStyle as o}from"../../../helpers/typesciptCssModulesHelper.js";import{getTestId as i,ComponentDefaultTestId as a}from"../../../tests/testIds.js";import{Text as r}from"@vibe/typography/mockedClassNames";import m from"./MenuTitle.module.scss.js";var l=function(l){var p=l.caption,c=void 0===p?"":p,n=l.captionPosition,d=void 0===n?"bottom":n,f=l.id,u=l["data-testid"];return t.createElement(r,{color:"secondary",type:"text2",className:e(m.title,l.className),"data-testid":u||i(a.MENU_TITLE,f)},function(){if(c)return t.createElement("label",{className:e(m.titleCaption,o(m,s("title__caption--"+d))),id:f,"data-testid":u||i(a.MENU_TITLE_CAPTION,f)},c)}())};Object.assign(l,{isMenuChild:!0});export{l as default};
+import t from"react";import s from"classnames";import{camelCase as o}from"es-toolkit";import{getStyle as e}from"../../../helpers/typesciptCssModulesHelper.js";import{getTestId as i,ComponentDefaultTestId as r}from"../../../tests/testIds.js";import{Text as a}from"@vibe/typography/mockedClassNames";import{MenuTitleCaptionPosition as m}from"./MenuTitleConstants.js";import{withStaticPropsWithoutForwardRef as p}from"../../../types/withStaticProps.js";import"../../../utils/colors-vars-map.js";import l from"./MenuTitle.module.scss.js";var n=function(m){var p=m.caption,n=void 0===p?"":p,c=m.captionPosition,d=void 0===c?"bottom":c,f=m.id,u=m["data-testid"];return t.createElement(a,{color:"secondary",type:"text2",className:s(l.title,m.className),"data-testid":u||i(r.MENU_TITLE,f)},function(){if(n)return t.createElement("label",{className:s(l.titleCaption,e(l,o("title__caption--"+d))),id:f,"data-testid":u||i(r.MENU_TITLE_CAPTION,f)},n)}())};Object.assign(n,{isMenuChild:!0});var c=p(n,{positions:m,captionPositions:m});export{c as default};
 //# sourceMappingURL=MenuTitle.js.map

package/dist/mocked_classnames/src/components/Menu/MenuTitle/MenuTitle.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuTitle.js","sources":["../../../../../../src/components/Menu/MenuTitle/MenuTitle.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport { camelCase } from \"es-toolkit\";\nimport { getStyle } from \"../../../helpers/typesciptCssModulesHelper\";\nimport { ComponentDefaultTestId, getTestId } from \"../../../tests/test-ids-utils\";\nimport { Text } from \"@vibe/typography\";\nimport { type MenuTitleCaptionPosition } from \"./MenuTitle.type\";\nimport { type VibeComponentProps } from \"../../../types\";\nimport styles from \"./MenuTitle.module.scss\";\n\nexport interface MenuTitleProps extends VibeComponentProps {\n  /**\n   * The caption text displayed alongside the title.\n   */\n  caption?: string | React.ReactNode;\n  /**\n   * The position of the caption relative to the title.\n   */\n  captionPosition?: MenuTitleCaptionPosition;\n}\n\nconst MenuTitle = ({\n  className,\n  caption = \"\",\n  captionPosition = \"bottom\",\n  id,\n  \"data-testid\": dataTestId\n}: MenuTitleProps) => {\n  const renderCaptionIfNeeded = () => {\n    if (caption) {\n      return (\n        <label\n          className={cx(styles.titleCaption, getStyle(styles, camelCase(\"title__caption--\" + captionPosition)))}\n          id={id}\n          data-testid={dataTestId || getTestId(ComponentDefaultTestId.MENU_TITLE_CAPTION, id)}\n        >\n          {caption}\n        </label>\n      );\n    }\n  };\n  return (\n    <Text\n      color=\"secondary\"\n      type=\"text2\"\n      className={cx(styles.title, className)}\n      data-testid={dataTestId || getTestId(ComponentDefaultTestId.MENU_TITLE, id)}\n    >\n      {renderCaptionIfNeeded()}\n    </Text>\n  );\n};\n\nObject.assign(MenuTitle, {\n  isMenuChild: true\n});\n\nexport default MenuTitle;\n"],"names":["MenuTitle","_ref","_ref$caption","caption","_ref$captionPosition","captionPosition","id","dataTestId","React","createElement","Text","color","type","className","cx","styles","title","getTestId","ComponentDefaultTestId","MENU_TITLE","titleCaption","getStyle","camelCase","MENU_TITLE_CAPTION","renderCaptionIfNeeded","Object","assign","isMenuChild"],"mappings":"oVAqBA,IAAMA,EAAY,SAAHC,GAMM,IALVC,EAAAD,EACTE,QAAAA,OAAU,IAAHD,EAAG,GAAEA,EAAAE,EAAAH,EACZI,gBAAAA,OAAkB,IAAHD,EAAG,SAAQA,EAC1BE,EAAEL,EAAFK,GACeC,EAAUN,EAAzB,eAeA,OACEO,EAACC,cAAAC,EACC,CAAAC,MAAM,YACNC,KAAK,QACLC,UAAWC,EAAGC,EAAOC,MAvBhBf,EAATY,WAwBiB,cAAAN,GAAcU,EAAUC,EAAuBC,WAAYb,IAlB9C,WAC5B,GAAIH,EACF,OACEK,EACEC,cAAA,QAAA,CAAAI,UAAWC,EAAGC,EAAOK,aAAcC,EAASN,EAAQO,EAAU,mBAAqBjB,KACnFC,GAAIA,EACS,cAAAC,GAAcU,EAAUC,EAAuBK,mBAAoBjB,IAE/EH,GAYJqB,GAGP,EAEAC,OAAOC,OAAO1B,EAAW,CACvB2B,aAAa"}
+{"version":3,"file":"MenuTitle.js","sources":["../../../../../../src/components/Menu/MenuTitle/MenuTitle.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport { camelCase } from \"es-toolkit\";\nimport { getStyle } from \"../../../helpers/typesciptCssModulesHelper\";\nimport { ComponentDefaultTestId, getTestId } from \"../../../tests/test-ids-utils\";\nimport { Text } from \"@vibe/typography\";\nimport { MenuTitleCaptionPosition as MenuTitleCaptionPositionEnum } from \"./MenuTitleConstants\";\nimport { type MenuTitleCaptionPosition } from \"./MenuTitle.type\";\nimport { type VibeComponentProps, withStaticPropsWithoutForwardRef } from \"../../../types\";\nimport styles from \"./MenuTitle.module.scss\";\n\nexport interface MenuTitleProps extends VibeComponentProps {\n  /**\n   * The caption text displayed alongside the title.\n   */\n  caption?: string | React.ReactNode;\n  /**\n   * The position of the caption relative to the title.\n   */\n  captionPosition?: MenuTitleCaptionPosition;\n}\n\nconst MenuTitle = ({\n  className,\n  caption = \"\",\n  captionPosition = \"bottom\",\n  id,\n  \"data-testid\": dataTestId\n}: MenuTitleProps) => {\n  const renderCaptionIfNeeded = () => {\n    if (caption) {\n      return (\n        <label\n          className={cx(styles.titleCaption, getStyle(styles, camelCase(\"title__caption--\" + captionPosition)))}\n          id={id}\n          data-testid={dataTestId || getTestId(ComponentDefaultTestId.MENU_TITLE_CAPTION, id)}\n        >\n          {caption}\n        </label>\n      );\n    }\n  };\n  return (\n    <Text\n      color=\"secondary\"\n      type=\"text2\"\n      className={cx(styles.title, className)}\n      data-testid={dataTestId || getTestId(ComponentDefaultTestId.MENU_TITLE, id)}\n    >\n      {renderCaptionIfNeeded()}\n    </Text>\n  );\n};\n\nObject.assign(MenuTitle, {\n  isMenuChild: true\n});\n\ninterface MenuTitleStaticProps {\n  positions: typeof MenuTitleCaptionPositionEnum;\n  captionPositions: typeof MenuTitleCaptionPositionEnum;\n}\n\nexport default withStaticPropsWithoutForwardRef<MenuTitleProps, MenuTitleStaticProps>(MenuTitle, {\n  positions: MenuTitleCaptionPositionEnum,\n  captionPositions: MenuTitleCaptionPositionEnum\n});\n"],"names":["MenuTitle","_ref","_ref$caption","caption","_ref$captionPosition","captionPosition","id","dataTestId","React","createElement","Text","color","type","className","cx","styles","title","getTestId","ComponentDefaultTestId","MENU_TITLE","titleCaption","getStyle","camelCase","MENU_TITLE_CAPTION","renderCaptionIfNeeded","Object","assign","isMenuChild","withStaticPropsWithoutForwardRef","positions","MenuTitleCaptionPositionEnum","captionPositions"],"mappings":"shBAsBA,IAAMA,EAAY,SAAHC,GAMM,IALVC,EAAAD,EACTE,QAAAA,OAAU,IAAHD,EAAG,GAAEA,EAAAE,EAAAH,EACZI,gBAAAA,OAAkB,IAAHD,EAAG,SAAQA,EAC1BE,EAAEL,EAAFK,GACeC,EAAUN,EAAzB,eAeA,OACEO,EAACC,cAAAC,EACC,CAAAC,MAAM,YACNC,KAAK,QACLC,UAAWC,EAAGC,EAAOC,MAvBhBf,EAATY,WAwBiB,cAAAN,GAAcU,EAAUC,EAAuBC,WAAYb,IAlB9C,WAC5B,GAAIH,EACF,OACEK,EACEC,cAAA,QAAA,CAAAI,UAAWC,EAAGC,EAAOK,aAAcC,EAASN,EAAQO,EAAU,mBAAqBjB,KACnFC,GAAIA,EACS,cAAAC,GAAcU,EAAUC,EAAuBK,mBAAoBjB,IAE/EH,GAYJqB,GAGP,EAEAC,OAAOC,OAAO1B,EAAW,CACvB2B,aAAa,IAQf,IAAeC,EAAAA,EAAuE5B,EAAW,CAC/F6B,UAAWC,EACXC,iBAAkBD"}

package/dist/mocked_classnames/src/components/Menu/MenuTitle/MenuTitle.module.scss.js

@@ -1,2 +1,2 @@
-var t={title:"title",titleCaption:"titleCaption",titleCaptionCenter:"titleCaptionCenter",titleCaptionBottom:"titleCaptionBottom",titleCaptionTop:"titleCaptionTop"};!function(t){const n="s_id-48e3e93eaf49_3_85_1";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,e.firstChild?e.insertBefore(i,e.firstChild):e.appendChild(i),i.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=t)}('/* stylelint-disable */\n/* stylelint-enable */\n.title {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  padding-block: 1px;\n}\n.titleCaption {\n  color: var(--icon-color);\n  margin: var(--spacing-small) 0;\n}\n.titleCaptionCenter {\n  display: flex;\n  flex-basis: 100%;\n  align-items: center;\n}\n.titleCaptionBottom,\n.titleCaptionTop {\n  padding-left: var(--spacing-small);\n}\n.titleCaptionBottom {\n  padding-bottom: var(--spacing-small);\n}\n.titleCaptionCenter::before,\n.titleCaptionCenter::after {\n  content: "";\n  flex-grow: 1;\n  background-color: var(--ui-border-color);\n  height: 1px;\n  font-size: 0;\n  line-height: 0;\n  margin: 0 var(--spacing-small);\n}');export{t as default};
+var t={title:"title",titleCaption:"titleCaption",titleCaptionCenter:"titleCaptionCenter",titleCaptionBottom:"titleCaptionBottom",titleCaptionTop:"titleCaptionTop"};!function(t){const n="s_id-48e3e93eaf49_3_86_0";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,e.firstChild?e.insertBefore(i,e.firstChild):e.appendChild(i),i.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=t)}('/* stylelint-disable */\n/* stylelint-enable */\n.title {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  padding-block: 1px;\n}\n.titleCaption {\n  color: var(--icon-color);\n  margin: var(--spacing-small) 0;\n}\n.titleCaptionCenter {\n  display: flex;\n  flex-basis: 100%;\n  align-items: center;\n}\n.titleCaptionBottom,\n.titleCaptionTop {\n  padding-left: var(--spacing-small);\n}\n.titleCaptionBottom {\n  padding-bottom: var(--spacing-small);\n}\n.titleCaptionCenter::before,\n.titleCaptionCenter::after {\n  content: "";\n  flex-grow: 1;\n  background-color: var(--ui-border-color);\n  height: 1px;\n  font-size: 0;\n  line-height: 0;\n  margin: 0 var(--spacing-small);\n}');export{t as default};
 //# sourceMappingURL=MenuTitle.module.scss.js.map

package/dist/mocked_classnames/src/components/Menu/MenuTitle/MenuTitleConstants.js

@@ -0,0 +1,2 @@
+var t;!function(t){t.TOP="top",t.BOTTOM="bottom",t.CENTER="center"}(t||(t={}));export{t as MenuTitleCaptionPosition};
+//# sourceMappingURL=MenuTitleConstants.js.map

package/dist/mocked_classnames/src/components/Menu/MenuTitle/MenuTitleConstants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuTitleConstants.js","sources":["../../../../../../src/components/Menu/MenuTitle/MenuTitleConstants.ts"],"sourcesContent":["/**\n * @deprecated\n */\nexport enum MenuTitleCaptionPosition {\n  TOP = \"top\",\n  BOTTOM = \"bottom\",\n  CENTER = \"center\"\n}\n"],"names":["MenuTitleCaptionPosition"],"mappings":"IAGYA,GAAZ,SAAYA,GACVA,EAAA,IAAA,MACAA,EAAA,OAAA,SACAA,EAAA,OAAA,QACD,CAJD,CAAYA,IAAAA,EAIX,CAAA"}

package/dist/mocked_classnames/src/components/MenuButton/MenuButton.js

@@ -1,2 +1,2 @@
-import{slicedToArray as e,defineProperty as o}from"../../../_virtual/_rollupPluginBabelHelpers.js";import t,{forwardRef as i,useRef as r,useState as n,useCallback as s,useMemo as a}from"react";import l from"classnames";import{camelCase as d}from"es-toolkit";import{isForwardRef as c}from"react-is";import{DialogContentContainer as m,Dialog as u}from"@vibe/dialog/mockedClassNames";import{Tooltip as p}from"@vibe/tooltip/mockedClassNames";import g from"../../hooks/ssr/useIsomorphicLayoutEffect.js";import f from"../../hooks/useMergeRef.js";import{NOOP as v}from"../../utils/function-utils.js";import{Menu as h}from"@vibe/icons";import{getStyle as b}from"../../helpers/typesciptCssModulesHelper.js";import{getTestId as C,ComponentDefaultTestId as T}from"../../tests/testIds.js";import y from"./MenuButton.module.scss.js";import{ComponentVibeId as k}from"../../tests/constants.js";var E={main:8,secondary:0},N=["esckey","tab"],O=i((function(i,O){var w=i.id,M=i.className,j=i.openDialogComponentClassName,x=i.children,I=i.component,H=void 0===I?h:I,P=i.componentPosition,S=void 0===P?"start":P,z=i.size,D=void 0===z?"small":z,B=i.open,R=void 0!==B&&B,U=i.onClick,A=void 0===U?v:U,W=i.zIndex,_=void 0===W?null:W,F=i.ariaLabel,L=void 0===F?"Menu":F,q=i.closeMenuOnItemClick,V=i.dialogOffset,G=void 0===V?E:V,J=i.dialogPosition,K=void 0===J?"bottom-start":J,Q=i.dialogClassName,X=i.dialogPaddingSize,Y=void 0===X?"small":X,Z=i.dialogShowTriggerIgnoreClass,$=i.dialogHideTriggerIgnoreClass,ee=i.onMenuHide,oe=void 0===ee?v:ee,te=i.onMenuShow,ie=void 0===te?v:te,re=i.disabled,ne=void 0!==re&&re,se=i.text,ae=i.tooltipContent,le=i.tooltipProps,de=i.tooltipTriggers,ce=void 0===de?["mouseleave"]:de,me=i.tooltipPosition,ue=void 0===me?"right":me,pe=i.startingEdge,ge=void 0===pe?"bottom":pe,fe=i.removeTabCloseTrigger,ve=void 0!==fe&&fe,he=i.tooltipReferenceClassName,be=i.hideWhenReferenceHidden,Ce=void 0===be||be,Te=i.dialogContainerSelector,ye=i.active,ke=i.triggerElement,Ee=void 0===ke?"button":ke,Ne=i.showTooltipOnlyOnTriggerElement,Oe=i["data-testid"],we=i.closeDialogOnContentClick,Me=void 0!==we&&we,je=i.ariaControls,xe=r(null),Ie=f(O,xe),He=n(R),Pe=e(He,2),Se=Pe[0],ze=Pe[1],De=null!=ye?ye:Se,Be=s((function(e){oe(),ze(!1);var o=xe.current;o&&e&&window.requestAnimationFrame((function(){o.focus()}))}),[oe]),Re=s((function(e){var o=N.includes(e.key);(o||q)&&e.propagate&&Be(o)}),[q,Be]),Ue=s((function(e,o){Be(Se&&N.includes(o))}),[Be,Se]),Ae=s((function(){ze(!0),ie()}),[ze,ie]),We=a((function(){var e=new Set(["clickoutside","tab","esckey"]);return Me&&(e.add("onContentClick"),e.add("enter")),ve&&e.delete("tab"),[t.Children.toArray(x).map((function(o){if(!t.isValidElement(o))return null;var i={};return o.type&&o.type.supportFocusOnMount&&(i.focusOnMount=!0,e.delete("esckey")),o.type&&o.type.isMenu&&(i.onClose=Re),t.cloneElement(o,i)})),Array.from(e)]}),[x,Re,Me,ve]),_e=e(We,2),Fe=_e[0],Le=_e[1],qe=a((function(){return 0===Fe.length?null:t.createElement(m,{size:Y,type:"popover",role:null},Fe)}),[Fe,Y]),Ve=a((function(){return Object.assign(Object.assign({},E),G)}),[G]),Ge=H,Je=a((function(){switch(D){case"xxs":case"xs":return 16;case"small":case"medium":case"large":return 20;default:return 24}}),[D]),Ke=Ge?t.createElement(Ge,{size:""+Je,role:"img","aria-hidden":"true"}):null;g((function(){ze(R)}),[R,ze]);var Qe="button"===Ee?{ref:Ie}:{active:De,disabled:ne,ref:c(Ee)?Ie:void 0},Xe=t.createElement(Ee,Object.assign({id:w,"data-testid":Oe||C(T.MENU_BUTTON,w),"data-vibe":k.MENU_BUTTON,type:"button",className:l(y.wrapper,M,b(y,d("size-".concat(D))),o(o(o(o({},y.active,De),b(y,j),Se&&j),y.disabled,ne),y.text,se)),"aria-haspopup":"true","aria-expanded":Se,"aria-controls":je,"aria-label":!se&&L,onMouseUp:function(e){ne?e.currentTarget.blur():A(e)},"aria-disabled":ne},Qe),"start"===S&&Ke,se&&t.createElement("span",{className:y.innerText},se),"end"===S&&Ke),Ye=function(e){return t.createElement(u,{wrapperClassName:Q,position:K,containerSelector:Te,startingEdge:ge,animationType:"expand",content:qe,moveBy:Ve,showTrigger:ne?[]:["click","enter"],hideTrigger:Le,showTriggerIgnoreClass:Z,hideTriggerIgnoreClass:$,useDerivedStateFromProps:!0,onDialogDidShow:Ae,onDialogDidHide:Ue,zIndex:_,isOpen:Se,hideWhenReferenceHidden:Ce},e)},Ze=function(e){return t.createElement(p,Object.assign({content:ae,position:ue,showTrigger:"mouseenter",hideTrigger:ce,referenceWrapperClassName:he,hideWhenReferenceHidden:Ce},le),e)};return Ne?Ye(Ze(Xe)):Ze(Ye(Xe))}));export{O as default};
+import{slicedToArray as e,defineProperty as o}from"../../../_virtual/_rollupPluginBabelHelpers.js";import i,{forwardRef as t,useRef as r,useState as n,useCallback as s,useMemo as a}from"react";import l from"classnames";import{camelCase as d}from"es-toolkit";import{isForwardRef as c}from"react-is";import{Dialog as m,DialogSizeEnum as g,DialogPositionEnum as u,DialogTriggerEventEnum as p,DialogContentContainer as f}from"@vibe/dialog/mockedClassNames";import{Tooltip as h}from"@vibe/tooltip/mockedClassNames";import T from"../../hooks/ssr/useIsomorphicLayoutEffect.js";import v from"../../hooks/useMergeRef.js";import{withStaticProps as C}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import{MenuButtonSize as E,MenuButtonComponentPosition as S}from"./MenuButtonConstants.js";import{NOOP as w}from"../../utils/function-utils.js";import{Menu as b}from"@vibe/icons";import{getStyle as O}from"../../helpers/typesciptCssModulesHelper.js";import{getTestId as y,ComponentDefaultTestId as N}from"../../tests/testIds.js";import M from"./MenuButton.module.scss.js";import{ComponentVibeId as P}from"../../tests/constants.js";var j={main:8,secondary:0},_=[m.hideShowTriggers.ESCAPE_KEY,m.hideShowTriggers.TAB_KEY],A=C(t((function(t,g){var u=t.id,p=t.className,C=t.openDialogComponentClassName,E=t.children,S=t.component,A=void 0===S?b:S,I=t.componentPosition,x=void 0===I?"start":I,k=t.size,z=void 0===k?"small":k,B=t.open,D=void 0!==B&&B,H=t.onClick,K=void 0===H?w:H,R=t.zIndex,L=void 0===R?null:R,U=t.ariaLabel,Y=void 0===U?"Menu":U,W=t.closeMenuOnItemClick,F=t.dialogOffset,V=void 0===F?j:F,q=t.dialogPosition,G=void 0===q?m.positions.BOTTOM_START:q,J=t.dialogClassName,Q=t.dialogPaddingSize,X=void 0===Q?f.sizes.SMALL:Q,Z=t.dialogShowTriggerIgnoreClass,$=t.dialogHideTriggerIgnoreClass,ee=t.onMenuHide,oe=void 0===ee?w:ee,ie=t.onMenuShow,te=void 0===ie?w:ie,re=t.disabled,ne=void 0!==re&&re,se=t.text,ae=t.tooltipContent,le=t.tooltipProps,de=t.tooltipTriggers,ce=void 0===de?["mouseleave"]:de,me=t.tooltipPosition,ge=void 0===me?"right":me,ue=t.startingEdge,pe=void 0===ue?"bottom":ue,fe=t.removeTabCloseTrigger,he=void 0!==fe&&fe,Te=t.tooltipReferenceClassName,ve=t.hideWhenReferenceHidden,Ce=void 0===ve||ve,Ee=t.dialogContainerSelector,Se=t.active,we=t.triggerElement,be=void 0===we?"button":we,Oe=t.showTooltipOnlyOnTriggerElement,ye=t["data-testid"],Ne=t.closeDialogOnContentClick,Me=void 0!==Ne&&Ne,Pe=t.ariaControls,je=r(null),_e=v(g,je),Ae=n(D),Ie=e(Ae,2),xe=Ie[0],ke=Ie[1],ze=null!=Se?Se:xe,Be=s((function(e){oe(),ke(!1);var o=je.current;o&&e&&window.requestAnimationFrame((function(){o.focus()}))}),[oe]),De=s((function(e){var o=_.includes(e.key);(o||W)&&e.propagate&&Be(o)}),[W,Be]),He=s((function(e,o){Be(xe&&_.includes(o))}),[Be,xe]),Ke=s((function(){ke(!0),te()}),[ke,te]),Re=a((function(){var e=new Set([m.hideShowTriggers.CLICK_OUTSIDE,m.hideShowTriggers.TAB_KEY,m.hideShowTriggers.ESCAPE_KEY]);return Me&&(e.add(m.hideShowTriggers.CONTENT_CLICK),e.add(m.hideShowTriggers.ENTER)),he&&e.delete(m.hideShowTriggers.TAB_KEY),[i.Children.toArray(E).map((function(o){if(!i.isValidElement(o))return null;var t={};return o.type&&o.type.supportFocusOnMount&&(t.focusOnMount=!0,e.delete(m.hideShowTriggers.ESCAPE_KEY)),o.type&&o.type.isMenu&&(t.onClose=De),i.cloneElement(o,t)})),Array.from(e)]}),[E,De,Me,he]),Le=e(Re,2),Ue=Le[0],Ye=Le[1],We=a((function(){return 0===Ue.length?null:i.createElement(f,{size:X,type:f.types.POPOVER,role:null},Ue)}),[Ue,X]),Fe=a((function(){return Object.assign(Object.assign({},j),V)}),[V]),Ve=A,qe=a((function(){switch(z){case"xxs":case"xs":return 16;case"small":case"medium":case"large":return 20;default:return 24}}),[z]),Ge=Ve?i.createElement(Ve,{size:""+qe,role:"img","aria-hidden":"true"}):null;T((function(){ke(D)}),[D,ke]);var Je="button"===be?{ref:_e}:{active:ze,disabled:ne,ref:c(be)?_e:void 0},Qe=i.createElement(be,Object.assign({id:u,"data-testid":ye||y(N.MENU_BUTTON,u),"data-vibe":P.MENU_BUTTON,type:"button",className:l(M.wrapper,p,O(M,d("size-".concat(z))),o(o(o(o({},M.active,ze),O(M,C),xe&&C),M.disabled,ne),M.text,se)),"aria-haspopup":"true","aria-expanded":xe,"aria-controls":Pe,"aria-label":!se&&Y,onMouseUp:function(e){ne?e.currentTarget.blur():K(e)},"aria-disabled":ne},Je),"start"===x&&Ge,se&&i.createElement("span",{className:M.innerText},se),"end"===x&&Ge),Xe=function(e){return i.createElement(m,{wrapperClassName:J,position:G,containerSelector:Ee,startingEdge:pe,animationType:"expand",content:We,moveBy:Fe,showTrigger:ne?[]:["click","enter"],hideTrigger:Ye,showTriggerIgnoreClass:Z,hideTriggerIgnoreClass:$,useDerivedStateFromProps:!0,onDialogDidShow:Ke,onDialogDidHide:He,zIndex:L,isOpen:xe,hideWhenReferenceHidden:Ce},e)},Ze=function(e){return i.createElement(h,Object.assign({content:ae,position:ge,showTrigger:"mouseenter",hideTrigger:ce,referenceWrapperClassName:Te,hideWhenReferenceHidden:Ce},le),e)};return Oe?Xe(Ze(Qe)):Ze(Xe(Qe))})),{sizes:E,paddingSizes:g,dialogPositions:u,hideTriggers:p,componentPositions:S});export{A as default};
 //# sourceMappingURL=MenuButton.js.map