npm - @vibe/core - Versions diffs - 4.6.0-alpha-8cfcb.0 → 4.6.0-alpha-27d50.0 - Mend

@vibe/core 4.6.0-alpha-8cfcb.0 → 4.6.0-alpha-27d50.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (892) hide show

package/dist/src/components/Menu/Menu/Menu.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{slicedToArray as e}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import n from"classnames";import{SIZES as t}from"../../../constants/sizes.js";import s,{forwardRef as o,useRef as u,useState as i,useMemo as r,useCallback as l,useEffect as d}from"react";import a from"./hooks/useSubMenuIndex.js";import c from"./hooks/useOnCloseMenu.js";import m from"./hooks/useCloseMenuOnKeyEvent.js";import v from"./hooks/useMenuKeyboardNavigation.js";import p from"./hooks/useMouseLeave.js";import{useAdjacentSelectableMenuIndex as f}from"./hooks/useAdjacentSelectableMenuIndex.js";import{useFocusWithin as I}from"../../../hooks/useFocusWithin.js";import M from"../../../hooks/usePrevious/index.js";import{getTestId as b}from"../../../tests/testIds.js";import{ComponentDefaultTestId as h,ComponentVibeId as x}from"../../../tests/constants.js";import{useFocusOnMount as S}from"./hooks/useFocusOnMount.js";import{useMenuId as O}from"./hooks/useMenuId.js";import{generateMenuItemId as j}from"./utils/utils.js";import k from"./Menu.module.scss.js";import g from"../../../../hooks/dist/useClickOutside/index.js";import{useMergeRef as C}from"../../../../shared/dist/hooks/useMergeRef.js";import{useIsomorphicLayoutEffect as E}from"../../../../shared/dist/hooks/ssr/useIsomorphicLayoutEffect.js";import{getStyle as y}from"../../../../shared/dist/utils/typesciptCssModulesHelper.js";var A=o((function(o,A){var N=o.id,F=o.className,B=o.size,P=void 0===B?t.MEDIUM:B,D=o.tabIndex,L=void 0===D?0:D,V=o["aria-label"],U=void 0===V?"Menu":V,R=o["aria-describedby"],T=o.children,W=o.isVisible,z=void 0===W||W,H=o.onClose,K=o.onItemFocus,_=o.focusOnMount,q=void 0!==_&&_,w=o.focusItemIndex,G=void 0===w?-1:w,J=o.focusItemIndexOnMount,Q=void 0===J?-1:J,X=o.isSubMenu,Y=void 0!==X&&X,Z=o.useDocumentEventListeners,$=void 0!==Z&&Z,ee=o.shouldScrollMenu,ne=void 0!==ee&&ee,te=o["data-testid"],se=u(null),oe=C(se,A),ue=O(N),ie=u(null),re=i(G),le=e(re,2),de=le[0],ae=le[1],ce=i(!1),me=e(ce,2),ve=me[0],pe=me[1],fe=r((function(){return s.Children.toArray(T).filter((function(e){return!!e.type.isMenuChild||(console.error("Menu child must be a menuChild item (such as MenuItem, MenuDivider, MenuTitle, etc). This child is not supported: ",e),!1)}))}),[T]),Ie=l((function(e){var n,t,o;ae(e);var u=fe[e],i=s.isValidElement(u)?(null===(n=null==u?void 0:u.props)||void 0===n?void 0:n.id)||"".concat(ue,"-item-").concat(e):void 0;i?null===(t=null==se?void 0:se.current)||void 0===t||t.setAttribute("aria-activedescendant",i):null===(o=null==se?void 0:se.current)||void 0===o||o.removeAttribute("aria-activedescendant")}),[fe,ue]),Me=l((function(e){K&&K(e),Ie(e),pe(!1)}),[Ie,K]),be=a(),he=be.setSubMenuIsOpenByIndex,xe=be.hasOpenSubMenu,Se=be.openSubMenuIndex,Oe=be.resetOpenSubMenuIndex,je=c({setActiveItemIndex:Me,setOpenSubMenuIndex:be.setOpenSubMenuIndex,onClose:H});g({ref:se,callback:function(){return je()}}),m({hasOpenSubMenu:xe,onCloseMenu:je,ref:se,onClose:H,isSubMenu:Y,useDocumentEventListeners:$});var ke=f({children:fe}),ge=ke.getNextSelectableIndex,Ce=ke.getPreviousSelectableIndex;v({hasOpenSubMenu:xe,getNextSelectableIndex:ge,getPreviousSelectableIndex:Ce,activeItemIndex:de,setActiveItemIndex:Me,isVisible:z,ref:se,useDocumentEventListeners:$}),p({resetOpenSubMenuIndex:Oe,hasOpenSubMenu:xe,ref:se,setActiveItemIndex:Me}),S({focusItemIndexOnMount:Q,focusChildOnMount:fe[Q],getNextSelectableIndex:ge,updateActiveItemIndex:Ie,setIsInitialFocusSet:pe});var Ee=l((function(){pe(!0)}),[pe]),ye=M(xe);d((function(){var e;xe||$||de>-1&&ye&&(null===(e=null==se?void 0:se.current)||void 0===e||e.focus())}),[de,xe,ye,$]),E((function(){q&&!$&&requestAnimationFrame((function(){se&&se.current&&se.current.focus()}))}),[se,q,$]);var Ae=I({onBlurWithin:function(){je&&je()}}).focusWithinProps;return s.createElement("ul",{onFocus:null==Ae?void 0:Ae.onFocus,onBlur:null==Ae?void 0:Ae.onBlur,id:ue,"data-testid":te||b(h.MENU,N),"data-vibe":x.MENU,className:n(k.menu,y(k,P),F),ref:oe,tabIndex:L,"aria-label":U,role:"menu","aria-describedby":R,onMouseOver:Ee},fe&&s.Children.map(fe,(function(e,n){return s.isValidElement(e)?s.cloneElement(e,Object.assign(Object.assign({},null==e?void 0:e.props),{activeItemIndex:de,index:n,setActiveItemIndex:Ie,menuRef:se,resetOpenSubMenuIndex:Oe,isParentMenuVisible:z,setSubMenuIsOpenByIndex:he,hasOpenSubMenu:n===Se,closeMenu:je,id:j(ue,e,n),useDocumentEventListeners:$,isInitialSelectedState:ve,shouldScrollMenu:ne,getNextSelectableIndex:ge,getPreviousSelectableIndex:Ce,isUnderSubMenu:Y,splitMenuItemIconButtonRef:ie})):null})))}));Object.assign(A,{isMenu:!0,supportFocusOnMount:!0});export{A as default};
+import{slicedToArray as e}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import n from"classnames";import{SIZES as t}from"../../../constants/sizes.js";import s,{forwardRef as o,useRef as u,useState as i,useMemo as r,useCallback as l,useEffect as d}from"react";import a from"./hooks/useSubMenuIndex.js";import c from"./hooks/useOnCloseMenu.js";import m from"./hooks/useCloseMenuOnKeyEvent.js";import v from"./hooks/useMenuKeyboardNavigation.js";import p from"./hooks/useMouseLeave.js";import{useAdjacentSelectableMenuIndex as f}from"./hooks/useAdjacentSelectableMenuIndex.js";import{useFocusWithin as I}from"../../../hooks/useFocusWithin.js";import{getTestId as M}from"../../../tests/testIds.js";import{ComponentDefaultTestId as b,ComponentVibeId as h}from"../../../tests/constants.js";import{useFocusOnMount as x}from"./hooks/useFocusOnMount.js";import{useMenuId as S}from"./hooks/useMenuId.js";import{generateMenuItemId as O}from"./utils/utils.js";import j from"./Menu.module.scss.js";import k from"../../../../hooks/dist/useClickOutside/index.js";import g from"../../../../hooks/dist/usePrevious/index.js";import{useMergeRef as C}from"../../../../shared/dist/hooks/useMergeRef.js";import{useIsomorphicLayoutEffect as E}from"../../../../shared/dist/hooks/ssr/useIsomorphicLayoutEffect.js";import{getStyle as y}from"../../../../shared/dist/utils/typesciptCssModulesHelper.js";var A=o((function(o,A){var N=o.id,F=o.className,B=o.size,P=void 0===B?t.MEDIUM:B,D=o.tabIndex,L=void 0===D?0:D,V=o["aria-label"],U=void 0===V?"Menu":V,R=o["aria-describedby"],T=o.children,W=o.isVisible,z=void 0===W||W,H=o.onClose,K=o.onItemFocus,_=o.focusOnMount,q=void 0!==_&&_,w=o.focusItemIndex,G=void 0===w?-1:w,J=o.focusItemIndexOnMount,Q=void 0===J?-1:J,X=o.isSubMenu,Y=void 0!==X&&X,Z=o.useDocumentEventListeners,$=void 0!==Z&&Z,ee=o.shouldScrollMenu,ne=void 0!==ee&&ee,te=o["data-testid"],se=u(null),oe=C(se,A),ue=S(N),ie=u(null),re=i(G),le=e(re,2),de=le[0],ae=le[1],ce=i(!1),me=e(ce,2),ve=me[0],pe=me[1],fe=r((function(){return s.Children.toArray(T).filter((function(e){return!!e.type.isMenuChild||(console.error("Menu child must be a menuChild item (such as MenuItem, MenuDivider, MenuTitle, etc). This child is not supported: ",e),!1)}))}),[T]),Ie=l((function(e){var n,t,o;ae(e);var u=fe[e],i=s.isValidElement(u)?(null===(n=null==u?void 0:u.props)||void 0===n?void 0:n.id)||"".concat(ue,"-item-").concat(e):void 0;i?null===(t=null==se?void 0:se.current)||void 0===t||t.setAttribute("aria-activedescendant",i):null===(o=null==se?void 0:se.current)||void 0===o||o.removeAttribute("aria-activedescendant")}),[fe,ue]),Me=l((function(e){K&&K(e),Ie(e),pe(!1)}),[Ie,K]),be=a(),he=be.setSubMenuIsOpenByIndex,xe=be.hasOpenSubMenu,Se=be.openSubMenuIndex,Oe=be.resetOpenSubMenuIndex,je=c({setActiveItemIndex:Me,setOpenSubMenuIndex:be.setOpenSubMenuIndex,onClose:H});k({ref:se,callback:function(){return je()}}),m({hasOpenSubMenu:xe,onCloseMenu:je,ref:se,onClose:H,isSubMenu:Y,useDocumentEventListeners:$});var ke=f({children:fe}),ge=ke.getNextSelectableIndex,Ce=ke.getPreviousSelectableIndex;v({hasOpenSubMenu:xe,getNextSelectableIndex:ge,getPreviousSelectableIndex:Ce,activeItemIndex:de,setActiveItemIndex:Me,isVisible:z,ref:se,useDocumentEventListeners:$}),p({resetOpenSubMenuIndex:Oe,hasOpenSubMenu:xe,ref:se,setActiveItemIndex:Me}),x({focusItemIndexOnMount:Q,focusChildOnMount:fe[Q],getNextSelectableIndex:ge,updateActiveItemIndex:Ie,setIsInitialFocusSet:pe});var Ee=l((function(){pe(!0)}),[pe]),ye=g(xe);d((function(){var e;xe||$||de>-1&&ye&&(null===(e=null==se?void 0:se.current)||void 0===e||e.focus())}),[de,xe,ye,$]),E((function(){q&&!$&&requestAnimationFrame((function(){se&&se.current&&se.current.focus()}))}),[se,q,$]);var Ae=I({onBlurWithin:function(){je&&je()}}).focusWithinProps;return s.createElement("ul",{onFocus:null==Ae?void 0:Ae.onFocus,onBlur:null==Ae?void 0:Ae.onBlur,id:ue,"data-testid":te||M(b.MENU,N),"data-vibe":h.MENU,className:n(j.menu,y(j,P),F),ref:oe,tabIndex:L,"aria-label":U,role:"menu","aria-describedby":R,onMouseOver:Ee},fe&&s.Children.map(fe,(function(e,n){return s.isValidElement(e)?s.cloneElement(e,Object.assign(Object.assign({},null==e?void 0:e.props),{activeItemIndex:de,index:n,setActiveItemIndex:Ie,menuRef:se,resetOpenSubMenuIndex:Oe,isParentMenuVisible:z,setSubMenuIsOpenByIndex:he,hasOpenSubMenu:n===Se,closeMenu:je,id:O(ue,e,n),useDocumentEventListeners:$,isInitialSelectedState:ve,shouldScrollMenu:ne,getNextSelectableIndex:ge,getPreviousSelectableIndex:Ce,isUnderSubMenu:Y,splitMenuItemIconButtonRef:ie})):null})))}));Object.assign(A,{isMenu:!0,supportFocusOnMount:!0});export{A as default};
 //# sourceMappingURL=Menu.js.map

package/dist/src/components/Menu/Menu/Menu.js.map CHANGED Viewed

	@@ -1 +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, useIsomorphicLayoutEffect, getStyle } from \"@vibe/shared\";\n\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\";\n\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 \"aria-label\"?: string;\n /\n ARIA description ID.\n /\n \"aria-describedby\"?: 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 \"aria-label\": ariaLabel = \"Menu\",\n \"aria-describedby\": 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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"}
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, useIsomorphicLayoutEffect, getStyle } from \"@vibe/shared\";\n\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 \"@vibe/hooks\";\nimport { type ElementContent, type VibeComponentProps } from \"../../../types\";\n\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 \"aria-label\"?: string;\n /\n ARIA description ID.\n /\n \"aria-describedby\"?: 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 \"aria-label\": ariaLabel = \"Menu\",\n \"aria-describedby\": 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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"}

package/dist/src/components/Menu/Menu/Menu.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={menu:"menu_03e88aea25",small:"small_431b938977",medium:"medium_e27100bfca",large:"large_d1dc7f40fa"};!function(e){const n="s_id-bbf29f58ae1f_4_5_3";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,i.firstChild?i.insertBefore(t,i.firstChild):i.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.menu_03e88aea25 {\n  margin: unset;\n  padding: 8px;\n  position: relative;\n  overflow: visible;\n  box-sizing: border-box;\n  width: 100%;\n}\n\n.menu_03e88aea25:focus {\n  outline: none;\n}\n\n.small_431b938977 {\n  min-width: 200px;\n}\n\n.medium_e27100bfca {\n  min-width: 220px;\n}\n\n.large_d1dc7f40fa {\n  min-width: 240px;\n}");export{e as default};
+var e={menu:"menu_aaf2020ca3",small:"small_1a181edec9",medium:"medium_6d2d0183ce",large:"large_afbfb26cb8"};!function(e){const n="s_id-bbf29f58ae1f_4_5_10";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,i.firstChild?i.insertBefore(t,i.firstChild):i.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.menu_aaf2020ca3 {\n  margin: unset;\n  padding: 8px;\n  position: relative;\n  overflow: visible;\n  box-sizing: border-box;\n  width: 100%;\n}\n\n.menu_aaf2020ca3:focus {\n  outline: none;\n}\n\n.small_1a181edec9 {\n  min-width: 200px;\n}\n\n.medium_6d2d0183ce {\n  min-width: 220px;\n}\n\n.large_afbfb26cb8 {\n  min-width: 240px;\n}");export{e as default};
 //# sourceMappingURL=Menu.module.scss.js.map

package/dist/src/components/Menu/Menu/hooks/useMouseLeave.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import e from"../../../../hooks/useIsMouseEnter.js";import s from"../../../../hooks/usePrevious/index.js";import{useIsomorphicLayoutEffect as o}from"../../../../../shared/dist/hooks/ssr/useIsomorphicLayoutEffect.js";function r(r){var t=r.resetOpenSubMenuIndex,u=r.hasOpenSubMenu,n=r.ref,f=r.setActiveItemIndex,i=e({ref:n}),m=s(i);return o((function(){i||i!==m&&(u||(t(),f(-1)))}),[t,n,m,i,u,f]),i}export{r as default};
+import e from"../../../../hooks/useIsMouseEnter.js";import s from"../../../../../hooks/dist/usePrevious/index.js";import{useIsomorphicLayoutEffect as o}from"../../../../../shared/dist/hooks/ssr/useIsomorphicLayoutEffect.js";function r(r){var t=r.resetOpenSubMenuIndex,u=r.hasOpenSubMenu,n=r.ref,i=r.setActiveItemIndex,f=e({ref:n}),m=s(f);return o((function(){f||f!==m&&(u||(t(),i(-1)))}),[t,n,m,f,u,i]),f}export{r as default};
 //# sourceMappingURL=useMouseLeave.js.map

package/dist/src/components/Menu/Menu/hooks/useMouseLeave.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useMouseLeave.js","sources":["../../../../../../src/components/Menu/Menu/hooks/useMouseLeave.tsx"],"sourcesContent":["import type React from \"react\";\nimport useIsMouseEnter from \"../../../../hooks/useIsMouseEnter\";\nimport usePrevious from \"~~../../../../~~hooks~~/usePrevious~~\";\nimport { useIsomorphicLayoutEffect } from \"@vibe/shared\";\n\nexport default function useMouseLeave({\n resetOpenSubMenuIndex,\n hasOpenSubMenu,\n ref,\n setActiveItemIndex\n}: {\n resetOpenSubMenuIndex: () => void;\n hasOpenSubMenu: boolean;\n ref: React.RefObject<HTMLElement>;\n setActiveItemIndex: (index: number) => void;\n}) {\n const isMouseEnter = useIsMouseEnter({ ref });\n const prevIsMouseEnter = usePrevious(isMouseEnter);\n\n useIsomorphicLayoutEffect(() => {\n if (isMouseEnter) return;\n if (isMouseEnter === prevIsMouseEnter) return;\n if (hasOpenSubMenu) return;\n resetOpenSubMenuIndex();\n setActiveItemIndex(-1);\n }, [resetOpenSubMenuIndex, ref, prevIsMouseEnter, isMouseEnter, hasOpenSubMenu, setActiveItemIndex]);\n\n return isMouseEnter;\n}\n"],"names":["useMouseLeave","_ref","resetOpenSubMenuIndex","hasOpenSubMenu","ref","setActiveItemIndex","isMouseEnter","useIsMouseEnter","prevIsMouseEnter","usePrevious","useIsomorphicLayoutEffect"],"mappings":"~~wNAKwB~~,SAAAA,EAAaC,GAUpC,IATCC,EAAqBD,EAArBC,sBACAC,EAAcF,EAAdE,eACAC,EAAGH,EAAHG,IACAC,EAAkBJ,EAAlBI,mBAOMC,EAAeC,EAAgB,CAAEH,IAAAA,IACjCI,EAAmBC,EAAYH,GAUrC,OARAI,GAA0B,WACpBJ,GACAA,IAAiBE,IACjBL,IACJD,IACAG,GAAoB,IACtB,GAAG,CAACH,EAAuBE,EAAKI,EAAkBF,EAAcH,EAAgBE,IAEzEC,CACT"}
1	+ {"version":3,"file":"useMouseLeave.js","sources":["../../../../../../src/components/Menu/Menu/hooks/useMouseLeave.tsx"],"sourcesContent":["import type React from \"react\";\nimport useIsMouseEnter from \"../../../../hooks/useIsMouseEnter\";\nimport { usePrevious } from \"@vibe/hooks\";\nimport { useIsomorphicLayoutEffect } from \"@vibe/shared\";\n\nexport default function useMouseLeave({\n resetOpenSubMenuIndex,\n hasOpenSubMenu,\n ref,\n setActiveItemIndex\n}: {\n resetOpenSubMenuIndex: () => void;\n hasOpenSubMenu: boolean;\n ref: React.RefObject<HTMLElement>;\n setActiveItemIndex: (index: number) => void;\n}) {\n const isMouseEnter = useIsMouseEnter({ ref });\n const prevIsMouseEnter = usePrevious(isMouseEnter);\n\n useIsomorphicLayoutEffect(() => {\n if (isMouseEnter) return;\n if (isMouseEnter === prevIsMouseEnter) return;\n if (hasOpenSubMenu) return;\n resetOpenSubMenuIndex();\n setActiveItemIndex(-1);\n }, [resetOpenSubMenuIndex, ref, prevIsMouseEnter, isMouseEnter, hasOpenSubMenu, setActiveItemIndex]);\n\n return isMouseEnter;\n}\n"],"names":["useMouseLeave","_ref","resetOpenSubMenuIndex","hasOpenSubMenu","ref","setActiveItemIndex","isMouseEnter","useIsMouseEnter","prevIsMouseEnter","usePrevious","useIsomorphicLayoutEffect"],"mappings":"gOAKwB,SAAAA,EAAaC,GAUpC,IATCC,EAAqBD,EAArBC,sBACAC,EAAcF,EAAdE,eACAC,EAAGH,EAAHG,IACAC,EAAkBJ,EAAlBI,mBAOMC,EAAeC,EAAgB,CAAEH,IAAAA,IACjCI,EAAmBC,EAAYH,GAUrC,OARAI,GAA0B,WACpBJ,GACAA,IAAiBE,IACjBL,IACJD,IACAG,GAAoB,IACtB,GAAG,CAACH,EAAuBE,EAAKI,EAAkBF,EAAcH,EAAgBE,IAEzEC,CACT"}

package/dist/src/components/Menu/MenuDivider/MenuDivider.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import e from"react";import{getTestId as s,ComponentDefaultTestId as t}from"../../../tests/testIds.js";import i from"classnames";import r from"../../Divider/Divider.js";import a from"./MenuDivider.module.scss.js";var m=function(m){var d=m.id,o=m["data-testid"];return e.createElement(r,{className:i(a.menuChildDivider,m.className),"data-testid":o||s(t.MENU_DIVIDER,d)})};Object.assign(m,{isMenuChild:!0});export{m as default};
+import e from"react";import{getTestId as s,ComponentDefaultTestId as t}from"../../../tests/testIds.js";import i from"classnames";import r from"./MenuDivider.module.scss.js";import a from"../../../../components/divider/dist/Divider/Divider.js";var d=function(d){var m=d.id,o=d["data-testid"];return e.createElement(a,{className:i(r.menuChildDivider,d.className),"data-testid":o||s(t.MENU_DIVIDER,m)})};Object.assign(d,{isMenuChild:!0});export{d as default};
 //# sourceMappingURL=MenuDivider.js.map

package/dist/src/components/Menu/MenuDivider/MenuDivider.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MenuDivider.js","sources":["../../../../../src/components/Menu/MenuDivider/MenuDivider.tsx"],"sourcesContent":["import React from \"react\";\nimport { ComponentDefaultTestId, getTestId } from \"../../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport Divider from \"~~../../Divider~~/~~Divider~~\";\nimport { type VibeComponentProps } from \"../../../types\";\nimport styles from \"./MenuDivider.module.scss\";\n\nexport type MenuDividerProps = VibeComponentProps;\n\nconst MenuDivider = ({ className, id, \"data-testid\": dataTestId }: MenuDividerProps) => {\n return (\n <Divider\n className={cx(styles.menuChildDivider, className)}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.MENU_DIVIDER, id)}\n />\n );\n};\n\nObject.assign(MenuDivider, {\n isMenuChild: true\n});\n\nexport default MenuDivider;\n"],"names":["MenuDivider","_ref","id","dataTestId","React","createElement","Divider","className","cx","styles","menuChildDivider","getTestId","ComponentDefaultTestId","MENU_DIVIDER","Object","assign","isMenuChild"],"mappings":"~~qNASA~~,IAAMA,EAAc,SAAHC,GAAsE,IAArDC,EAAED,EAAFC,GAAmBC,EAAUF,EAAzB,eACpC,OACEG,EAACC,cAAAC,EACC,CAAAC,UAAWC,EAAGC,EAAOC,iBAHKT,EAATM,WAGgC,cACpCJ,GAAcQ,EAAUC,EAAuBC,aAAcX,IAGhF,EAEAY,OAAOC,OAAOf,EAAa,CACzBgB,aAAa"}
1	+ {"version":3,"file":"MenuDivider.js","sources":["../../../../../src/components/Menu/MenuDivider/MenuDivider.tsx"],"sourcesContent":["import React from \"react\";\nimport { ComponentDefaultTestId, getTestId } from \"../../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport { Divider } from \"@vibe/divider\";\nimport { type VibeComponentProps } from \"../../../types\";\nimport styles from \"./MenuDivider.module.scss\";\n\nexport type MenuDividerProps = VibeComponentProps;\n\nconst MenuDivider = ({ className, id, \"data-testid\": dataTestId }: MenuDividerProps) => {\n return (\n <Divider\n className={cx(styles.menuChildDivider, className)}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.MENU_DIVIDER, id)}\n />\n );\n};\n\nObject.assign(MenuDivider, {\n isMenuChild: true\n});\n\nexport default MenuDivider;\n"],"names":["MenuDivider","_ref","id","dataTestId","React","createElement","Divider","className","cx","styles","menuChildDivider","getTestId","ComponentDefaultTestId","MENU_DIVIDER","Object","assign","isMenuChild"],"mappings":"mPASA,IAAMA,EAAc,SAAHC,GAAsE,IAArDC,EAAED,EAAFC,GAAmBC,EAAUF,EAAzB,eACpC,OACEG,EAACC,cAAAC,EACC,CAAAC,UAAWC,EAAGC,EAAOC,iBAHKT,EAATM,WAGgC,cACpCJ,GAAcQ,EAAUC,EAAuBC,aAAcX,IAGhF,EAEAY,OAAOC,OAAOf,EAAa,CACzBgB,aAAa"}

package/dist/src/components/Menu/MenuDivider/MenuDivider.module.scss.js CHANGED Viewed

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

package/dist/src/components/Menu/MenuItem/AvatarMenuItem.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{__rest as r}from"../../../../_virtual/_tslib.js";import t,{forwardRef as e,useCallback as a}from"react";import s from"./MenuItem.js";import n from"../../Avatar/Avatar.js";var o=e((function(e,o){var i=e.avatarProps,m=e.menuItemProps,c=r(e,["avatarProps","menuItemProps"]),u=a((function(){return t.createElement(n,Object.assign({},i))}),[i]);return t.createElement(s,Object.assign({},c,m,{icon:u,ref:o}))}));Object.assign(o,{isMenuChild:!0,isSelectable:!0});export{o as default};
+import{__rest as t}from"../../../../_virtual/_tslib.js";import r,{forwardRef as e,useCallback as a}from"react";import s from"./MenuItem.js";import n from"../../../../components/avatar/dist/Avatar/Avatar.js";var o=e((function(e,o){var i=e.avatarProps,m=e.menuItemProps,c=t(e,["avatarProps","menuItemProps"]),p=a((function(){return r.createElement(n,Object.assign({},i))}),[i]);return r.createElement(s,Object.assign({},c,m,{icon:p,ref:o}))}));Object.assign(o,{isMenuChild:!0,isSelectable:!0});export{o as default};
 //# sourceMappingURL=AvatarMenuItem.js.map

package/dist/src/components/Menu/MenuItem/AvatarMenuItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AvatarMenuItem.js","sources":["../../../../../src/components/Menu/MenuItem/AvatarMenuItem.tsx"],"sourcesContent":["import React, { type ForwardedRef, forwardRef, useCallback } from \"react\";\nimport MenuItem, { type MenuItemProps } from \"./MenuItem\";\nimport Avatar, { type AvatarProps } from \"~~../../Avatar~~/~~Avatar~~\";\nimport type VibeComponentProps from \"../../../types/VibeComponentProps\";\n\nexport interface AvatarMenuItemProps extends VibeComponentProps {\n /*\n Props passed to the avatar component.\n /\n avatarProps?: AvatarProps;\n /\n Props passed to the menu item component.\n /\n menuItemProps?: MenuItemProps;\n}\n\n/\n MenuItem with Avatar instead of Icon\n */\nconst AvatarMenuItem: React.FC<AvatarMenuItemProps & { isMenuChild?: boolean; isSelectable?: boolean }> = forwardRef(\n ({ avatarProps, menuItemProps, ...embeddedMenuItemProps }, ref: ForwardedRef<HTMLElement>) => {\n const renderAvatar = useCallback(() => <Avatar {...avatarProps} />, [avatarProps]);\n return <MenuItem {...embeddedMenuItemProps} {...menuItemProps} icon={renderAvatar} ref={ref} />;\n }\n);\n\nObject.assign(AvatarMenuItem, {\n isMenuChild: true,\n isSelectable: true\n});\n\nexport default AvatarMenuItem;\n"],"names":["AvatarMenuItem","forwardRef","_a","ref","avatarProps","menuItemProps","embeddedMenuItemProps","__rest","renderAvatar","useCallback","React","createElement","Avatar","Object","assign","MenuItem","icon","isMenuChild","isSelectable"],"mappings":"~~kLAmBMA~~,IAAAA,EAAoGC,GACxG,SAACC,EAA0DC,OAAxDC,EAA0BF,EAA1BE,YAAaC,EAAaH,EAAbG,cAAkBC,EAAqBC,EAAAL,EAAtD,iCACOM,EAAeC,GAAY,WAAA,OAAMC,EAAAC,cAACC,EAAMC,OAAAC,OAAA,CAAA,EAAKV,MAAiB,CAACA,IACrE,OAAOM,EAACC,cAAAI,EAAaF,OAAAC,OAAA,CAAA,EAAAR,EAA2BD,EAAa,CAAEW,KAAMR,EAAcL,IAAKA,IAC1F,IAGFU,OAAOC,OAAOd,EAAgB,CAC5BiB,aAAa,EACbC,cAAc"}
1	+ {"version":3,"file":"AvatarMenuItem.js","sources":["../../../../../src/components/Menu/MenuItem/AvatarMenuItem.tsx"],"sourcesContent":["import React, { type ForwardedRef, forwardRef, useCallback } from \"react\";\nimport MenuItem, { type MenuItemProps } from \"./MenuItem\";\nimport { Avatar, type AvatarProps } from \"@vibe/avatar\";\nimport type VibeComponentProps from \"../../../types/VibeComponentProps\";\n\nexport interface AvatarMenuItemProps extends VibeComponentProps {\n /*\n Props passed to the avatar component.\n /\n avatarProps?: AvatarProps;\n /\n Props passed to the menu item component.\n /\n menuItemProps?: MenuItemProps;\n}\n\n/\n MenuItem with Avatar instead of Icon\n */\nconst AvatarMenuItem: React.FC<AvatarMenuItemProps & { isMenuChild?: boolean; isSelectable?: boolean }> = forwardRef(\n ({ avatarProps, menuItemProps, ...embeddedMenuItemProps }, ref: ForwardedRef<HTMLElement>) => {\n const renderAvatar = useCallback(() => <Avatar {...avatarProps} />, [avatarProps]);\n return <MenuItem {...embeddedMenuItemProps} {...menuItemProps} icon={renderAvatar} ref={ref} />;\n }\n);\n\nObject.assign(AvatarMenuItem, {\n isMenuChild: true,\n isSelectable: true\n});\n\nexport default AvatarMenuItem;\n"],"names":["AvatarMenuItem","forwardRef","_a","ref","avatarProps","menuItemProps","embeddedMenuItemProps","__rest","renderAvatar","useCallback","React","createElement","Avatar","Object","assign","MenuItem","icon","isMenuChild","isSelectable"],"mappings":"+MAmBMA,IAAAA,EAAoGC,GACxG,SAACC,EAA0DC,OAAxDC,EAA0BF,EAA1BE,YAAaC,EAAaH,EAAbG,cAAkBC,EAAqBC,EAAAL,EAAtD,iCACOM,EAAeC,GAAY,WAAA,OAAMC,EAAAC,cAACC,EAAMC,OAAAC,OAAA,CAAA,EAAKV,MAAiB,CAACA,IACrE,OAAOM,EAACC,cAAAI,EAAaF,OAAAC,OAAA,CAAA,EAAAR,EAA2BD,EAAa,CAAEW,KAAMR,EAAcL,IAAKA,IAC1F,IAGFU,OAAOC,OAAOd,EAAgB,CAC5BiB,aAAa,EACbC,cAAc"}

package/dist/src/components/Menu/MenuItem/MenuItem.js CHANGED Viewed

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

package/dist/src/components/Menu/MenuItem/MenuItem.js.map CHANGED Viewed

	@@ -1 +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, if applicable. Must be a single `Menu` element.\n /\n children?: 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 text={label} size=\"small\" />;\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","text","size","isValidElement","type","Tooltip","Object","assign","content","position","showDelay","BaseMenuItem","subMenu","MenuItemIcon","backgroundColor","wrapperClassName","styles","Flex","gap","isRightIcon","isSelectable","isMenuChild"],"mappings":"2fA+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,KAAMlC,EAAOmC,KAAK,UAE9BJ,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"}
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 \"@vibe/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, if applicable. Must be a single `Menu` element.\n /\n children?: 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 text={label} size=\"small\" />;\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","text","size","isValidElement","type","Tooltip","Object","assign","content","position","showDelay","BaseMenuItem","subMenu","MenuItemIcon","backgroundColor","wrapperClassName","styles","Flex","gap","isRightIcon","isSelectable","isMenuChild"],"mappings":"uhBA+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,KAAMlC,EAAOmC,KAAK,UAE9BJ,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"}

package/dist/src/components/Menu/MenuItem/MenuItem.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={title:"title_ee2bf5c5f4"};!function(e){const t="s_id-b06386a2bb6c_4_5_3";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_ee2bf5c5f4 {\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_67d0c32c01"};!function(e){const t="s_id-b06386a2bb6c_4_5_10";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_67d0c32c01 {\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/src/components/Menu/MenuItem/components/BaseMenuItem/BaseMenuItem.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={item:"item_074c3642fa",splitMenuItem:"splitMenuItem_576c3efc64",disabled:"disabled_e79daaf941",focused:"focused_55bdc74136",initialSelected:"initialSelected_d2566d548e",selected:"selected_33b0d6101e"};!function(e){const n="s_id-8562a1149ca1_4_5_3";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.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_074c3642fa {\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  width: 100%;\n  box-sizing: border-box;\n  padding: var(--space-4) var(--space-8);\n  cursor: pointer;\n  user-select: none;\n  align-items: center;\n  overflow: visible;\n  border: 1px solid transparent;\n  border-radius: 8px;\n  outline: none;\n}\n.item_074c3642fa.splitMenuItem_576c3efc64 {\n  padding: 0 0 0 var(--space-8);\n}\n.item_074c3642fa.disabled_e79daaf941 {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n.item_074c3642fa.focused_55bdc74136:not(.disabled_e79daaf941) {\n  background-color: var(--primary-background-hover-color);\n}\n.item_074c3642fa.focused_55bdc74136:not(.disabled_e79daaf941):not(:hover):not(.initialSelected_d2566d548e) {\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_074c3642fa:hover:not(.disabled_e79daaf941) {\n  background-color: var(--primary-background-hover-color);\n}\n.item_074c3642fa.selected_33b0d6101e:not(.disabled_e79daaf941) {\n  background-color: var(--primary-background-hover-color);\n}");export{e as default};
+var e={item:"item_1c7a6898c1",splitMenuItem:"splitMenuItem_1f004607c6",disabled:"disabled_dd197a6cf4",focused:"focused_04658c971c",initialSelected:"initialSelected_795de6b088",selected:"selected_7b748bca1e"};!function(e){const n="s_id-a4f779bce409_4_5_10";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)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n.item_1c7a6898c1 {\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  width: 100%;\n  box-sizing: border-box;\n  padding: var(--space-4) var(--space-8);\n  cursor: pointer;\n  user-select: none;\n  align-items: center;\n  overflow: visible;\n  border: 1px solid transparent;\n  border-radius: var(--border-radius-small);\n  outline: none;\n}\n.item_1c7a6898c1.splitMenuItem_1f004607c6 {\n  padding: 0 0 0 var(--space-8);\n}\n.item_1c7a6898c1.disabled_dd197a6cf4 {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n.item_1c7a6898c1.focused_04658c971c:not(.disabled_dd197a6cf4) {\n  background-color: var(--primary-background-hover-color);\n}\n.item_1c7a6898c1.focused_04658c971c:not(.disabled_dd197a6cf4):not(:hover):not(.initialSelected_795de6b088) {\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_1c7a6898c1:hover:not(.disabled_dd197a6cf4) {\n  background-color: var(--primary-background-hover-color);\n}\n.item_1c7a6898c1.selected_7b748bca1e:not(.disabled_dd197a6cf4) {\n  background-color: var(--primary-background-hover-color);\n}");export{e as default};
 //# sourceMappingURL=BaseMenuItem.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={iconWrapper:"iconWrapper_b2c798f9ad",rightIcon:"rightIcon_e11744198e",withBackgroundColor:"withBackgroundColor_0245e00fe6",disabled:"disabled_f8d9e3e15c",icon:"icon_8d60101627",selected:"selected_84f09b705a"};!function(e){const n="s_id-99be4d8e4266_4_5_3";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,r.firstChild?r.insertBefore(o,r.firstChild):r.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".iconWrapper_b2c798f9ad {\n  width: 20px;\n  height: 20px;\n  flex-shrink: 0;\n  margin-inline-end: var(--space-8);\n}\n.iconWrapper_b2c798f9ad.rightIcon_e11744198e {\n  margin-inline-end: 0;\n  margin-inline-start: var(--space-8);\n}\n.iconWrapper_b2c798f9ad.withBackgroundColor_0245e00fe6 {\n  border-radius: var(--space-4);\n}\n.iconWrapper_b2c798f9ad.withBackgroundColor_0245e00fe6.disabled_f8d9e3e15c {\n  opacity: 0.4;\n}\n.iconWrapper_b2c798f9ad.withBackgroundColor_0245e00fe6 .icon_8d60101627 {\n  color: var(--text-color-on-primary);\n}\n.iconWrapper_b2c798f9ad.disabled_f8d9e3e15c .icon_8d60101627 {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n.iconWrapper_b2c798f9ad .icon_8d60101627 {\n  color: var(--icon-color);\n}\n.iconWrapper_b2c798f9ad .icon_8d60101627.selected_84f09b705a {\n  color: var(--primary-color);\n}");export{e as default};
+var e={iconWrapper:"iconWrapper_0c514e3bc2",rightIcon:"rightIcon_5c73b44ac0",withBackgroundColor:"withBackgroundColor_6f1c0537f2",disabled:"disabled_e30dc66da5",icon:"icon_890c539ff9",selected:"selected_6249982327"};!function(e){const c="s_id-99be4d8e4266_4_5_10";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+c))return;const r=document.createElement("style");r.id=c,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[c]=e)}(".iconWrapper_0c514e3bc2 {\n  width: 20px;\n  height: 20px;\n  flex-shrink: 0;\n  margin-inline-end: var(--space-8);\n}\n.iconWrapper_0c514e3bc2.rightIcon_5c73b44ac0 {\n  margin-inline-end: 0;\n  margin-inline-start: var(--space-8);\n}\n.iconWrapper_0c514e3bc2.withBackgroundColor_6f1c0537f2 {\n  border-radius: var(--space-4);\n}\n.iconWrapper_0c514e3bc2.withBackgroundColor_6f1c0537f2.disabled_e30dc66da5 {\n  opacity: 0.4;\n}\n.iconWrapper_0c514e3bc2.withBackgroundColor_6f1c0537f2 .icon_890c539ff9 {\n  color: var(--text-color-on-primary);\n}\n.iconWrapper_0c514e3bc2.disabled_e30dc66da5 .icon_890c539ff9 {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n.iconWrapper_0c514e3bc2 .icon_890c539ff9 {\n  color: var(--icon-color);\n}\n.iconWrapper_0c514e3bc2 .icon_890c539ff9.selected_6249982327 {\n  color: var(--primary-color);\n}");export{e as default};
 //# sourceMappingURL=MenuItemIcon.module.scss.js.map

package/dist/src/components/Menu/MenuItem/components/MenuItemSubMenuIcon/MenuItemSubMenuIcon.js CHANGED Viewed

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

package/dist/src/components/Menu/MenuItem/components/MenuItemSubMenuIcon/MenuItemSubMenuIcon.js.map CHANGED Viewed

	@@ -1 +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":"~~miBAUA~~,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"}
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 \"@vibe/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":"ikBAUA,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"}

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

@@ -1,2 +1,2 @@
-var e={subMenuIconWrapper:"subMenuIconWrapper_03a75de54a",divider:"divider_d9e50db72c",splitSubMenuIcon:"splitSubMenuIcon_f6cd2f2d27",subMenuIcon:"subMenuIcon_bd1e3a5c3c",disabled:"disabled_e79daaf941",splitMenuItemIconButton:"splitMenuItemIconButton_c2bfcafd01"};!function(e){const n="s_id-b28b9c0c92bb_4_5_3";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,d.firstChild?d.insertBefore(a,d.firstChild):d.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".subMenuIconWrapper_03a75de54a {\n  margin-inline-start: var(--space-4);\n}\n.subMenuIconWrapper_03a75de54a .divider_d9e50db72c {\n  height: 19px;\n}\n.subMenuIconWrapper_03a75de54a .splitSubMenuIcon_f6cd2f2d27 {\n  width: 18px;\n  height: 18px;\n}\n.subMenuIconWrapper_03a75de54a .subMenuIcon_bd1e3a5c3c,\n.subMenuIconWrapper_03a75de54a .splitSubMenuIcon_f6cd2f2d27 {\n  color: var(--icon-color);\n}\n.subMenuIconWrapper_03a75de54a .subMenuIcon_bd1e3a5c3c.disabled_e79daaf941,\n.subMenuIconWrapper_03a75de54a .splitSubMenuIcon_f6cd2f2d27.disabled_e79daaf941 {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n.subMenuIconWrapper_03a75de54a .splitMenuItemIconButton_c2bfcafd01 {\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_17710ffc82",divider:"divider_f37765d72f",splitSubMenuIcon:"splitSubMenuIcon_e78f7085db",subMenuIcon:"subMenuIcon_b3a0dad08b",disabled:"disabled_dd197a6cf4",splitMenuItemIconButton:"splitMenuItemIconButton_d37196e972"};!function(e){const n="s_id-b28b9c0c92bb_4_5_10";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+n))return;const c=document.createElement("style");c.id=n,d.firstChild?d.insertBefore(c,d.firstChild):d.appendChild(c),c.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".subMenuIconWrapper_17710ffc82 {\n  margin-inline-start: var(--space-4);\n}\n.subMenuIconWrapper_17710ffc82 .divider_f37765d72f {\n  height: 19px;\n}\n.subMenuIconWrapper_17710ffc82 .splitSubMenuIcon_e78f7085db {\n  width: 18px;\n  height: 18px;\n}\n.subMenuIconWrapper_17710ffc82 .subMenuIcon_b3a0dad08b,\n.subMenuIconWrapper_17710ffc82 .splitSubMenuIcon_e78f7085db {\n  color: var(--icon-color);\n}\n.subMenuIconWrapper_17710ffc82 .subMenuIcon_b3a0dad08b.disabled_dd197a6cf4,\n.subMenuIconWrapper_17710ffc82 .splitSubMenuIcon_e78f7085db.disabled_dd197a6cf4 {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n.subMenuIconWrapper_17710ffc82 .splitMenuItemIconButton_d37196e972 {\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/src/components/Menu/MenuItem/hooks/useMenuItemMouseEvents.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import e from"../../../../hooks/useIsMouseEnter.js";import s from"../../../../hooks/usePrevious/index.js";import{useIsomorphicLayoutEffect as o}from"../../../../../shared/dist/hooks/ssr/useIsomorphicLayoutEffect.js";function t(t){var n=t.resetOpenSubMenuIndex,r=t.setSubMenuIsOpenByIndex,u=t.isActive,i=t.setActiveItemIndex,f=t.index,m=t.hasChildren,d=t.splitMenuItemIconButtonRef,I=t.splitMenuItem,c=void 0!==I&&I,p=e({ref:t.ref}),a=e({ref:d}),h=s(p),l=s(a);return o((function(){a&&a!==l&&(u?r(f,!0):n())}),[r,f,a,l,u,n]),o((function(){p&&p!==h&&(r&&n?(n(),u||c||(i(f),m?r(f,!0):n()),u&&m&&r(f,!!p),!u&&c&&(i(f),a&&r(f,!0))):console.error("MenuItem must be a first level child of a menu"))}),[n,h,p,a,r,u,i,f,m,c]),p}export{t as default};
+import e from"../../../../hooks/useIsMouseEnter.js";import s from"../../../../../hooks/dist/usePrevious/index.js";import{useIsomorphicLayoutEffect as t}from"../../../../../shared/dist/hooks/ssr/useIsomorphicLayoutEffect.js";function o(o){var n=o.resetOpenSubMenuIndex,r=o.setSubMenuIsOpenByIndex,i=o.isActive,u=o.setActiveItemIndex,f=o.index,m=o.hasChildren,d=o.splitMenuItemIconButtonRef,I=o.splitMenuItem,c=void 0!==I&&I,p=e({ref:o.ref}),a=e({ref:d}),h=s(p),l=s(a);return t((function(){a&&a!==l&&(i?r(f,!0):n())}),[r,f,a,l,i,n]),t((function(){p&&p!==h&&(r&&n?(n(),i||c||(u(f),m?r(f,!0):n()),i&&m&&r(f,!!p),!i&&c&&(u(f),a&&r(f,!0))):console.error("MenuItem must be a first level child of a menu"))}),[n,h,p,a,r,i,u,f,m,c]),p}export{o as default};
 //# sourceMappingURL=useMenuItemMouseEvents.js.map

package/dist/src/components/Menu/MenuItem/hooks/useMenuItemMouseEvents.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useMenuItemMouseEvents.js","sources":["../../../../../../src/components/Menu/MenuItem/hooks/useMenuItemMouseEvents.ts"],"sourcesContent":["import { type RefObject } from \"react\";\nimport useIsMouseEnter from \"../../../../hooks/useIsMouseEnter\";\nimport usePrevious from \"~~../../../../~~hooks~~/usePrevious~~\";\nimport { useIsomorphicLayoutEffect } from \"@vibe/shared\";\n\nexport default function useMenuItemMouseEvents({\n ref,\n resetOpenSubMenuIndex,\n setSubMenuIsOpenByIndex,\n isActive,\n setActiveItemIndex,\n index,\n hasChildren,\n splitMenuItemIconButtonRef,\n splitMenuItem = false\n}: {\n ref: RefObject<HTMLElement>;\n resetOpenSubMenuIndex: () => void;\n setSubMenuIsOpenByIndex: (index: number, isOpen: boolean) => void;\n isActive: boolean;\n setActiveItemIndex: (index: number) => void;\n index: number;\n hasChildren: boolean;\n splitMenuItemIconButtonRef?: React.RefObject<HTMLElement>;\n splitMenuItem?: boolean;\n}) {\n const isMouseEnter = useIsMouseEnter({ ref });\n const isMouseEnterOnIconButton = useIsMouseEnter({ ref: splitMenuItemIconButtonRef });\n const prevIsMouseEnter = usePrevious(isMouseEnter);\n const prevIsMouseEnterOnIconButton = usePrevious(isMouseEnterOnIconButton);\n\n useIsomorphicLayoutEffect(() => {\n if (!isMouseEnterOnIconButton) return;\n\n if (isMouseEnterOnIconButton === prevIsMouseEnterOnIconButton) return;\n\n if (isActive) {\n setSubMenuIsOpenByIndex(index, true);\n } else {\n resetOpenSubMenuIndex();\n }\n }, [\n setSubMenuIsOpenByIndex,\n index,\n isMouseEnterOnIconButton,\n prevIsMouseEnterOnIconButton,\n isActive,\n resetOpenSubMenuIndex\n ]);\n\n useIsomorphicLayoutEffect(() => {\n if (!isMouseEnter) return;\n if (isMouseEnter === prevIsMouseEnter) return;\n\n if (!setSubMenuIsOpenByIndex \|\| !resetOpenSubMenuIndex) {\n console.error(\"MenuItem must be a first level child of a menu\");\n return;\n }\n\n resetOpenSubMenuIndex();\n\n if (!isActive && !splitMenuItem) {\n setActiveItemIndex(index);\n if (hasChildren) {\n setSubMenuIsOpenByIndex(index, true);\n } else {\n resetOpenSubMenuIndex();\n }\n }\n\n if (isActive && hasChildren) {\n setSubMenuIsOpenByIndex(index, !!isMouseEnter);\n }\n\n if (!isActive && splitMenuItem) {\n setActiveItemIndex(index);\n\n if (isMouseEnterOnIconButton) {\n setSubMenuIsOpenByIndex(index, true);\n }\n }\n }, [\n resetOpenSubMenuIndex,\n prevIsMouseEnter,\n isMouseEnter,\n isMouseEnterOnIconButton,\n setSubMenuIsOpenByIndex,\n isActive,\n setActiveItemIndex,\n index,\n hasChildren,\n splitMenuItem\n ]);\n\n return isMouseEnter;\n}\n"],"names":["useMenuItemMouseEvents","_ref","resetOpenSubMenuIndex","setSubMenuIsOpenByIndex","isActive","setActiveItemIndex","index","hasChildren","splitMenuItemIconButtonRef","_ref$splitMenuItem","splitMenuItem","isMouseEnter","useIsMouseEnter","ref","isMouseEnterOnIconButton","prevIsMouseEnter","usePrevious","prevIsMouseEnterOnIconButton","useIsomorphicLayoutEffect","console","error"],"mappings":"~~wNAKc~~,SAAUA,EAAsBC,GAoB7C,IAlBCC,EAAqBD,EAArBC,sBACAC,EAAuBF,EAAvBE,wBACAC,EAAQH,EAARG,SACAC,EAAkBJ,EAAlBI,mBACAC,EAAKL,EAALK,MACAC,EAAWN,EAAXM,YACAC,EAA0BP,EAA1BO,2BAA0BC,EAAAR,EAC1BS,cAAAA,OAAgB,IAAHD,GAAQA,EAYfE,EAAeC,EAAgB,CAAEC,IApBpCZ,EAAHY,MAqBMC,EAA2BF,EAAgB,CAAEC,IAAKL,IAClDO,EAAmBC,EAAYL,GAC/BM,EAA+BD,EAAYF,GAiEjD,OA/DAI,GAA0B,WACnBJ,GAEDA,IAA6BG,IAE7Bb,EACFD,EAAwBG,GAAO,GAE/BJ,IAEJ,GAAG,CACDC,EACAG,EACAQ,EACAG,EACAb,EACAF,IAGFgB,GAA0B,WACnBP,GACDA,IAAiBI,IAEhBZ,GAA4BD,GAKjCA,IAEKE,GAAaM,IAChBL,EAAmBC,GACfC,EACFJ,EAAwBG,GAAO,GAE/BJ,KAIAE,GAAYG,GACdJ,EAAwBG,IAASK,IAG9BP,GAAYM,IACfL,EAAmBC,GAEfQ,GACFX,EAAwBG,GAAO,KAvBjCa,QAAQC,MAAM,kDA0BjB,GAAE,CACDlB,EACAa,EACAJ,EACAG,EACAX,EACAC,EACAC,EACAC,EACAC,EACAG,IAGKC,CACT"}
1	+ {"version":3,"file":"useMenuItemMouseEvents.js","sources":["../../../../../../src/components/Menu/MenuItem/hooks/useMenuItemMouseEvents.ts"],"sourcesContent":["import { type RefObject } from \"react\";\nimport useIsMouseEnter from \"../../../../hooks/useIsMouseEnter\";\nimport { usePrevious } from \"@vibe/hooks\";\nimport { useIsomorphicLayoutEffect } from \"@vibe/shared\";\n\nexport default function useMenuItemMouseEvents({\n ref,\n resetOpenSubMenuIndex,\n setSubMenuIsOpenByIndex,\n isActive,\n setActiveItemIndex,\n index,\n hasChildren,\n splitMenuItemIconButtonRef,\n splitMenuItem = false\n}: {\n ref: RefObject<HTMLElement>;\n resetOpenSubMenuIndex: () => void;\n setSubMenuIsOpenByIndex: (index: number, isOpen: boolean) => void;\n isActive: boolean;\n setActiveItemIndex: (index: number) => void;\n index: number;\n hasChildren: boolean;\n splitMenuItemIconButtonRef?: React.RefObject<HTMLElement>;\n splitMenuItem?: boolean;\n}) {\n const isMouseEnter = useIsMouseEnter({ ref });\n const isMouseEnterOnIconButton = useIsMouseEnter({ ref: splitMenuItemIconButtonRef });\n const prevIsMouseEnter = usePrevious(isMouseEnter);\n const prevIsMouseEnterOnIconButton = usePrevious(isMouseEnterOnIconButton);\n\n useIsomorphicLayoutEffect(() => {\n if (!isMouseEnterOnIconButton) return;\n\n if (isMouseEnterOnIconButton === prevIsMouseEnterOnIconButton) return;\n\n if (isActive) {\n setSubMenuIsOpenByIndex(index, true);\n } else {\n resetOpenSubMenuIndex();\n }\n }, [\n setSubMenuIsOpenByIndex,\n index,\n isMouseEnterOnIconButton,\n prevIsMouseEnterOnIconButton,\n isActive,\n resetOpenSubMenuIndex\n ]);\n\n useIsomorphicLayoutEffect(() => {\n if (!isMouseEnter) return;\n if (isMouseEnter === prevIsMouseEnter) return;\n\n if (!setSubMenuIsOpenByIndex \|\| !resetOpenSubMenuIndex) {\n console.error(\"MenuItem must be a first level child of a menu\");\n return;\n }\n\n resetOpenSubMenuIndex();\n\n if (!isActive && !splitMenuItem) {\n setActiveItemIndex(index);\n if (hasChildren) {\n setSubMenuIsOpenByIndex(index, true);\n } else {\n resetOpenSubMenuIndex();\n }\n }\n\n if (isActive && hasChildren) {\n setSubMenuIsOpenByIndex(index, !!isMouseEnter);\n }\n\n if (!isActive && splitMenuItem) {\n setActiveItemIndex(index);\n\n if (isMouseEnterOnIconButton) {\n setSubMenuIsOpenByIndex(index, true);\n }\n }\n }, [\n resetOpenSubMenuIndex,\n prevIsMouseEnter,\n isMouseEnter,\n isMouseEnterOnIconButton,\n setSubMenuIsOpenByIndex,\n isActive,\n setActiveItemIndex,\n index,\n hasChildren,\n splitMenuItem\n ]);\n\n return isMouseEnter;\n}\n"],"names":["useMenuItemMouseEvents","_ref","resetOpenSubMenuIndex","setSubMenuIsOpenByIndex","isActive","setActiveItemIndex","index","hasChildren","splitMenuItemIconButtonRef","_ref$splitMenuItem","splitMenuItem","isMouseEnter","useIsMouseEnter","ref","isMouseEnterOnIconButton","prevIsMouseEnter","usePrevious","prevIsMouseEnterOnIconButton","useIsomorphicLayoutEffect","console","error"],"mappings":"gOAKc,SAAUA,EAAsBC,GAoB7C,IAlBCC,EAAqBD,EAArBC,sBACAC,EAAuBF,EAAvBE,wBACAC,EAAQH,EAARG,SACAC,EAAkBJ,EAAlBI,mBACAC,EAAKL,EAALK,MACAC,EAAWN,EAAXM,YACAC,EAA0BP,EAA1BO,2BAA0BC,EAAAR,EAC1BS,cAAAA,OAAgB,IAAHD,GAAQA,EAYfE,EAAeC,EAAgB,CAAEC,IApBpCZ,EAAHY,MAqBMC,EAA2BF,EAAgB,CAAEC,IAAKL,IAClDO,EAAmBC,EAAYL,GAC/BM,EAA+BD,EAAYF,GAiEjD,OA/DAI,GAA0B,WACnBJ,GAEDA,IAA6BG,IAE7Bb,EACFD,EAAwBG,GAAO,GAE/BJ,IAEJ,GAAG,CACDC,EACAG,EACAQ,EACAG,EACAb,EACAF,IAGFgB,GAA0B,WACnBP,GACDA,IAAiBI,IAEhBZ,GAA4BD,GAKjCA,IAEKE,GAAaM,IAChBL,EAAmBC,GACfC,EACFJ,EAAwBG,GAAO,GAE/BJ,KAIAE,GAAYG,GACdJ,EAAwBG,IAASK,IAG9BP,GAAYM,IACfL,EAAmBC,GAEfQ,GACFX,EAAwBG,GAAO,KAvBjCa,QAAQC,MAAM,kDA0BjB,GAAE,CACDlB,EACAa,EACAJ,EACAG,EACAX,EACAC,EACAC,EACAC,EACAC,EACAG,IAGKC,CACT"}

package/dist/src/components/Menu/MenuItemButton/MenuItemButton.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={itemButton:"itemButton_2194a7bf4c",buttonComponent:"buttonComponent_83b910b9cd",content:"content_f85d060258"};!function(e){const t="s_id-5b38a66d7d32_4_5_3";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_2194a7bf4c {\n  margin: unset;\n  display: flex;\n  flex-direction: row;\n  padding: var(--space-4) 0;\n  align-items: center;\n}\n\n.itemButton_2194a7bf4c .buttonComponent_83b910b9cd {\n  width: 100%;\n}\n\n.itemButton_2194a7bf4c .buttonComponent_83b910b9cd .content_f85d060258 {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}");export{e as default};
+var e={itemButton:"itemButton_3498800196",buttonComponent:"buttonComponent_13d3be3d0a",content:"content_971ddd911e"};!function(e){const t="s_id-5b38a66d7d32_4_5_10";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_3498800196 {\n  margin: unset;\n  display: flex;\n  flex-direction: row;\n  padding: var(--space-4) 0;\n  align-items: center;\n}\n\n.itemButton_3498800196 .buttonComponent_13d3be3d0a {\n  width: 100%;\n}\n\n.itemButton_3498800196 .buttonComponent_13d3be3d0a .content_971ddd911e {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}");export{e as default};
 //# sourceMappingURL=MenuItemButton.module.scss.js.map

package/dist/src/components/Menu/MenuTitle/MenuTitle.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var t={title:"title_a8b2ec4a69",titleCaption:"titleCaption_5dc6d987fe",titleCaptionCenter:"titleCaptionCenter_a1c3a6872f",titleCaptionBottom:"titleCaptionBottom_a0dcd6562a",titleCaptionTop:"titleCaptionTop_9410ecccd2"};!function(t){const e="s_id-6a10a614e4d8_4_5_3";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const i=document.createElement("style");i.id=e,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}('/* stylelint-disable */\n/* stylelint-enable */\n.title_a8b2ec4a69 {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  padding-block: 1px;\n}\n\n.titleCaption_5dc6d987fe {\n  color: var(--icon-color);\n  margin: var(--space-8) 0;\n}\n\n.titleCaptionCenter_a1c3a6872f {\n  display: flex;\n  flex-basis: 100%;\n  align-items: center;\n}\n\n.titleCaptionBottom_a0dcd6562a,\n.titleCaptionTop_9410ecccd2 {\n  padding-inline-start: var(--space-8);\n}\n\n.titleCaptionBottom_a0dcd6562a {\n  padding-bottom: var(--space-8);\n}\n\n.titleCaptionCenter_a1c3a6872f::before,\n.titleCaptionCenter_a1c3a6872f::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(--space-8);\n}');export{t as default};
+var t={title:"title_5fffe28751",titleCaption:"titleCaption_68e9a329a1",titleCaptionCenter:"titleCaptionCenter_9758ad0ce3",titleCaptionBottom:"titleCaptionBottom_b40f885250",titleCaptionTop:"titleCaptionTop_d04f6872a1"};!function(t){const e="s_id-6a10a614e4d8_4_5_10";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const i=document.createElement("style");i.id=e,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}('/* stylelint-disable */\n/* stylelint-enable */\n.title_5fffe28751 {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  padding-block: 1px;\n}\n\n.titleCaption_68e9a329a1 {\n  color: var(--icon-color);\n  margin: var(--space-8) 0;\n}\n\n.titleCaptionCenter_9758ad0ce3 {\n  display: flex;\n  flex-basis: 100%;\n  align-items: center;\n}\n\n.titleCaptionBottom_b40f885250,\n.titleCaptionTop_d04f6872a1 {\n  padding-inline-start: var(--space-8);\n}\n\n.titleCaptionBottom_b40f885250 {\n  padding-bottom: var(--space-8);\n}\n\n.titleCaptionCenter_9758ad0ce3::before,\n.titleCaptionCenter_9758ad0ce3::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(--space-8);\n}');export{t as default};
 //# sourceMappingURL=MenuTitle.module.scss.js.map

package/dist/src/components/MenuButton/MenuButton.js CHANGED Viewed

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

package/dist/src/components/MenuButton/MenuButton.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var n={wrapper:"wrapper_5078cfeb57","focus-visible":"focus-visible_93d0f127c5",active:"active_d484e0fccd",sizeXxs:"sizeXxs_fef53c55c9",sizeXs:"sizeXs_a89053b487",sizeSmall:"sizeSmall_11516e3777",sizeMedium:"sizeMedium_bcf3e8cfc4",sizeLarge:"sizeLarge_d5ae92dec3",disabled:"disabled_843c240d95",text:"text_83b910b9cd",innerText:"innerText_288da65731"};!function(n){const e="s_id-fe45efde1a3d_4_5_3";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,o.firstChild?o.insertBefore(t,o.firstChild):o.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n.wrapper_5078cfeb57 {\n  border: none;\n  margin: 0;\n  padding: 0;\n  width: auto;\n  overflow: visible;\n  background: transparent;\n  /* inherit font & color from ancestor */\n  color: inherit;\n  font: inherit;\n  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */\n  line-height: normal;\n  /* Corrects font smoothing for webkit */\n  -webkit-font-smoothing: inherit;\n  -moz-osx-font-smoothing: inherit;\n  /* Corrects inability to style clickable `input` types in iOS */\n  appearance: none;\n  border-radius: var(--border-radius-small);\n  background-color: transparent;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: transform var(--motion-productive-short) var(--motion-timing-transition);\n  color: var(--primary-text-color);\n}\n.wrapper_5078cfeb57:focus-visible, .wrapper_5078cfeb57.focus-visible_93d0f127c5 {\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.wrapper_5078cfeb57:focus:not(.focus-visible_93d0f127c5) {\n  outline: none;\n}\n.wrapper_5078cfeb57:focus-visible, .wrapper_5078cfeb57.focus-visible_93d0f127c5 {\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.wrapper_5078cfeb57:focus:not(.focus-visible_93d0f127c5) {\n  outline: none;\n}\n\n.wrapper_5078cfeb57:focus,\n.wrapper_5078cfeb57:hover {\n  background-color: var(--primary-background-hover-color);\n}\n\n.wrapper_5078cfeb57:active {\n  transform: scale(0.95);\n}\n\n.active_d484e0fccd {\n  background-color: var(--primary-selected-color);\n}\n\n.active_d484e0fccd:focus {\n  background-color: var(--primary-selected-color);\n}\n\n.active_d484e0fccd:hover {\n  background-color: var(--primary-selected-color);\n}\n\n.sizeXxs_fef53c55c9 {\n  width: 16px;\n  height: 16px;\n  font: var(--font-text2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.sizeXs_a89053b487 {\n  width: 24px;\n  height: 24px;\n  font: var(--font-text1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.sizeSmall_11516e3777 {\n  width: 32px;\n  height: 32px;\n  font: var(--font-text1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.sizeMedium_bcf3e8cfc4 {\n  width: 40px;\n  height: 40px;\n  font: var(--font-h3-normal);\n  letter-spacing: var(--letter-spacing-h3-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.sizeLarge_d5ae92dec3 {\n  width: 48px;\n  height: 48px;\n  font: var(--font-h2-normal);\n  letter-spacing: var(--letter-spacing-h2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.disabled_843c240d95 {\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n\n.disabled_843c240d95:hover {\n  background-color: transparent;\n}\n\n.text_83b910b9cd {\n  width: 100%;\n}\n\n.innerText_288da65731 {\n  margin: 0 var(--space-8);\n}");export{n as default};
+var n={wrapper:"wrapper_3c4a371481","focus-visible":"focus-visible_8345afc3b6",active:"active_356862fc6d",sizeXxs:"sizeXxs_5ed32ea62c",sizeXs:"sizeXs_5397a750ed",sizeSmall:"sizeSmall_84d1bdeebf",sizeMedium:"sizeMedium_4114d7af08",sizeLarge:"sizeLarge_2da794d9a8",disabled:"disabled_093c264e2b",text:"text_13d3be3d0a",innerText:"innerText_ea0b380f35"};!function(n){const e="s_id-fe45efde1a3d_4_5_10";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,o.firstChild?o.insertBefore(t,o.firstChild):o.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n.wrapper_3c4a371481 {\n  border: none;\n  margin: 0;\n  padding: 0;\n  width: auto;\n  overflow: visible;\n  background: transparent;\n  /* inherit font & color from ancestor */\n  color: inherit;\n  font: inherit;\n  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */\n  line-height: normal;\n  /* Corrects font smoothing for webkit */\n  -webkit-font-smoothing: inherit;\n  -moz-osx-font-smoothing: inherit;\n  /* Corrects inability to style clickable `input` types in iOS */\n  appearance: none;\n  border-radius: var(--border-radius-small);\n  background-color: transparent;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: transform var(--motion-productive-short) var(--motion-timing-transition);\n  color: var(--primary-text-color);\n}\n.wrapper_3c4a371481:focus-visible, .wrapper_3c4a371481.focus-visible_8345afc3b6 {\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.wrapper_3c4a371481:focus:not(.focus-visible_8345afc3b6) {\n  outline: none;\n}\n.wrapper_3c4a371481:focus-visible, .wrapper_3c4a371481.focus-visible_8345afc3b6 {\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.wrapper_3c4a371481:focus:not(.focus-visible_8345afc3b6) {\n  outline: none;\n}\n\n.wrapper_3c4a371481:focus,\n.wrapper_3c4a371481:hover {\n  background-color: var(--primary-background-hover-color);\n}\n\n.wrapper_3c4a371481:active {\n  transform: scale(0.95);\n}\n\n.active_356862fc6d {\n  background-color: var(--primary-selected-color);\n}\n\n.active_356862fc6d:focus {\n  background-color: var(--primary-selected-color);\n}\n\n.active_356862fc6d:hover {\n  background-color: var(--primary-selected-color);\n}\n\n.sizeXxs_5ed32ea62c {\n  width: 16px;\n  height: 16px;\n  font: var(--font-text2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.sizeXs_5397a750ed {\n  width: 24px;\n  height: 24px;\n  font: var(--font-text1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.sizeSmall_84d1bdeebf {\n  width: 32px;\n  height: 32px;\n  font: var(--font-text1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.sizeMedium_4114d7af08 {\n  width: 40px;\n  height: 40px;\n  font: var(--font-h3-normal);\n  letter-spacing: var(--letter-spacing-h3-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.sizeLarge_2da794d9a8 {\n  width: 48px;\n  height: 48px;\n  font: var(--font-h2-normal);\n  letter-spacing: var(--letter-spacing-h2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.disabled_093c264e2b {\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n\n.disabled_093c264e2b:hover {\n  background-color: transparent;\n}\n\n.text_13d3be3d0a {\n  width: 100%;\n}\n\n.innerText_ea0b380f35 {\n  margin: 0 var(--space-8);\n}");export{n as default};
 //# sourceMappingURL=MenuButton.module.scss.js.map

package/dist/src/components/Modal/Modal/Modal.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var n={container:"container_f1a2889aec",overlay:"overlay_16fb7bae18",centerPop:"centerPop_15825b2d6b",anchorPop:"anchorPop_15825b2d6b",modal:"modal_d10fbb28bc",fixedPosition:"fixedPosition_71b79808fa",withHeaderAction:"withHeaderAction_21212d9a18",sizeSmall:"sizeSmall_d2b229195f",sizeMedium:"sizeMedium_1810ed3f63",sizeLarge:"sizeLarge_52c191ecbc",sizeFullView:"sizeFullView_a11e026ad1",containerEnter:"containerEnter_009a1aca2c",fullView:"fullView_05ca33adf0",containerEnterActive:"containerEnterActive_8a4659173f",centerPopIn:"centerPopIn_59e42be657",anchorPopIn:"anchorPopIn_613150823d",fullViewIn:"fullViewIn_8497cd00f9",containerExitActive:"containerExitActive_1e91ecf03c",centerPopOut:"centerPopOut_f94f5dd199",anchorPopOut:"anchorPopOut_a8133ec381",fullViewOut:"fullViewOut_c7d0f18a1d"};!function(n){const a="s_id-72e80303fba3_4_5_3";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+a))return;const t=document.createElement("style");t.id=a,e.firstChild?e.insertBefore(t,e.firstChild):e.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=n)}(".container_f1a2889aec {\n  position: fixed;\n  inset: 0;\n  z-index: var(--monday-modal-z-index, 10000);\n}\n\n.overlay_16fb7bae18 {\n  position: fixed;\n  inset: 0;\n  height: 100%;\n  background-color: var(--backdrop-color);\n}\n\n.centerPop_15825b2d6b {\n  transform: translate(-50%, -50%);\n}\n\n.anchorPop_15825b2d6b {\n  transform: translate(-50%, -50%);\n}\n\n.modal_d10fbb28bc {\n  --top-actions-margin-inline: var(--space-24);\n  --top-actions-margin-block: var(--space-24);\n  --top-actions-width: var(--space-32);\n  --modal-inline-padding: var(--space-32);\n  position: relative;\n  top: 50%;\n  left: 50%;\n  display: flex;\n  flex-direction: column;\n  width: var(--modal-width);\n  max-height: var(--modal-max-height);\n  background-color: var(--primary-background-color);\n  overflow: hidden;\n  border-radius: var(--border-radius-big);\n  box-shadow: var(--box-shadow-large);\n  outline: none;\n}\n.modal_d10fbb28bc.fixedPosition_71b79808fa {\n  position: fixed;\n}\n.modal_d10fbb28bc.withHeaderAction_21212d9a18 {\n  --top-actions-width: calc(var(--space-32) * 2);\n}\n.modal_d10fbb28bc.sizeSmall_d2b229195f {\n  --modal-max-height: 50%;\n  --modal-width: 460px;\n}\n.modal_d10fbb28bc.sizeMedium_1810ed3f63 {\n  --modal-max-height: 80%;\n  --modal-width: 540px;\n}\n.modal_d10fbb28bc.sizeLarge_52c191ecbc {\n  --modal-max-height: 80%;\n  --modal-width: 800px;\n}\n.modal_d10fbb28bc.sizeFullView_a11e026ad1 {\n  --top-actions-margin-inline: var(--space-32);\n  --modal-max-height: 100%;\n  --modal-width: auto;\n  position: fixed;\n  inset: 0;\n  height: calc(100% - 40px);\n  margin-inline: var(--space-24);\n  margin-block-start: 40px;\n  border-end-start-radius: unset;\n  border-end-end-radius: unset;\n}\n@media (min-width: 1280px) {\n  .modal_d10fbb28bc.sizeSmall_d2b229195f {\n    --modal-width: 480px;\n  }\n  .modal_d10fbb28bc.sizeMedium_1810ed3f63 {\n    --modal-width: 580px;\n  }\n  .modal_d10fbb28bc.sizeLarge_52c191ecbc {\n    --modal-width: 840px;\n  }\n}\n@media (min-width: 1440px) {\n  .modal_d10fbb28bc.sizeSmall_d2b229195f {\n    --modal-width: 520px;\n  }\n  .modal_d10fbb28bc.sizeMedium_1810ed3f63 {\n    --modal-width: 620px;\n  }\n  .modal_d10fbb28bc.sizeLarge_52c191ecbc {\n    --modal-width: 900px;\n  }\n}\n@media (min-width: 1720px) {\n  .modal_d10fbb28bc.sizeFullView_a11e026ad1 {\n    margin-inline: 40px;\n  }\n}\n\n.containerEnter_009a1aca2c .overlay_16fb7bae18 {\n  opacity: 0;\n}\n.containerEnter_009a1aca2c .centerPop_15825b2d6b {\n  opacity: 0;\n  transform: translate(-50%, -50%) scale(0.8);\n}\n.containerEnter_009a1aca2c .anchorPop_15825b2d6b {\n  opacity: 0;\n  transform: translate(calc(-50% + var(--modal-start-x, 0px)), calc(-50% + var(--modal-start-y, 0px))) scale(0.8);\n}\n.containerEnter_009a1aca2c .fullView_05ca33adf0 {\n  opacity: 0.3;\n  transform: translateY(30px);\n}\n\n.containerEnterActive_8a4659173f .overlay_16fb7bae18 {\n  opacity: 1;\n  transition: opacity 100ms cubic-bezier(0, 0, 0.4, 1);\n}\n.containerEnterActive_8a4659173f .centerPop_15825b2d6b {\n  animation: centerPopIn_59e42be657 150ms cubic-bezier(0, 0, 0.4, 1) forwards;\n}\n.containerEnterActive_8a4659173f .anchorPop_15825b2d6b {\n  animation: anchorPopIn_613150823d 200ms cubic-bezier(0, 0, 0.4, 1) forwards;\n}\n.containerEnterActive_8a4659173f .fullView_05ca33adf0 {\n  animation: fullViewIn_8497cd00f9 250ms cubic-bezier(0, 0, 0.4, 1) forwards;\n}\n\n.containerExitActive_1e91ecf03c .overlay_16fb7bae18 {\n  opacity: 0;\n  transition: opacity 100ms cubic-bezier(0.6, 0, 1, 1);\n}\n.containerExitActive_1e91ecf03c .centerPop_15825b2d6b {\n  animation: centerPopOut_f94f5dd199 100ms cubic-bezier(0.6, 0, 1, 1) forwards;\n}\n.containerExitActive_1e91ecf03c .anchorPop_15825b2d6b {\n  animation: anchorPopOut_a8133ec381 150ms cubic-bezier(0.6, 0, 1, 1) forwards;\n}\n.containerExitActive_1e91ecf03c .fullView_05ca33adf0 {\n  animation: fullViewOut_c7d0f18a1d 100ms cubic-bezier(0.6, 0, 1, 1) forwards;\n}\n\n@keyframes centerPopIn_59e42be657 {\n  0% {\n    opacity: 0;\n    transform: translate(-50%, -50%) scale(0.8);\n  }\n  50%, 100% {\n    opacity: 1;\n    transform: translate(-50%, -50%) scale(1);\n  }\n}\n@keyframes centerPopOut_f94f5dd199 {\n  0%, 50% {\n    opacity: 1;\n    transform: translate(-50%, -50%) scale(1);\n  }\n  100% {\n    opacity: 0;\n    transform: translate(-50%, -50%) scale(0.8);\n  }\n}\n@keyframes anchorPopIn_613150823d {\n  0%, 40% {\n    opacity: 0;\n    transform: translate(calc(-50% + var(--modal-start-x, 0px)), calc(-50% + var(--modal-start-y, 0px))) scale(0.8);\n  }\n  100% {\n    opacity: 1;\n    transform: translate(-50%, -50%) scale(1);\n  }\n}\n@keyframes anchorPopOut_a8133ec381 {\n  0% {\n    opacity: 1;\n    transform: translate(-50%, -50%) scale(1);\n  }\n  60%, 100% {\n    opacity: 0;\n    transform: translate(calc(-50% + var(--modal-start-x, 0px)), calc(-50% + var(--modal-start-y, 0px))) scale(0.8);\n  }\n}\n@keyframes fullViewIn_8497cd00f9 {\n  0% {\n    opacity: 0.3;\n    transform: translateY(30px);\n  }\n  33% {\n    opacity: 1;\n  }\n  100% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n@keyframes fullViewOut_c7d0f18a1d {\n  from {\n    opacity: 1;\n    transform: translateY(0);\n  }\n  to {\n    opacity: 0;\n    transform: translateY(30px);\n  }\n}");export{n as default};
+var n={container:"container_df34687dd0",overlay:"overlay_0d85451950",centerPop:"centerPop_f420923ede",anchorPop:"anchorPop_f420923ede",modal:"modal_dd04495416",fixedPosition:"fixedPosition_ecc024ced6",withHeaderAction:"withHeaderAction_506dfef8ab",sizeSmall:"sizeSmall_1ddb560a05",sizeMedium:"sizeMedium_60872a01e0",sizeLarge:"sizeLarge_da78d57a67",sizeFullView:"sizeFullView_48b1fd0a88",containerEnter:"containerEnter_c4c2f5f51d",fullView:"fullView_c5cc8cc230",containerEnterActive:"containerEnterActive_0c51664d2a",centerPopIn:"centerPopIn_282ffb0745",anchorPopIn:"anchorPopIn_b51b319f46",fullViewIn:"fullViewIn_4bc02f51eb",containerExitActive:"containerExitActive_6a872f09fd",centerPopOut:"centerPopOut_0f099f4fcd",anchorPopOut:"anchorPopOut_e0a6b7d171",fullViewOut:"fullViewOut_06189ca26e"};!function(n){const a="s_id-72e80303fba3_4_5_10";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+a))return;const t=document.createElement("style");t.id=a,e.firstChild?e.insertBefore(t,e.firstChild):e.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=n)}(".container_df34687dd0 {\n  position: fixed;\n  inset: 0;\n  z-index: var(--monday-modal-z-index, 10000);\n}\n\n.overlay_0d85451950 {\n  position: fixed;\n  inset: 0;\n  height: 100%;\n  background-color: var(--backdrop-color);\n}\n\n.centerPop_f420923ede {\n  transform: translate(-50%, -50%);\n}\n\n.anchorPop_f420923ede {\n  transform: translate(-50%, -50%);\n}\n\n.modal_dd04495416 {\n  --top-actions-margin-inline: var(--space-24);\n  --top-actions-margin-block: var(--space-24);\n  --top-actions-width: var(--space-32);\n  --modal-inline-padding: var(--space-32);\n  position: relative;\n  top: 50%;\n  left: 50%;\n  display: flex;\n  flex-direction: column;\n  width: var(--modal-width);\n  max-height: var(--modal-max-height);\n  background-color: var(--primary-background-color);\n  overflow: hidden;\n  border-radius: var(--border-radius-big);\n  box-shadow: var(--box-shadow-large);\n  outline: none;\n}\n.modal_dd04495416.fixedPosition_ecc024ced6 {\n  position: fixed;\n}\n.modal_dd04495416.withHeaderAction_506dfef8ab {\n  --top-actions-width: calc(var(--space-32) * 2);\n}\n.modal_dd04495416.sizeSmall_1ddb560a05 {\n  --modal-max-height: 50%;\n  --modal-width: 460px;\n}\n.modal_dd04495416.sizeMedium_60872a01e0 {\n  --modal-max-height: 80%;\n  --modal-width: 540px;\n}\n.modal_dd04495416.sizeLarge_da78d57a67 {\n  --modal-max-height: 80%;\n  --modal-width: 800px;\n}\n.modal_dd04495416.sizeFullView_48b1fd0a88 {\n  --top-actions-margin-inline: var(--space-32);\n  --modal-max-height: 100%;\n  --modal-width: auto;\n  position: fixed;\n  inset: 0;\n  height: calc(100% - 40px);\n  margin-inline: var(--space-24);\n  margin-block-start: 40px;\n  border-end-start-radius: unset;\n  border-end-end-radius: unset;\n}\n@media (min-width: 1280px) {\n  .modal_dd04495416.sizeSmall_1ddb560a05 {\n    --modal-width: 480px;\n  }\n  .modal_dd04495416.sizeMedium_60872a01e0 {\n    --modal-width: 580px;\n  }\n  .modal_dd04495416.sizeLarge_da78d57a67 {\n    --modal-width: 840px;\n  }\n}\n@media (min-width: 1440px) {\n  .modal_dd04495416.sizeSmall_1ddb560a05 {\n    --modal-width: 520px;\n  }\n  .modal_dd04495416.sizeMedium_60872a01e0 {\n    --modal-width: 620px;\n  }\n  .modal_dd04495416.sizeLarge_da78d57a67 {\n    --modal-width: 900px;\n  }\n}\n@media (min-width: 1720px) {\n  .modal_dd04495416.sizeFullView_48b1fd0a88 {\n    margin-inline: 40px;\n  }\n}\n\n.containerEnter_c4c2f5f51d .overlay_0d85451950 {\n  opacity: 0;\n}\n.containerEnter_c4c2f5f51d .centerPop_f420923ede {\n  opacity: 0;\n  transform: translate(-50%, -50%) scale(0.8);\n}\n.containerEnter_c4c2f5f51d .anchorPop_f420923ede {\n  opacity: 0;\n  transform: translate(calc(-50% + var(--modal-start-x, 0px)), calc(-50% + var(--modal-start-y, 0px))) scale(0.8);\n}\n.containerEnter_c4c2f5f51d .fullView_c5cc8cc230 {\n  opacity: 0.3;\n  transform: translateY(30px);\n}\n\n.containerEnterActive_0c51664d2a .overlay_0d85451950 {\n  opacity: 1;\n  transition: opacity 100ms cubic-bezier(0, 0, 0.4, 1);\n}\n.containerEnterActive_0c51664d2a .centerPop_f420923ede {\n  animation: centerPopIn_282ffb0745 150ms cubic-bezier(0, 0, 0.4, 1) forwards;\n}\n.containerEnterActive_0c51664d2a .anchorPop_f420923ede {\n  animation: anchorPopIn_b51b319f46 200ms cubic-bezier(0, 0, 0.4, 1) forwards;\n}\n.containerEnterActive_0c51664d2a .fullView_c5cc8cc230 {\n  animation: fullViewIn_4bc02f51eb 250ms cubic-bezier(0, 0, 0.4, 1) forwards;\n}\n\n.containerExitActive_6a872f09fd .overlay_0d85451950 {\n  opacity: 0;\n  transition: opacity 100ms cubic-bezier(0.6, 0, 1, 1);\n}\n.containerExitActive_6a872f09fd .centerPop_f420923ede {\n  animation: centerPopOut_0f099f4fcd 100ms cubic-bezier(0.6, 0, 1, 1) forwards;\n}\n.containerExitActive_6a872f09fd .anchorPop_f420923ede {\n  animation: anchorPopOut_e0a6b7d171 150ms cubic-bezier(0.6, 0, 1, 1) forwards;\n}\n.containerExitActive_6a872f09fd .fullView_c5cc8cc230 {\n  animation: fullViewOut_06189ca26e 100ms cubic-bezier(0.6, 0, 1, 1) forwards;\n}\n\n@keyframes centerPopIn_282ffb0745 {\n  0% {\n    opacity: 0;\n    transform: translate(-50%, -50%) scale(0.8);\n  }\n  50%, 100% {\n    opacity: 1;\n    transform: translate(-50%, -50%) scale(1);\n  }\n}\n@keyframes centerPopOut_0f099f4fcd {\n  0%, 50% {\n    opacity: 1;\n    transform: translate(-50%, -50%) scale(1);\n  }\n  100% {\n    opacity: 0;\n    transform: translate(-50%, -50%) scale(0.8);\n  }\n}\n@keyframes anchorPopIn_b51b319f46 {\n  0%, 40% {\n    opacity: 0;\n    transform: translate(calc(-50% + var(--modal-start-x, 0px)), calc(-50% + var(--modal-start-y, 0px))) scale(0.8);\n  }\n  100% {\n    opacity: 1;\n    transform: translate(-50%, -50%) scale(1);\n  }\n}\n@keyframes anchorPopOut_e0a6b7d171 {\n  0% {\n    opacity: 1;\n    transform: translate(-50%, -50%) scale(1);\n  }\n  60%, 100% {\n    opacity: 0;\n    transform: translate(calc(-50% + var(--modal-start-x, 0px)), calc(-50% + var(--modal-start-y, 0px))) scale(0.8);\n  }\n}\n@keyframes fullViewIn_4bc02f51eb {\n  0% {\n    opacity: 0.3;\n    transform: translateY(30px);\n  }\n  33% {\n    opacity: 1;\n  }\n  100% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n@keyframes fullViewOut_06189ca26e {\n  from {\n    opacity: 1;\n    transform: translateY(0);\n  }\n  to {\n    opacity: 0;\n    transform: translateY(30px);\n  }\n}");export{n as default};
 //# sourceMappingURL=Modal.module.scss.js.map

package/dist/src/components/Modal/ModalHeader/ModalHeader.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={header:"header_b4e25ff3d7",title:"title_83b910b9cd",descriptionIcon:"descriptionIcon_0de70611f2"};!function(e){const n="s_id-348c193d77fe_4_5_3";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,d.firstChild?d.insertBefore(t,d.firstChild):d.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".header_b4e25ff3d7 {\n  width: 100%;\n  align-self: flex-start;\n}\n.header_b4e25ff3d7 .title_83b910b9cd {\n  width: 100%;\n}\n.header_b4e25ff3d7 .descriptionIcon_0de70611f2 {\n  flex-shrink: 0;\n  margin-inline-end: var(--space-4);\n  color: var(--icon-color);\n}");export{e as default};
+var e={header:"header_22c5e22ac7",title:"title_13d3be3d0a",descriptionIcon:"descriptionIcon_1a5c5c3595"};!function(e){const n="s_id-348c193d77fe_4_5_10";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const c=document.createElement("style");c.id=n,t.firstChild?t.insertBefore(c,t.firstChild):t.appendChild(c),c.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".header_22c5e22ac7 {\n  width: 100%;\n  align-self: flex-start;\n}\n.header_22c5e22ac7 .title_13d3be3d0a {\n  width: 100%;\n}\n.header_22c5e22ac7 .descriptionIcon_1a5c5c3595 {\n  flex-shrink: 0;\n  margin-inline-end: var(--space-4);\n  color: var(--icon-color);\n}");export{e as default};
 //# sourceMappingURL=ModalHeader.module.scss.js.map

package/dist/src/components/Modal/ModalMedia/ModalMedia.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={media:"media_c8e85345e8"};!function(e){const t="s_id-17d5de3a21d7_4_5_3";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)}(".media_c8e85345e8 {\n  max-width: 100%;\n  max-height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex: 1 0;\n  overflow: hidden;\n  position: relative;\n}");export{e as default};
+var e={media:"media_fc7780dbfc"};!function(e){const t="s_id-17d5de3a21d7_4_5_10";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)}(".media_fc7780dbfc {\n  max-width: 100%;\n  max-height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex: 1 0;\n  overflow: hidden;\n  position: relative;\n}");export{e as default};
 //# sourceMappingURL=ModalMedia.module.scss.js.map

package/dist/src/components/Modal/ModalTopActions/ModalTopActions.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={actions:"actions_a907d79647"};!function(e){const n="s_id-6417b75cafa5_4_5_3";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)}(".actions_a907d79647 {\n  display: flex;\n  align-items: center;\n  position: absolute;\n  inset-inline-end: var(--top-actions-margin-inline);\n  top: var(--top-actions-margin-block);\n}");export{e as default};
+var e={actions:"actions_5c4b21edf0"};!function(e){const n="s_id-6417b75cafa5_4_5_10";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)}(".actions_5c4b21edf0 {\n  display: flex;\n  align-items: center;\n  position: absolute;\n  inset-inline-end: var(--top-actions-margin-inline);\n  top: var(--top-actions-margin-block);\n}");export{e as default};
 //# sourceMappingURL=ModalTopActions.module.scss.js.map

package/dist/src/components/Modal/footers/ModalFooter/ModalFooter.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={primary:"primary_c796ad19df",secondary:"secondary_2971093735"};!function(e){const n="s_id-b4b122708c23_4_5_3";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".primary_c796ad19df {\n  order: 2;\n}\n.primary_c796ad19df:only-child {\n  margin-inline-start: auto;\n}\n\n.secondary_2971093735 {\n  order: 1;\n  margin-inline-start: auto;\n}");export{e as default};
+var e={primary:"primary_80e1a41dec",secondary:"secondary_7179879406"};!function(e){const n="s_id-b4b122708c23_4_5_10";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".primary_80e1a41dec {\n  order: 2;\n}\n.primary_80e1a41dec:only-child {\n  margin-inline-start: auto;\n}\n\n.secondary_7179879406 {\n  order: 1;\n  margin-inline-start: auto;\n}");export{e as default};
 //# sourceMappingURL=ModalFooter.module.scss.js.map

package/dist/src/components/Modal/footers/ModalFooterBase/ModalFooterBase.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={footer:"footer_365ea82a3d"};!function(e){const t="s_id-5c7b28cf0c05_4_5_3";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)}(".footer_365ea82a3d {\n  position: relative;\n  width: 100%;\n  padding: 20px var(--space-24);\n  flex-shrink: 0;\n  background-color: var(--primary-background-color);\n}");export{e as default};
+var e={footer:"footer_acf0c74bdf"};!function(e){const t="s_id-5c7b28cf0c05_4_5_10";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)}(".footer_acf0c74bdf {\n  position: relative;\n  width: 100%;\n  padding: 20px var(--space-24);\n  flex-shrink: 0;\n  background-color: var(--primary-background-color);\n}");export{e as default};
 //# sourceMappingURL=ModalFooterBase.module.scss.js.map

package/dist/src/components/Modal/footers/ModalFooterWizard/ModalFooterWizard.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={primary:"primary_c796ad19df",secondary:"secondary_8a7b0f6e54",stepDots:"stepDots_ccac8514ba"};!function(e){const n="s_id-51737ad1ac1f_4_5_3";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".primary_c796ad19df {\n  order: 2;\n}\n\n.secondary_8a7b0f6e54 {\n  order: 1;\n}\n\n.stepDots_ccac8514ba {\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%);\n  margin: 0;\n}");export{e as default};
+var e={primary:"primary_80e1a41dec",secondary:"secondary_f5ab5a0bbf",stepDots:"stepDots_df5428524a"};!function(e){const n="s_id-51737ad1ac1f_4_5_10";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".primary_80e1a41dec {\n  order: 2;\n}\n\n.secondary_f5ab5a0bbf {\n  order: 1;\n}\n\n.stepDots_df5428524a {\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%);\n  margin: 0;\n}");export{e as default};
 //# sourceMappingURL=ModalFooterWizard.module.scss.js.map

package/dist/src/components/Modal/layouts/ModalBasicLayout/ModalBasicLayout.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{slicedToArray as e,defineProperty as t}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import r,{forwardRef as o}from"react";import a from"classnames";import{getTestId as l}from"../../../../tests/testIds.js";import{ComponentDefaultTestId as s}from"../../../../tests/constants.js";import i from"./ModalBasicLayout.module.scss.js";import m from"../../../Divider/Divider.js";import n from"../ModalFooterShadow.js";import c from"../ModalLayoutScrollableContent.js";import d from"../useLayoutScrolledContent.js";import f from"../../../../../components/layout/dist/Flex/Flex.js";var p=o((function(o,p){var u=o.children,j=o.className,S=o.id,v=o["data-testid"],y=d(),h=y.ref,E=y.isContentScrolled,A=y.isScrollable,C=y.isScrolledToEnd,L=y.onScroll,M=r.Children.toArray(u),N=e(M,2),g=N[0],w=N[1];return r.createElement(r.Fragment,null,r.createElement(f,{direction:"column",align:"start",ref:p,className:a(i.layout,j),id:S,"data-testid":v||l(s.MODAL_BASIC_LAYOUT,S)},r.createElement("div",{className:i.header},g),r.createElement(m,{className:a(i.divider,t({},i.showDivider,E)),withoutMargin:!0}),r.createElement(c,{onScroll:L,className:i.content,ref:h},w)),A&&r.createElement(n,{show:!C}))}));export{p as default};
+import{slicedToArray as e,defineProperty as t}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import r,{forwardRef as o}from"react";import s from"classnames";import{getTestId as a}from"../../../../tests/testIds.js";import{ComponentDefaultTestId as l}from"../../../../tests/constants.js";import i from"./ModalBasicLayout.module.scss.js";import m from"../ModalFooterShadow.js";import n from"../ModalLayoutScrollableContent.js";import d from"../useLayoutScrolledContent.js";import c from"../../../../../components/layout/dist/Flex/Flex.js";import f from"../../../../../components/divider/dist/Divider/Divider.js";var p=o((function(o,p){var u=o.children,j=o.className,v=o.id,S=o["data-testid"],y=d(),h=y.ref,E=y.isContentScrolled,A=y.isScrollable,C=y.isScrolledToEnd,L=y.onScroll,M=r.Children.toArray(u),N=e(M,2),g=N[0],w=N[1];return r.createElement(r.Fragment,null,r.createElement(c,{direction:"column",align:"start",ref:p,className:s(i.layout,j),id:v,"data-testid":S||a(l.MODAL_BASIC_LAYOUT,v)},r.createElement("div",{className:i.header},g),r.createElement(f,{className:s(i.divider,t({},i.showDivider,E)),withoutMargin:!0}),r.createElement(n,{onScroll:L,className:i.content,ref:h},w)),A&&r.createElement(m,{show:!C}))}));export{p as default};
 //# sourceMappingURL=ModalBasicLayout.js.map