@vibe/core 4.2.1 → 4.2.3

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

@@ -1,2 +1,2 @@
-import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import o from"classnames";import t,{forwardRef as i,useContext as s,useRef as r,useEffect as a,useCallback as n}from"react";import{camelCase as d}from"es-toolkit";import{useMergeRef as m,useKeyEvent as l,getStyle as c,NOOP as p}from"@vibe/shared";import{Text as u}from"@vibe/typography/mockedClassNames";import{SELECTION_KEYS as f}from"../../constants/keyCodes.js";import{SIZES as v}from"../../constants/sizes.js";import"@vibe/hooks";import"../Menu/Menu/hooks/useLastNavigationDirection.js";import"../../hooks/useFullKeyboardListeners.js";import"../../hooks/useActiveDescendantListFocus/index.js";import"../../hooks/useVibeMediaQuery/index.js";import"../../hooks/useSwitch/index.js";import{ListContext as b}from"../List/utils/ListContext.js";import k from"./ListItem.module.scss.js";var j=i((function(i,j){var h=i.className,y=i.id,L=i.component,x=void 0===L?"div":L,I=i.onClick,C=void 0===I?p:I,M=i.onHover,N=void 0===M?p:M,g=i.selected,F=i.disabled,P=void 0!==F&&F,z=i.size,A=void 0===z?v.SMALL:z,D=i.tabIndex,E=void 0===D?0:D,H=i.children,S=i["aria-current"],_=i["data-testid"],w=i.role,B=void 0===w?"option":w,K=i.tooltipProps,O=s(b).updateFocusedItem,Q=r(null),V=m(j,Q);a((function(){g&&(null==O||O(y))}),[g,y,O]);var q=n((function(e){P||C(e,y)}),[P,C,y]),G=n((function(e){return q(e)}),[q]);l({keys:f,ref:Q,callback:G});var J=n((function(e){P||N(e,y)}),[P,N,y]);return t.createElement(u,{element:x,"data-testid":_||y,ref:V,className:o(k.listItem,h,c(k,d(A)),e(e({},k.selected,g&&!P),k.disabled,P)),id:y,type:"text2","aria-disabled":P,"aria-selected":g,onClick:q,onMouseEnter:J,onFocus:J,role:B,tabIndex:E,"aria-current":S,tooltipProps:K},H)}));Object.assign(j,{displayName:"ListItem"});export{j as default};
+import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import o from"classnames";import t,{forwardRef as i,useContext as s,useRef as r,useEffect as a,useCallback as n}from"react";import{camelCase as d}from"es-toolkit";import{useMergeRef as m,NOOP as l,useKeyEvent as c,getStyle as p}from"@vibe/shared";import{Text as u}from"@vibe/typography/mockedClassNames";import{SELECTION_KEYS as f}from"../../constants/keyCodes.js";import{SIZES as v}from"../../constants/sizes.js";import"@vibe/hooks";import"../Menu/Menu/hooks/useLastNavigationDirection.js";import"../../hooks/useFullKeyboardListeners.js";import"../../hooks/useActiveDescendantListFocus/index.js";import"../../hooks/useVibeMediaQuery/index.js";import"../../hooks/useSwitch/index.js";import{ListContext as b}from"../List/utils/ListContext.js";import k from"./ListItem.module.scss.js";var j=i((function(i,j){var h=i.className,y=i.id,L=i.component,x=void 0===L?"div":L,I=i.onClick,C=void 0===I?l:I,M=i.onHover,N=void 0===M?l:M,g=i.selected,F=i.disabled,P=void 0!==F&&F,z=i.size,A=void 0===z?v.SMALL:z,D=i.tabIndex,E=void 0===D?0:D,H=i.children,S=i["aria-current"],_=i["data-testid"],w=i.role,B=void 0===w?"option":w,K=i.tooltipProps,O=s(b).updateFocusedItem,Q=r(null),V=m(j,Q);a((function(){g&&(null==O||O(y))}),[g,y,O]);var q=n((function(e){P||C(e,y)}),[P,C,y]),G=n((function(e){return q(e)}),[q]);c({keys:f,ref:Q,callback:G});var J=n((function(e){P||N(e,y)}),[P,N,y]);return t.createElement(u,{element:x,"data-testid":_||y,ref:V,className:o(k.listItem,h,p(k,d(A)),e(e({},k.selected,g&&!P),k.disabled,P)),id:y,type:"text2","aria-disabled":P,"aria-selected":g,onClick:q,onMouseEnter:J,onFocus:J,role:B,tabIndex:E,"aria-current":S,tooltipProps:K},H)}));Object.assign(j,{displayName:"ListItem"});export{j as default};
 //# sourceMappingURL=ListItem.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ListItem.js","sources":["../../../../../src/components/ListItem/ListItem.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, {\n  type AriaAttributes,\n  type AriaRole,\n  forwardRef,\n  useCallback,\n  useContext,\n  useEffect,\n  useRef\n} from \"react\";\nimport { camelCase } from \"es-toolkit\";\nimport { getStyle, NOOP, useMergeRef } from \"@vibe/shared\";\nimport { Text } from \"@vibe/typography\";\nimport { SIZES, SELECTION_KEYS } from \"../../constants\";\n\nimport { type VibeComponentProps, type ElementContent } from \"../../types\";\nimport { useKeyEvent } from \"../../hooks\";\n\nimport { ListContext } from \"../List/utils/ListContext\";\nimport { type ListItemElement, type ListItemSize } from \"./ListItem.types\";\nimport { type TooltipProps } from \"@vibe/tooltip\";\nimport styles from \"./ListItem.module.scss\";\n\nexport interface ListItemProps extends VibeComponentProps {\n  /**\n   * The HTML element used for the list item.\n   */\n  component?: ListItemElement;\n  /**\n   * The textual content inside the list item.\n   */\n  children?: ElementContent;\n  /**\n   * Callback fired when the item is clicked.\n   */\n  onClick?: (event: React.MouseEvent | React.KeyboardEvent, id: string) => void;\n  /**\n   * Callback fired when the item is hovered.\n   */\n  onHover?: (event: React.MouseEvent | React.FocusEvent, id: string) => void;\n  /**\n   * If true, disables the item and prevents interactions.\n   */\n  disabled?: boolean;\n  /**\n   * If true, marks the item as selected.\n   */\n  selected?: boolean;\n  /**\n   * The size of the list item.\n   */\n  size?: ListItemSize;\n  /**\n   * The tab index of the list item for keyboard navigation.\n   */\n  tabIndex?: number;\n  /**\n   * Indicates the current state of the item in a set of items.\n   */\n  \"aria-current\"?: AriaAttributes[\"aria-current\"];\n  /**\n   * The ARIA role of the list item.\n   */\n  role?: AriaRole;\n  /**\n   * Props passed to the tooltip displayed when hovering over the text.\n   */\n  tooltipProps?: Partial<TooltipProps>;\n}\n\nconst ListItem = forwardRef(\n  (\n    {\n      className,\n      id,\n      component = \"div\",\n      onClick = NOOP,\n      onHover = NOOP,\n      selected,\n      disabled = false,\n      size = SIZES.SMALL,\n      tabIndex = 0,\n      children,\n      \"aria-current\": ariaCurrent,\n      \"data-testid\": dataTestId,\n      role = \"option\",\n      tooltipProps\n    }: ListItemProps,\n    ref: React.ForwardedRef<HTMLElement>\n  ) => {\n    const { updateFocusedItem } = useContext(ListContext);\n    const componentRef = useRef(null);\n    const mergedRef = useMergeRef(ref, componentRef);\n\n    useEffect(() => {\n      if (selected) {\n        updateFocusedItem?.(id);\n      }\n    }, [selected, id, updateFocusedItem]);\n\n    const componentOnClick = useCallback(\n      (event: React.MouseEvent | React.KeyboardEvent) => {\n        if (disabled) return;\n        onClick(event, id);\n      },\n      [disabled, onClick, id]\n    );\n\n    const onKeyboardSelect = useCallback((event: React.KeyboardEvent) => componentOnClick(event), [componentOnClick]);\n\n    useKeyEvent({\n      keys: SELECTION_KEYS,\n      ref: componentRef,\n      callback: onKeyboardSelect\n    });\n\n    const componentOnHover = useCallback(\n      (event: React.MouseEvent | React.FocusEvent) => {\n        if (disabled) return;\n        onHover(event, id);\n      },\n      [disabled, onHover, id]\n    );\n\n    return (\n      <Text\n        element={component}\n        data-testid={dataTestId || id}\n        ref={mergedRef}\n        className={cx(styles.listItem, className, getStyle(styles, camelCase(size)), {\n          [styles.selected]: selected && !disabled,\n          [styles.disabled]: disabled\n        })}\n        id={id}\n        type=\"text2\"\n        aria-disabled={disabled}\n        aria-selected={selected}\n        onClick={componentOnClick}\n        onMouseEnter={componentOnHover}\n        onFocus={componentOnHover}\n        role={role}\n        tabIndex={tabIndex}\n        aria-current={ariaCurrent}\n        tooltipProps={tooltipProps}\n      >\n        {children}\n      </Text>\n    );\n  }\n);\n\nObject.assign(ListItem, {\n  // Used by VirtualizedListItems\n  displayName: \"ListItem\"\n});\n\nexport default ListItem;\n"],"names":["ListItem","forwardRef","_ref","ref","className","id","_ref$component","component","_ref$onClick","onClick","NOOP","_ref$onHover","onHover","selected","_ref$disabled","disabled","_ref$size","size","SIZES","SMALL","_ref$tabIndex","tabIndex","children","ariaCurrent","dataTestId","_ref$role","role","tooltipProps","updateFocusedItem","useContext","ListContext","componentRef","useRef","mergedRef","useMergeRef","useEffect","componentOnClick","useCallback","event","onKeyboardSelect","useKeyEvent","keys","SELECTION_KEYS","callback","componentOnHover","React","createElement","Text","element","cx","styles","listItem","getStyle","camelCase","_defineProperty","type","onMouseEnter","onFocus","Object","assign","displayName"],"mappings":"+1BAsEMA,IAAAA,EAAWC,GACf,SAAAC,EAiBEC,GACE,IAhBAC,EAASF,EAATE,UACAC,EAAEH,EAAFG,GAAEC,EAAAJ,EACFK,UAAAA,OAAY,IAAHD,EAAG,MAAKA,EAAAE,EAAAN,EACjBO,QAAAA,OAAUC,IAAHF,EAAGE,EAAIF,EAAAG,EAAAT,EACdU,QAAAA,OAAUF,IAAHC,EAAGD,EAAIC,EACdE,EAAQX,EAARW,SAAQC,EAAAZ,EACRa,SAAAA,OAAW,IAAHD,GAAQA,EAAAE,EAAAd,EAChBe,KAAAA,OAAI,IAAAD,EAAGE,EAAMC,MAAKH,EAAAI,EAAAlB,EAClBmB,SAAAA,OAAW,IAAHD,EAAG,EAACA,EACZE,EAAQpB,EAARoB,SACgBC,EAAWrB,EAA3B,gBACesB,EAAUtB,EAAzB,eAAauB,EAAAvB,EACbwB,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EACfE,EAAYzB,EAAZyB,aAIMC,EAAsBC,EAAWC,GAAjCF,kBACFG,EAAeC,EAAO,MACtBC,EAAYC,EAAY/B,EAAK4B,GAEnCI,GAAU,WACJtB,IACFe,SAAAA,EAAoBvB,GAEvB,GAAE,CAACQ,EAAUR,EAAIuB,IAElB,IAAMQ,EAAmBC,GACvB,SAACC,GACKvB,GACJN,EAAQ6B,EAAOjC,EAChB,GACD,CAACU,EAAUN,EAASJ,IAGhBkC,EAAmBF,GAAY,SAACC,GAA0B,OAAKF,EAAiBE,KAAQ,CAACF,IAE/FI,EAAY,CACVC,KAAMC,EACNvC,IAAK4B,EACLY,SAAUJ,IAGZ,IAAMK,EAAmBP,GACvB,SAACC,GACKvB,GACJH,EAAQ0B,EAAOjC,EAChB,GACD,CAACU,EAAUH,EAASP,IAGtB,OACEwC,EAAAC,cAACC,EAAI,CACHC,QAASzC,EACI,cAAAiB,GAAcnB,EAC3BF,IAAK8B,EACL7B,UAAW6C,EAAGC,EAAOC,SAAU/C,EAAWgD,EAASF,EAAQG,EAAUpC,IAAMqC,EAAAA,EACxEJ,CAAAA,EAAAA,EAAOrC,SAAWA,IAAaE,GAC/BmC,EAAOnC,SAAWA,IAErBV,GAAIA,EACJkD,KAAK,QAAO,gBACGxC,EACA,gBAAAF,EACfJ,QAAS2B,EACToB,aAAcZ,EACda,QAASb,EACTlB,KAAMA,EACNL,SAAUA,iBACIE,EACdI,aAAcA,GAEbL,EAGP,IAGFoC,OAAOC,OAAO3D,EAAU,CAEtB4D,YAAa"}
+{"version":3,"file":"ListItem.js","sources":["../../../../../src/components/ListItem/ListItem.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, {\n  type AriaAttributes,\n  type AriaRole,\n  forwardRef,\n  useCallback,\n  useContext,\n  useEffect,\n  useRef\n} from \"react\";\nimport { camelCase } from \"es-toolkit\";\nimport { getStyle, NOOP, useMergeRef } from \"@vibe/shared\";\nimport { Text } from \"@vibe/typography\";\nimport { SIZES, SELECTION_KEYS } from \"../../constants\";\n\nimport { type VibeComponentProps, type ElementContent } from \"../../types\";\nimport { useKeyEvent } from \"../../hooks\";\n\nimport { ListContext } from \"../List/utils/ListContext\";\nimport { type ListItemElement, type ListItemSize } from \"./ListItem.types\";\nimport { type TooltipProps } from \"@vibe/tooltip\";\nimport styles from \"./ListItem.module.scss\";\n\nexport interface ListItemProps extends VibeComponentProps {\n  /**\n   * The HTML element used for the list item.\n   */\n  component?: ListItemElement;\n  /**\n   * The textual content inside the list item.\n   */\n  children?: ElementContent;\n  /**\n   * Callback fired when the item is clicked.\n   */\n  onClick?: (event: React.MouseEvent | React.KeyboardEvent, id: string) => void;\n  /**\n   * Callback fired when the item is hovered.\n   */\n  onHover?: (event: React.MouseEvent | React.FocusEvent, id: string) => void;\n  /**\n   * If true, disables the item and prevents interactions.\n   */\n  disabled?: boolean;\n  /**\n   * If true, marks the item as selected.\n   */\n  selected?: boolean;\n  /**\n   * The size of the list item.\n   */\n  size?: ListItemSize;\n  /**\n   * The tab index of the list item for keyboard navigation.\n   */\n  tabIndex?: number;\n  /**\n   * Indicates the current state of the item in a set of items.\n   */\n  \"aria-current\"?: AriaAttributes[\"aria-current\"];\n  /**\n   * The ARIA role of the list item.\n   */\n  role?: AriaRole;\n  /**\n   * Props passed to the tooltip displayed when hovering over the text.\n   */\n  tooltipProps?: Partial<TooltipProps>;\n}\n\nconst ListItem = forwardRef(\n  (\n    {\n      className,\n      id,\n      component = \"div\",\n      onClick = NOOP,\n      onHover = NOOP,\n      selected,\n      disabled = false,\n      size = SIZES.SMALL,\n      tabIndex = 0,\n      children,\n      \"aria-current\": ariaCurrent,\n      \"data-testid\": dataTestId,\n      role = \"option\",\n      tooltipProps\n    }: ListItemProps,\n    ref: React.ForwardedRef<HTMLElement>\n  ) => {\n    const { updateFocusedItem } = useContext(ListContext);\n    const componentRef = useRef(null);\n    const mergedRef = useMergeRef(ref, componentRef);\n\n    useEffect(() => {\n      if (selected) {\n        updateFocusedItem?.(id);\n      }\n    }, [selected, id, updateFocusedItem]);\n\n    const componentOnClick = useCallback(\n      (event: React.MouseEvent | React.KeyboardEvent) => {\n        if (disabled) return;\n        onClick(event, id);\n      },\n      [disabled, onClick, id]\n    );\n\n    const onKeyboardSelect = useCallback((event: React.KeyboardEvent) => componentOnClick(event), [componentOnClick]);\n\n    useKeyEvent({\n      keys: SELECTION_KEYS,\n      ref: componentRef,\n      callback: onKeyboardSelect\n    });\n\n    const componentOnHover = useCallback(\n      (event: React.MouseEvent | React.FocusEvent) => {\n        if (disabled) return;\n        onHover(event, id);\n      },\n      [disabled, onHover, id]\n    );\n\n    return (\n      <Text\n        element={component}\n        data-testid={dataTestId || id}\n        ref={mergedRef}\n        className={cx(styles.listItem, className, getStyle(styles, camelCase(size)), {\n          [styles.selected]: selected && !disabled,\n          [styles.disabled]: disabled\n        })}\n        id={id}\n        type=\"text2\"\n        aria-disabled={disabled}\n        aria-selected={selected}\n        onClick={componentOnClick}\n        onMouseEnter={componentOnHover}\n        onFocus={componentOnHover}\n        role={role}\n        tabIndex={tabIndex}\n        aria-current={ariaCurrent}\n        tooltipProps={tooltipProps}\n      >\n        {children}\n      </Text>\n    );\n  }\n);\n\nObject.assign(ListItem, {\n  // Used by VirtualizedListItems\n  displayName: \"ListItem\"\n});\n\nexport default ListItem;\n"],"names":["ListItem","forwardRef","_ref","ref","className","id","_ref$component","component","_ref$onClick","onClick","NOOP","_ref$onHover","onHover","selected","_ref$disabled","disabled","_ref$size","size","SIZES","SMALL","_ref$tabIndex","tabIndex","children","ariaCurrent","dataTestId","_ref$role","role","tooltipProps","updateFocusedItem","useContext","ListContext","componentRef","useRef","mergedRef","useMergeRef","useEffect","componentOnClick","useCallback","event","onKeyboardSelect","useKeyEvent","keys","SELECTION_KEYS","callback","componentOnHover","React","createElement","Text","element","cx","styles","listItem","getStyle","camelCase","_defineProperty","type","onMouseEnter","onFocus","Object","assign","displayName"],"mappings":"+1BAsEA,IAAMA,EAAWC,GACf,SAAAC,EAiBEC,GACE,IAhBAC,EAASF,EAATE,UACAC,EAAEH,EAAFG,GAAEC,EAAAJ,EACFK,UAAAA,OAAS,IAAAD,EAAG,MAAKA,EAAAE,EAAAN,EACjBO,QAAAA,OAAO,IAAAD,EAAGE,EAAIF,EAAAG,EAAAT,EACdU,QAAAA,OAAO,IAAAD,EAAGD,EAAIC,EACdE,EAAQX,EAARW,SAAQC,EAAAZ,EACRa,SAAAA,OAAQ,IAAAD,GAAQA,EAAAE,EAAAd,EAChBe,KAAAA,OAAI,IAAAD,EAAGE,EAAMC,MAAKH,EAAAI,EAAAlB,EAClBmB,SAAAA,OAAQ,IAAAD,EAAG,EAACA,EACZE,EAAQpB,EAARoB,SACgBC,EAAWrB,EAA3B,gBACesB,EAAUtB,EAAzB,eAAauB,EAAAvB,EACbwB,KAAAA,OAAI,IAAAD,EAAG,SAAQA,EACfE,EAAYzB,EAAZyB,aAIMC,EAAsBC,EAAWC,GAAjCF,kBACFG,EAAeC,EAAO,MACtBC,EAAYC,EAAY/B,EAAK4B,GAEnCI,GAAU,WACJtB,IACFe,SAAAA,EAAoBvB,GAExB,GAAG,CAACQ,EAAUR,EAAIuB,IAElB,IAAMQ,EAAmBC,GACvB,SAACC,GACKvB,GACJN,EAAQ6B,EAAOjC,EACjB,GACA,CAACU,EAAUN,EAASJ,IAGhBkC,EAAmBF,GAAY,SAACC,GAA0B,OAAKF,EAAiBE,EAAM,GAAE,CAACF,IAE/FI,EAAY,CACVC,KAAMC,EACNvC,IAAK4B,EACLY,SAAUJ,IAGZ,IAAMK,EAAmBP,GACvB,SAACC,GACKvB,GACJH,EAAQ0B,EAAOjC,EACjB,GACA,CAACU,EAAUH,EAASP,IAGtB,OACEwC,EAAAC,cAACC,EAAI,CACHC,QAASzC,EAAS,cACLiB,GAAcnB,EAC3BF,IAAK8B,EACL7B,UAAW6C,EAAGC,EAAOC,SAAU/C,EAAWgD,EAASF,EAAQG,EAAUpC,IAAMqC,EAAAA,EAAA,CAAA,EACxEJ,EAAOrC,SAAWA,IAAaE,GAC/BmC,EAAOnC,SAAWA,IAErBV,GAAIA,EACJkD,KAAK,QAAO,gBACGxC,EAAQ,gBACRF,EACfJ,QAAS2B,EACToB,aAAcZ,EACda,QAASb,EACTlB,KAAMA,EACNL,SAAUA,iBACIE,EACdI,aAAcA,GAEbL,EAGP,IAGFoC,OAAOC,OAAO3D,EAAU,CAEtB4D,YAAa"}

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

@@ -1,2 +1,2 @@
-var e={listItem:"listItem","focus-visible":"focus-visible",disabled:"disabled",selected:"selected",small:"small",medium:"medium",large:"large"};!function(e){const n="s_id-8402a299d384_4_2_0";if("undefined"!=typeof document){const l=document.head||document.getElementsByTagName("head")[0];if(l.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,l.firstChild?l.insertBefore(t,l.firstChild):l.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable selector-class-pattern */\n/* stylelint-disable */\n/* stylelint-enable */\n.listItem {\n  display: flex;\n  align-items: center;\n  padding: 8px 16px;\n  border-radius: 4px;\n  cursor: pointer;\n}\n.listItem:focus-visible, .listItem.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5) inset, 0 0 0 1px var(--primary-hover-color) inset;\n}\n.listItem:focus:not(.focus-visible) {\n  outline: none;\n}\n.listItem:hover {\n  background-color: var(--primary-background-hover-color);\n}\n.disabled {\n  cursor: not-allowed;\n}\n.disabled:hover {\n  background-color: transparent;\n}\n.selected {\n  background-color: var(--primary-selected-color);\n}\n.selected:hover {\n  background-color: var(--primary-selected-color);\n}\n.small {\n  height: 32px;\n}\n.medium {\n  height: 40px;\n}\n.large {\n  height: 48px;\n}");export{e as default};
+var e={listItem:"listItem","focus-visible":"focus-visible",disabled:"disabled",selected:"selected",small:"small",medium:"medium",large:"large"};!function(e){const n="s_id-8402a299d384_4_2_2";if("undefined"!=typeof document){const l=document.head||document.getElementsByTagName("head")[0];if(l.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,l.firstChild?l.insertBefore(t,l.firstChild):l.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable selector-class-pattern */\n/* stylelint-disable */\n/* stylelint-enable */\n.listItem {\n  display: flex;\n  align-items: center;\n  padding: 8px 16px;\n  border-radius: 4px;\n  cursor: pointer;\n}\n.listItem:focus-visible, .listItem.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5) inset, 0 0 0 1px var(--primary-hover-color) inset;\n}\n.listItem:focus:not(.focus-visible) {\n  outline: none;\n}\n.listItem:hover {\n  background-color: var(--primary-background-hover-color);\n}\n.disabled {\n  cursor: not-allowed;\n}\n.disabled:hover {\n  background-color: transparent;\n}\n.selected {\n  background-color: var(--primary-selected-color);\n}\n.selected:hover {\n  background-color: var(--primary-selected-color);\n}\n.small {\n  height: 32px;\n}\n.medium {\n  height: 40px;\n}\n.large {\n  height: 48px;\n}");export{e as default};
 //# sourceMappingURL=ListItem.module.scss.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ListItemAvatar.js","sources":["../../../../../src/components/ListItemAvatar/ListItemAvatar.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from \"react\";\nimport cx from \"classnames\";\nimport { useMergeRef } from \"@vibe/shared\";\nimport { type VibeComponentProps } from \"../../types\";\nimport Avatar from \"../Avatar/Avatar\";\nimport { type ListItemElement } from \"../ListItem\";\nimport styles from \"./ListItemAvatar.module.scss\";\n\nexport interface ListItemAvatarProps extends VibeComponentProps {\n  /**\n   * The HTML element used for the list item avatar.\n   */\n  component?: ListItemElement;\n  /**\n   * The source URL of the avatar image.\n   */\n  src?: string;\n  /**\n   * Class name applied to the avatar.\n   */\n  avatarClassName?: string;\n}\n\nconst ListItemAvatar = forwardRef(\n  (\n    { className, id, src, avatarClassName, component: Component = \"div\" }: ListItemAvatarProps,\n    ref: React.ForwardedRef<HTMLElement>\n  ) => {\n    const componentRef = useRef(null);\n    const mergedRef = useMergeRef(ref, componentRef);\n\n    return (\n      <Component ref={mergedRef} className={cx(styles.listItemAvatar, className)} id={id} aria-hidden=\"true\">\n        <Avatar src={src} type=\"img\" size=\"small\" className={cx(styles.avatar, avatarClassName)} />\n      </Component>\n    );\n  }\n);\n\nexport default ListItemAvatar;\n"],"names":["ListItemAvatar","forwardRef","_ref","ref","className","id","src","avatarClassName","_ref$component","component","Component","componentRef","useRef","mergedRef","useMergeRef","React","cx","styles","listItemAvatar","createElement","Avatar","type","size","avatar"],"mappings":"yMAuBMA,IAAAA,EAAiBC,GACrB,SAAAC,EAEEC,GACE,IAFAC,EAASF,EAATE,UAAWC,EAAEH,EAAFG,GAAIC,EAAGJ,EAAHI,IAAKC,EAAeL,EAAfK,gBAAeC,EAAAN,EAAEO,UAAWC,OAAY,IAAHF,EAAG,MAAKA,EAG7DG,EAAeC,EAAO,MACtBC,EAAYC,EAAYX,EAAKQ,GAEnC,OACEI,gBAACL,EAAS,CAACP,IAAKU,EAAWT,UAAWY,EAAGC,EAAOC,eAAgBd,GAAYC,GAAIA,EAAE,cAAc,QAC9FU,EAACI,cAAAC,EAAO,CAAAd,IAAKA,EAAKe,KAAK,MAAMC,KAAK,QAAQlB,UAAWY,EAAGC,EAAOM,OAAQhB,KAG7E"}
+{"version":3,"file":"ListItemAvatar.js","sources":["../../../../../src/components/ListItemAvatar/ListItemAvatar.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from \"react\";\nimport cx from \"classnames\";\nimport { useMergeRef } from \"@vibe/shared\";\nimport { type VibeComponentProps } from \"../../types\";\nimport Avatar from \"../Avatar/Avatar\";\nimport { type ListItemElement } from \"../ListItem\";\nimport styles from \"./ListItemAvatar.module.scss\";\n\nexport interface ListItemAvatarProps extends VibeComponentProps {\n  /**\n   * The HTML element used for the list item avatar.\n   */\n  component?: ListItemElement;\n  /**\n   * The source URL of the avatar image.\n   */\n  src?: string;\n  /**\n   * Class name applied to the avatar.\n   */\n  avatarClassName?: string;\n}\n\nconst ListItemAvatar = forwardRef(\n  (\n    { className, id, src, avatarClassName, component: Component = \"div\" }: ListItemAvatarProps,\n    ref: React.ForwardedRef<HTMLElement>\n  ) => {\n    const componentRef = useRef(null);\n    const mergedRef = useMergeRef(ref, componentRef);\n\n    return (\n      <Component ref={mergedRef} className={cx(styles.listItemAvatar, className)} id={id} aria-hidden=\"true\">\n        <Avatar src={src} type=\"img\" size=\"small\" className={cx(styles.avatar, avatarClassName)} />\n      </Component>\n    );\n  }\n);\n\nexport default ListItemAvatar;\n"],"names":["ListItemAvatar","forwardRef","_ref","ref","className","id","src","avatarClassName","_ref$component","component","Component","componentRef","useRef","mergedRef","useMergeRef","React","cx","styles","listItemAvatar","createElement","Avatar","type","size","avatar"],"mappings":"yMAuBA,IAAMA,EAAiBC,GACrB,SAAAC,EAEEC,GACE,IAFAC,EAASF,EAATE,UAAWC,EAAEH,EAAFG,GAAIC,EAAGJ,EAAHI,IAAKC,EAAeL,EAAfK,gBAAeC,EAAAN,EAAEO,UAAWC,OAAS,IAAAF,EAAG,MAAKA,EAG7DG,EAAeC,EAAO,MACtBC,EAAYC,EAAYX,EAAKQ,GAEnC,OACEI,gBAACL,EAAS,CAACP,IAAKU,EAAWT,UAAWY,EAAGC,EAAOC,eAAgBd,GAAYC,GAAIA,EAAE,cAAc,QAC9FU,EAAAI,cAACC,EAAM,CAACd,IAAKA,EAAKe,KAAK,MAAMC,KAAK,QAAQlB,UAAWY,EAAGC,EAAOM,OAAQhB,KAG7E"}

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

@@ -1,2 +1,2 @@
-var e={listItemAvatar:"listItemAvatar",avatar:"avatar"};!function(e){const t="s_id-4e549e461b77_4_2_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.listItemAvatar {\n  display: flex;\n  align-items: center;\n  color: var(--primary-text-color);\n}\n.avatar {\n  width: 22px;\n  height: 22px;\n  margin-inline-end: var(--space-8);\n}");export{e as default};
+var e={listItemAvatar:"listItemAvatar",avatar:"avatar"};!function(e){const t="s_id-4e549e461b77_4_2_2";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.listItemAvatar {\n  display: flex;\n  align-items: center;\n  color: var(--primary-text-color);\n}\n.avatar {\n  width: 22px;\n  height: 22px;\n  margin-inline-end: var(--space-8);\n}");export{e as default};
 //# sourceMappingURL=ListItemAvatar.module.scss.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ListItemIcon.js","sources":["../../../../../src/components/ListItemIcon/ListItemIcon.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { forwardRef, useRef } from \"react\";\nimport { useMergeRef, getStyle } from \"@vibe/shared\";\nimport { Icon, type SubIcon } from \"@vibe/icon\";\nimport { type ListItemElement } from \"../ListItem\";\nimport { type VibeComponentProps } from \"../../types\";\n\nimport styles from \"./ListItemIcon.module.scss\";\nimport { type ListItemIconMargin } from \"./ListItemIcon.types\";\n\nexport const LIST_ITEM_ICON_SIZE = 18;\n\nexport interface ListItemIconProps extends VibeComponentProps {\n  /**\n   * The HTML element used for the list item icon.\n   */\n  component?: ListItemElement;\n  /**\n   * The icon displayed inside the list item.\n   */\n  icon?: SubIcon;\n  /**\n   * The position of the icon inside the list item, determining its margins.\n   */\n  margin?: ListItemIconMargin;\n}\n\nconst ListItemIcon = forwardRef(\n  (\n    { className, id, icon, margin = \"start\", component: Component = \"div\" }: ListItemIconProps,\n    ref: React.ForwardedRef<HTMLElement>\n  ) => {\n    const componentRef = useRef(null);\n    const mergedRef = useMergeRef(ref, componentRef);\n\n    return (\n      <Component\n        ref={mergedRef}\n        className={cx(styles.listItemIcon, getStyle(styles, margin), className)}\n        id={id}\n        aria-hidden=\"true\"\n      >\n        <Icon icon={icon} ignoreFocusStyle size={LIST_ITEM_ICON_SIZE} />\n      </Component>\n    );\n  }\n);\n\nexport default ListItemIcon;\n"],"names":["LIST_ITEM_ICON_SIZE","ListItemIcon","forwardRef","_ref","ref","className","id","icon","_ref$margin","margin","_ref$component","component","Component","componentRef","useRef","mergedRef","useMergeRef","React","createElement","cx","styles","listItemIcon","getStyle","Icon","ignoreFocusStyle","size"],"mappings":"qOAUO,IAAMA,EAAsB,GAiB7BC,EAAeC,GACnB,SAAAC,EAEEC,GACE,IAFAC,EAASF,EAATE,UAAWC,EAAEH,EAAFG,GAAIC,EAAIJ,EAAJI,KAAIC,EAAAL,EAAEM,OAAAA,OAAS,IAAHD,EAAG,QAAOA,EAAAE,EAAAP,EAAEQ,UAAWC,OAAY,IAAHF,EAAG,MAAKA,EAG/DG,EAAeC,EAAO,MACtBC,EAAYC,EAAYZ,EAAKS,GAEnC,OACEI,EAAAC,cAACN,EAAS,CACRR,IAAKW,EACLV,UAAWc,EAAGC,EAAOC,aAAcC,EAASF,EAAQX,GAASJ,GAC7DC,GAAIA,gBACQ,QAEZW,EAAAC,cAACK,EAAI,CAAChB,KAAMA,EAAMiB,kBAAiB,EAAAC,KAhCR,KAmCjC"}
+{"version":3,"file":"ListItemIcon.js","sources":["../../../../../src/components/ListItemIcon/ListItemIcon.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { forwardRef, useRef } from \"react\";\nimport { useMergeRef, getStyle } from \"@vibe/shared\";\nimport { Icon, type SubIcon } from \"@vibe/icon\";\nimport { type ListItemElement } from \"../ListItem\";\nimport { type VibeComponentProps } from \"../../types\";\n\nimport styles from \"./ListItemIcon.module.scss\";\nimport { type ListItemIconMargin } from \"./ListItemIcon.types\";\n\nexport const LIST_ITEM_ICON_SIZE = 18;\n\nexport interface ListItemIconProps extends VibeComponentProps {\n  /**\n   * The HTML element used for the list item icon.\n   */\n  component?: ListItemElement;\n  /**\n   * The icon displayed inside the list item.\n   */\n  icon?: SubIcon;\n  /**\n   * The position of the icon inside the list item, determining its margins.\n   */\n  margin?: ListItemIconMargin;\n}\n\nconst ListItemIcon = forwardRef(\n  (\n    { className, id, icon, margin = \"start\", component: Component = \"div\" }: ListItemIconProps,\n    ref: React.ForwardedRef<HTMLElement>\n  ) => {\n    const componentRef = useRef(null);\n    const mergedRef = useMergeRef(ref, componentRef);\n\n    return (\n      <Component\n        ref={mergedRef}\n        className={cx(styles.listItemIcon, getStyle(styles, margin), className)}\n        id={id}\n        aria-hidden=\"true\"\n      >\n        <Icon icon={icon} ignoreFocusStyle size={LIST_ITEM_ICON_SIZE} />\n      </Component>\n    );\n  }\n);\n\nexport default ListItemIcon;\n"],"names":["LIST_ITEM_ICON_SIZE","ListItemIcon","forwardRef","_ref","ref","className","id","icon","_ref$margin","margin","_ref$component","component","Component","componentRef","useRef","mergedRef","useMergeRef","React","createElement","cx","styles","listItemIcon","getStyle","Icon","ignoreFocusStyle","size"],"mappings":"qOAUO,IAAMA,EAAsB,GAiB7BC,EAAeC,GACnB,SAAAC,EAEEC,GACE,IAFAC,EAASF,EAATE,UAAWC,EAAEH,EAAFG,GAAIC,EAAIJ,EAAJI,KAAIC,EAAAL,EAAEM,OAAAA,OAAM,IAAAD,EAAG,QAAOA,EAAAE,EAAAP,EAAEQ,UAAWC,OAAS,IAAAF,EAAG,MAAKA,EAG/DG,EAAeC,EAAO,MACtBC,EAAYC,EAAYZ,EAAKS,GAEnC,OACEI,EAAAC,cAACN,EAAS,CACRR,IAAKW,EACLV,UAAWc,EAAGC,EAAOC,aAAcC,EAASF,EAAQX,GAASJ,GAC7DC,GAAIA,gBACQ,QAEZW,EAAAC,cAACK,EAAI,CAAChB,KAAMA,EAAMiB,kBAAgB,EAACC,KAhCR,KAmCjC"}

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

@@ -1,2 +1,2 @@
-var e={listItemIcon:"listItemIcon",start:"start",end:"end"};!function(e){const n="s_id-1b4ecdbffa23_4_2_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.listItemIcon {\n  display: flex;\n  align-items: center;\n  color: var(--primary-text-color);\n}\n.start {\n  margin-inline-end: var(--space-8);\n}\n.end {\n  margin-inline-start: var(--space-8);\n}");export{e as default};
+var e={listItemIcon:"listItemIcon",start:"start",end:"end"};!function(e){const n="s_id-1b4ecdbffa23_4_2_2";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.listItemIcon {\n  display: flex;\n  align-items: center;\n  color: var(--primary-text-color);\n}\n.start {\n  margin-inline-end: var(--space-8);\n}\n.end {\n  margin-inline-start: var(--space-8);\n}");export{e as default};
 //# sourceMappingURL=ListItemIcon.module.scss.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ListTitle.js","sources":["../../../../../src/components/ListTitle/ListTitle.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { forwardRef, useRef } from \"react\";\nimport { useMergeRef } from \"@vibe/shared\";\nimport type VibeComponentProps from \"../../types/VibeComponentProps\";\nimport { Text } from \"@vibe/typography\";\nimport styles from \"./ListTitle.module.scss\";\n\nexport interface ListTitleProps extends VibeComponentProps {\n  /**\n   * The tab index for keyboard navigation.\n   */\n  tabIndex?: number;\n  /**\n   * The title text.\n   */\n  children?: string;\n}\n\nconst ListTitle: React.FC<ListTitleProps> = forwardRef(\n  ({ className, id, children, tabIndex, \"data-testid\": dataTestId }, ref) => {\n    const componentRef = useRef(null);\n    const mergedRef = useMergeRef(ref, componentRef);\n\n    return (\n      <Text\n        type=\"text1\"\n        weight=\"medium\"\n        data-testid={dataTestId || id}\n        aria-level={3}\n        tabIndex={tabIndex}\n        role=\"heading\"\n        ref={mergedRef}\n        className={cx(styles.listTitle, className)}\n        id={id}\n      >\n        {children}\n      </Text>\n    );\n  }\n);\n\nObject.assign(ListTitle, {\n  // Used by VirtualizedListItems\n  displayName: \"ListTitle\"\n});\n\nexport default ListTitle;\n"],"names":["ListTitle","forwardRef","_ref","ref","className","id","children","tabIndex","dataTestId","componentRef","useRef","mergedRef","useMergeRef","React","Text","type","weight","role","cx","styles","listTitle","Object","assign","displayName"],"mappings":"0NAkBMA,IAAAA,EAAsCC,GAC1C,SAAAC,EAAmEC,GAAO,IAAvEC,EAASF,EAATE,UAAWC,EAAEH,EAAFG,GAAIC,EAAQJ,EAARI,SAAUC,EAAQL,EAARK,SAAyBC,EAAUN,EAAzB,eAC9BO,EAAeC,EAAO,MACtBC,EAAYC,EAAYT,EAAKM,GAEnC,OACEI,gBAACC,EAAI,CACHC,KAAK,QACLC,OAAO,uBACMR,GAAcH,EACf,aAAA,EACZE,SAAUA,EACVU,KAAK,UACLd,IAAKQ,EACLP,UAAWc,EAAGC,EAAOC,UAAWhB,GAChCC,GAAIA,GAEHC,EAGP,IAGFe,OAAOC,OAAOtB,EAAW,CAEvBuB,YAAa"}
+{"version":3,"file":"ListTitle.js","sources":["../../../../../src/components/ListTitle/ListTitle.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { forwardRef, useRef } from \"react\";\nimport { useMergeRef } from \"@vibe/shared\";\nimport type VibeComponentProps from \"../../types/VibeComponentProps\";\nimport { Text } from \"@vibe/typography\";\nimport styles from \"./ListTitle.module.scss\";\n\nexport interface ListTitleProps extends VibeComponentProps {\n  /**\n   * The tab index for keyboard navigation.\n   */\n  tabIndex?: number;\n  /**\n   * The title text.\n   */\n  children?: string;\n}\n\nconst ListTitle: React.FC<ListTitleProps> = forwardRef(\n  ({ className, id, children, tabIndex, \"data-testid\": dataTestId }, ref) => {\n    const componentRef = useRef(null);\n    const mergedRef = useMergeRef(ref, componentRef);\n\n    return (\n      <Text\n        type=\"text1\"\n        weight=\"medium\"\n        data-testid={dataTestId || id}\n        aria-level={3}\n        tabIndex={tabIndex}\n        role=\"heading\"\n        ref={mergedRef}\n        className={cx(styles.listTitle, className)}\n        id={id}\n      >\n        {children}\n      </Text>\n    );\n  }\n);\n\nObject.assign(ListTitle, {\n  // Used by VirtualizedListItems\n  displayName: \"ListTitle\"\n});\n\nexport default ListTitle;\n"],"names":["ListTitle","forwardRef","_ref","ref","className","id","children","tabIndex","dataTestId","componentRef","useRef","mergedRef","useMergeRef","React","Text","type","weight","role","cx","styles","listTitle","Object","assign","displayName"],"mappings":"0NAkBA,IAAMA,EAAsCC,GAC1C,SAAAC,EAAmEC,GAAO,IAAvEC,EAASF,EAATE,UAAWC,EAAEH,EAAFG,GAAIC,EAAQJ,EAARI,SAAUC,EAAQL,EAARK,SAAyBC,EAAUN,EAAzB,eAC9BO,EAAeC,EAAO,MACtBC,EAAYC,EAAYT,EAAKM,GAEnC,OACEI,gBAACC,EAAI,CACHC,KAAK,QACLC,OAAO,uBACMR,GAAcH,EAAE,aACjB,EACZE,SAAUA,EACVU,KAAK,UACLd,IAAKQ,EACLP,UAAWc,EAAGC,EAAOC,UAAWhB,GAChCC,GAAIA,GAEHC,EAGP,IAGFe,OAAOC,OAAOtB,EAAW,CAEvBuB,YAAa"}

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

@@ -1,2 +1,2 @@
-var e={listTitle:"listTitle"};!function(e){const t="s_id-76c16cf3efba_4_2_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.listTitle {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  padding: var(--space-16) var(--space-16) var(--space-8);\n  border-radius: var(--border-radius-small);\n}");export{e as default};
+var e={listTitle:"listTitle"};!function(e){const t="s_id-76c16cf3efba_4_2_2";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.listTitle {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  padding: var(--space-16) var(--space-16) var(--space-8);\n  border-radius: var(--border-radius-small);\n}");export{e as default};
 //# sourceMappingURL=ListTitle.module.scss.js.map

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"Menu.js","sources":["../../../../../../src/components/Menu/Menu/Menu.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport { SIZES } from \"../../../constants\";\nimport React, { forwardRef, type ReactElement, useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { useMergeRef, 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":"4pCAmFMA,IAAAA,EAAOC,GACX,SAAAC,EAoBEC,GACE,IAnBAC,EAAEF,EAAFE,GACAC,EAASH,EAATG,UAASC,EAAAJ,EACTK,KAAAA,OAAI,IAAAD,EAAGE,EAAMC,OAAMH,EAAAI,EAAAR,EACnBS,SAAAA,OAAW,IAAHD,EAAG,EAACA,EAAAE,EAAAV,EACZ,cAAcW,OAAY,IAAHD,EAAG,OAAMA,EACZE,EAAeZ,EAAnC,oBACUa,EAAgBb,EAA1Bc,SAAQC,EAAAf,EACRgB,UAAAA,OAAY,IAAHD,GAAOA,EAChBE,EAAOjB,EAAPiB,QACAC,EAAWlB,EAAXkB,YAAWC,EAAAnB,EACXoB,aAAAA,OAAe,IAAHD,GAAQA,EAAAE,EAAArB,EACpBsB,eAAAA,OAAc,IAAAD,GAAI,EAACA,EAAAE,EAAAvB,EACnBwB,sBAAAA,OAAqB,IAAAD,GAAI,EAACA,EAAAE,EAAAzB,EAC1B0B,UAAAA,OAAY,IAAHD,GAAQA,EAAAE,EAAA3B,EACjB4B,0BAAAA,OAA4B,IAAHD,GAAQA,EAAAE,GAAA7B,EACjC8B,iBAAAA,QAAmB,IAAHD,IAAQA,GACTE,GAAU/B,EAAzB,eAIIgC,GAAMC,EAAO,MACbC,GAAYC,EAAYH,GAAK/B,GAE7BmC,GAAaC,EAAUnC,GACvBoC,GAA6BL,EAAoB,MAEvDM,GAA8CC,EAASlB,GAAemB,GAAAC,EAAAH,GAAA,GAA/DI,GAAeF,GAAA,GAAEG,GAAkBH,GAAA,GAC1CI,GAA4DL,GAAS,GAAMM,GAAAJ,EAAAG,GAAA,GAApEE,GAAsBD,GAAA,GAAEE,GAAyBF,GAAA,GAElDhC,GAAWmC,GAAQ,WAEvB,OADoBC,EAAMC,SAASC,QAAQvC,GACxBwC,QAAO,SAAAC,GACxB,QAAIA,EAAMC,KAAKC,cACfC,QAAQC,MACN,qHACAJ,IAEK,EACT,GACF,GAAG,CAACzC,IAEE8C,GAAwBC,GAC5B,SAACC,aACCjB,GAAmBiB,GAEnB,IAAMC,EAAchD,GAAS+C,GACvBE,EAAuBb,EAAMc,eAAeF,YAC9CG,EAAAH,aAAA,EAAAA,EAAaI,4BAAOhE,KAAEiE,GAAAA,OAAO/B,GAAU+B,UAAAA,OAASN,QAChDO,EACAL,EACY,QAAdM,EAAArC,cAAG,EAAHA,GAAKsC,eAAS,IAAAD,GAAAA,EAAAE,aAAa,wBAAyBR,GAExC,QAAZS,EAAAxC,cAAG,EAAHA,GAAKsC,eAAO,IAAAE,GAAAA,EAAEC,gBAAgB,wBAElC,GACA,CAAC3D,GAAUsB,KAGPsC,GAA+Bd,GACnC,SAACC,GACC3C,GAAeA,EAAY2C,GAC3BF,GAAsBE,GACtBb,IAA0B,EAC5B,GACA,CAACW,GAAuBzC,IAG1ByD,GACEC,IADMC,GAAuBF,GAAvBE,wBAAyBC,GAAcH,GAAdG,eAAgBC,GAAgBJ,GAAhBI,iBAAuCC,GAAqBL,GAArBK,sBAGlFC,GAAcC,EAAe,CACjCtC,mBAAoB8B,GACpBS,oBALoFR,GAAnBQ,oBAMjElE,QAAAA,IAGFmE,EAAgB,CAAEpD,IAAAA,GAAKqD,SAAU,WAAA,OAAMJ,IAAa,IACpDK,EAAuB,CAAER,eAAAA,GAAgBG,YAAAA,GAAajD,IAAAA,GAAKf,QAAAA,EAASS,UAAAA,EAAWE,0BAAAA,IAE/E,IAAA2D,GAA+DC,EAA+B,CAC5F1E,SAAUA,KADJ2E,GAAsBF,GAAtBE,uBAAwBC,GAA0BH,GAA1BG,2BAGhCC,EAA0B,CACxBb,eAAAA,GACAW,uBAAAA,GACAC,2BAAAA,GACA/C,gBAAAA,GACAC,mBAAoB8B,GACpB1D,UAAAA,EACAgB,IAAAA,GACAJ,0BAAAA,IAEFgE,EAAc,CACZZ,sBAAAA,GACAF,eAAAA,GACA9C,IAAAA,GACAY,mBAAoB8B,KAEtBmB,EAAgB,CACdrE,sBAAAA,EACAsE,kBAAmBhF,GAASU,GAC5BiE,uBAAAA,GACA9B,sBAAAA,GACAoC,qBAAsB/C,KAGxB,IAAMgD,GAAcpC,GAAY,WAC9BZ,IAA0B,EAC5B,GAAG,CAACA,KAEEiD,GAAyBC,EAAYpB,IAC3CqB,GAAU,iBACJrB,IAAkBlD,GAClBe,IAAmB,GAAKsD,KAEd,QAAZhC,EAAAjC,cAAA,EAAAA,GAAKsC,eAAO,IAAAL,GAAAA,EAAEmC,QAEjB,GAAE,CAACzD,GAAiBmC,GAAgBmB,GAAwBrE,IAE7DyE,GAA0B,WACnBjF,IAAgBQ,GACrB0E,uBAAsB,WACpBtE,IAAOA,GAAIsC,SAAWtC,GAAIsC,QAAQ8B,OACpC,GACD,GAAE,CAACpE,GAAKZ,EAAcQ,IAEvB,IAAQ2E,GAAqBC,EAAe,CAC1CC,aAAc,WACZxB,IAAeA,IACjB,IAHMsB,iBAMR,OACErD,EACEwD,cAAA,KAAA,CAAAC,QAASJ,cAAgB,EAAhBA,GAAkBI,QAC3BC,OAAQL,cAAgB,EAAhBA,GAAkBK,OAC1B1G,GAAIkC,iBACSL,IAAc8E,EAAUC,EAAuBC,KAAM7G,eACvD8G,EAAgBD,KAC3B5G,UAAW8G,EAAGC,EAAOC,KAAMC,EAASF,EAAQ7G,GAAOF,GACnD6B,IAAKE,GACLzB,SAAUA,EAAQ,aACNE,EACZ0G,KAAK,0BACazG,EAClB0G,YAAatB,IAEZlF,IACCoC,EAAMC,SAASoE,IAAIzG,IAAU,SAACwC,EAAOO,GACnC,OAAOX,EAAMc,eAAeV,GACxBJ,EAAMsE,aAAalE,EAAKmE,OAAAC,OAAAD,OAAAC,OAAA,GACnBpE,aAAA,EAAAA,EAAOY,QACVvB,gBAAAA,GACAkB,MAAAA,EACAjB,mBAAoBe,GACpBgE,QAAS3F,GACTgD,sBAAAA,GACA4C,oBAAqB5G,EACrB6D,wBAAAA,GACAC,eAAgBjB,IAAUkB,GAC1B8C,UAAW5C,GACX/E,GAAI4H,EAAmB1F,GAAYkB,EAAOO,GAC1CjC,0BAAAA,EACAmB,uBAAAA,GACAjB,iBAAAA,GACA2D,uBAAAA,GACAC,2BAAAA,GACAqC,eAAgBrG,EAChBY,2BAAAA,MAEF,IACL,IAGT,IAGFmF,OAAOC,OAAO5H,EAAM,CAClBkI,QAAQ,EACRC,qBAAqB"}
+{"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":"ypCAmFA,IAAMA,EAAOC,GACX,SAAAC,EAoBEC,GACE,IAnBAC,EAAEF,EAAFE,GACAC,EAASH,EAATG,UAASC,EAAAJ,EACTK,KAAAA,OAAI,IAAAD,EAAGE,EAAMC,OAAMH,EAAAI,EAAAR,EACnBS,SAAAA,OAAQ,IAAAD,EAAG,EAACA,EAAAE,EAAAV,EACZ,cAAcW,OAAS,IAAAD,EAAG,OAAMA,EACZE,EAAeZ,EAAnC,oBACUa,EAAgBb,EAA1Bc,SAAQC,EAAAf,EACRgB,UAAAA,OAAS,IAAAD,GAAOA,EAChBE,EAAOjB,EAAPiB,QACAC,EAAWlB,EAAXkB,YAAWC,EAAAnB,EACXoB,aAAAA,OAAY,IAAAD,GAAQA,EAAAE,EAAArB,EACpBsB,eAAAA,OAAc,IAAAD,GAAG,EAAEA,EAAAE,EAAAvB,EACnBwB,sBAAAA,OAAqB,IAAAD,GAAG,EAAEA,EAAAE,EAAAzB,EAC1B0B,UAAAA,OAAS,IAAAD,GAAQA,EAAAE,EAAA3B,EACjB4B,0BAAAA,OAAyB,IAAAD,GAAQA,EAAAE,GAAA7B,EACjC8B,iBAAAA,QAAgB,IAAAD,IAAQA,GACTE,GAAU/B,EAAzB,eAIIgC,GAAMC,EAAO,MACbC,GAAYC,EAAYH,GAAK/B,GAE7BmC,GAAaC,EAAUnC,GACvBoC,GAA6BL,EAAoB,MAEvDM,GAA8CC,EAASlB,GAAemB,GAAAC,EAAAH,GAAA,GAA/DI,GAAeF,GAAA,GAAEG,GAAkBH,GAAA,GAC1CI,GAA4DL,GAAS,GAAMM,GAAAJ,EAAAG,GAAA,GAApEE,GAAsBD,GAAA,GAAEE,GAAyBF,GAAA,GAElDhC,GAAWmC,GAAQ,WAEvB,OADoBC,EAAMC,SAASC,QAAQvC,GACxBwC,QAAO,SAAAC,GACxB,QAAIA,EAAMC,KAAKC,cACfC,QAAQC,MACN,qHACAJ,IAEK,EACT,GACF,GAAG,CAACzC,IAEE8C,GAAwBC,GAC5B,SAACC,aACCjB,GAAmBiB,GAEnB,IAAMC,EAAchD,GAAS+C,GACvBE,EAAuBb,EAAMc,eAAeF,YAC9CG,EAAAH,aAAW,EAAXA,EAAaI,4BAAOhE,KAAE,GAAAiE,OAAO/B,GAAU,UAAA+B,OAASN,QAChDO,EACAL,EACU,QAAZM,EAAArC,cAAG,EAAHA,GAAKsC,eAAO,IAAAD,GAAAA,EAAEE,aAAa,wBAAyBR,GAExC,QAAZS,EAAAxC,cAAG,EAAHA,GAAKsC,eAAO,IAAAE,GAAAA,EAAEC,gBAAgB,wBAElC,GACA,CAAC3D,GAAUsB,KAGPsC,GAA+Bd,GACnC,SAACC,GACC3C,GAAeA,EAAY2C,GAC3BF,GAAsBE,GACtBb,IAA0B,EAC5B,GACA,CAACW,GAAuBzC,IAG1ByD,GACEC,IADMC,GAAuBF,GAAvBE,wBAAyBC,GAAcH,GAAdG,eAAgBC,GAAgBJ,GAAhBI,iBAAuCC,GAAqBL,GAArBK,sBAGlFC,GAAcC,EAAe,CACjCtC,mBAAoB8B,GACpBS,oBALoFR,GAAnBQ,oBAMjElE,QAAAA,IAGFmE,EAAgB,CAAEpD,IAAAA,GAAKqD,SAAU,WAAA,OAAMJ,IAAa,IACpDK,EAAuB,CAAER,eAAAA,GAAgBG,YAAAA,GAAajD,IAAAA,GAAKf,QAAAA,EAASS,UAAAA,EAAWE,0BAAAA,IAE/E,IAAA2D,GAA+DC,EAA+B,CAC5F1E,SAAUA,KADJ2E,GAAsBF,GAAtBE,uBAAwBC,GAA0BH,GAA1BG,2BAGhCC,EAA0B,CACxBb,eAAAA,GACAW,uBAAAA,GACAC,2BAAAA,GACA/C,gBAAAA,GACAC,mBAAoB8B,GACpB1D,UAAAA,EACAgB,IAAAA,GACAJ,0BAAAA,IAEFgE,EAAc,CACZZ,sBAAAA,GACAF,eAAAA,GACA9C,IAAAA,GACAY,mBAAoB8B,KAEtBmB,EAAgB,CACdrE,sBAAAA,EACAsE,kBAAmBhF,GAASU,GAC5BiE,uBAAAA,GACA9B,sBAAAA,GACAoC,qBAAsB/C,KAGxB,IAAMgD,GAAcpC,GAAY,WAC9BZ,IAA0B,EAC5B,GAAG,CAACA,KAEEiD,GAAyBC,EAAYpB,IAC3CqB,GAAU,iBACJrB,IAAkBlD,GAClBe,IAAkB,GAAMsD,KAEd,QAAZhC,EAAAjC,cAAG,EAAHA,GAAKsC,eAAO,IAAAL,GAAAA,EAAEmC,QAElB,GAAG,CAACzD,GAAiBmC,GAAgBmB,GAAwBrE,IAE7DyE,GAA0B,WACnBjF,IAAgBQ,GACrB0E,uBAAsB,WACpBtE,IAAOA,GAAIsC,SAAWtC,GAAIsC,QAAQ8B,OACpC,GACF,GAAG,CAACpE,GAAKZ,EAAcQ,IAEvB,IAAQ2E,GAAqBC,EAAe,CAC1CC,aAAc,WACZxB,IAAeA,IACjB,IAHMsB,iBAMR,OACErD,EAAAwD,cAAA,KAAA,CACEC,QAASJ,cAAgB,EAAhBA,GAAkBI,QAC3BC,OAAQL,cAAgB,EAAhBA,GAAkBK,OAC1B1G,GAAIkC,iBACSL,IAAc8E,EAAUC,EAAuBC,KAAM7G,eACvD8G,EAAgBD,KAC3B5G,UAAW8G,EAAGC,EAAOC,KAAMC,EAASF,EAAQ7G,GAAOF,GACnD6B,IAAKE,GACLzB,SAAUA,EAAQ,aACNE,EACZ0G,KAAK,0BACazG,EAClB0G,YAAatB,IAEZlF,IACCoC,EAAMC,SAASoE,IAAIzG,IAAU,SAACwC,EAAOO,GACnC,OAAOX,EAAMc,eAAeV,GACxBJ,EAAMsE,aAAalE,EAAKmE,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACnBpE,aAAK,EAALA,EAAOY,QACVvB,gBAAAA,GACAkB,MAAAA,EACAjB,mBAAoBe,GACpBgE,QAAS3F,GACTgD,sBAAAA,GACA4C,oBAAqB5G,EACrB6D,wBAAAA,GACAC,eAAgBjB,IAAUkB,GAC1B8C,UAAW5C,GACX/E,GAAI4H,EAAmB1F,GAAYkB,EAAOO,GAC1CjC,0BAAAA,EACAmB,uBAAAA,GACAjB,iBAAAA,GACA2D,uBAAAA,GACAC,2BAAAA,GACAqC,eAAgBrG,EAChBY,2BAAAA,MAEF,IACN,IAGR,IAGFmF,OAAOC,OAAO5H,EAAM,CAClBkI,QAAQ,EACRC,qBAAqB"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"useCloseMenuOnKeyEvent.js","sources":["../../../../../../../src/components/Menu/Menu/hooks/useCloseMenuOnKeyEvent.tsx"],"sourcesContent":["import type React from \"react\";\nimport { useCallback } from \"react\";\nimport useKeyEvent from \"../../../../hooks/useKeyEvent\";\nimport { type CloseMenuOption } from \"../MenuConstants\";\nimport { keyCodes } from \"../../../../constants\";\n\nconst KEYS = [keyCodes.ESCAPE, keyCodes.LEFT_ARROW, keyCodes.TAB];\n\nexport default function useCloseMenuOnKeyEvent({\n  hasOpenSubMenu,\n  onCloseMenu,\n  ref,\n  onClose,\n  isSubMenu,\n  useDocumentEventListeners\n}: {\n  hasOpenSubMenu: boolean;\n  onCloseMenu: (option: CloseMenuOption) => void;\n  ref: React.RefObject<HTMLElement>;\n  onClose: (option: CloseMenuOption, key?: string) => void;\n  isSubMenu: boolean;\n  useDocumentEventListeners: boolean;\n}) {\n  const onKeyEvent = useCallback(\n    (event: React.KeyboardEvent) => {\n      const key = event.key;\n\n      if (hasOpenSubMenu) return;\n\n      if (key === keyCodes.LEFT_ARROW && !isSubMenu) {\n        return;\n      }\n      if (![keyCodes.ESCAPE, keyCodes.LEFT_ARROW, keyCodes.TAB].includes(key)) {\n        return;\n      }\n\n      onCloseMenu({ propagate: false });\n\n      if (onClose) {\n        onClose({ propagate: false }, key);\n        event.preventDefault();\n        event.stopPropagation();\n      }\n    },\n    [onClose, hasOpenSubMenu, onCloseMenu, isSubMenu]\n  );\n\n  useKeyEvent({\n    keys: KEYS,\n    callback: onKeyEvent,\n    ref: useDocumentEventListeners ? undefined : ref\n  });\n}\n"],"names":["KEYS","keyCodes","ESCAPE","LEFT_ARROW","TAB","useCloseMenuOnKeyEvent","_ref","hasOpenSubMenu","onCloseMenu","ref","onClose","isSubMenu","useDocumentEventListeners","onKeyEvent","useCallback","event","key","includes","propagate","preventDefault","stopPropagation","useKeyEvent","keys","callback","undefined"],"mappings":"mLAMA,IAAMA,EAAO,CAACC,EAASC,OAAQD,EAASE,WAAYF,EAASG,KAE/C,SAAUC,EAAsBC,GAc7C,IAbCC,EAAcD,EAAdC,eACAC,EAAWF,EAAXE,YACAC,EAAGH,EAAHG,IACAC,EAAOJ,EAAPI,QACAC,EAASL,EAATK,UACAC,EAAyBN,EAAzBM,0BASMC,EAAaC,GACjB,SAACC,GACC,IAAMC,EAAMD,EAAMC,IAEdT,IAEAS,IAAQf,EAASE,YAAeQ,IAG/B,CAACV,EAASC,OAAQD,EAASE,WAAYF,EAASG,KAAKa,SAASD,KAInER,EAAY,CAAEU,WAAW,IAErBR,IACFA,EAAQ,CAAEQ,WAAW,GAASF,GAC9BD,EAAMI,iBACNJ,EAAMK,mBAET,GACD,CAACV,EAASH,EAAgBC,EAAaG,IAGzCU,EAAY,CACVC,KAAMtB,EACNuB,SAAUV,EACVJ,IAAKG,OAA4BY,EAAYf,GAEjD"}
+{"version":3,"file":"useCloseMenuOnKeyEvent.js","sources":["../../../../../../../src/components/Menu/Menu/hooks/useCloseMenuOnKeyEvent.tsx"],"sourcesContent":["import type React from \"react\";\nimport { useCallback } from \"react\";\nimport useKeyEvent from \"../../../../hooks/useKeyEvent\";\nimport { type CloseMenuOption } from \"../MenuConstants\";\nimport { keyCodes } from \"../../../../constants\";\n\nconst KEYS = [keyCodes.ESCAPE, keyCodes.LEFT_ARROW, keyCodes.TAB];\n\nexport default function useCloseMenuOnKeyEvent({\n  hasOpenSubMenu,\n  onCloseMenu,\n  ref,\n  onClose,\n  isSubMenu,\n  useDocumentEventListeners\n}: {\n  hasOpenSubMenu: boolean;\n  onCloseMenu: (option: CloseMenuOption) => void;\n  ref: React.RefObject<HTMLElement>;\n  onClose: (option: CloseMenuOption, key?: string) => void;\n  isSubMenu: boolean;\n  useDocumentEventListeners: boolean;\n}) {\n  const onKeyEvent = useCallback(\n    (event: React.KeyboardEvent) => {\n      const key = event.key;\n\n      if (hasOpenSubMenu) return;\n\n      if (key === keyCodes.LEFT_ARROW && !isSubMenu) {\n        return;\n      }\n      if (![keyCodes.ESCAPE, keyCodes.LEFT_ARROW, keyCodes.TAB].includes(key)) {\n        return;\n      }\n\n      onCloseMenu({ propagate: false });\n\n      if (onClose) {\n        onClose({ propagate: false }, key);\n        event.preventDefault();\n        event.stopPropagation();\n      }\n    },\n    [onClose, hasOpenSubMenu, onCloseMenu, isSubMenu]\n  );\n\n  useKeyEvent({\n    keys: KEYS,\n    callback: onKeyEvent,\n    ref: useDocumentEventListeners ? undefined : ref\n  });\n}\n"],"names":["KEYS","keyCodes","ESCAPE","LEFT_ARROW","TAB","useCloseMenuOnKeyEvent","_ref","hasOpenSubMenu","onCloseMenu","ref","onClose","isSubMenu","useDocumentEventListeners","onKeyEvent","useCallback","event","key","includes","propagate","preventDefault","stopPropagation","useKeyEvent","keys","callback","undefined"],"mappings":"mLAMA,IAAMA,EAAO,CAACC,EAASC,OAAQD,EAASE,WAAYF,EAASG,KAE/C,SAAUC,EAAsBC,GAc7C,IAbCC,EAAcD,EAAdC,eACAC,EAAWF,EAAXE,YACAC,EAAGH,EAAHG,IACAC,EAAOJ,EAAPI,QACAC,EAASL,EAATK,UACAC,EAAyBN,EAAzBM,0BASMC,EAAaC,GACjB,SAACC,GACC,IAAMC,EAAMD,EAAMC,IAEdT,IAEAS,IAAQf,EAASE,YAAeQ,IAG/B,CAACV,EAASC,OAAQD,EAASE,WAAYF,EAASG,KAAKa,SAASD,KAInER,EAAY,CAAEU,WAAW,IAErBR,IACFA,EAAQ,CAAEQ,WAAW,GAASF,GAC9BD,EAAMI,iBACNJ,EAAMK,mBAEV,GACA,CAACV,EAASH,EAAgBC,EAAaG,IAGzCU,EAAY,CACVC,KAAMtB,EACNuB,SAAUV,EACVJ,IAAKG,OAA4BY,EAAYf,GAEjD"}

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

@@ -1 +1 @@
-{"version":3,"file":"useFocusOnMount.js","sources":["../../../../../../../src/components/Menu/Menu/hooks/useFocusOnMount.tsx"],"sourcesContent":["import { useEffect } from \"react\";\nimport { type ReactElement } from \"react\";\nimport { isMenuChildSelectable } from \"../utils/utils\";\n\nexport interface UseFocusOnMountProps {\n  focusItemIndexOnMount: number;\n  focusChildOnMount: ReactElement;\n  getNextSelectableIndex: (index: number) => number | null;\n  updateActiveItemIndex: (index: number) => void;\n  setIsInitialFocusSet: (state: boolean) => void;\n}\n\nexport const useFocusOnMount = ({\n  focusItemIndexOnMount,\n  focusChildOnMount,\n  getNextSelectableIndex,\n  updateActiveItemIndex,\n  setIsInitialFocusSet\n}: UseFocusOnMountProps) => {\n  useEffect(() => {\n    if (focusItemIndexOnMount === -1) {\n      return;\n    }\n\n    const indexToFocusOnMount = isMenuChildSelectable(focusChildOnMount)\n      ? focusItemIndexOnMount\n      : getNextSelectableIndex(focusItemIndexOnMount);\n\n    if (indexToFocusOnMount !== null) {\n      requestAnimationFrame(() => {\n        updateActiveItemIndex(indexToFocusOnMount);\n        setIsInitialFocusSet(true);\n      });\n    }\n  }, [focusChildOnMount, focusItemIndexOnMount, getNextSelectableIndex, setIsInitialFocusSet, updateActiveItemIndex]);\n};\n"],"names":["useFocusOnMount","_ref","focusItemIndexOnMount","focusChildOnMount","getNextSelectableIndex","updateActiveItemIndex","setIsInitialFocusSet","useEffect","indexToFocusOnMount","isMenuChildSelectable","requestAnimationFrame"],"mappings":"gGAYaA,EAAkB,SAAHC,GAMD,IALzBC,EAAqBD,EAArBC,sBACAC,EAAiBF,EAAjBE,kBACAC,EAAsBH,EAAtBG,uBACAC,EAAqBJ,EAArBI,sBACAC,EAAoBL,EAApBK,qBAEAC,GAAU,WACR,IAA+B,IAA3BL,EAAJ,CAIA,IAAMM,EAAsBC,EAAsBN,GAC9CD,EACAE,EAAuBF,GAEC,OAAxBM,GACFE,uBAAsB,WACpBL,EAAsBG,GACtBF,GAAqB,EACvB,GAVF,CAYF,GAAG,CAACH,EAAmBD,EAAuBE,EAAwBE,EAAsBD,GAC9F"}
+{"version":3,"file":"useFocusOnMount.js","sources":["../../../../../../../src/components/Menu/Menu/hooks/useFocusOnMount.tsx"],"sourcesContent":["import { useEffect } from \"react\";\nimport { type ReactElement } from \"react\";\nimport { isMenuChildSelectable } from \"../utils/utils\";\n\nexport interface UseFocusOnMountProps {\n  focusItemIndexOnMount: number;\n  focusChildOnMount: ReactElement;\n  getNextSelectableIndex: (index: number) => number | null;\n  updateActiveItemIndex: (index: number) => void;\n  setIsInitialFocusSet: (state: boolean) => void;\n}\n\nexport const useFocusOnMount = ({\n  focusItemIndexOnMount,\n  focusChildOnMount,\n  getNextSelectableIndex,\n  updateActiveItemIndex,\n  setIsInitialFocusSet\n}: UseFocusOnMountProps) => {\n  useEffect(() => {\n    if (focusItemIndexOnMount === -1) {\n      return;\n    }\n\n    const indexToFocusOnMount = isMenuChildSelectable(focusChildOnMount)\n      ? focusItemIndexOnMount\n      : getNextSelectableIndex(focusItemIndexOnMount);\n\n    if (indexToFocusOnMount !== null) {\n      requestAnimationFrame(() => {\n        updateActiveItemIndex(indexToFocusOnMount);\n        setIsInitialFocusSet(true);\n      });\n    }\n  }, [focusChildOnMount, focusItemIndexOnMount, getNextSelectableIndex, setIsInitialFocusSet, updateActiveItemIndex]);\n};\n"],"names":["useFocusOnMount","_ref","focusItemIndexOnMount","focusChildOnMount","getNextSelectableIndex","updateActiveItemIndex","setIsInitialFocusSet","useEffect","indexToFocusOnMount","isMenuChildSelectable","requestAnimationFrame"],"mappings":"gGAYaA,EAAkB,SAAHC,GAMD,IALzBC,EAAqBD,EAArBC,sBACAC,EAAiBF,EAAjBE,kBACAC,EAAsBH,EAAtBG,uBACAC,EAAqBJ,EAArBI,sBACAC,EAAoBL,EAApBK,qBAEAC,GAAU,WACR,IAA8B,IAA1BL,EAAJ,CAIA,IAAMM,EAAsBC,EAAsBN,GAC9CD,EACAE,EAAuBF,GAEC,OAAxBM,GACFE,uBAAsB,WACpBL,EAAsBG,GACtBF,GAAqB,EACvB,GAVF,CAYF,GAAG,CAACH,EAAmBD,EAAuBE,EAAwBE,EAAsBD,GAC9F"}

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

@@ -1 +1 @@
-{"version":3,"file":"useLastNavigationDirection.js","sources":["../../../../../../../src/components/Menu/Menu/hooks/useLastNavigationDirection.tsx"],"sourcesContent":["import { useCallback, useRef } from \"react\";\nimport useEventListener from \"../../../../hooks/useEventListener\";\nimport {\n  ARROW_DOWN_KEYS,\n  ARROW_LEFT_KEYS,\n  ARROW_RIGHT_KEYS,\n  ARROW_UP_KEYS,\n  NavDirections\n} from \"../../../../hooks/useFullKeyboardListeners\";\nimport useKeyEvent from \"../../../../hooks/useKeyEvent\";\n\nconst NAVIGATION_KEYS = [...ARROW_UP_KEYS, ...ARROW_RIGHT_KEYS, ...ARROW_DOWN_KEYS, ...ARROW_LEFT_KEYS];\n\nexport const useLastNavigationDirection = () => {\n  const documentRef = useRef(document);\n\n  const lastNavigationDirectionRef = useRef<NavDirections>();\n\n  const setLastNavigationDirection = useCallback((dir: NavDirections) => {\n    lastNavigationDirectionRef.current = dir;\n  }, []);\n\n  const onKeyEvent = useCallback(\n    ({ key }: KeyboardEvent) => {\n      if (ARROW_UP_KEYS.includes(key)) {\n        setLastNavigationDirection(NavDirections.UP);\n      } else if (ARROW_RIGHT_KEYS.includes(key)) {\n        setLastNavigationDirection(NavDirections.RIGHT);\n      } else if (ARROW_DOWN_KEYS.includes(key)) {\n        setLastNavigationDirection(NavDirections.DOWN);\n      } else if (ARROW_LEFT_KEYS.includes(key)) {\n        setLastNavigationDirection(NavDirections.LEFT);\n      }\n    },\n    [setLastNavigationDirection]\n  );\n\n  const onMousedownAnywhere = useCallback(() => {\n    lastNavigationDirectionRef.current = undefined;\n  }, [lastNavigationDirectionRef]);\n\n  useKeyEvent({ ref: documentRef, capture: true, keys: NAVIGATION_KEYS, callback: onKeyEvent });\n  useEventListener({ eventName: \"mousedown\", ref: documentRef, capture: true, callback: onMousedownAnywhere });\n\n  return { lastNavigationDirectionRef };\n};\n"],"names":["NAVIGATION_KEYS","concat","_toConsumableArray","ARROW_UP_KEYS","ARROW_RIGHT_KEYS","ARROW_DOWN_KEYS","ARROW_LEFT_KEYS","useLastNavigationDirection","documentRef","useRef","document","lastNavigationDirectionRef","setLastNavigationDirection","useCallback","dir","current","onKeyEvent","_ref","key","includes","NavDirections","UP","RIGHT","DOWN","LEFT","onMousedownAnywhere","undefined","useKeyEvent","ref","capture","keys","callback","useEventListener","eventName"],"mappings":"2WAWA,IAAMA,EAAeC,GAAAA,OAAAC,EAAOC,GAAaD,EAAKE,GAAgBF,EAAKG,GAAeH,EAAKI,IAE1EC,EAA6B,WACxC,IAAMC,EAAcC,EAAOC,UAErBC,EAA6BF,IAE7BG,EAA6BC,GAAY,SAACC,GAC9CH,EAA2BI,QAAUD,CACtC,GAAE,IAEGE,EAAaH,GACjB,SAAAI,GAA2B,IAAxBC,EAAGD,EAAHC,IACGf,EAAcgB,SAASD,GACzBN,EAA2BQ,EAAcC,IAChCjB,EAAiBe,SAASD,GACnCN,EAA2BQ,EAAcE,OAChCjB,EAAgBc,SAASD,GAClCN,EAA2BQ,EAAcG,MAChCjB,EAAgBa,SAASD,IAClCN,EAA2BQ,EAAcI,KAE7C,GACA,CAACZ,IAGGa,EAAsBZ,GAAY,WACtCF,EAA2BI,aAAUW,CACvC,GAAG,CAACf,IAKJ,OAHAgB,EAAY,CAAEC,IAAKpB,EAAaqB,SAAS,EAAMC,KAAM9B,EAAiB+B,SAAUf,IAChFgB,EAAiB,CAAEC,UAAW,YAAaL,IAAKpB,EAAaqB,SAAS,EAAME,SAAUN,IAE/E,CAAEd,2BAAAA,EACX"}
+{"version":3,"file":"useLastNavigationDirection.js","sources":["../../../../../../../src/components/Menu/Menu/hooks/useLastNavigationDirection.tsx"],"sourcesContent":["import { useCallback, useRef } from \"react\";\nimport useEventListener from \"../../../../hooks/useEventListener\";\nimport {\n  ARROW_DOWN_KEYS,\n  ARROW_LEFT_KEYS,\n  ARROW_RIGHT_KEYS,\n  ARROW_UP_KEYS,\n  NavDirections\n} from \"../../../../hooks/useFullKeyboardListeners\";\nimport useKeyEvent from \"../../../../hooks/useKeyEvent\";\n\nconst NAVIGATION_KEYS = [...ARROW_UP_KEYS, ...ARROW_RIGHT_KEYS, ...ARROW_DOWN_KEYS, ...ARROW_LEFT_KEYS];\n\nexport const useLastNavigationDirection = () => {\n  const documentRef = useRef(document);\n\n  const lastNavigationDirectionRef = useRef<NavDirections>();\n\n  const setLastNavigationDirection = useCallback((dir: NavDirections) => {\n    lastNavigationDirectionRef.current = dir;\n  }, []);\n\n  const onKeyEvent = useCallback(\n    ({ key }: KeyboardEvent) => {\n      if (ARROW_UP_KEYS.includes(key)) {\n        setLastNavigationDirection(NavDirections.UP);\n      } else if (ARROW_RIGHT_KEYS.includes(key)) {\n        setLastNavigationDirection(NavDirections.RIGHT);\n      } else if (ARROW_DOWN_KEYS.includes(key)) {\n        setLastNavigationDirection(NavDirections.DOWN);\n      } else if (ARROW_LEFT_KEYS.includes(key)) {\n        setLastNavigationDirection(NavDirections.LEFT);\n      }\n    },\n    [setLastNavigationDirection]\n  );\n\n  const onMousedownAnywhere = useCallback(() => {\n    lastNavigationDirectionRef.current = undefined;\n  }, [lastNavigationDirectionRef]);\n\n  useKeyEvent({ ref: documentRef, capture: true, keys: NAVIGATION_KEYS, callback: onKeyEvent });\n  useEventListener({ eventName: \"mousedown\", ref: documentRef, capture: true, callback: onMousedownAnywhere });\n\n  return { lastNavigationDirectionRef };\n};\n"],"names":["NAVIGATION_KEYS","concat","_toConsumableArray","ARROW_UP_KEYS","ARROW_RIGHT_KEYS","ARROW_DOWN_KEYS","ARROW_LEFT_KEYS","useLastNavigationDirection","documentRef","useRef","document","lastNavigationDirectionRef","setLastNavigationDirection","useCallback","dir","current","onKeyEvent","_ref","key","includes","NavDirections","UP","RIGHT","DOWN","LEFT","onMousedownAnywhere","undefined","useKeyEvent","ref","capture","keys","callback","useEventListener","eventName"],"mappings":"2WAWA,IAAMA,EAAe,GAAAC,OAAAC,EAAOC,GAAaD,EAAKE,GAAgBF,EAAKG,GAAeH,EAAKI,IAE1EC,EAA6B,WACxC,IAAMC,EAAcC,EAAOC,UAErBC,EAA6BF,IAE7BG,EAA6BC,GAAY,SAACC,GAC9CH,EAA2BI,QAAUD,CACvC,GAAG,IAEGE,EAAaH,GACjB,SAAAI,GAA2B,IAAxBC,EAAGD,EAAHC,IACGf,EAAcgB,SAASD,GACzBN,EAA2BQ,EAAcC,IAChCjB,EAAiBe,SAASD,GACnCN,EAA2BQ,EAAcE,OAChCjB,EAAgBc,SAASD,GAClCN,EAA2BQ,EAAcG,MAChCjB,EAAgBa,SAASD,IAClCN,EAA2BQ,EAAcI,KAE7C,GACA,CAACZ,IAGGa,EAAsBZ,GAAY,WACtCF,EAA2BI,aAAUW,CACvC,GAAG,CAACf,IAKJ,OAHAgB,EAAY,CAAEC,IAAKpB,EAAaqB,SAAS,EAAMC,KAAM9B,EAAiB+B,SAAUf,IAChFgB,EAAiB,CAAEC,UAAW,YAAaL,IAAKpB,EAAaqB,SAAS,EAAME,SAAUN,IAE/E,CAAEd,2BAAAA,EACX"}

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

@@ -1 +1 @@
-{"version":3,"file":"useMenuId.js","sources":["../../../../../../../src/components/Menu/Menu/hooks/useMenuId.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { useIsomorphicLayoutEffect } from \"@vibe/shared\";\n\nlet menuIdCounter = 0;\nexport const generateMenuId = () => {\n  return `menu-${menuIdCounter++}`;\n};\n\nexport const useMenuId = (id: string) => {\n  const [menuId, setMenuId] = useState<string>();\n  useIsomorphicLayoutEffect(() => {\n    setMenuId(id || generateMenuId());\n  }, [id]);\n  return menuId;\n};\n"],"names":["menuIdCounter","generateMenuId","concat","useMenuId","id","_useState","useState","_useState2","_slicedToArray","menuId","setMenuId","useIsomorphicLayoutEffect"],"mappings":"+KAGA,IAAIA,EAAgB,EACPC,EAAiB,WAC5B,MAAAC,QAAAA,OAAeF,IACjB,EAEaG,EAAY,SAACC,GACxB,IAAAC,EAA4BC,IAAkBC,EAAAC,EAAAH,EAAA,GAAvCI,EAAMF,EAAA,GAAEG,EAASH,EAAA,GAIxB,OAHAI,GAA0B,WACxBD,EAAUN,GAAMH,IAClB,GAAG,CAACG,IACGK,CACT"}
+{"version":3,"file":"useMenuId.js","sources":["../../../../../../../src/components/Menu/Menu/hooks/useMenuId.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { useIsomorphicLayoutEffect } from \"@vibe/shared\";\n\nlet menuIdCounter = 0;\nexport const generateMenuId = () => {\n  return `menu-${menuIdCounter++}`;\n};\n\nexport const useMenuId = (id: string) => {\n  const [menuId, setMenuId] = useState<string>();\n  useIsomorphicLayoutEffect(() => {\n    setMenuId(id || generateMenuId());\n  }, [id]);\n  return menuId;\n};\n"],"names":["menuIdCounter","generateMenuId","concat","useMenuId","id","_useState","useState","_useState2","_slicedToArray","menuId","setMenuId","useIsomorphicLayoutEffect"],"mappings":"+KAGA,IAAIA,EAAgB,EACPC,EAAiB,WAC5B,MAAA,QAAAC,OAAeF,IACjB,EAEaG,EAAY,SAACC,GACxB,IAAAC,EAA4BC,IAAkBC,EAAAC,EAAAH,EAAA,GAAvCI,EAAMF,EAAA,GAAEG,EAASH,EAAA,GAIxB,OAHAI,GAA0B,WACxBD,EAAUN,GAAMH,IAClB,GAAG,CAACG,IACGK,CACT"}

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

@@ -1 +1 @@
-{"version":3,"file":"useMenuKeyboardNavigation.js","sources":["../../../../../../../src/components/Menu/Menu/hooks/useMenuKeyboardNavigation.tsx"],"sourcesContent":["import type React from \"react\";\nimport { useCallback, useMemo } from \"react\";\nimport {\n  ARROW_DOWN_KEYS,\n  ARROW_UP_KEYS,\n  ENTER_KEYS,\n  HOME_KEYS,\n  END_KEYS,\n  NavDirections\n} from \"../../../../hooks/useFullKeyboardListeners\";\nimport useKeyEvent from \"../../../../hooks/useKeyEvent\";\n\nexport default function useMenuKeyboardNavigation({\n  hasOpenSubMenu,\n  getNextSelectableIndex,\n  getPreviousSelectableIndex,\n  activeItemIndex,\n  setActiveItemIndex,\n  isVisible,\n  ref,\n  useDocumentEventListeners\n}: {\n  hasOpenSubMenu: boolean;\n  getNextSelectableIndex: (index: number) => number;\n  getPreviousSelectableIndex: (index: number) => number;\n  activeItemIndex: number;\n  setActiveItemIndex: (index: number) => void;\n  isVisible: boolean;\n  ref: React.RefObject<HTMLElement>;\n  useDocumentEventListeners: boolean;\n}) {\n  const onArrowKeyEvent = useCallback(\n    (direction: NavDirections) => {\n      let newIndex;\n\n      if (hasOpenSubMenu) return false;\n\n      if (direction === NavDirections.DOWN) {\n        newIndex = getNextSelectableIndex(activeItemIndex);\n      } else if (direction === NavDirections.UP) {\n        newIndex = getPreviousSelectableIndex(activeItemIndex);\n      }\n\n      if (newIndex || newIndex === 0) setActiveItemIndex(newIndex);\n    },\n    [activeItemIndex, getNextSelectableIndex, getPreviousSelectableIndex, hasOpenSubMenu, setActiveItemIndex]\n  );\n  const onArrowUp = useCallback(() => {\n    onArrowKeyEvent(NavDirections.UP);\n  }, [onArrowKeyEvent]);\n\n  const onArrowDown = useCallback(() => {\n    onArrowKeyEvent(NavDirections.DOWN);\n  }, [onArrowKeyEvent]);\n\n  const onEnterClickCallback = useCallback(\n    (_event: React.KeyboardEvent) => {\n      if (!isVisible) return;\n\n      if (activeItemIndex === -1) {\n        setActiveItemIndex(0);\n      }\n    },\n    [setActiveItemIndex, activeItemIndex, isVisible]\n  );\n\n  const onHomeKey = useCallback(() => {\n    if (hasOpenSubMenu) return;\n    const firstIndex = getNextSelectableIndex(-1);\n    if (firstIndex !== -1) {\n      setActiveItemIndex(firstIndex);\n    }\n  }, [hasOpenSubMenu, getNextSelectableIndex, setActiveItemIndex]);\n\n  const onEndKey = useCallback(() => {\n    if (hasOpenSubMenu) return;\n    const lastIndex = getPreviousSelectableIndex(0);\n    if (lastIndex !== -1) {\n      setActiveItemIndex(lastIndex);\n    }\n  }, [hasOpenSubMenu, getPreviousSelectableIndex, setActiveItemIndex]);\n\n  const listenerOptions = useMemo(() => {\n    if (useDocumentEventListeners) return undefined;\n\n    return {\n      ref,\n      preventDefault: true,\n      stopPropagation: true\n    };\n  }, [useDocumentEventListeners, ref]);\n\n  useKeyEvent({\n    keys: ARROW_DOWN_KEYS,\n    callback: onArrowDown,\n    ...listenerOptions\n  });\n\n  useKeyEvent({\n    keys: ARROW_UP_KEYS,\n    callback: onArrowUp,\n    ...listenerOptions\n  });\n\n  useKeyEvent({\n    keys: ENTER_KEYS,\n    callback: onEnterClickCallback,\n    ...listenerOptions\n  });\n\n  useKeyEvent({\n    keys: HOME_KEYS,\n    callback: onHomeKey,\n    ...listenerOptions\n  });\n\n  useKeyEvent({\n    keys: END_KEYS,\n    callback: onEndKey,\n    ...listenerOptions\n  });\n}\n"],"names":["useMenuKeyboardNavigation","_ref","hasOpenSubMenu","getNextSelectableIndex","getPreviousSelectableIndex","activeItemIndex","setActiveItemIndex","isVisible","ref","useDocumentEventListeners","onArrowKeyEvent","useCallback","direction","newIndex","NavDirections","DOWN","UP","onArrowUp","onArrowDown","onEnterClickCallback","_event","onHomeKey","firstIndex","onEndKey","lastIndex","listenerOptions","useMemo","preventDefault","stopPropagation","useKeyEvent","Object","assign","keys","ARROW_DOWN_KEYS","callback","ARROW_UP_KEYS","ENTER_KEYS","HOME_KEYS","END_KEYS"],"mappings":"+PAYwB,SAAAA,EAAyBC,GAkBhD,IAjBCC,EAAcD,EAAdC,eACAC,EAAsBF,EAAtBE,uBACAC,EAA0BH,EAA1BG,2BACAC,EAAeJ,EAAfI,gBACAC,EAAkBL,EAAlBK,mBACAC,EAASN,EAATM,UACAC,EAAGP,EAAHO,IACAC,EAAyBR,EAAzBQ,0BAWMC,EAAkBC,GACtB,SAACC,GACC,IAAIC,EAEJ,GAAIX,EAAgB,OAAO,EAEvBU,IAAcE,EAAcC,KAC9BF,EAAWV,EAAuBE,GACzBO,IAAcE,EAAcE,KACrCH,EAAWT,EAA2BC,KAGpCQ,GAAyB,IAAbA,IAAgBP,EAAmBO,EACrD,GACA,CAACR,EAAiBF,EAAwBC,EAA4BF,EAAgBI,IAElFW,EAAYN,GAAY,WAC5BD,EAAgBI,EAAcE,GAChC,GAAG,CAACN,IAEEQ,EAAcP,GAAY,WAC9BD,EAAgBI,EAAcC,KAChC,GAAG,CAACL,IAEES,EAAuBR,GAC3B,SAACS,GACMb,IAEoB,IAArBF,GACFC,EAAmB,EAEtB,GACD,CAACA,EAAoBD,EAAiBE,IAGlCc,EAAYV,GAAY,WAC5B,IAAIT,EAAJ,CACA,IAAMoB,EAAanB,GAAwB,IACvB,IAAhBmB,GACFhB,EAAmBgB,EAHD,CAKrB,GAAE,CAACpB,EAAgBC,EAAwBG,IAEtCiB,EAAWZ,GAAY,WAC3B,IAAIT,EAAJ,CACA,IAAMsB,EAAYpB,EAA2B,IAC1B,IAAfoB,GACFlB,EAAmBkB,EAHD,CAKrB,GAAE,CAACtB,EAAgBE,EAA4BE,IAE1CmB,EAAkBC,GAAQ,WAC9B,IAAIjB,EAEJ,MAAO,CACLD,IAAAA,EACAmB,gBAAgB,EAChBC,iBAAiB,EAErB,GAAG,CAACnB,EAA2BD,IAE/BqB,EAAWC,OAAAC,OAAA,CACTC,KAAMC,EACNC,SAAUhB,GACPO,IAGLI,EAAWC,OAAAC,OAAA,CACTC,KAAMG,EACND,SAAUjB,GACPQ,IAGLI,EAAWC,OAAAC,OAAA,CACTC,KAAMI,EACNF,SAAUf,GACPM,IAGLI,EAAWC,OAAAC,OAAA,CACTC,KAAMK,EACNH,SAAUb,GACPI,IAGLI,EAAWC,OAAAC,OAAA,CACTC,KAAMM,EACNJ,SAAUX,GACPE,GAEP"}
+{"version":3,"file":"useMenuKeyboardNavigation.js","sources":["../../../../../../../src/components/Menu/Menu/hooks/useMenuKeyboardNavigation.tsx"],"sourcesContent":["import type React from \"react\";\nimport { useCallback, useMemo } from \"react\";\nimport {\n  ARROW_DOWN_KEYS,\n  ARROW_UP_KEYS,\n  ENTER_KEYS,\n  HOME_KEYS,\n  END_KEYS,\n  NavDirections\n} from \"../../../../hooks/useFullKeyboardListeners\";\nimport useKeyEvent from \"../../../../hooks/useKeyEvent\";\n\nexport default function useMenuKeyboardNavigation({\n  hasOpenSubMenu,\n  getNextSelectableIndex,\n  getPreviousSelectableIndex,\n  activeItemIndex,\n  setActiveItemIndex,\n  isVisible,\n  ref,\n  useDocumentEventListeners\n}: {\n  hasOpenSubMenu: boolean;\n  getNextSelectableIndex: (index: number) => number;\n  getPreviousSelectableIndex: (index: number) => number;\n  activeItemIndex: number;\n  setActiveItemIndex: (index: number) => void;\n  isVisible: boolean;\n  ref: React.RefObject<HTMLElement>;\n  useDocumentEventListeners: boolean;\n}) {\n  const onArrowKeyEvent = useCallback(\n    (direction: NavDirections) => {\n      let newIndex;\n\n      if (hasOpenSubMenu) return false;\n\n      if (direction === NavDirections.DOWN) {\n        newIndex = getNextSelectableIndex(activeItemIndex);\n      } else if (direction === NavDirections.UP) {\n        newIndex = getPreviousSelectableIndex(activeItemIndex);\n      }\n\n      if (newIndex || newIndex === 0) setActiveItemIndex(newIndex);\n    },\n    [activeItemIndex, getNextSelectableIndex, getPreviousSelectableIndex, hasOpenSubMenu, setActiveItemIndex]\n  );\n  const onArrowUp = useCallback(() => {\n    onArrowKeyEvent(NavDirections.UP);\n  }, [onArrowKeyEvent]);\n\n  const onArrowDown = useCallback(() => {\n    onArrowKeyEvent(NavDirections.DOWN);\n  }, [onArrowKeyEvent]);\n\n  const onEnterClickCallback = useCallback(\n    (_event: React.KeyboardEvent) => {\n      if (!isVisible) return;\n\n      if (activeItemIndex === -1) {\n        setActiveItemIndex(0);\n      }\n    },\n    [setActiveItemIndex, activeItemIndex, isVisible]\n  );\n\n  const onHomeKey = useCallback(() => {\n    if (hasOpenSubMenu) return;\n    const firstIndex = getNextSelectableIndex(-1);\n    if (firstIndex !== -1) {\n      setActiveItemIndex(firstIndex);\n    }\n  }, [hasOpenSubMenu, getNextSelectableIndex, setActiveItemIndex]);\n\n  const onEndKey = useCallback(() => {\n    if (hasOpenSubMenu) return;\n    const lastIndex = getPreviousSelectableIndex(0);\n    if (lastIndex !== -1) {\n      setActiveItemIndex(lastIndex);\n    }\n  }, [hasOpenSubMenu, getPreviousSelectableIndex, setActiveItemIndex]);\n\n  const listenerOptions = useMemo(() => {\n    if (useDocumentEventListeners) return undefined;\n\n    return {\n      ref,\n      preventDefault: true,\n      stopPropagation: true\n    };\n  }, [useDocumentEventListeners, ref]);\n\n  useKeyEvent({\n    keys: ARROW_DOWN_KEYS,\n    callback: onArrowDown,\n    ...listenerOptions\n  });\n\n  useKeyEvent({\n    keys: ARROW_UP_KEYS,\n    callback: onArrowUp,\n    ...listenerOptions\n  });\n\n  useKeyEvent({\n    keys: ENTER_KEYS,\n    callback: onEnterClickCallback,\n    ...listenerOptions\n  });\n\n  useKeyEvent({\n    keys: HOME_KEYS,\n    callback: onHomeKey,\n    ...listenerOptions\n  });\n\n  useKeyEvent({\n    keys: END_KEYS,\n    callback: onEndKey,\n    ...listenerOptions\n  });\n}\n"],"names":["useMenuKeyboardNavigation","_ref","hasOpenSubMenu","getNextSelectableIndex","getPreviousSelectableIndex","activeItemIndex","setActiveItemIndex","isVisible","ref","useDocumentEventListeners","onArrowKeyEvent","useCallback","direction","newIndex","NavDirections","DOWN","UP","onArrowUp","onArrowDown","onEnterClickCallback","_event","onHomeKey","firstIndex","onEndKey","lastIndex","listenerOptions","useMemo","preventDefault","stopPropagation","useKeyEvent","Object","assign","keys","ARROW_DOWN_KEYS","callback","ARROW_UP_KEYS","ENTER_KEYS","HOME_KEYS","END_KEYS"],"mappings":"+PAYc,SAAUA,EAAyBC,GAkBhD,IAjBCC,EAAcD,EAAdC,eACAC,EAAsBF,EAAtBE,uBACAC,EAA0BH,EAA1BG,2BACAC,EAAeJ,EAAfI,gBACAC,EAAkBL,EAAlBK,mBACAC,EAASN,EAATM,UACAC,EAAGP,EAAHO,IACAC,EAAyBR,EAAzBQ,0BAWMC,EAAkBC,GACtB,SAACC,GACC,IAAIC,EAEJ,GAAIX,EAAgB,OAAO,EAEvBU,IAAcE,EAAcC,KAC9BF,EAAWV,EAAuBE,GACzBO,IAAcE,EAAcE,KACrCH,EAAWT,EAA2BC,KAGpCQ,GAAyB,IAAbA,IAAgBP,EAAmBO,EACrD,GACA,CAACR,EAAiBF,EAAwBC,EAA4BF,EAAgBI,IAElFW,EAAYN,GAAY,WAC5BD,EAAgBI,EAAcE,GAChC,GAAG,CAACN,IAEEQ,EAAcP,GAAY,WAC9BD,EAAgBI,EAAcC,KAChC,GAAG,CAACL,IAEES,EAAuBR,GAC3B,SAACS,GACMb,IAEmB,IAApBF,GACFC,EAAmB,EAEvB,GACA,CAACA,EAAoBD,EAAiBE,IAGlCc,EAAYV,GAAY,WAC5B,IAAIT,EAAJ,CACA,IAAMoB,EAAanB,OACA,IAAfmB,GACFhB,EAAmBgB,EAHD,CAKtB,GAAG,CAACpB,EAAgBC,EAAwBG,IAEtCiB,EAAWZ,GAAY,WAC3B,IAAIT,EAAJ,CACA,IAAMsB,EAAYpB,EAA2B,IAC3B,IAAdoB,GACFlB,EAAmBkB,EAHD,CAKtB,GAAG,CAACtB,EAAgBE,EAA4BE,IAE1CmB,EAAkBC,GAAQ,WAC9B,IAAIjB,EAEJ,MAAO,CACLD,IAAAA,EACAmB,gBAAgB,EAChBC,iBAAiB,EAErB,GAAG,CAACnB,EAA2BD,IAE/BqB,EAAWC,OAAAC,OAAA,CACTC,KAAMC,EACNC,SAAUhB,GACPO,IAGLI,EAAWC,OAAAC,OAAA,CACTC,KAAMG,EACND,SAAUjB,GACPQ,IAGLI,EAAWC,OAAAC,OAAA,CACTC,KAAMI,EACNF,SAAUf,GACPM,IAGLI,EAAWC,OAAAC,OAAA,CACTC,KAAMK,EACNH,SAAUb,GACPI,IAGLI,EAAWC,OAAAC,OAAA,CACTC,KAAMM,EACNJ,SAAUX,GACPE,GAEP"}

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

@@ -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":"mKAKwB,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"}
+{"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":"mKAKc,SAAUA,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,GAAmB,IACrB,GAAG,CAACH,EAAuBE,EAAKI,EAAkBF,EAAcH,EAAgBE,IAEzEC,CACT"}

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

@@ -1 +1 @@
-{"version":3,"file":"useOnCloseMenu.js","sources":["../../../../../../../src/components/Menu/Menu/hooks/useOnCloseMenu.tsx"],"sourcesContent":["import { useCallback } from \"react\";\nimport { type CloseMenuOption } from \"../MenuConstants\";\n\nexport default function useOnCloseMenu({\n  setActiveItemIndex,\n  setOpenSubMenuIndex,\n  onClose\n}: {\n  setActiveItemIndex: (index: number) => void;\n  setOpenSubMenuIndex: (index: number) => void;\n  onClose: (option: CloseMenuOption) => void;\n}) {\n  return useCallback(\n    (option: CloseMenuOption = { propagate: false }) => {\n      setActiveItemIndex(-1);\n      setOpenSubMenuIndex(null);\n      onClose && onClose(option);\n    },\n    [onClose, setOpenSubMenuIndex, setActiveItemIndex]\n  );\n}\n"],"names":["useOnCloseMenu","_ref","setActiveItemIndex","setOpenSubMenuIndex","onClose","useCallback","option","arguments","length","undefined","propagate"],"mappings":"oCAGc,SAAUA,EAAcC,GAQrC,IAPCC,EAAkBD,EAAlBC,mBACAC,EAAmBF,EAAnBE,oBACAC,EAAOH,EAAPG,QAMA,OAAOC,GACL,WAAmD,IAAlDC,EAA0BC,UAAAC,OAAAD,QAAAE,IAAAF,UAAAE,GAAAF,UAAA,GAAA,CAAEG,WAAW,GACtCR,GAAoB,GACpBC,EAAoB,MACpBC,GAAWA,EAAQE,EACpB,GACD,CAACF,EAASD,EAAqBD,GAEnC"}
+{"version":3,"file":"useOnCloseMenu.js","sources":["../../../../../../../src/components/Menu/Menu/hooks/useOnCloseMenu.tsx"],"sourcesContent":["import { useCallback } from \"react\";\nimport { type CloseMenuOption } from \"../MenuConstants\";\n\nexport default function useOnCloseMenu({\n  setActiveItemIndex,\n  setOpenSubMenuIndex,\n  onClose\n}: {\n  setActiveItemIndex: (index: number) => void;\n  setOpenSubMenuIndex: (index: number) => void;\n  onClose: (option: CloseMenuOption) => void;\n}) {\n  return useCallback(\n    (option: CloseMenuOption = { propagate: false }) => {\n      setActiveItemIndex(-1);\n      setOpenSubMenuIndex(null);\n      onClose && onClose(option);\n    },\n    [onClose, setOpenSubMenuIndex, setActiveItemIndex]\n  );\n}\n"],"names":["useOnCloseMenu","_ref","setActiveItemIndex","setOpenSubMenuIndex","onClose","useCallback","option","arguments","length","undefined","propagate"],"mappings":"oCAGc,SAAUA,EAAcC,GAQrC,IAPCC,EAAkBD,EAAlBC,mBACAC,EAAmBF,EAAnBE,oBACAC,EAAOH,EAAPG,QAMA,OAAOC,GACL,WAAmD,IAAlDC,EAAAC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAA0B,CAAEG,WAAW,GACtCR,GAAmB,GACnBC,EAAoB,MACpBC,GAAWA,EAAQE,EACrB,GACA,CAACF,EAASD,EAAqBD,GAEnC"}

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

@@ -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 i,ComponentDefaultTestId as r}from"../../../../testIds.js";import s from"classnames";import t 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(t,{className:s(a.menuChildDivider,m.className),"data-testid":o||i(r.MENU_DIVIDER,d)})};Object.assign(m,{isMenuChild:!0});export{m as default};
 //# sourceMappingURL=MenuDivider.js.map

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

@@ -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"}
+{"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":"kNASA,IAAMA,EAAc,SAAHC,GAAsE,IAArDC,EAAED,EAAFC,GAAmBC,EAAUF,EAAzB,eACpC,OACEG,EAAAC,cAACC,EAAO,CACNC,UAAWC,EAAGC,EAAOC,iBAHKT,EAATM,WAGgC,cACpCJ,GAAcQ,EAAUC,EAAuBC,aAAcX,IAGhF,EAEAY,OAAOC,OAAOf,EAAa,CACzBgB,aAAa"}

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

@@ -1,2 +1,2 @@
-var e={menuChildDivider:"menuChildDivider"};!function(e){const d="s_id-b255f2c3e0ea_4_2_0";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 {\n  width: 100%;\n  padding: 0 var(--space-8);\n}");export{e as default};
+var e={menuChildDivider:"menuChildDivider"};!function(e){const d="s_id-b255f2c3e0ea_4_2_2";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 {\n  width: 100%;\n  padding: 0 var(--space-8);\n}");export{e as default};
 //# sourceMappingURL=MenuDivider.module.scss.js.map

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

@@ -1,2 +1,2 @@
-import e,{forwardRef as t,useRef as i,useCallback as n}from"react";import{useMergeRef as s}from"@vibe/shared";import{GridKeyboardNavigationContext as r}from"../../GridKeyboardNavigationContext/GridKeyboardNavigationContext.js";import{useMenuGridItemNavContext as o}from"./useMenuGridItemNavContext.js";import{useFocusGridItemByActiveStatus as a}from"./useFocusGridItemByActiveStatus.js";import{useFocusWithin as d}from"../../../hooks/useFocusWithin.js";import{getTestId as l,ComponentDefaultTestId as c}from"../../../tests/testIds.js";var u=t((function(t,u){var m=t.className,v=t.id,I=t.children,x=t.index,b=t.activeItemIndex,f=void 0===b?-1:b,p=t.closeMenu,g=t.getNextSelectableIndex,h=t.getPreviousSelectableIndex,M=t.setActiveItemIndex,j=t.setSubMenuIsOpenByIndex,S=t.isUnderSubMenu,N=void 0!==S&&S,E=t.disabled,y=void 0!==E&&E,C=t.useDocumentEventListeners,G=void 0!==C&&C,O=t["data-testid"],P=i(null),R=s(u,P),A=i(),D=I&&e.Children.only(I);D||console.error("MenuGridItem can accept only a single element as first level child, this element is not valid: ",D);var F=n((function(e){j(x,e),e&&M(x)}),[x,M,j]),U=d({onFocusWithinChange:F}).focusWithinProps;a({wrapperRef:P,childRef:A,activeItemIndex:f,index:x,useDocumentEventListeners:G});var W=o({wrapperRef:P,setActiveItemIndex:M,getPreviousSelectableIndex:h,getNextSelectableIndex:g,activeItemIndex:f,isUnderSubMenu:N,closeMenu:p});return e.createElement("section",Object.assign({ref:R,className:m,id:v,"data-testid":O||l(c.MENU_GRID_ITEM,v),tabIndex:-1,role:"grid"},U),e.createElement(r.Provider,{value:W},e.cloneElement(D,Object.assign(Object.assign({},null==D?void 0:D.props),{disabled:y,ref:A}))))}));Object.assign(u,{isMenuChild:!0,isSelectable:!0});export{u as default};
+import e,{forwardRef as t,useRef as i,useCallback as n}from"react";import{useMergeRef as s}from"@vibe/shared";import{GridKeyboardNavigationContext as r}from"../../GridKeyboardNavigationContext/GridKeyboardNavigationContext.js";import{useMenuGridItemNavContext as o}from"./useMenuGridItemNavContext.js";import{useFocusGridItemByActiveStatus as a}from"./useFocusGridItemByActiveStatus.js";import{useFocusWithin as d}from"../../../hooks/useFocusWithin.js";import{getTestId as l,ComponentDefaultTestId as c}from"../../../../testIds.js";var u=t((function(t,u){var m=t.className,v=t.id,I=t.children,x=t.index,b=t.activeItemIndex,f=void 0===b?-1:b,p=t.closeMenu,g=t.getNextSelectableIndex,h=t.getPreviousSelectableIndex,M=t.setActiveItemIndex,j=t.setSubMenuIsOpenByIndex,S=t.isUnderSubMenu,N=void 0!==S&&S,E=t.disabled,y=void 0!==E&&E,C=t.useDocumentEventListeners,G=void 0!==C&&C,O=t["data-testid"],P=i(null),R=s(u,P),A=i(),D=I&&e.Children.only(I);D||console.error("MenuGridItem can accept only a single element as first level child, this element is not valid: ",D);var F=n((function(e){j(x,e),e&&M(x)}),[x,M,j]),U=d({onFocusWithinChange:F}).focusWithinProps;a({wrapperRef:P,childRef:A,activeItemIndex:f,index:x,useDocumentEventListeners:G});var W=o({wrapperRef:P,setActiveItemIndex:M,getPreviousSelectableIndex:h,getNextSelectableIndex:g,activeItemIndex:f,isUnderSubMenu:N,closeMenu:p});return e.createElement("section",Object.assign({ref:R,className:m,id:v,"data-testid":O||l(c.MENU_GRID_ITEM,v),tabIndex:-1,role:"grid"},U),e.createElement(r.Provider,{value:W},e.cloneElement(D,Object.assign(Object.assign({},null==D?void 0:D.props),{disabled:y,ref:A}))))}));Object.assign(u,{isMenuChild:!0,isSelectable:!0});export{u as default};
 //# sourceMappingURL=MenuGridItem.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"MenuGridItem.js","sources":["../../../../../../src/components/Menu/MenuGridItem/MenuGridItem.tsx"],"sourcesContent":["import React, { forwardRef, type ReactElement, useCallback, useRef } from \"react\";\nimport { useMergeRef } from \"@vibe/shared\";\nimport { GridKeyboardNavigationContext } from \"../../GridKeyboardNavigationContext\";\nimport { useMenuGridItemNavContext } from \"./useMenuGridItemNavContext\";\nimport { useFocusGridItemByActiveStatus } from \"./useFocusGridItemByActiveStatus\";\nimport { useFocusWithin } from \"../../../hooks/useFocusWithin\";\nimport { type VibeComponentProps } from \"../../../types\";\nimport { type CloseMenuOption } from \"../Menu/MenuConstants\";\nimport { ComponentDefaultTestId, getTestId } from \"../../../tests/test-ids-utils\";\n\nexport interface MenuGridItemProps extends VibeComponentProps {\n  /**\n   * The content of the menu grid item.\n   */\n  children?: ReactElement | ReactElement[];\n  /**\n   * If true, keyboard navigation will skip this item. This prop is also passed to the child.\n   */\n  disabled?: boolean;\n  /**\n   * A callback function to close the wrapping menu.\n   */\n  closeMenu?: (option: CloseMenuOption) => void;\n  /**\n   * The currently active index of the wrapping menu.\n   */\n  activeItemIndex?: number;\n  /**\n   * Callback function to set the active item index.\n   */\n  setActiveItemIndex?: (index: number) => void;\n  /**\n   * Function to get the next selectable index.\n   */\n  getNextSelectableIndex?: (activeItemIndex: number) => number;\n  /**\n   * Function to get the previous selectable index.\n   */\n  getPreviousSelectableIndex?: (activeItemIndex: number) => number;\n  /**\n   * The index of this menu grid item.\n   */\n  index?: number;\n  /**\n   * If true, this item is under a submenu instead of a top-level menu.\n   */\n  isUnderSubMenu?: boolean;\n  /**\n   * Callback function to open or close a submenu by its index.\n   */\n  setSubMenuIsOpenByIndex?: (index: number, isOpen: boolean) => void;\n  /**\n   * If true, event listeners will be attached to the document.\n   */\n  useDocumentEventListeners?: boolean;\n}\n\nconst MenuGridItem = forwardRef(\n  (\n    {\n      className,\n      id,\n      children,\n      index,\n      activeItemIndex = -1,\n      closeMenu,\n      getNextSelectableIndex,\n      getPreviousSelectableIndex,\n      setActiveItemIndex,\n      setSubMenuIsOpenByIndex,\n      isUnderSubMenu = false,\n      disabled = false,\n      useDocumentEventListeners = false,\n      \"data-testid\": dataTestId\n    }: MenuGridItemProps,\n    ref: React.ForwardedRef<HTMLElement>\n  ) => {\n    const componentRef = useRef(null);\n    const mergedRef = useMergeRef(ref, componentRef);\n    const childRef = useRef();\n\n    const child = children && React.Children.only(children);\n    if (!child) {\n      console.error(\n        \"MenuGridItem can accept only a single element as first level child, this element is not valid: \",\n        child\n      );\n    }\n\n    const onFocusWithinChange = useCallback(\n      (isFocusWithin: boolean) => {\n        setSubMenuIsOpenByIndex(index, isFocusWithin);\n        if (isFocusWithin) {\n          setActiveItemIndex(index);\n        }\n      },\n      [index, setActiveItemIndex, setSubMenuIsOpenByIndex]\n    );\n    const { focusWithinProps } = useFocusWithin({ onFocusWithinChange });\n\n    useFocusGridItemByActiveStatus({\n      wrapperRef: componentRef,\n      childRef,\n      activeItemIndex,\n      index,\n      useDocumentEventListeners\n    });\n\n    const keyboardContext = useMenuGridItemNavContext({\n      wrapperRef: componentRef,\n      setActiveItemIndex,\n      getPreviousSelectableIndex,\n      getNextSelectableIndex,\n      activeItemIndex,\n      isUnderSubMenu,\n      closeMenu\n    });\n\n    return (\n      <section\n        ref={mergedRef}\n        className={className}\n        id={id}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.MENU_GRID_ITEM, id)}\n        tabIndex={-1}\n        role=\"grid\"\n        {...focusWithinProps}\n      >\n        <GridKeyboardNavigationContext.Provider value={keyboardContext}>\n          {React.cloneElement(child, {\n            ...child?.props,\n            disabled,\n            ref: childRef\n          })}\n        </GridKeyboardNavigationContext.Provider>\n      </section>\n    );\n  }\n);\n\nObject.assign(MenuGridItem, {\n  isMenuChild: true,\n  isSelectable: true\n});\n\nexport default MenuGridItem;\n"],"names":["MenuGridItem","forwardRef","_ref","ref","className","id","children","index","_ref$activeItemIndex","activeItemIndex","closeMenu","getNextSelectableIndex","getPreviousSelectableIndex","setActiveItemIndex","setSubMenuIsOpenByIndex","_ref$isUnderSubMenu","isUnderSubMenu","_ref$disabled","disabled","_ref$useDocumentEvent","useDocumentEventListeners","dataTestId","componentRef","useRef","mergedRef","useMergeRef","childRef","child","React","Children","only","console","error","onFocusWithinChange","useCallback","isFocusWithin","focusWithinProps","useFocusWithin","useFocusGridItemByActiveStatus","wrapperRef","keyboardContext","useMenuGridItemNavContext","createElement","Object","assign","getTestId","ComponentDefaultTestId","MENU_GRID_ITEM","tabIndex","role","GridKeyboardNavigationContext","Provider","value","cloneElement","props","isMenuChild","isSelectable"],"mappings":"uhBAyDMA,IAAAA,EAAeC,GACnB,SAAAC,EAiBEC,GACE,IAhBAC,EAASF,EAATE,UACAC,EAAEH,EAAFG,GACAC,EAAQJ,EAARI,SACAC,EAAKL,EAALK,MAAKC,EAAAN,EACLO,gBAAAA,OAAe,IAAAD,GAAI,EAACA,EACpBE,EAASR,EAATQ,UACAC,EAAsBT,EAAtBS,uBACAC,EAA0BV,EAA1BU,2BACAC,EAAkBX,EAAlBW,mBACAC,EAAuBZ,EAAvBY,wBAAuBC,EAAAb,EACvBc,eAAAA,OAAiB,IAAHD,GAAQA,EAAAE,EAAAf,EACtBgB,SAAAA,OAAW,IAAHD,GAAQA,EAAAE,EAAAjB,EAChBkB,0BAAAA,OAA4B,IAAHD,GAAQA,EAClBE,EAAUnB,EAAzB,eAIIoB,EAAeC,EAAO,MACtBC,EAAYC,EAAYtB,EAAKmB,GAC7BI,EAAWH,IAEXI,EAAQrB,GAAYsB,EAAMC,SAASC,KAAKxB,GACzCqB,GACHI,QAAQC,MACN,kGACAL,GAIJ,IAAMM,EAAsBC,GAC1B,SAACC,GACCrB,EAAwBP,EAAO4B,GAC3BA,GACFtB,EAAmBN,EAEtB,GACD,CAACA,EAAOM,EAAoBC,IAEtBsB,EAAqBC,EAAe,CAAEJ,oBAAAA,IAAtCG,iBAERE,EAA+B,CAC7BC,WAAYjB,EACZI,SAAAA,EACAjB,gBAAAA,EACAF,MAAAA,EACAa,0BAAAA,IAGF,IAAMoB,EAAkBC,EAA0B,CAChDF,WAAYjB,EACZT,mBAAAA,EACAD,2BAAAA,EACAD,uBAAAA,EACAF,gBAAAA,EACAO,eAAAA,EACAN,UAAAA,IAGF,OACEkB,EAAAc,cAAA,UAAAC,OAAAC,OAAA,CACEzC,IAAKqB,EACLpB,UAAWA,EACXC,GAAIA,EAAE,cACOgB,GAAcwB,EAAUC,EAAuBC,eAAgB1C,GAC5E2C,UAAW,EACXC,KAAK,QACDb,GAEJR,EAAAc,cAACQ,EAA8BC,SAAQ,CAACC,MAAOZ,GAC5CZ,EAAMyB,aAAa1B,EACfgB,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAjB,aAAA,EAAAA,EAAO2B,QACVpC,SAAAA,EACAf,IAAKuB,MAKf,IAGFiB,OAAOC,OAAO5C,EAAc,CAC1BuD,aAAa,EACbC,cAAc"}
+{"version":3,"file":"MenuGridItem.js","sources":["../../../../../../src/components/Menu/MenuGridItem/MenuGridItem.tsx"],"sourcesContent":["import React, { forwardRef, type ReactElement, useCallback, useRef } from \"react\";\nimport { useMergeRef } from \"@vibe/shared\";\nimport { GridKeyboardNavigationContext } from \"../../GridKeyboardNavigationContext\";\nimport { useMenuGridItemNavContext } from \"./useMenuGridItemNavContext\";\nimport { useFocusGridItemByActiveStatus } from \"./useFocusGridItemByActiveStatus\";\nimport { useFocusWithin } from \"../../../hooks/useFocusWithin\";\nimport { type VibeComponentProps } from \"../../../types\";\nimport { type CloseMenuOption } from \"../Menu/MenuConstants\";\nimport { ComponentDefaultTestId, getTestId } from \"../../../tests/test-ids-utils\";\n\nexport interface MenuGridItemProps extends VibeComponentProps {\n  /**\n   * The content of the menu grid item.\n   */\n  children?: ReactElement | ReactElement[];\n  /**\n   * If true, keyboard navigation will skip this item. This prop is also passed to the child.\n   */\n  disabled?: boolean;\n  /**\n   * A callback function to close the wrapping menu.\n   */\n  closeMenu?: (option: CloseMenuOption) => void;\n  /**\n   * The currently active index of the wrapping menu.\n   */\n  activeItemIndex?: number;\n  /**\n   * Callback function to set the active item index.\n   */\n  setActiveItemIndex?: (index: number) => void;\n  /**\n   * Function to get the next selectable index.\n   */\n  getNextSelectableIndex?: (activeItemIndex: number) => number;\n  /**\n   * Function to get the previous selectable index.\n   */\n  getPreviousSelectableIndex?: (activeItemIndex: number) => number;\n  /**\n   * The index of this menu grid item.\n   */\n  index?: number;\n  /**\n   * If true, this item is under a submenu instead of a top-level menu.\n   */\n  isUnderSubMenu?: boolean;\n  /**\n   * Callback function to open or close a submenu by its index.\n   */\n  setSubMenuIsOpenByIndex?: (index: number, isOpen: boolean) => void;\n  /**\n   * If true, event listeners will be attached to the document.\n   */\n  useDocumentEventListeners?: boolean;\n}\n\nconst MenuGridItem = forwardRef(\n  (\n    {\n      className,\n      id,\n      children,\n      index,\n      activeItemIndex = -1,\n      closeMenu,\n      getNextSelectableIndex,\n      getPreviousSelectableIndex,\n      setActiveItemIndex,\n      setSubMenuIsOpenByIndex,\n      isUnderSubMenu = false,\n      disabled = false,\n      useDocumentEventListeners = false,\n      \"data-testid\": dataTestId\n    }: MenuGridItemProps,\n    ref: React.ForwardedRef<HTMLElement>\n  ) => {\n    const componentRef = useRef(null);\n    const mergedRef = useMergeRef(ref, componentRef);\n    const childRef = useRef();\n\n    const child = children && React.Children.only(children);\n    if (!child) {\n      console.error(\n        \"MenuGridItem can accept only a single element as first level child, this element is not valid: \",\n        child\n      );\n    }\n\n    const onFocusWithinChange = useCallback(\n      (isFocusWithin: boolean) => {\n        setSubMenuIsOpenByIndex(index, isFocusWithin);\n        if (isFocusWithin) {\n          setActiveItemIndex(index);\n        }\n      },\n      [index, setActiveItemIndex, setSubMenuIsOpenByIndex]\n    );\n    const { focusWithinProps } = useFocusWithin({ onFocusWithinChange });\n\n    useFocusGridItemByActiveStatus({\n      wrapperRef: componentRef,\n      childRef,\n      activeItemIndex,\n      index,\n      useDocumentEventListeners\n    });\n\n    const keyboardContext = useMenuGridItemNavContext({\n      wrapperRef: componentRef,\n      setActiveItemIndex,\n      getPreviousSelectableIndex,\n      getNextSelectableIndex,\n      activeItemIndex,\n      isUnderSubMenu,\n      closeMenu\n    });\n\n    return (\n      <section\n        ref={mergedRef}\n        className={className}\n        id={id}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.MENU_GRID_ITEM, id)}\n        tabIndex={-1}\n        role=\"grid\"\n        {...focusWithinProps}\n      >\n        <GridKeyboardNavigationContext.Provider value={keyboardContext}>\n          {React.cloneElement(child, {\n            ...child?.props,\n            disabled,\n            ref: childRef\n          })}\n        </GridKeyboardNavigationContext.Provider>\n      </section>\n    );\n  }\n);\n\nObject.assign(MenuGridItem, {\n  isMenuChild: true,\n  isSelectable: true\n});\n\nexport default MenuGridItem;\n"],"names":["MenuGridItem","forwardRef","_ref","ref","className","id","children","index","_ref$activeItemIndex","activeItemIndex","closeMenu","getNextSelectableIndex","getPreviousSelectableIndex","setActiveItemIndex","setSubMenuIsOpenByIndex","_ref$isUnderSubMenu","isUnderSubMenu","_ref$disabled","disabled","_ref$useDocumentEvent","useDocumentEventListeners","dataTestId","componentRef","useRef","mergedRef","useMergeRef","childRef","child","React","Children","only","console","error","onFocusWithinChange","useCallback","isFocusWithin","focusWithinProps","useFocusWithin","useFocusGridItemByActiveStatus","wrapperRef","keyboardContext","useMenuGridItemNavContext","createElement","Object","assign","getTestId","ComponentDefaultTestId","MENU_GRID_ITEM","tabIndex","role","GridKeyboardNavigationContext","Provider","value","cloneElement","props","isMenuChild","isSelectable"],"mappings":"ohBAyDA,IAAMA,EAAeC,GACnB,SAAAC,EAiBEC,GACE,IAhBAC,EAASF,EAATE,UACAC,EAAEH,EAAFG,GACAC,EAAQJ,EAARI,SACAC,EAAKL,EAALK,MAAKC,EAAAN,EACLO,gBAAAA,OAAe,IAAAD,GAAG,EAAEA,EACpBE,EAASR,EAATQ,UACAC,EAAsBT,EAAtBS,uBACAC,EAA0BV,EAA1BU,2BACAC,EAAkBX,EAAlBW,mBACAC,EAAuBZ,EAAvBY,wBAAuBC,EAAAb,EACvBc,eAAAA,OAAc,IAAAD,GAAQA,EAAAE,EAAAf,EACtBgB,SAAAA,OAAQ,IAAAD,GAAQA,EAAAE,EAAAjB,EAChBkB,0BAAAA,OAAyB,IAAAD,GAAQA,EAClBE,EAAUnB,EAAzB,eAIIoB,EAAeC,EAAO,MACtBC,EAAYC,EAAYtB,EAAKmB,GAC7BI,EAAWH,IAEXI,EAAQrB,GAAYsB,EAAMC,SAASC,KAAKxB,GACzCqB,GACHI,QAAQC,MACN,kGACAL,GAIJ,IAAMM,EAAsBC,GAC1B,SAACC,GACCrB,EAAwBP,EAAO4B,GAC3BA,GACFtB,EAAmBN,EAEvB,GACA,CAACA,EAAOM,EAAoBC,IAEtBsB,EAAqBC,EAAe,CAAEJ,oBAAAA,IAAtCG,iBAERE,EAA+B,CAC7BC,WAAYjB,EACZI,SAAAA,EACAjB,gBAAAA,EACAF,MAAAA,EACAa,0BAAAA,IAGF,IAAMoB,EAAkBC,EAA0B,CAChDF,WAAYjB,EACZT,mBAAAA,EACAD,2BAAAA,EACAD,uBAAAA,EACAF,gBAAAA,EACAO,eAAAA,EACAN,UAAAA,IAGF,OACEkB,EAAAc,cAAA,UAAAC,OAAAC,OAAA,CACEzC,IAAKqB,EACLpB,UAAWA,EACXC,GAAIA,EAAE,cACOgB,GAAcwB,EAAUC,EAAuBC,eAAgB1C,GAC5E2C,UAAU,EACVC,KAAK,QACDb,GAEJR,EAAAc,cAACQ,EAA8BC,SAAQ,CAACC,MAAOZ,GAC5CZ,EAAMyB,aAAa1B,EAAKgB,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACpBjB,aAAK,EAALA,EAAO2B,QACVpC,SAAAA,EACAf,IAAKuB,MAKf,IAGFiB,OAAOC,OAAO5C,EAAc,CAC1BuD,aAAa,EACbC,cAAc"}

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

@@ -1 +1 @@
-{"version":3,"file":"useFocusGridItemByActiveStatus.js","sources":["../../../../../../src/components/Menu/MenuGridItem/useFocusGridItemByActiveStatus.tsx"],"sourcesContent":["import type React from \"react\";\nimport { useEffect, useMemo } from \"react\";\nimport { useLastNavigationDirection } from \"../Menu/hooks/useLastNavigationDirection\";\n\nexport const useFocusGridItemByActiveStatus = ({\n  wrapperRef,\n  childRef,\n  index,\n  activeItemIndex,\n  useDocumentEventListeners = false\n}: {\n  wrapperRef: React.RefObject<HTMLElement>;\n  childRef: React.RefObject<HTMLElement>;\n  index: number;\n  activeItemIndex: number;\n  useDocumentEventListeners?: boolean;\n}) => {\n  const { lastNavigationDirectionRef } = useLastNavigationDirection();\n  const isActive = useMemo(() => index === activeItemIndex, [activeItemIndex, index]);\n\n  useEffect(() => {\n    if (useDocumentEventListeners) return;\n    if (isActive) {\n      childRef.current?.focus();\n    } else {\n      wrapperRef?.current?.blur?.();\n    }\n  }, [childRef, isActive, lastNavigationDirectionRef, wrapperRef, useDocumentEventListeners]);\n};\n"],"names":["useFocusGridItemByActiveStatus","_ref","wrapperRef","childRef","index","activeItemIndex","_ref$useDocumentEvent","useDocumentEventListeners","lastNavigationDirectionRef","useLastNavigationDirection","isActive","useMemo","useEffect","_a","current","focus","_c","_b","blur","call"],"mappings":"4IAIaA,EAAiC,SAAHC,GAYtC,IAXHC,EAAUD,EAAVC,WACAC,EAAQF,EAARE,SACAC,EAAKH,EAALG,MACAC,EAAeJ,EAAfI,gBAAeC,EAAAL,EACfM,0BAAAA,OAA4B,IAAHD,GAAQA,EAQzBE,EAA+BC,IAA/BD,2BACFE,EAAWC,GAAQ,WAAA,OAAMP,IAAUC,CAAe,GAAE,CAACA,EAAiBD,IAE5EQ,GAAU,qBACJL,IACAG,EACgB,QAAlBG,EAAAV,EAASW,eAAS,IAAAD,GAAAA,EAAAE,QAEO,QAAzBC,EAAmB,QAAnBC,EAAAf,aAAU,EAAVA,EAAYY,eAAO,IAAAG,OAAA,EAAAA,EAAEC,YAAI,IAAAF,GAAAA,EAAAG,KAAAF,GAE7B,GAAG,CAACd,EAAUO,EAAUF,EAA4BN,EAAYK,GAClE"}
+{"version":3,"file":"useFocusGridItemByActiveStatus.js","sources":["../../../../../../src/components/Menu/MenuGridItem/useFocusGridItemByActiveStatus.tsx"],"sourcesContent":["import type React from \"react\";\nimport { useEffect, useMemo } from \"react\";\nimport { useLastNavigationDirection } from \"../Menu/hooks/useLastNavigationDirection\";\n\nexport const useFocusGridItemByActiveStatus = ({\n  wrapperRef,\n  childRef,\n  index,\n  activeItemIndex,\n  useDocumentEventListeners = false\n}: {\n  wrapperRef: React.RefObject<HTMLElement>;\n  childRef: React.RefObject<HTMLElement>;\n  index: number;\n  activeItemIndex: number;\n  useDocumentEventListeners?: boolean;\n}) => {\n  const { lastNavigationDirectionRef } = useLastNavigationDirection();\n  const isActive = useMemo(() => index === activeItemIndex, [activeItemIndex, index]);\n\n  useEffect(() => {\n    if (useDocumentEventListeners) return;\n    if (isActive) {\n      childRef.current?.focus();\n    } else {\n      wrapperRef?.current?.blur?.();\n    }\n  }, [childRef, isActive, lastNavigationDirectionRef, wrapperRef, useDocumentEventListeners]);\n};\n"],"names":["useFocusGridItemByActiveStatus","_ref","wrapperRef","childRef","index","activeItemIndex","_ref$useDocumentEvent","useDocumentEventListeners","lastNavigationDirectionRef","useLastNavigationDirection","isActive","useMemo","useEffect","_a","current","focus","_c","_b","blur","call"],"mappings":"4IAIaA,EAAiC,SAAHC,GAYtC,IAXHC,EAAUD,EAAVC,WACAC,EAAQF,EAARE,SACAC,EAAKH,EAALG,MACAC,EAAeJ,EAAfI,gBAAeC,EAAAL,EACfM,0BAAAA,OAAyB,IAAAD,GAAQA,EAQzBE,EAA+BC,IAA/BD,2BACFE,EAAWC,GAAQ,WAAA,OAAMP,IAAUC,CAAe,GAAE,CAACA,EAAiBD,IAE5EQ,GAAU,qBACJL,IACAG,EACc,QAAhBG,EAAAV,EAASW,eAAO,IAAAD,GAAAA,EAAEE,QAEO,QAAzBC,EAAmB,QAAnBC,EAAAf,aAAU,EAAVA,EAAYY,eAAO,IAAAG,OAAA,EAAAA,EAAEC,YAAI,IAAAF,GAAAA,EAAAG,KAAAF,GAE7B,GAAG,CAACd,EAAUO,EAAUF,EAA4BN,EAAYK,GAClE"}

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

@@ -1 +1 @@
-{"version":3,"file":"useMenuGridItemNavContext.js","sources":["../../../../../../src/components/Menu/MenuGridItem/useMenuGridItemNavContext.tsx"],"sourcesContent":["import type React from \"react\";\nimport { useMemo } from \"react\";\nimport { NavDirections } from \"../../../hooks/useFullKeyboardListeners\";\nimport { useGridKeyboardNavigationContext } from \"../../GridKeyboardNavigationContext/GridKeyboardNavigationContext\";\nimport { type CloseMenuOption } from \"../Menu/MenuConstants\";\nimport { type GridElementRef } from \"../../GridKeyboardNavigationContext/GridKeyboardNavigationContextConstants\";\n\nexport const useMenuGridItemNavContext = ({\n  wrapperRef,\n  setActiveItemIndex,\n  getPreviousSelectableIndex,\n  getNextSelectableIndex,\n  activeItemIndex,\n  isUnderSubMenu,\n  closeMenu\n}: {\n  wrapperRef?: GridElementRef;\n  setActiveItemIndex?: (index: number) => void;\n  getNextSelectableIndex?: (activeItemIndex: number) => number;\n  getPreviousSelectableIndex?: (activeItemIndex: number) => number;\n  activeItemIndex?: number;\n  isUnderSubMenu?: boolean;\n  closeMenu?: (option: CloseMenuOption) => void;\n}) => {\n  /*\n   * This is an \"adapter\" between the Grid Keyboard Navigation mechanism and the Menu navigation mechanism.\n   * Currently, the two mechanisms work a bit differently.\n   * In the future, when the Menu component will use a GridKeyboardNavigationContext, this adapter shouldn't be needed anymore.\n   */\n  const innerKeyboardContext = useGridKeyboardNavigationContext([], wrapperRef);\n  const keyboardContext = useMemo(\n    () => ({\n      onOutboundNavigation: (elementRef: React.RefObject<HTMLElement>, direction: NavDirections) => {\n        innerKeyboardContext.onOutboundNavigation(elementRef, direction);\n\n        switch (direction) {\n          case NavDirections.UP:\n            return setActiveItemIndex(getPreviousSelectableIndex(activeItemIndex));\n          case NavDirections.DOWN:\n            return setActiveItemIndex(getNextSelectableIndex(activeItemIndex));\n          case NavDirections.LEFT:\n            if (isUnderSubMenu) {\n              closeMenu({});\n            }\n        }\n      }\n    }),\n    [\n      innerKeyboardContext,\n      setActiveItemIndex,\n      getPreviousSelectableIndex,\n      activeItemIndex,\n      getNextSelectableIndex,\n      isUnderSubMenu,\n      closeMenu\n    ]\n  );\n\n  return keyboardContext;\n};\n"],"names":["useMenuGridItemNavContext","_ref","setActiveItemIndex","getPreviousSelectableIndex","getNextSelectableIndex","activeItemIndex","isUnderSubMenu","closeMenu","innerKeyboardContext","useGridKeyboardNavigationContext","wrapperRef","useMemo","onOutboundNavigation","elementRef","direction","NavDirections","UP","DOWN","LEFT"],"mappings":"uOAOaA,EAA4B,SAAHC,GAgBjC,IAdHC,EAAkBD,EAAlBC,mBACAC,EAA0BF,EAA1BE,2BACAC,EAAsBH,EAAtBG,uBACAC,EAAeJ,EAAfI,gBACAC,EAAcL,EAAdK,eACAC,EAASN,EAATM,UAeMC,EAAuBC,EAAiC,GArBpDR,EAAVS,YAkDA,OA5BwBC,GACtB,WAAA,MAAO,CACLC,qBAAsB,SAACC,EAA0CC,GAG/D,OAFAN,EAAqBI,qBAAqBC,EAAYC,GAE9CA,GACN,KAAKC,EAAcC,GACjB,OAAOd,EAAmBC,EAA2BE,IACvD,KAAKU,EAAcE,KACjB,OAAOf,EAAmBE,EAAuBC,IACnD,KAAKU,EAAcG,KACbZ,GACFC,EAAU,CAAE,GAGpB,EACD,GACD,CACEC,EACAN,EACAC,EACAE,EACAD,EACAE,EACAC,GAKN"}
+{"version":3,"file":"useMenuGridItemNavContext.js","sources":["../../../../../../src/components/Menu/MenuGridItem/useMenuGridItemNavContext.tsx"],"sourcesContent":["import type React from \"react\";\nimport { useMemo } from \"react\";\nimport { NavDirections } from \"../../../hooks/useFullKeyboardListeners\";\nimport { useGridKeyboardNavigationContext } from \"../../GridKeyboardNavigationContext/GridKeyboardNavigationContext\";\nimport { type CloseMenuOption } from \"../Menu/MenuConstants\";\nimport { type GridElementRef } from \"../../GridKeyboardNavigationContext/GridKeyboardNavigationContextConstants\";\n\nexport const useMenuGridItemNavContext = ({\n  wrapperRef,\n  setActiveItemIndex,\n  getPreviousSelectableIndex,\n  getNextSelectableIndex,\n  activeItemIndex,\n  isUnderSubMenu,\n  closeMenu\n}: {\n  wrapperRef?: GridElementRef;\n  setActiveItemIndex?: (index: number) => void;\n  getNextSelectableIndex?: (activeItemIndex: number) => number;\n  getPreviousSelectableIndex?: (activeItemIndex: number) => number;\n  activeItemIndex?: number;\n  isUnderSubMenu?: boolean;\n  closeMenu?: (option: CloseMenuOption) => void;\n}) => {\n  /*\n   * This is an \"adapter\" between the Grid Keyboard Navigation mechanism and the Menu navigation mechanism.\n   * Currently, the two mechanisms work a bit differently.\n   * In the future, when the Menu component will use a GridKeyboardNavigationContext, this adapter shouldn't be needed anymore.\n   */\n  const innerKeyboardContext = useGridKeyboardNavigationContext([], wrapperRef);\n  const keyboardContext = useMemo(\n    () => ({\n      onOutboundNavigation: (elementRef: React.RefObject<HTMLElement>, direction: NavDirections) => {\n        innerKeyboardContext.onOutboundNavigation(elementRef, direction);\n\n        switch (direction) {\n          case NavDirections.UP:\n            return setActiveItemIndex(getPreviousSelectableIndex(activeItemIndex));\n          case NavDirections.DOWN:\n            return setActiveItemIndex(getNextSelectableIndex(activeItemIndex));\n          case NavDirections.LEFT:\n            if (isUnderSubMenu) {\n              closeMenu({});\n            }\n        }\n      }\n    }),\n    [\n      innerKeyboardContext,\n      setActiveItemIndex,\n      getPreviousSelectableIndex,\n      activeItemIndex,\n      getNextSelectableIndex,\n      isUnderSubMenu,\n      closeMenu\n    ]\n  );\n\n  return keyboardContext;\n};\n"],"names":["useMenuGridItemNavContext","_ref","setActiveItemIndex","getPreviousSelectableIndex","getNextSelectableIndex","activeItemIndex","isUnderSubMenu","closeMenu","innerKeyboardContext","useGridKeyboardNavigationContext","wrapperRef","useMemo","onOutboundNavigation","elementRef","direction","NavDirections","UP","DOWN","LEFT"],"mappings":"uOAOaA,EAA4B,SAAHC,GAgBjC,IAdHC,EAAkBD,EAAlBC,mBACAC,EAA0BF,EAA1BE,2BACAC,EAAsBH,EAAtBG,uBACAC,EAAeJ,EAAfI,gBACAC,EAAcL,EAAdK,eACAC,EAASN,EAATM,UAeMC,EAAuBC,EAAiC,GArBpDR,EAAVS,YAkDA,OA5BwBC,GACtB,WAAA,MAAO,CACLC,qBAAsB,SAACC,EAA0CC,GAG/D,OAFAN,EAAqBI,qBAAqBC,EAAYC,GAE9CA,GACN,KAAKC,EAAcC,GACjB,OAAOd,EAAmBC,EAA2BE,IACvD,KAAKU,EAAcE,KACjB,OAAOf,EAAmBE,EAAuBC,IACnD,KAAKU,EAAcG,KACbZ,GACFC,EAAU,CAAA,GAGlB,EACD,GACD,CACEC,EACAN,EACAC,EACAE,EACAD,EACAE,EACAC,GAKN"}

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

@@ -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"}
+{"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":"kLAmBA,IAAMA,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,GAAe,GAAE,CAACA,IACrE,OAAOM,EAAAC,cAACI,EAAQF,OAAAC,OAAA,CAAA,EAAKR,EAA2BD,EAAa,CAAEW,KAAMR,EAAcL,IAAKA,IAC1F,IAGFU,OAAOC,OAAOd,EAAgB,CAC5BiB,aAAa,EACbC,cAAc"}

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

@@ -1 +1 @@
-{"version":3,"file":"MenuItem.js","sources":["../../../../../../src/components/Menu/MenuItem/MenuItem.tsx"],"sourcesContent":["import React, { type AriaAttributes, type ForwardedRef, type ReactElement, forwardRef, useMemo, useRef } from \"react\";\nimport { Tooltip, type TooltipProps } from \"@vibe/tooltip\";\nimport { type IconType, type SubIcon } from \"@vibe/icon\";\nimport { useIsOverflowing } from \"@vibe/hooks\";\nimport { type VibeComponentProps } from \"../../../types\";\nimport { type CloseMenuOption, type MenuChild } from \"../Menu/MenuConstants\";\nimport Label from \"../../Label/Label\";\nimport styles from \"./MenuItem.module.scss\";\nimport BaseMenuItem from \"./components/BaseMenuItem/BaseMenuItem\";\nimport MenuItemIcon from \"./components/MenuItemIcon/MenuItemIcon\";\nimport { type TooltipPositions } from \"@vibe/tooltip\";\nimport { type SubmenuPosition } from \"./MenuItem.types\";\nimport { Flex } from \"@vibe/layout\";\n\nexport interface MenuItemProps extends VibeComponentProps {\n  /**\n   * The title of the menu item.\n   */\n  title?: string;\n  /**\n   * The label displayed alongside the title.\n   */\n  label?: string | React.ReactElement<typeof Label>;\n  /**\n   * The icon displayed in the menu item.\n   */\n  icon?: SubIcon;\n  /**\n   * The type of icon.\n   */\n  iconType?: IconType;\n  /**\n   * The background color of the icon.\n   */\n  iconBackgroundColor?: string;\n  /**\n   * The right icon to be displayed.\n   */\n  rightIcon?: SubIcon;\n  /**\n   * The type of right icon.\n   */\n  rightIconType?: IconType;\n  /**\n   * The background color of the right icon.\n   */\n  rightIconBackgroundColor?: string;\n  /**\n   * Class name applied to the icon wrapper.\n   */\n  rightIconWrapperClassName?: string;\n  /**\n   * If true, the menu item is disabled.\n   */\n  disabled?: boolean;\n  /**\n   * The reason for disabling the item, shown in a tooltip.\n   */\n  disableReason?: string;\n  /**\n   * If true, the menu item is selected.\n   */\n  selected?: boolean;\n  /**\n   * Callback fired when the menu item is clicked.\n   */\n  onClick?: (event: React.MouseEvent | React.KeyboardEvent) => void;\n  /**\n   * The active item index in the menu.\n   */\n  activeItemIndex?: number;\n  /**\n   * Callback to set the active item index.\n   */\n  setActiveItemIndex?: (index: number) => void;\n  /**\n   * The index of the menu item.\n   */\n  index?: number;\n  /**\n   * The key of the menu item.\n   */\n  key?: string;\n  /**\n   * If true, the parent menu is visible.\n   */\n  isParentMenuVisible?: boolean;\n  /**\n   * Callback to reset the open submenu index.\n   */\n  resetOpenSubMenuIndex?: () => void;\n  /**\n   * If true, a submenu is open.\n   */\n  hasOpenSubMenu?: boolean;\n  /**\n   * Callback to open or close a submenu by index.\n   */\n  setSubMenuIsOpenByIndex?: (index: number, isOpen: boolean) => void;\n  /**\n   * If true, document event listeners are used for handling interactions.\n   */\n  useDocumentEventListeners?: boolean;\n  /**\n   * The tooltip content for the menu item.\n   */\n  tooltipContent?: string;\n  /**\n   * The position of the tooltip.\n   */\n  tooltipPosition?: TooltipPositions;\n  /**\n   * The delay in milliseconds before the tooltip shows.\n   */\n  tooltipShowDelay?: number;\n  /**\n   * Additional props for customizing the tooltip.\n   */\n  tooltipProps?: Partial<TooltipProps>;\n  /**\n   * Callback fired when the mouse leaves the item.\n   */\n  onMouseLeave?: (event: React.MouseEvent) => void;\n  /**\n   * Callback fired when the mouse enters the item.\n   */\n  onMouseEnter?: (event: React.MouseEvent) => void;\n  /**\n   * Class name applied to the icon wrapper.\n   */\n  iconWrapperClassName?: string;\n  /**\n   * If true, the menu item starts as selected.\n   */\n  isInitialSelectedState?: boolean;\n  /**\n   * If true, the menu scrolls to ensure visibility.\n   */\n  shouldScrollMenu?: boolean;\n  /**\n   * Function to close the menu with a given option.\n   */\n  closeMenu?: (option: CloseMenuOption) => void;\n  /**\n   * Reference to the menu container.\n   */\n  menuRef?: React.RefObject<HTMLElement>;\n  /**\n   * The submenu, 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 kind=\"line\" text={label} />;\n      }\n      if (React.isValidElement(label) && label.type === Label) {\n        return label;\n      }\n    }, [label]);\n\n    return (\n      <Tooltip\n        content={shouldShowTooltip ? finalTooltipContent : null}\n        position={tooltipPosition}\n        showDelay={tooltipShowDelay}\n        {...tooltipProps}\n      >\n        <BaseMenuItem\n          key={key}\n          ref={ref}\n          subMenu={children}\n          className={className}\n          disabled={disabled}\n          selected={selected}\n          {...baseMenuProps}\n        >\n          {Boolean(icon) && (\n            <MenuItemIcon\n              icon={icon}\n              type={iconType}\n              disabled={disabled}\n              selected={selected}\n              backgroundColor={iconBackgroundColor}\n              wrapperClassName={iconWrapperClassName}\n            />\n          )}\n          <div ref={titleRef} className={styles.title}>\n            {title}\n          </div>\n          <Flex gap=\"xs\">\n            {Boolean(rightIcon) && !children && (\n              <MenuItemIcon\n                icon={rightIcon}\n                type={rightIconType}\n                disabled={disabled}\n                selected={selected}\n                backgroundColor={rightIconBackgroundColor}\n                isRightIcon={true}\n                wrapperClassName={rightIconWrapperClassName}\n              />\n            )}\n            {renderLabel}\n          </Flex>\n        </BaseMenuItem>\n      </Tooltip>\n    );\n  }\n);\n\nObject.assign(MenuItem, {\n  isSelectable: true,\n  isMenuChild: true\n});\n\nexport default MenuItem;\n"],"names":["MenuItem","forwardRef","_a","ref","className","iconWrapperClassName","rightIconWrapperClassName","_a$title","title","_a$label","label","_a$icon","icon","_a$rightIcon","rightIcon","rightIconType","rightIconBackgroundColor","iconType","iconBackgroundColor","_a$disabled","disabled","disableReason","_a$selected","selected","key","children","tooltipContent","_a$tooltipPosition","tooltipPosition","_a$tooltipShowDelay","tooltipShowDelay","tooltipProps","baseMenuProps","__rest","titleRef","useRef","shouldShowTooltip","useIsOverflowing","finalTooltipContent","useMemo","renderLabel","React","createElement","Label","kind","text","isValidElement","type","Tooltip","Object","assign","content","position","showDelay","BaseMenuItem","subMenu","MenuItemIcon","backgroundColor","wrapperClassName","styles","Flex","gap","isRightIcon","isSelectable","isMenuChild"],"mappings":"mdA+KMA,IAAAA,EAAWC,GACf,SACEC,EAuBAC,GAvBA,IACEC,EAmBYF,EAnBZE,UACAC,EAkBYH,EAlBZG,qBACAC,EAiBYJ,EAjBZI,0BAAyBC,EAiBbL,EAhBZM,MAAAA,OAAQ,IAAHD,EAAG,GAAEA,EAAAE,EAgBEP,EAfZQ,MAAAA,OAAQ,IAAHD,EAAG,GAAEA,EAAAE,EAeET,EAdZU,KAAAA,OAAO,IAAHD,EAAG,GAAEA,EAAAE,EAcGX,EAbZY,UAAAA,OAAY,IAAHD,EAAG,GAAEA,EACdE,EAYYb,EAZZa,cACAC,EAWYd,EAXZc,yBACAC,EAUYf,EAVZe,SACAC,EASYhB,EATZgB,oBAAmBC,EASPjB,EARZkB,SAAAA,OAAW,IAAHD,GAAQA,EAChBE,EAOYnB,EAPZmB,cAAaC,EAODpB,EANZqB,SAAAA,OAAW,IAAHD,GAAQA,EAChBE,EAKYtB,EALZsB,IACAC,EAIYvB,EAJZuB,SACAC,EAGYxB,EAHZwB,eAAcC,EAGFzB,EAFZ0B,gBAAAA,OAAkB,IAAHD,EAAG,QAAOA,EAAAE,EAEb3B,EADZ4B,iBAAAA,OAAmB,IAAHD,EAAG,IAAGA,EACtBE,EAAY7B,EAAZ6B,aACGC,EArBLC,EAAA/B,EAAA,CAAA,YAAA,uBAAA,4BAAA,QAAA,QAAA,OAAA,YAAA,gBAAA,2BAAA,WAAA,sBAAA,WAAA,gBAAA,WAAA,MAAA,WAAA,iBAAA,kBAAA,mBAAA,iBAyBMgC,EAAWC,IAGXC,EAD+BC,EAAiB,CAAElC,IAAK+B,KACHd,GAAYM,EAEhEY,EAAsBC,GAAQ,WAClC,OAAInB,EAAiBC,EACjBK,GACGlB,CACR,GAAE,CAACa,EAAeD,EAAUZ,EAAOkB,IAE9Bc,EAAcD,GAAQ,WAC1B,GAAK7B,EACL,MAAqB,iBAAVA,EACF+B,EAAAC,cAACC,EAAK,CAACC,KAAK,OAAOC,KAAMnC,IAE9B+B,EAAMK,eAAepC,IAAUA,EAAMqC,OAASJ,EACzCjC,OADT,CAGF,GAAG,CAACA,IAEJ,OACE+B,EAACC,cAAAM,EACCC,OAAAC,OAAA,CAAAC,QAASf,EAAoBE,EAAsB,KACnDc,SAAUxB,EACVyB,UAAWvB,GACPC,GAEJU,EAACC,cAAAY,EACCL,OAAAC,OAAA,CAAA1B,IAAKA,EACLrB,IAAKA,EACLoD,QAAS9B,EACTrB,UAAWA,EACXgB,SAAUA,EACVG,SAAUA,GACNS,KAEKpB,GACP6B,EAACC,cAAAc,EACC,CAAA5C,KAAMA,EACNmC,KAAM9B,EACNG,SAAUA,EACVG,SAAUA,EACVkC,gBAAiBvC,EACjBwC,iBAAkBrD,IAGtBoC,EAAKC,cAAA,MAAA,CAAAvC,IAAK+B,EAAU9B,UAAWuD,EAAOnD,OACnCA,GAEHiC,EAAAC,cAACkB,EAAI,CAACC,IAAI,QACC/C,IAAeW,GACtBgB,EAACC,cAAAc,GACC5C,KAAME,EACNiC,KAAMhC,EACNK,SAAUA,EACVG,SAAUA,EACVkC,gBAAiBzC,EACjB8C,aAAa,EACbJ,iBAAkBpD,IAGrBkC,IAKX,IAGFS,OAAOC,OAAOlD,EAAU,CACtB+D,cAAc,EACdC,aAAa"}
+{"version":3,"file":"MenuItem.js","sources":["../../../../../../src/components/Menu/MenuItem/MenuItem.tsx"],"sourcesContent":["import React, { type AriaAttributes, type ForwardedRef, type ReactElement, forwardRef, useMemo, useRef } from \"react\";\nimport { Tooltip, type TooltipProps } from \"@vibe/tooltip\";\nimport { type IconType, 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 kind=\"line\" text={label} />;\n      }\n      if (React.isValidElement(label) && label.type === Label) {\n        return label;\n      }\n    }, [label]);\n\n    return (\n      <Tooltip\n        content={shouldShowTooltip ? finalTooltipContent : null}\n        position={tooltipPosition}\n        showDelay={tooltipShowDelay}\n        {...tooltipProps}\n      >\n        <BaseMenuItem\n          key={key}\n          ref={ref}\n          subMenu={children}\n          className={className}\n          disabled={disabled}\n          selected={selected}\n          {...baseMenuProps}\n        >\n          {Boolean(icon) && (\n            <MenuItemIcon\n              icon={icon}\n              type={iconType}\n              disabled={disabled}\n              selected={selected}\n              backgroundColor={iconBackgroundColor}\n              wrapperClassName={iconWrapperClassName}\n            />\n          )}\n          <div ref={titleRef} className={styles.title}>\n            {title}\n          </div>\n          <Flex gap=\"xs\">\n            {Boolean(rightIcon) && !children && (\n              <MenuItemIcon\n                icon={rightIcon}\n                type={rightIconType}\n                disabled={disabled}\n                selected={selected}\n                backgroundColor={rightIconBackgroundColor}\n                isRightIcon={true}\n                wrapperClassName={rightIconWrapperClassName}\n              />\n            )}\n            {renderLabel}\n          </Flex>\n        </BaseMenuItem>\n      </Tooltip>\n    );\n  }\n);\n\nObject.assign(MenuItem, {\n  isSelectable: true,\n  isMenuChild: true\n});\n\nexport default MenuItem;\n"],"names":["MenuItem","forwardRef","_a","ref","className","iconWrapperClassName","rightIconWrapperClassName","_a$title","title","_a$label","label","_a$icon","icon","_a$rightIcon","rightIcon","rightIconType","rightIconBackgroundColor","iconType","iconBackgroundColor","_a$disabled","disabled","disableReason","_a$selected","selected","key","children","tooltipContent","_a$tooltipPosition","tooltipPosition","_a$tooltipShowDelay","tooltipShowDelay","tooltipProps","baseMenuProps","__rest","titleRef","useRef","shouldShowTooltip","useIsOverflowing","finalTooltipContent","useMemo","renderLabel","React","createElement","Label","kind","text","isValidElement","type","Tooltip","Object","assign","content","position","showDelay","BaseMenuItem","subMenu","MenuItemIcon","backgroundColor","wrapperClassName","styles","Flex","gap","isRightIcon","isSelectable","isMenuChild"],"mappings":"mdA+KA,IAAMA,EAAWC,GACf,SACEC,EAuBAC,GAvBA,IACEC,EAmBYF,EAnBZE,UACAC,EAkBYH,EAlBZG,qBACAC,EAiBYJ,EAjBZI,0BAAyBC,EAiBbL,EAhBZM,MAAAA,OAAK,IAAAD,EAAG,GAAEA,EAAAE,EAgBEP,EAfZQ,MAAAA,OAAK,IAAAD,EAAG,GAAEA,EAAAE,EAeET,EAdZU,KAAAA,OAAI,IAAAD,EAAG,GAAEA,EAAAE,EAcGX,EAbZY,UAAAA,OAAS,IAAAD,EAAG,GAAEA,EACdE,EAYYb,EAZZa,cACAC,EAWYd,EAXZc,yBACAC,EAUYf,EAVZe,SACAC,EASYhB,EATZgB,oBAAmBC,EASPjB,EARZkB,SAAAA,OAAQ,IAAAD,GAAQA,EAChBE,EAOYnB,EAPZmB,cAAaC,EAODpB,EANZqB,SAAAA,OAAQ,IAAAD,GAAQA,EAChBE,EAKYtB,EALZsB,IACAC,EAIYvB,EAJZuB,SACAC,EAGYxB,EAHZwB,eAAcC,EAGFzB,EAFZ0B,gBAAAA,OAAe,IAAAD,EAAG,QAAOA,EAAAE,EAEb3B,EADZ4B,iBAAAA,OAAgB,IAAAD,EAAG,IAAGA,EACtBE,EAAY7B,EAAZ6B,aACGC,EAAaC,EAAA/B,EArBlB,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,CACT,GAAG,CAACa,EAAeD,EAAUZ,EAAOkB,IAE9Bc,EAAcD,GAAQ,WAC1B,GAAK7B,EACL,MAAqB,iBAAVA,EACF+B,EAAAC,cAACC,EAAK,CAACC,KAAK,OAAOC,KAAMnC,IAE9B+B,EAAMK,eAAepC,IAAUA,EAAMqC,OAASJ,EACzCjC,OADT,CAGF,GAAG,CAACA,IAEJ,OACE+B,EAAAC,cAACM,EAAOC,OAAAC,OAAA,CACNC,QAASf,EAAoBE,EAAsB,KACnDc,SAAUxB,EACVyB,UAAWvB,GACPC,GAEJU,EAAAC,cAACY,EAAYL,OAAAC,OAAA,CACX1B,IAAKA,EACLrB,IAAKA,EACLoD,QAAS9B,EACTrB,UAAWA,EACXgB,SAAUA,EACVG,SAAUA,GACNS,KAEKpB,GACP6B,EAAAC,cAACc,EAAY,CACX5C,KAAMA,EACNmC,KAAM9B,EACNG,SAAUA,EACVG,SAAUA,EACVkC,gBAAiBvC,EACjBwC,iBAAkBrD,IAGtBoC,EAAAC,cAAA,MAAA,CAAKvC,IAAK+B,EAAU9B,UAAWuD,EAAOnD,OACnCA,GAEHiC,EAAAC,cAACkB,EAAI,CAACC,IAAI,QACC/C,IAAeW,GACtBgB,EAAAC,cAACc,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/mocked_classnames/src/components/Menu/MenuItem/MenuItem.module.scss.js

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