@vibe/core 4.0.0-alpha.0 → 4.0.0-alpha.2

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

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

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

@@ -0,0 +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":"2fA+KMA,IAAAA,EAAWC,GACf,SACEC,EAuBAC,GAvBA,IACEC,EAmBYF,EAnBZE,UACAC,EAkBYH,EAlBZG,qBACAC,EAiBYJ,EAjBZI,0BAAyBC,EAiBbL,EAhBZM,MAAAA,OAAQ,IAAHD,EAAG,GAAEA,EAAAE,EAgBEP,EAfZQ,MAAAA,OAAQ,IAAHD,EAAG,GAAEA,EAAAE,EAeET,EAdZU,KAAAA,OAAO,IAAHD,EAAG,GAAEA,EAAAE,EAcGX,EAbZY,UAAAA,OAAY,IAAHD,EAAG,GAAEA,EACdE,EAYYb,EAZZa,cACAC,EAWYd,EAXZc,yBACAC,EAUYf,EAVZe,SACAC,EASYhB,EATZgB,oBAAmBC,EASPjB,EARZkB,SAAAA,OAAW,IAAHD,GAAQA,EAChBE,EAOYnB,EAPZmB,cAAaC,EAODpB,EANZqB,SAAAA,OAAW,IAAHD,GAAQA,EAChBE,EAKYtB,EALZsB,IACAC,EAIYvB,EAJZuB,SACAC,EAGYxB,EAHZwB,eAAcC,EAGFzB,EAFZ0B,gBAAAA,OAAkB,IAAHD,EAAG,QAAOA,EAAAE,EAEb3B,EADZ4B,iBAAAA,OAAmB,IAAHD,EAAG,IAAGA,EACtBE,EAAY7B,EAAZ6B,aACGC,EArBLC,EAAA/B,EAAA,CAAA,YAAA,uBAAA,4BAAA,QAAA,QAAA,OAAA,YAAA,gBAAA,2BAAA,WAAA,sBAAA,WAAA,gBAAA,WAAA,MAAA,WAAA,iBAAA,kBAAA,mBAAA,iBAyBMgC,EAAWC,IAGXC,EAD+BC,EAAiB,CAAElC,IAAK+B,KACHd,GAAYM,EAEhEY,EAAsBC,GAAQ,WAClC,OAAInB,EAAiBC,EACjBK,GACGlB,CACR,GAAE,CAACa,EAAeD,EAAUZ,EAAOkB,IAE9Bc,EAAcD,GAAQ,WAC1B,GAAK7B,EACL,MAAqB,iBAAVA,EACF+B,EAAAC,cAACC,EAAK,CAACC,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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItem.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -0,0 +1,2 @@
+var r=-1;export{r as TAB_INDEX_FOCUS_WITH_JS_ONLY};
+//# sourceMappingURL=MenuItemConstants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItemConstants.js","sources":["../../../../../src/components/Menu/MenuItem/MenuItemConstants.ts"],"sourcesContent":["export const TAB_INDEX_FOCUS_WITH_JS_ONLY = -1;\n"],"names":["TAB_INDEX_FOCUS_WITH_JS_ONLY"],"mappings":"AAAaA,IAAAA,GAAgC"}

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

@@ -0,0 +1,2 @@
+import{defineProperty as e}from"../../../../../../_virtual/_rollupPluginBabelHelpers.js";import t,{forwardRef as n,useRef as o,useEffect as s,useCallback as u}from"react";import{getTestId as i,ComponentDefaultTestId as r}from"../../../../../tests/testIds.js";import l from"classnames";import{TAB_INDEX_FOCUS_WITH_JS_ONLY as a}from"../../MenuItemConstants.js";import m from"../MenuItemSubMenuIcon/MenuItemSubMenuIcon.js";import d from"../MenuItemSubMenu/MenuItemSubMenu.js";import c from"../../hooks/useMenuItemMouseEvents.js";import M from"../../hooks/useMenuItemKeyboardEvents.js";import I from"../../../../../hooks/useMergeRef.js";import p from"../../../../../hooks/useIsMouseEnter.js";import v from"./BaseMenuItem.module.scss.js";import f from"../../../../../../components/typography/dist/Text/Text.js";var b=n((function(n,b){var h=n.subMenu,S=n.className,x=n.menuRef,E=n.disabled,j=void 0!==E&&E,C=n.selected,k=void 0!==C&&C,O=n.onClick,y=n.activeItemIndex,g=n.setActiveItemIndex,A=n.index,B=n.id,R=n.isParentMenuVisible,w=n.resetOpenSubMenuIndex,N=n.hasOpenSubMenu,P=n.setSubMenuIsOpenByIndex,L=n.closeMenu,T=n.useDocumentEventListeners,V=void 0!==T&&T,_=n.isInitialSelectedState,z=n.onMouseEnter,D=n.onMouseLeave,F=n.shouldScrollMenu,H=n["data-testid"],K=n.splitMenuItem,U=void 0!==K&&K,q=n.children,G=n.submenuPosition,J=void 0===G?"right":G,Q=n.autoAdjustOnSubMenuContentResize,W=(void 0===y?-1:y)===A,X=!j&&!!h&&(void 0!==R&&R)&&(W&&(void 0!==N&&N)),Y=o(null),Z=o(null),$=I(b,Y),ee=p({ref:Y}),te=p({ref:Z});s((function(){var e,t=Y.current;W&&F&&t&&(t.scrollIntoViewIfNeeded?t.scrollIntoViewIfNeeded({behaviour:"smooth"}):null===(e=t.scrollIntoView)||void 0===e||e.call(t,{behavior:"smooth",block:"center"}))}),[W,F]),s((function(){var e=Y.current;V||W&&(null==e||e.focus())}),[W,V]);var ne=c({ref:Y,splitMenuItemIconButtonRef:Z,resetOpenSubMenuIndex:w,setSubMenuIsOpenByIndex:P,isActive:W,setActiveItemIndex:g,index:A,hasChildren:!!h,splitMenuItem:U}),oe=M({onClick:O,disabled:j,isActive:W,index:A,setActiveItemIndex:g,hasChildren:!!h,shouldShowSubMenu:X,setSubMenuIsOpenByIndex:P,menuRef:x,isMouseEnter:ne,closeMenu:L,useDocumentEventListeners:V,splitMenuItem:U,isMouseEnterMenuItem:ee,isMouseEnterIconButton:te}).onClickCallback,se=u((function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};P(A,!1),e.propagate&&L(e)}),[P,A,L]);return t.createElement(f,{id:B,element:"li",type:"text2","aria-haspopup":!!h||void 0,"aria-expanded":h?X:void 0,"data-testid":H||i(r.MENU_ITEM,A),className:l(v.item,S,e(e(e(e(e({},v.disabled,j),v.focused,W),v.selected,k),v.initialSelected,_),v.splitMenuItem,U)),ref:$,onClick:oe,role:"menuitem","aria-selected":W,onMouseLeave:D,onMouseEnter:z,tabIndex:a,withoutTooltip:!0},q,!!h&&t.createElement(t.Fragment,null,t.createElement(m,{ref:Z,isSplit:U,active:X,disabled:j}),t.createElement(d,{anchorRef:Y,open:X,onClose:se,autoFocusOnMount:!V,submenuPosition:J,autoAdjustOnSubMenuContentResize:Q},h)))}));export{b as default};
+//# sourceMappingURL=BaseMenuItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BaseMenuItem.js","sources":["../../../../../../../src/components/Menu/MenuItem/components/BaseMenuItem/BaseMenuItem.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useEffect, useRef } from \"react\";\nimport { Text } from \"@vibe/typography\";\nimport { ComponentDefaultTestId, getTestId } from \"../../../../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport { TAB_INDEX_FOCUS_WITH_JS_ONLY } from \"../../MenuItemConstants\";\nimport MenuItemSubMenuIcon from \"../MenuItemSubMenuIcon/MenuItemSubMenuIcon\";\nimport MenuItemSubMenu from \"../MenuItemSubMenu/MenuItemSubMenu\";\nimport { type CloseMenuOption } from \"../../../Menu/MenuConstants\";\nimport useMenuItemMouseEvents from \"../../hooks/useMenuItemMouseEvents\";\nimport useMenuItemKeyboardEvents from \"../../hooks/useMenuItemKeyboardEvents\";\nimport useMergeRef from \"../../../../../hooks/useMergeRef\";\nimport useIsMouseEnter from \"../../../../../hooks/useIsMouseEnter\";\nimport styles from \"./BaseMenuItem.module.scss\";\nimport { type BaseMenuItemProps } from \"./BaseMenuItem.types\";\n\nconst BaseMenuItem = forwardRef(\n  (\n    {\n      subMenu,\n      className,\n      menuRef,\n      disabled = false,\n      selected = false,\n      onClick,\n      activeItemIndex = -1,\n      setActiveItemIndex,\n      index,\n      id,\n      isParentMenuVisible = false,\n      resetOpenSubMenuIndex,\n      hasOpenSubMenu = false,\n      setSubMenuIsOpenByIndex,\n      closeMenu,\n      useDocumentEventListeners = false,\n      isInitialSelectedState,\n      onMouseEnter,\n      onMouseLeave,\n      shouldScrollMenu,\n      \"data-testid\": dataTestId,\n      splitMenuItem = false,\n      children,\n      submenuPosition = \"right\",\n      autoAdjustOnSubMenuContentResize\n    }: BaseMenuItemProps,\n    ref: React.ForwardedRef<HTMLElement>\n  ) => {\n    const isActive = activeItemIndex === index;\n    const isSubMenuOpen = isActive && hasOpenSubMenu;\n    const shouldShowSubMenu = !disabled && Boolean(subMenu) && isParentMenuVisible && isSubMenuOpen;\n\n    const anchorRef = useRef(null);\n    const splitMenuItemIconButtonRef = useRef(null);\n\n    const mergedRef = useMergeRef(ref, anchorRef);\n\n    const isMouseEnterMenuItem = useIsMouseEnter({ ref: anchorRef });\n    const isMouseEnterIconButton = useIsMouseEnter({ ref: splitMenuItemIconButtonRef });\n\n    useEffect(() => {\n      const anchorElement = anchorRef.current;\n      if (!isActive || !shouldScrollMenu || !anchorElement) {\n        return;\n      }\n      if (anchorElement.scrollIntoViewIfNeeded) {\n        anchorElement.scrollIntoViewIfNeeded({ behaviour: \"smooth\" });\n        return;\n      }\n      anchorElement.scrollIntoView?.({ behavior: \"smooth\", block: \"center\" });\n    }, [isActive, shouldScrollMenu]);\n\n    useEffect(() => {\n      const anchorElement = anchorRef.current;\n      if (useDocumentEventListeners) return;\n      if (isActive) {\n        anchorElement?.focus();\n      }\n    }, [isActive, useDocumentEventListeners]);\n\n    const isMouseEnter = useMenuItemMouseEvents({\n      ref: anchorRef,\n      splitMenuItemIconButtonRef,\n      resetOpenSubMenuIndex,\n      setSubMenuIsOpenByIndex,\n      isActive,\n      setActiveItemIndex,\n      index,\n      hasChildren: Boolean(subMenu),\n      splitMenuItem\n    });\n\n    const { onClickCallback } = useMenuItemKeyboardEvents({\n      onClick,\n      disabled,\n      isActive,\n      index,\n      setActiveItemIndex,\n      hasChildren: Boolean(subMenu),\n      shouldShowSubMenu,\n      setSubMenuIsOpenByIndex,\n      menuRef,\n      isMouseEnter,\n      closeMenu,\n      useDocumentEventListeners,\n      splitMenuItem,\n      isMouseEnterMenuItem,\n      isMouseEnterIconButton\n    });\n\n    const closeSubMenu = useCallback(\n      (option: CloseMenuOption = {}) => {\n        setSubMenuIsOpenByIndex(index, false);\n        if (option.propagate) {\n          closeMenu(option);\n        }\n      },\n      [setSubMenuIsOpenByIndex, index, closeMenu]\n    );\n\n    return (\n      <Text\n        id={id}\n        element=\"li\"\n        type=\"text2\"\n        aria-haspopup={subMenu ? true : undefined}\n        aria-expanded={subMenu ? shouldShowSubMenu : undefined}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.MENU_ITEM, index)}\n        className={cx(styles.item, className, {\n          [styles.disabled]: disabled,\n          [styles.focused]: isActive,\n          [styles.selected]: selected,\n          [styles.initialSelected]: isInitialSelectedState,\n          [styles.splitMenuItem]: splitMenuItem\n        })}\n        ref={mergedRef}\n        onClick={onClickCallback}\n        role=\"menuitem\"\n        aria-selected={isActive}\n        onMouseLeave={onMouseLeave}\n        onMouseEnter={onMouseEnter}\n        tabIndex={TAB_INDEX_FOCUS_WITH_JS_ONLY}\n        withoutTooltip\n      >\n        {children}\n        {Boolean(subMenu) && (\n          <>\n            <MenuItemSubMenuIcon\n              ref={splitMenuItemIconButtonRef}\n              isSplit={splitMenuItem}\n              active={shouldShowSubMenu}\n              disabled={disabled}\n            />\n            <MenuItemSubMenu\n              anchorRef={anchorRef}\n              open={shouldShowSubMenu}\n              onClose={closeSubMenu}\n              autoFocusOnMount={!useDocumentEventListeners}\n              submenuPosition={submenuPosition}\n              autoAdjustOnSubMenuContentResize={autoAdjustOnSubMenuContentResize}\n            >\n              {subMenu}\n            </MenuItemSubMenu>\n          </>\n        )}\n      </Text>\n    );\n  }\n);\n\nexport default BaseMenuItem;\n"],"names":["BaseMenuItem","forwardRef","_ref","ref","subMenu","className","menuRef","_ref$disabled","disabled","_ref$selected","selected","onClick","_ref$activeItemIndex","activeItemIndex","setActiveItemIndex","index","id","_ref$isParentMenuVisi","isParentMenuVisible","resetOpenSubMenuIndex","_ref$hasOpenSubMenu","hasOpenSubMenu","setSubMenuIsOpenByIndex","closeMenu","_ref$useDocumentEvent","useDocumentEventListeners","isInitialSelectedState","onMouseEnter","onMouseLeave","shouldScrollMenu","dataTestId","_ref$splitMenuItem","splitMenuItem","children","_ref$submenuPosition","submenuPosition","autoAdjustOnSubMenuContentResize","isActive","shouldShowSubMenu","anchorRef","useRef","splitMenuItemIconButtonRef","mergedRef","useMergeRef","isMouseEnterMenuItem","useIsMouseEnter","isMouseEnterIconButton","useEffect","anchorElement","current","scrollIntoViewIfNeeded","behaviour","_a","scrollIntoView","call","behavior","block","focus","isMouseEnter","useMenuItemMouseEvents","hasChildren","onClickCallback","useMenuItemKeyboardEvents","closeSubMenu","useCallback","option","arguments","length","undefined","propagate","React","createElement","Text","element","type","getTestId","ComponentDefaultTestId","MENU_ITEM","cx","styles","item","_defineProperty","focused","initialSelected","role","tabIndex","TAB_INDEX_FOCUS_WITH_JS_ONLY","withoutTooltip","Fragment","MenuItemSubMenuIcon","isSplit","active","MenuItemSubMenu","open","onClose","autoFocusOnMount"],"mappings":"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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"BaseMenuItem.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

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

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

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

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

@@ -0,0 +1,2 @@
+var e={iconWrapper:"iconWrapper_0e5fdd4398",rightIcon:"rightIcon_141de6af2a",withBackgroundColor:"withBackgroundColor_9676057ff6",disabled:"disabled_63b6d03b0d",icon:"icon_68aa83e1f9",selected:"selected_b5ac467e4d"};!function(e){const n="s_id-031e2c862ceb_4_0_0-alpha_1";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,o.firstChild?o.insertBefore(r,o.firstChild):o.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".iconWrapper_0e5fdd4398 {\n  margin-inline-end: var(--space-8);\n}\n.iconWrapper_0e5fdd4398.rightIcon_141de6af2a {\n  margin-inline-end: 0;\n  margin-inline-start: var(--space-8);\n}\n.iconWrapper_0e5fdd4398.withBackgroundColor_9676057ff6 {\n  border-radius: var(--space-4);\n}\n.iconWrapper_0e5fdd4398.withBackgroundColor_9676057ff6.disabled_63b6d03b0d {\n  opacity: 0.4;\n}\n.iconWrapper_0e5fdd4398.withBackgroundColor_9676057ff6 .icon_68aa83e1f9 {\n  color: var(--text-color-on-primary);\n}\n.iconWrapper_0e5fdd4398.disabled_63b6d03b0d .icon_68aa83e1f9 {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n.iconWrapper_0e5fdd4398 .icon_68aa83e1f9 {\n  color: var(--icon-color);\n}\n.iconWrapper_0e5fdd4398 .icon_68aa83e1f9.selected_b5ac467e4d {\n  color: var(--primary-color);\n}");export{e as default};
+//# sourceMappingURL=MenuItemIcon.module.scss.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItemIcon.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -0,0 +1,2 @@
+import e,{useRef as t,useMemo as n}from"react";import{useFloating as o,flip as i}from"@floating-ui/react-dom";import{useIsomorphicLayoutEffect as l}from"../../../../../../shared/dist/hooks/ssr/useIsomorphicLayoutEffect.js";import r from"../../../../../../components/dialog/dist/DialogContentContainer/DialogContentContainer.js";var s=["right-end","left-start","left-end"],a=function(a){var c,u=a.anchorRef,m=a.open,f=a.autoFocusOnMount,d=a.onClose,p=a.children,v=a.submenuPosition,g=t(null);l((function(){f&&m&&(null==g?void 0:g.current)&&requestAnimationFrame((function(){g.current.focus()}))}),[f,m]);var h=n((function(){return"left"===v?"left-start":"right-start"}),[v]),b=o({placement:h,middleware:[i({fallbackPlacements:s})],elements:{reference:null==u?void 0:u.current}}),y=b.refs,C=b.floatingStyles,j=b.placement,E=p&&e.Children.only(p);return(null===(c=null==E?void 0:E.type)||void 0===c?void 0:c.isMenu)?e.createElement("div",{style:Object.assign(Object.assign({},C),{visibility:m?"visible":"hidden"}),ref:y.setFloating,"data-popper-placement":j},E&&m&&e.createElement(r,null,e.cloneElement(E,Object.assign(Object.assign({},null==E?void 0:E.props),{isVisible:m,isSubMenu:!0,onClose:d,ref:g,useDocumentEventListeners:!f})))):(console.error("MenuItem can accept only Menu element as first level child, this element is not valid: ",E),null)};export{a as default};
+//# sourceMappingURL=MenuItemSubMenu.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItemSubMenu.js","sources":["../../../../../../../src/components/Menu/MenuItem/components/MenuItemSubMenu/MenuItemSubMenu.tsx"],"sourcesContent":["import React, { useMemo, useRef } from \"react\";\nimport { DialogContentContainer } from \"@vibe/dialog\";\nimport { useFloating, flip, type Placement } from \"@floating-ui/react-dom\";\nimport { type MenuChild } from \"../../../Menu/MenuConstants\";\nimport { type MenuItemSubMenuProps } from \"./MenuItemSubMenu.types\";\nimport { useIsomorphicLayoutEffect } from \"@vibe/shared\";\n\nconst DEFAULT_FALLBACK_PLACEMENTS: Placement[] = [\"right-end\", \"left-start\", \"left-end\"];\n\nconst MenuItemSubMenu = ({\n  anchorRef,\n  open,\n  autoFocusOnMount,\n  onClose,\n  children,\n  submenuPosition\n}: MenuItemSubMenuProps) => {\n  const childRef = useRef<HTMLDivElement>(null);\n\n  useIsomorphicLayoutEffect(() => {\n    if (!autoFocusOnMount || !open || !childRef?.current) {\n      return;\n    }\n    requestAnimationFrame(() => {\n      childRef.current.focus();\n    });\n  }, [autoFocusOnMount, open]);\n\n  const placement = useMemo<Placement>(\n    () => (submenuPosition === \"left\" ? \"left-start\" : \"right-start\"),\n    [submenuPosition]\n  );\n\n  const {\n    refs,\n    floatingStyles,\n    placement: actualPlacement\n  } = useFloating({\n    placement,\n    middleware: [flip({ fallbackPlacements: DEFAULT_FALLBACK_PLACEMENTS })],\n    elements: {\n      reference: anchorRef?.current\n    }\n  });\n\n  const subMenu: MenuChild = children && React.Children.only(children);\n  if (!subMenu?.type?.isMenu) {\n    console.error(\"MenuItem can accept only Menu element as first level child, this element is not valid: \", subMenu);\n    return null;\n  }\n\n  return (\n    <div\n      style={{ ...floatingStyles, visibility: open ? \"visible\" : \"hidden\" }}\n      ref={refs.setFloating}\n      data-popper-placement={actualPlacement}\n    >\n      {subMenu && open && (\n        <DialogContentContainer>\n          {React.cloneElement(subMenu, {\n            ...subMenu?.props,\n            isVisible: open,\n            isSubMenu: true,\n            onClose,\n            ref: childRef,\n            useDocumentEventListeners: !autoFocusOnMount\n          })}\n        </DialogContentContainer>\n      )}\n    </div>\n  );\n};\n\nexport default MenuItemSubMenu;\n"],"names":["DEFAULT_FALLBACK_PLACEMENTS","MenuItemSubMenu","_ref","anchorRef","open","autoFocusOnMount","onClose","children","submenuPosition","childRef","useRef","useIsomorphicLayoutEffect","current","requestAnimationFrame","focus","placement","useMemo","_useFloating","useFloating","middleware","flip","fallbackPlacements","elements","reference","refs","floatingStyles","actualPlacement","subMenu","React","Children","only","_a","type","isMenu","createElement","style","Object","assign","visibility","ref","setFloating","DialogContentContainer","cloneElement","props","isVisible","isSubMenu","useDocumentEventListeners","console","error"],"mappings":"wUAOA,IAAMA,EAA2C,CAAC,YAAa,aAAc,YAEvEC,EAAkB,SAAHC,GAOM,MANzBC,EAASD,EAATC,UACAC,EAAIF,EAAJE,KACAC,EAAgBH,EAAhBG,iBACAC,EAAOJ,EAAPI,QACAC,EAAQL,EAARK,SACAC,EAAeN,EAAfM,gBAEMC,EAAWC,EAAuB,MAExCC,GAA0B,WACnBN,GAAqBD,IAASK,aAAA,EAAAA,EAAUG,UAG7CC,uBAAsB,WACpBJ,EAASG,QAAQE,OACnB,GACF,GAAG,CAACT,EAAkBD,IAEtB,IAAMW,EAAYC,GAChB,WAAA,MAA2B,SAApBR,EAA6B,aAAe,aAAa,GAChE,CAACA,IAGHS,EAIIC,EAAY,CACdH,UAAAA,EACAI,WAAY,CAACC,EAAK,CAAEC,mBAAoBrB,KACxCsB,SAAU,CACRC,UAAWpB,aAAA,EAAAA,EAAWS,WAPxBY,EAAIP,EAAJO,KACAC,EAAcR,EAAdQ,eACWC,EAAeT,EAA1BF,UASIY,EAAqBpB,GAAYqB,EAAMC,SAASC,KAAKvB,GAC3D,OAAkB,QAAbwB,EAAAJ,aAAO,EAAPA,EAASK,YAAI,IAAAD,OAAA,EAAAA,EAAEE,QAMlBL,EAAAM,cAAA,MAAA,CACEC,MAAKC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAOZ,GAAgB,CAAAa,WAAYlC,EAAO,UAAY,WAC3DmC,IAAKf,EAAKgB,YACa,wBAAAd,GAEtBC,GAAWvB,GACVwB,EAAAM,cAACO,EACE,KAAAb,EAAMc,aAAaf,EACfS,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAV,aAAO,EAAPA,EAASgB,OACZ,CAAAC,UAAWxC,EACXyC,WAAW,EACXvC,QAAAA,EACAiC,IAAK9B,EACLqC,2BAA4BzC,QAlBpC0C,QAAQC,MAAM,0FAA2FrB,GAClG,KAuBX"}

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

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

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

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

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

@@ -0,0 +1,2 @@
+var e={subMenuIconWrapper:"subMenuIconWrapper_fe3c687d91",divider:"divider_723f06b152",splitSubMenuIcon:"splitSubMenuIcon_565d4cdf92",subMenuIcon:"subMenuIcon_5f242f9a59",disabled:"disabled_928352d190",splitMenuItemIconButton:"splitMenuItemIconButton_b2556c5f3b"};!function(e){const n="s_id-b28b9c0c92bb_4_0_0-alpha_1";if("undefined"!=typeof document){const c=document.head||document.getElementsByTagName("head")[0];if(c.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,c.firstChild?c.insertBefore(d,c.firstChild):c.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".subMenuIconWrapper_fe3c687d91 {\n  margin-inline-start: var(--space-4);\n}\n.subMenuIconWrapper_fe3c687d91 .divider_723f06b152 {\n  height: 19px;\n}\n.subMenuIconWrapper_fe3c687d91 .splitSubMenuIcon_565d4cdf92 {\n  width: 18px;\n  height: 18px;\n}\n.subMenuIconWrapper_fe3c687d91 .subMenuIcon_5f242f9a59,\n.subMenuIconWrapper_fe3c687d91 .splitSubMenuIcon_565d4cdf92 {\n  color: var(--icon-color);\n}\n.subMenuIconWrapper_fe3c687d91 .subMenuIcon_5f242f9a59.disabled_928352d190,\n.subMenuIconWrapper_fe3c687d91 .splitSubMenuIcon_565d4cdf92.disabled_928352d190 {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n.subMenuIconWrapper_fe3c687d91 .splitMenuItemIconButton_b2556c5f3b {\n  width: 34px;\n  height: 30px;\n  --primary-selected-color: rgba(103, 104, 121, 0.1);\n}");export{e as default};
+//# sourceMappingURL=MenuItemSubMenuIcon.module.scss.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItemSubMenuIcon.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/src/components/Menu/MenuItem/hooks/useMenuItemKeyboardEvents.js

@@ -0,0 +1,2 @@
+import{useCallback as e}from"react";import n from"../../../../hooks/useKeyEvent/index.js";import{keyCodes as t}from"../../../../constants/keyCodes.js";import"../../../../constants/sizes.js";var o=[t.ENTER,t.RIGHT_ARROW];function i(t){var i=t.onClick,s=t.disabled,r=t.isActive,u=t.index,a=t.setActiveItemIndex,c=t.hasChildren,f=t.shouldShowSubMenu,l=t.setSubMenuIsOpenByIndex,m=t.menuRef,d=t.isMouseEnter,v=t.closeMenu,p=t.useDocumentEventListeners,I=t.splitMenuItem,M=t.isMouseEnterMenuItem,k=t.isMouseEnterIconButton,E=e((function(e){if(r||d)if(a&&l){var n=e instanceof KeyboardEvent;if(r&&c&&(a(u),!I||k))l(u,!0);else if(n&&I&&l(u,!0),!f){var t=function(){e.preventDefault(),i(e),v({propagate:!0})};if(n&&i&&!s&&r){if("ArrowRight"===e.key)return;t()}!n&&i&&!s&&d&&(r||(a(u),c&&l(u,!0)),(I&&M&&!k||!c)&&requestAnimationFrame((function(){requestAnimationFrame((function(){t()}))})))}}else console.error("MenuItem must be a first level child of a menu")}),[r,d,a,l,c,I,f,i,s,u,v,M,k]),b=e((function(e){return E(e)}),[E]);return n({keys:o,callback:b,ref:p?void 0:m}),{onClickCallback:E}}export{i as default};
+//# sourceMappingURL=useMenuItemKeyboardEvents.js.map

package/dist/src/components/Menu/MenuItem/hooks/useMenuItemKeyboardEvents.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMenuItemKeyboardEvents.js","sources":["../../../../../../src/components/Menu/MenuItem/hooks/useMenuItemKeyboardEvents.ts"],"sourcesContent":["import type React from \"react\";\nimport { useCallback } from \"react\";\nimport useKeyEvent from \"../../../../hooks/useKeyEvent\";\nimport { keyCodes } from \"../../../../constants\";\nimport { type CloseMenuOption } from \"../../Menu/MenuConstants\";\n\nconst KEYS = [keyCodes.ENTER, keyCodes.RIGHT_ARROW];\n\nexport default function useMenuItemKeyboardEvents({\n  onClick,\n  disabled,\n  isActive,\n  index,\n  setActiveItemIndex,\n  hasChildren,\n  shouldShowSubMenu,\n  setSubMenuIsOpenByIndex,\n  menuRef,\n  isMouseEnter,\n  closeMenu,\n  useDocumentEventListeners,\n  splitMenuItem,\n  isMouseEnterMenuItem,\n  isMouseEnterIconButton\n}: {\n  onClick: (event: React.MouseEvent | React.KeyboardEvent) => void;\n  disabled: boolean;\n  isActive: boolean;\n  index: number;\n  hasChildren: boolean;\n  shouldShowSubMenu: boolean;\n  setSubMenuIsOpenByIndex: (index: number, isOpen: boolean) => void;\n  setActiveItemIndex: (index: number) => void;\n  menuRef: React.RefObject<HTMLElement>;\n  isMouseEnter: boolean;\n  closeMenu: (option: CloseMenuOption) => void;\n  useDocumentEventListeners: boolean;\n  splitMenuItem?: boolean;\n  isMouseEnterMenuItem?: boolean;\n  isMouseEnterIconButton?: boolean;\n}) {\n  const onClickCallback = useCallback(\n    (event: React.MouseEvent | React.KeyboardEvent) => {\n      if (!isActive && !isMouseEnter) return;\n      if (!setActiveItemIndex || !setSubMenuIsOpenByIndex) {\n        console.error(\"MenuItem must be a first level child of a menu\");\n        return;\n      }\n\n      const isKeyEvent = event instanceof KeyboardEvent;\n\n      if (isActive && hasChildren) {\n        setActiveItemIndex(index);\n        if (!splitMenuItem || isMouseEnterIconButton) {\n          setSubMenuIsOpenByIndex(index, true);\n          return;\n        }\n      }\n\n      if (isKeyEvent && splitMenuItem) {\n        setSubMenuIsOpenByIndex(index, true);\n      }\n\n      if (shouldShowSubMenu) return;\n\n      const clickCallback = () => {\n        event.preventDefault();\n        onClick(event);\n        closeMenu({ propagate: true });\n      };\n\n      if (isKeyEvent && onClick && !disabled && isActive) {\n        if ((event as React.KeyboardEvent).key === \"ArrowRight\") {\n          return;\n        }\n        clickCallback();\n      }\n\n      if (!isKeyEvent && onClick && !disabled && isMouseEnter) {\n        if (!isActive) {\n          setActiveItemIndex(index);\n          if (hasChildren) {\n            setSubMenuIsOpenByIndex(index, true);\n          }\n        }\n\n        if ((splitMenuItem && isMouseEnterMenuItem && !isMouseEnterIconButton) || !hasChildren) {\n          // wait for background of menu item to change before trigger click\n          requestAnimationFrame(() => {\n            requestAnimationFrame(() => {\n              clickCallback();\n            });\n          });\n        }\n      }\n    },\n    [\n      isActive,\n      isMouseEnter,\n      setActiveItemIndex,\n      setSubMenuIsOpenByIndex,\n      hasChildren,\n      splitMenuItem,\n      shouldShowSubMenu,\n      onClick,\n      disabled,\n      index,\n      closeMenu,\n      isMouseEnterMenuItem,\n      isMouseEnterIconButton\n    ]\n  );\n\n  const onKeyboardClick = useCallback((event: React.KeyboardEvent) => onClickCallback(event), [onClickCallback]);\n\n  useKeyEvent({\n    keys: KEYS,\n    callback: onKeyboardClick,\n    ref: useDocumentEventListeners ? undefined : menuRef\n  });\n\n  return { onClickCallback };\n}\n"],"names":["KEYS","keyCodes","ENTER","RIGHT_ARROW","useMenuItemKeyboardEvents","_ref","onClick","disabled","isActive","index","setActiveItemIndex","hasChildren","shouldShowSubMenu","setSubMenuIsOpenByIndex","menuRef","isMouseEnter","closeMenu","useDocumentEventListeners","splitMenuItem","isMouseEnterMenuItem","isMouseEnterIconButton","onClickCallback","useCallback","event","isKeyEvent","KeyboardEvent","clickCallback","preventDefault","propagate","key","requestAnimationFrame","console","error","onKeyboardClick","useKeyEvent","keys","callback","ref","undefined"],"mappings":"8LAMA,IAAMA,EAAO,CAACC,EAASC,MAAOD,EAASE,aAEf,SAAAC,EAAyBC,GAgChD,IA/BCC,EAAOD,EAAPC,QACAC,EAAQF,EAARE,SACAC,EAAQH,EAARG,SACAC,EAAKJ,EAALI,MACAC,EAAkBL,EAAlBK,mBACAC,EAAWN,EAAXM,YACAC,EAAiBP,EAAjBO,kBACAC,EAAuBR,EAAvBQ,wBACAC,EAAOT,EAAPS,QACAC,EAAYV,EAAZU,aACAC,EAASX,EAATW,UACAC,EAAyBZ,EAAzBY,0BACAC,EAAab,EAAba,cACAC,EAAoBd,EAApBc,qBACAC,EAAsBf,EAAtBe,uBAkBMC,EAAkBC,GACtB,SAACC,GACC,GAAKf,GAAaO,EAClB,GAAKL,GAAuBG,EAA5B,CAKA,IAAMW,EAAaD,aAAiBE,cAEpC,GAAIjB,GAAYG,IACdD,EAAmBD,IACdS,GAAiBE,GACpBP,EAAwBJ,GAAO,QASnC,GAJIe,GAAcN,GAChBL,EAAwBJ,GAAO,IAG7BG,EAAJ,CAEA,IAAMc,EAAgB,WACpBH,EAAMI,iBACNrB,EAAQiB,GACRP,EAAU,CAAEY,WAAW,KAGzB,GAAIJ,GAAclB,IAAYC,GAAYC,EAAU,CAClD,GAA2C,eAAtCe,EAA8BM,IACjC,OAEFH,GACF,EAEKF,GAAclB,IAAYC,GAAYQ,IACpCP,IACHE,EAAmBD,GACfE,GACFE,EAAwBJ,GAAO,KAI9BS,GAAiBC,IAAyBC,IAA4BT,IAEzEmB,uBAAsB,WACpBA,uBAAsB,WACpBJ,GACF,GACF,IA7BmB,CAhBvB,MAFEK,QAAQC,MAAM,iDAkDlB,GACA,CACExB,EACAO,EACAL,EACAG,EACAF,EACAO,EACAN,EACAN,EACAC,EACAE,EACAO,EACAG,EACAC,IAIEa,EAAkBX,GAAY,SAACC,GAA0B,OAAKF,EAAgBE,KAAQ,CAACF,IAQ7F,OANAa,EAAY,CACVC,KAAMnC,EACNoC,SAAUH,EACVI,IAAKpB,OAA4BqB,EAAYxB,IAGxC,CAAEO,gBAAAA,EACX"}

package/dist/src/components/Menu/MenuItem/hooks/useMenuItemMouseEvents.js

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItemButton.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"MenuTitle.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"MenuButton.js","sources":["../../../../src/components/MenuButton/MenuButton.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useMemo, useRef, useState } from \"react\";\nimport cx from \"classnames\";\nimport { camelCase } from \"es-toolkit\";\nimport { isForwardRef } from \"react-is\";\nimport { Dialog, type DialogEvent, DialogContentContainer } from \"@vibe/dialog\";\nimport {\n  type DialogOffset,\n  type DialogPosition,\n  type DialogSize,\n  type DialogStartingEdge,\n  type DialogTriggerEvent\n} from \"@vibe/dialog\";\nimport { Tooltip, type TooltipProps } from \"@vibe/tooltip\";\nimport useIsomorphicLayoutEffect from \"../../hooks/ssr/useIsomorphicLayoutEffect\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { type ElementContent, type VibeComponentProps } from \"../../types\";\nimport { type MenuButtonComponentPosition, type MenuButtonSize } from \"./MenuButton.types\";\nimport { type MenuChild } from \"../Menu/Menu/MenuConstants\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport { Menu } from \"@vibe/icons\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport styles from \"./MenuButton.module.scss\";\nimport { type TooltipPositions } from \"@vibe/tooltip\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nconst MOVE_BY = { main: 8, secondary: 0 };\nconst CLOSE_KEYS: DialogTriggerEvent[] = [\"esckey\", \"tab\"];\n\nexport interface MenuButtonProps extends VibeComponentProps {\n  /**\n   * If true, the button is in an active state.\n   */\n  active?: boolean;\n  /**\n   * Class name applied to the button when the dialog is open.\n   */\n  openDialogComponentClassName?: string;\n  /**\n   * The component used as the button icon.\n   */\n  component?: (() => JSX.Element) | React.ElementType;\n  /**\n   * The size of the button.\n   */\n  size?: MenuButtonSize;\n  /**\n   * If true, the menu is open.\n   */\n  open?: boolean;\n  /**\n   * Callback fired when the button is clicked.\n   */\n  onClick?: (event: React.MouseEvent) => void;\n  /**\n   * The z-index of the menu.\n   */\n  zIndex?: number;\n  /**\n   * The label of the button for accessibility.\n   */\n  \"aria-label\"?: string;\n  /**\n   * Class name applied to the menu dialog wrapper.\n   */\n  dialogClassName?: string;\n  /**\n   * The offset of the menu relative to the button.\n   */\n  dialogOffset?: DialogOffset;\n  /**\n   * The padding size inside the menu dialog.\n   */\n  dialogPaddingSize?: DialogSize;\n  /**\n   * The position of the menu dialog relative to the button.\n   */\n  dialogPosition?: DialogPosition;\n  /**\n   * Classes that prevent showing the dialog when present.\n   */\n  dialogShowTriggerIgnoreClass?: string | Array<string>;\n  /**\n   * Classes that prevent hiding the dialog when present.\n   */\n  dialogHideTriggerIgnoreClass?: string | Array<string>;\n  /**\n   * The container selector in which to append the dialog.\n   */\n  dialogContainerSelector?: string;\n  /**\n   * The starting edge alignment of the menu.\n   */\n  startingEdge?: DialogStartingEdge;\n  /**\n   * Callback fired when the menu is shown.\n   */\n  onMenuShow?: () => void;\n  /**\n   * Callback fired when the menu is hidden.\n   */\n  onMenuHide?: () => void;\n  /**\n   * The text displayed inside the button.\n   */\n  text?: string;\n  /**\n   * If true, the button is disabled.\n   */\n  disabled?: boolean;\n  /**\n   * The tooltip content displayed when hovering over the button.\n   */\n  tooltipContent?: string;\n  /**\n   * If true, removes the tab key from the hide trigger.\n   */\n  removeTabCloseTrigger?: boolean;\n  /**\n   * The triggers that cause the tooltip to show or hide.\n   */\n  tooltipTriggers?: DialogTriggerEvent | DialogTriggerEvent[];\n  /**\n   * The position of the tooltip.\n   */\n  tooltipPosition?: TooltipPositions;\n  /**\n   * Class name applied to the tooltip reference wrapper.\n   */\n  tooltipReferenceClassName?: string;\n  /**\n   * Additional props for customizing the tooltip.\n   */\n  tooltipProps?: Partial<TooltipProps>;\n  /**\n   * If true, hides the menu and tooltip when the button is not visible.\n   */\n  hideWhenReferenceHidden?: boolean;\n  /**\n   * The content inside the menu button.\n   */\n  children?: ElementContent;\n  /**\n   * The position of the component relative to the text.\n   */\n  componentPosition?: MenuButtonComponentPosition;\n  /**\n   * The element used as the trigger for the menu.\n   */\n  triggerElement?: React.ElementType;\n  /**\n   * If true, closes the menu when a menu item is clicked.\n   */\n  closeMenuOnItemClick?: boolean;\n  /**\n   * If true, the tooltip appears only when hovering over the trigger element, not the menu dialog.\n   */\n  showTooltipOnlyOnTriggerElement?: boolean;\n  /**\n   * If true, closes the menu when clicking inside the dialog.\n   */\n  closeDialogOnContentClick?: boolean;\n  /**\n   * The ARIA control of the menu button for accessibility.\n   */\n  \"aria-controls\"?: string;\n}\n\nconst MenuButton = forwardRef(\n  (\n    {\n      id,\n      className,\n      openDialogComponentClassName,\n      children,\n      component = Menu,\n      componentPosition = \"start\",\n      size = \"small\",\n      open = false,\n      onClick = NOOP,\n      zIndex = null,\n      \"aria-label\": ariaLabel = \"Menu\",\n      closeMenuOnItemClick,\n      dialogOffset = MOVE_BY,\n      dialogPosition = \"bottom-start\",\n      dialogClassName,\n      dialogPaddingSize = \"small\",\n      dialogShowTriggerIgnoreClass,\n      dialogHideTriggerIgnoreClass,\n      onMenuHide = NOOP,\n      onMenuShow = NOOP,\n      disabled = false,\n      text,\n      tooltipContent,\n      tooltipProps,\n      tooltipTriggers = [\"mouseleave\"],\n      tooltipPosition = \"right\",\n      startingEdge = \"bottom\",\n      removeTabCloseTrigger = false,\n      tooltipReferenceClassName,\n      hideWhenReferenceHidden = true,\n      dialogContainerSelector,\n      active,\n      triggerElement: TriggerElement = \"button\",\n      showTooltipOnlyOnTriggerElement,\n      \"data-testid\": dataTestId,\n      closeDialogOnContentClick = false,\n      \"aria-controls\": ariaControls\n    }: MenuButtonProps,\n    ref: React.ForwardedRef<HTMLElement>\n  ) => {\n    const componentRef = useRef(null);\n    const mergedRef = useMergeRef(ref, componentRef);\n\n    const [isOpen, setIsOpen] = useState(open);\n    const isActive = active ?? isOpen;\n\n    const handleMenuClose = useCallback(\n      (focusOnMenuButtonAfterClose: boolean) => {\n        onMenuHide();\n        setIsOpen(false);\n        const button = componentRef.current;\n        if (!button || !focusOnMenuButtonAfterClose) {\n          return;\n        }\n        window.requestAnimationFrame(() => {\n          button.focus();\n        });\n      },\n      [onMenuHide]\n    );\n\n    const onMenuDidClose = useCallback(\n      (event: React.KeyboardEvent) => {\n        // TODO: check the functionality of the isEscapeKey since the event is not an actual KeyboardEVent but an object with propagate property only\n        const isCloseKey = CLOSE_KEYS.includes(event.key as DialogTriggerEvent);\n        if (isCloseKey || closeMenuOnItemClick) {\n          // @ts-ignore\n          if (event.propagate) {\n            handleMenuClose(isCloseKey);\n          }\n        }\n      },\n      [closeMenuOnItemClick, handleMenuClose]\n    );\n\n    const onDialogDidHide = useCallback(\n      (event: DialogEvent, hideEvent: string) => {\n        handleMenuClose(isOpen && CLOSE_KEYS.includes(hideEvent as DialogTriggerEvent));\n      },\n      [handleMenuClose, isOpen]\n    );\n\n    const onDialogDidShow = useCallback(() => {\n      setIsOpen(true);\n      onMenuShow();\n    }, [setIsOpen, onMenuShow]);\n\n    const [clonedChildren, hideTrigger] = useMemo(() => {\n      const triggers = new Set<DialogTriggerEvent>([\"clickoutside\", \"tab\", \"esckey\"]);\n\n      if (closeDialogOnContentClick) {\n        triggers.add(\"onContentClick\");\n        triggers.add(\"enter\");\n      }\n\n      if (removeTabCloseTrigger) {\n        triggers.delete(\"tab\");\n      }\n      const childrenArr = React.Children.toArray(children) as MenuChild[];\n      const cloned = childrenArr.map(child => {\n        if (!React.isValidElement(child)) return null;\n\n        const newProps: {\n          focusOnMount?: boolean;\n          focusItemIndexOnMount?: number;\n          onClose?: (event: React.KeyboardEvent) => void;\n        } = {};\n        if (child.type && child.type.supportFocusOnMount) {\n          newProps.focusOnMount = true;\n          if (child.props.focusItemIndexOnMount === undefined) {\n            newProps.focusItemIndexOnMount = 0;\n          }\n          triggers.delete(\"esckey\");\n        }\n\n        if (child.type && child.type.isMenu) {\n          newProps.onClose = onMenuDidClose;\n        }\n\n        return React.cloneElement(child, newProps);\n      });\n      return [cloned, Array.from(triggers)];\n    }, [children, onMenuDidClose, closeDialogOnContentClick, removeTabCloseTrigger]);\n\n    const content = useMemo(() => {\n      if (clonedChildren.length === 0) return null;\n      return (\n        <DialogContentContainer size={dialogPaddingSize} type=\"popover\" role={null}>\n          {clonedChildren}\n        </DialogContentContainer>\n      );\n    }, [clonedChildren, dialogPaddingSize]);\n\n    const computedDialogOffset = useMemo(\n      () => ({\n        ...MOVE_BY,\n        ...dialogOffset\n      }),\n      [dialogOffset]\n    );\n\n    const onMouseUp = (event: React.MouseEvent<HTMLElement>) => {\n      if (disabled) {\n        event.currentTarget.blur();\n        return;\n      }\n      onClick(event);\n    };\n\n    const Icon = component;\n    const iconSize = useMemo(() => {\n      switch (size) {\n        case \"xxs\":\n        case \"xs\":\n          return 16;\n        case \"small\":\n        case \"medium\":\n        case \"large\":\n          return 20;\n        default:\n          return 24;\n      }\n    }, [size]);\n    const icon = Icon ? <Icon size={iconSize.toString()} role=\"img\" aria-hidden=\"true\" /> : null;\n\n    useIsomorphicLayoutEffect(() => {\n      setIsOpen(open);\n    }, [open, setIsOpen]);\n\n    // Trigger element props, which are only relevant for \"button\" element, but might be needed for other elements e.g. Button\n    const triggerElementProps =\n      TriggerElement === \"button\"\n        ? {\n            ref: mergedRef\n          }\n        : {\n            active: isActive,\n            disabled: disabled,\n            ref: isForwardRef(TriggerElement) ? mergedRef : undefined\n          };\n\n    const triggerElementNode = (\n      <TriggerElement\n        id={id}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.MENU_BUTTON, id)}\n        data-vibe={ComponentVibeId.MENU_BUTTON}\n        type=\"button\"\n        className={cx(styles.wrapper, className, getStyle(styles, camelCase(`size-${size}`)), {\n          [styles.active]: isActive,\n          [getStyle(styles, openDialogComponentClassName)]: isOpen && openDialogComponentClassName,\n          [styles.disabled]: disabled,\n          [styles.text]: text\n        })}\n        aria-haspopup=\"true\"\n        aria-expanded={isOpen}\n        aria-controls={ariaControls}\n        aria-label={!text && ariaLabel}\n        onMouseUp={onMouseUp}\n        aria-disabled={disabled}\n        {...triggerElementProps}\n      >\n        {componentPosition === \"start\" && icon}\n        {text && <span className={styles.innerText}>{text}</span>}\n        {componentPosition === \"end\" && icon}\n      </TriggerElement>\n    );\n\n    const dialogNode = (dialogChildren: React.ReactElement) => (\n      <Dialog\n        wrapperClassName={dialogClassName}\n        position={dialogPosition}\n        containerSelector={dialogContainerSelector}\n        startingEdge={startingEdge}\n        animationType=\"expand\"\n        content={content}\n        moveBy={computedDialogOffset}\n        showTrigger={disabled ? [] : [\"click\", \"enter\"]}\n        hideTrigger={hideTrigger}\n        showTriggerIgnoreClass={dialogShowTriggerIgnoreClass}\n        hideTriggerIgnoreClass={dialogHideTriggerIgnoreClass}\n        useDerivedStateFromProps={true}\n        onDialogDidShow={onDialogDidShow}\n        onDialogDidHide={onDialogDidHide}\n        zIndex={zIndex}\n        isOpen={isOpen}\n        hideWhenReferenceHidden={hideWhenReferenceHidden}\n      >\n        {dialogChildren}\n      </Dialog>\n    );\n\n    const tooltipNode = (tooltipChildren: React.ReactElement) => (\n      <Tooltip\n        content={tooltipContent}\n        position={tooltipPosition}\n        showTrigger=\"mouseenter\"\n        hideTrigger={tooltipTriggers}\n        referenceWrapperClassName={tooltipReferenceClassName}\n        hideWhenReferenceHidden={hideWhenReferenceHidden}\n        {...tooltipProps}\n      >\n        {tooltipChildren}\n      </Tooltip>\n    );\n\n    if (showTooltipOnlyOnTriggerElement) {\n      return dialogNode(tooltipNode(triggerElementNode));\n    }\n    return tooltipNode(dialogNode(triggerElementNode));\n  }\n);\n\nexport default MenuButton;\n"],"names":["MOVE_BY","main","secondary","CLOSE_KEYS","MenuButton","forwardRef","_ref","ref","id","className","openDialogComponentClassName","children","_ref$component","component","Menu","_ref$componentPositio","componentPosition","_ref$size","size","_ref$open","open","_ref$onClick","onClick","NOOP","_ref$zIndex","zIndex","_ref$ariaLabel","ariaLabel","closeMenuOnItemClick","_ref$dialogOffset","dialogOffset","_ref$dialogPosition","dialogPosition","dialogClassName","_ref$dialogPaddingSiz","dialogPaddingSize","dialogShowTriggerIgnoreClass","dialogHideTriggerIgnoreClass","_ref$onMenuHide","onMenuHide","_ref$onMenuShow","onMenuShow","_ref$disabled","disabled","text","tooltipContent","tooltipProps","_ref$tooltipTriggers","tooltipTriggers","_ref$tooltipPosition","tooltipPosition","_ref$startingEdge","startingEdge","_ref$removeTabCloseTr","removeTabCloseTrigger","tooltipReferenceClassName","_ref$hideWhenReferenc","hideWhenReferenceHidden","dialogContainerSelector","active","_ref$triggerElement","triggerElement","TriggerElement","showTooltipOnlyOnTriggerElement","dataTestId","_ref$closeDialogOnCon","closeDialogOnContentClick","ariaControls","componentRef","useRef","mergedRef","useMergeRef","_useState","useState","_useState2","_slicedToArray","isOpen","setIsOpen","isActive","handleMenuClose","useCallback","focusOnMenuButtonAfterClose","button","current","window","requestAnimationFrame","focus","onMenuDidClose","event","isCloseKey","includes","key","propagate","onDialogDidHide","hideEvent","onDialogDidShow","_useMemo","useMemo","triggers","Set","add","delete","React","Children","toArray","map","child","isValidElement","newProps","type","supportFocusOnMount","focusOnMount","undefined","props","focusItemIndexOnMount","isMenu","onClose","cloneElement","Array","from","_useMemo2","clonedChildren","hideTrigger","content","length","createElement","DialogContentContainer","role","computedDialogOffset","Object","assign","Icon","iconSize","icon","useIsomorphicLayoutEffect","triggerElementProps","isForwardRef","triggerElementNode","getTestId","ComponentDefaultTestId","MENU_BUTTON","ComponentVibeId","cx","styles","wrapper","getStyle","camelCase","concat","_defineProperty","onMouseUp","currentTarget","blur","innerText","dialogNode","dialogChildren","Dialog","wrapperClassName","position","containerSelector","animationType","moveBy","showTrigger","showTriggerIgnoreClass","hideTriggerIgnoreClass","useDerivedStateFromProps","tooltipNode","tooltipChildren","Tooltip","referenceWrapperClassName"],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+var n={wrapper:"wrapper_a52fc7305c","focus-visible":"focus-visible_2a936b914b",active:"active_3399bbd0ec",sizeXxs:"sizeXxs_61c15b543d",sizeXs:"sizeXs_4158e582a4",sizeSmall:"sizeSmall_284eb47eb1",sizeMedium:"sizeMedium_f4a9b3ca57",sizeLarge:"sizeLarge_5f6381f43b",disabled:"disabled_2d2f69ecf1",text:"text_8a2029e277",innerText:"innerText_37fc6a0936"};!function(n){const e="s_id-fe45efde1a3d_4_0_0-alpha_1";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,o.firstChild?o.insertBefore(t,o.firstChild):o.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n.wrapper_a52fc7305c {\n  border: none;\n  margin: 0;\n  padding: 0;\n  width: auto;\n  overflow: visible;\n  background: transparent;\n  /* inherit font & color from ancestor */\n  color: inherit;\n  font: inherit;\n  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */\n  line-height: normal;\n  /* Corrects font smoothing for webkit */\n  -webkit-font-smoothing: inherit;\n  -moz-osx-font-smoothing: inherit;\n  /* Corrects inability to style clickable `input` types in iOS */\n  appearance: none;\n  border-radius: var(--border-radius-small);\n  background-color: transparent;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: transform var(--motion-productive-short) var(--motion-timing-transition);\n  color: var(--primary-text-color);\n}\n.wrapper_a52fc7305c:focus-visible, .wrapper_a52fc7305c.focus-visible_2a936b914b {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.wrapper_a52fc7305c:focus:not(.focus-visible_2a936b914b) {\n  outline: none;\n}\n.wrapper_a52fc7305c:focus-visible, .wrapper_a52fc7305c.focus-visible_2a936b914b {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.wrapper_a52fc7305c:focus:not(.focus-visible_2a936b914b) {\n  outline: none;\n}\n.wrapper_a52fc7305c:focus,\n.wrapper_a52fc7305c:hover {\n  background-color: var(--primary-background-hover-color);\n}\n.wrapper_a52fc7305c:active {\n  transform: scale(0.95);\n}\n.active_3399bbd0ec {\n  background-color: var(--primary-selected-color);\n}\n.active_3399bbd0ec:focus {\n  background-color: var(--primary-selected-color);\n}\n.active_3399bbd0ec:hover {\n  background-color: var(--primary-selected-color);\n}\n.sizeXxs_61c15b543d {\n  width: 16px;\n  height: 16px;\n  font: var(--font-text2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.sizeXs_4158e582a4 {\n  width: 24px;\n  height: 24px;\n  font: var(--font-text1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.sizeSmall_284eb47eb1 {\n  width: 32px;\n  height: 32px;\n  font: var(--font-text1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.sizeMedium_f4a9b3ca57 {\n  width: 40px;\n  height: 40px;\n  font: var(--font-h3-normal);\n  letter-spacing: var(--letter-spacing-h3-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.sizeLarge_5f6381f43b {\n  width: 48px;\n  height: 48px;\n  font: var(--font-h2-normal);\n  letter-spacing: var(--letter-spacing-h2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.disabled_2d2f69ecf1 {\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.disabled_2d2f69ecf1:hover {\n  background-color: transparent;\n}\n.text_8a2029e277 {\n  width: 100%;\n}\n.innerText_37fc6a0936 {\n  margin: 0 var(--space-8);\n}");export{n as default};
+//# sourceMappingURL=MenuButton.module.scss.js.map

package/dist/src/components/MenuButton/MenuButton.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuButton.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/src/components/Modal/Modal/Modal.js

@@ -0,0 +1,2 @@
+import{slicedToArray as e,defineProperty as t}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import o,{forwardRef as r,useRef as a,useState as s,useCallback as i,useMemo as n}from"react";import l from"classnames";import{RemoveScroll as c}from"react-remove-scroll";import m from"react-focus-lock";import{CSSTransition as d}from"react-transition-group";import{getTestId as u}from"../../../tests/testIds.js";import{ComponentDefaultTestId as f,ComponentVibeId as p}from"../../../tests/constants.js";import v from"./Modal.module.scss.js";import y from"../ModalTopActions/ModalTopActions.js";import{getStyle as E}from"../../../helpers/typesciptCssModulesHelper.js";import{camelCase as A}from"es-toolkit";import{ModalProvider as b}from"../context/ModalContext.js";import{keyCodes as h}from"../../../constants/keyCodes.js";import"../../../constants/sizes.js";import{createPortal as j}from"react-dom";import g from"../hooks/usePortalTarget/usePortalTarget.js";import x from"../hooks/useFocusEscapeTargets/useFocusEscapeTargets.js";import M from"../../../hooks/useMergeRef.js";import T from"../../../../components/layer/dist/LayerProvider/LayerProvider.js";var L=m.default||m,P=r((function(r,m){var P,w=r.id,k=r.show,C=r.size,F=void 0===C?"medium":C,O=r.renderHeaderAction,I=r.closeButtonTheme,R=r.closeButtonAriaLabel,z=r.onClose,B=void 0===z?function(){}:z,D=r.autoFocus,H=void 0===D||D,N=r.allowFocusEscapeTo,_=r.onFocusAttempt,V=r.anchorElementRef,K=r.alertModal,S=r.container,Y=void 0===S?document.body:S,q=r.children,G=r.style,J=r.zIndex,Q=r.className,U=r["data-testid"],W=r["aria-labelledby"],X=r["aria-describedby"],Z=g(Y),$=a(null),ee=M(m,$),te=a(null),oe=s(),re=e(oe,2),ae=re[0],se=re[1],ie=s(),ne=e(ie,2),le=ne[0],ce=ne[1],me=i((function(e){W||se(e)}),[W]),de=i((function(e){X||ce(e)}),[X]),ue=n((function(){return{modalId:w,setTitleId:me,setDescriptionId:de,autoFocus:H}}),[w,me,de,H]),fe=i((function(e){k&&!K&&B(e)}),[k,K,B]),pe=i((function(e){e.key===h.ESCAPE&&k&&!K&&B(e)}),[K,B,k]),ve="full-view"===F?"fullView":(null==V?void 0:V.current)?"anchorPop":"centerPop",ye=null===(P=null==V?void 0:V.current)||void 0===P?void 0:P.getBoundingClientRect(),Ee=ye?{"--modal-start-x":"".concat(ye.left+ye.width/2,"px"),"--modal-start-y":"".concat(ye.top+ye.height/2,"px")}:{},Ae=J?{"--monday-modal-z-index":J}:{},be=x(N),he=i((function(e){if(_){var t=_(e);return!0===t||t instanceof HTMLElement&&(t.focus(),!1)}return!be(e)}),[_,be]);return o.createElement(d,{in:k,nodeRef:te,timeout:{enter:250,exit:150},unmountOnExit:!0,classNames:{enter:v.containerEnter,enterActive:v.containerEnterActive,exitActive:v.containerExitActive}},o.createElement(T,{layerRef:te},o.createElement(b,{value:ue},j(o.createElement(L,{returnFocus:!0,autoFocus:H,whiteList:he},o.createElement("div",{ref:te,className:v.container,style:Ae,onKeyDown:pe},o.createElement("div",{"data-testid":u(f.MODAL_OVERLAY,w),className:v.overlay,onClick:fe,"aria-hidden":!0}),o.createElement(c,{forwardProps:!0,ref:ee},o.createElement("div",{className:l(v.modal,v[ve],E(v,A("size-"+F)),t({},v.withHeaderAction,!!O),Q),id:w,"data-testid":U||u(f.MODAL,w),"data-vibe":p.MODAL,role:"dialog","aria-modal":!0,"aria-labelledby":W||ae,"aria-describedby":X||le,style:Object.assign(Object.assign({},G),Ee),tabIndex:-1},q,o.createElement(y,{renderAction:O,theme:I,closeButtonAriaLabel:R,onClose:B}))))),Z))))}));export{P as default};
+//# sourceMappingURL=Modal.js.map

package/dist/src/components/Modal/Modal/Modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.js","sources":["../../../../../src/components/Modal/Modal/Modal.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useMemo, useRef, useState } from \"react\";\nimport cx from \"classnames\";\nimport { RemoveScroll } from \"react-remove-scroll\";\nimport FocusLock from \"react-focus-lock\";\nimport { CSSTransition } from \"react-transition-group\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId, ComponentVibeId } from \"../../../tests/constants\";\nimport styles from \"./Modal.module.scss\";\nimport { type ModalProps } from \"./Modal.types\";\nimport ModalTopActions from \"../ModalTopActions/ModalTopActions\";\nimport { getStyle } from \"../../../helpers/typesciptCssModulesHelper\";\nimport { camelCase } from \"es-toolkit\";\nimport { ModalProvider } from \"../context/ModalContext\";\nimport { type ModalProviderValue } from \"../context/ModalContext.types\";\nimport { keyCodes } from \"../../../constants\";\nimport { createPortal } from \"react-dom\";\nimport usePortalTarget from \"../hooks/usePortalTarget/usePortalTarget\";\nimport useFocusEscapeTargets from \"../hooks/useFocusEscapeTargets/useFocusEscapeTargets\";\nimport { LayerProvider } from \"@vibe/layer\";\nimport useMergeRef from \"../../../hooks/useMergeRef\";\n\n// @ts-expect-error This is a precaution to support all possible module systems (ESM/CJS)\nconst FocusLockComponent = (FocusLock.default || FocusLock) as typeof FocusLock;\n\nconst Modal = forwardRef(\n  (\n    {\n      id,\n      show,\n      size = \"medium\",\n      renderHeaderAction,\n      closeButtonTheme,\n      closeButtonAriaLabel,\n      onClose = () => {},\n      autoFocus = true,\n      allowFocusEscapeTo,\n      onFocusAttempt,\n      anchorElementRef,\n      alertModal,\n      container = document.body,\n      children,\n      style,\n      zIndex,\n      className,\n      \"data-testid\": dataTestId,\n      \"aria-labelledby\": ariaLabelledby,\n      \"aria-describedby\": ariaDescribedby\n    }: ModalProps,\n    ref: React.ForwardedRef<HTMLDivElement>\n  ) => {\n    const portalTargetElement = usePortalTarget(container);\n\n    const modalRef = useRef<HTMLDivElement>(null);\n    const modalMergedRef = useMergeRef<HTMLDivElement>(ref, modalRef);\n    const containerRef = useRef<HTMLDivElement>(null);\n\n    const [titleId, setTitleId] = useState<string>();\n    const [descriptionId, setDescriptionId] = useState<string>();\n\n    const setTitleIdCallback = useCallback(\n      (newId: string) => {\n        if (ariaLabelledby) return;\n        setTitleId(newId);\n      },\n      [ariaLabelledby]\n    );\n    const setDescriptionIdCallback = useCallback(\n      (newId: string) => {\n        if (ariaDescribedby) return;\n        setDescriptionId(newId);\n      },\n      [ariaDescribedby]\n    );\n\n    const contextValue = useMemo<ModalProviderValue>(\n      () => ({\n        modalId: id,\n        setTitleId: setTitleIdCallback,\n        setDescriptionId: setDescriptionIdCallback,\n        autoFocus\n      }),\n      [id, setTitleIdCallback, setDescriptionIdCallback, autoFocus]\n    );\n\n    const onBackdropClick = useCallback<React.MouseEventHandler<HTMLDivElement>>(\n      e => {\n        if (!show || alertModal) return;\n        onClose(e);\n      },\n      [show, alertModal, onClose]\n    );\n\n    const onModalKeyDown = useCallback<React.KeyboardEventHandler<HTMLDivElement>>(\n      e => {\n        if (e.key !== keyCodes.ESCAPE || !show || alertModal) return;\n        onClose(e);\n      },\n      [alertModal, onClose, show]\n    );\n\n    const animationType = size === \"full-view\" ? \"fullView\" : anchorElementRef?.current ? \"anchorPop\" : \"centerPop\";\n\n    const anchorRect = anchorElementRef?.current?.getBoundingClientRect();\n    const anchorVars = anchorRect\n      ? ({\n          \"--modal-start-x\": `${anchorRect.left + anchorRect.width / 2}px`,\n          \"--modal-start-y\": `${anchorRect.top + anchorRect.height / 2}px`\n        } as React.CSSProperties)\n      : {};\n\n    const zIndexStyle = zIndex ? ({ \"--monday-modal-z-index\": zIndex } as React.CSSProperties) : {};\n\n    const shouldAllowFocusEscape = useFocusEscapeTargets(allowFocusEscapeTo);\n\n    /**\n     * Returning true means that the focus-lock is allowed to manage the element.\n     * Returning false means that the focus-lock would surrender control to the element.\n     */\n    const handleFocusLockWhiteList = useCallback(\n      (nextFocusedElement?: HTMLElement) => {\n        if (onFocusAttempt) {\n          const outcome = onFocusAttempt(nextFocusedElement);\n\n          if (outcome === true) return true;\n\n          if (outcome instanceof HTMLElement) {\n            outcome.focus();\n            return false;\n          }\n\n          return false;\n        }\n\n        return !shouldAllowFocusEscape(nextFocusedElement);\n      },\n      [onFocusAttempt, shouldAllowFocusEscape]\n    );\n\n    return (\n      <CSSTransition\n        in={show}\n        nodeRef={containerRef}\n        timeout={{ enter: 250, exit: 150 }}\n        unmountOnExit\n        classNames={{\n          enter: styles.containerEnter,\n          enterActive: styles.containerEnterActive,\n          exitActive: styles.containerExitActive\n        }}\n      >\n        <LayerProvider layerRef={containerRef}>\n          <ModalProvider value={contextValue}>\n            {createPortal(\n              <FocusLockComponent returnFocus autoFocus={autoFocus} whiteList={handleFocusLockWhiteList}>\n                <div ref={containerRef} className={styles.container} style={zIndexStyle} onKeyDown={onModalKeyDown}>\n                  <div\n                    data-testid={getTestId(ComponentDefaultTestId.MODAL_OVERLAY, id)}\n                    className={styles.overlay}\n                    onClick={onBackdropClick}\n                    aria-hidden\n                  />\n                  <RemoveScroll forwardProps ref={modalMergedRef}>\n                    <div\n                      className={cx(\n                        styles.modal,\n                        styles[animationType],\n                        getStyle(styles, camelCase(\"size-\" + size)),\n                        { [styles.withHeaderAction]: !!renderHeaderAction },\n                        className\n                      )}\n                      id={id}\n                      data-testid={dataTestId || getTestId(ComponentDefaultTestId.MODAL, id)}\n                      data-vibe={ComponentVibeId.MODAL}\n                      role=\"dialog\"\n                      aria-modal\n                      aria-labelledby={ariaLabelledby || titleId}\n                      aria-describedby={ariaDescribedby || descriptionId}\n                      style={{ ...style, ...anchorVars }}\n                      tabIndex={-1}\n                    >\n                      {children}\n                      <ModalTopActions\n                        renderAction={renderHeaderAction}\n                        theme={closeButtonTheme}\n                        closeButtonAriaLabel={closeButtonAriaLabel}\n                        onClose={onClose}\n                      />\n                    </div>\n                  </RemoveScroll>\n                </div>\n              </FocusLockComponent>,\n              portalTargetElement\n            )}\n          </ModalProvider>\n        </LayerProvider>\n      </CSSTransition>\n    );\n  }\n);\n\nexport default Modal;\n"],"names":["FocusLockComponent","FocusLock","default","Modal","forwardRef","_ref","ref","id","show","_ref$size","size","renderHeaderAction","closeButtonTheme","closeButtonAriaLabel","_ref$onClose","onClose","_ref$autoFocus","autoFocus","allowFocusEscapeTo","onFocusAttempt","anchorElementRef","alertModal","_ref$container","container","document","body","children","style","zIndex","className","dataTestId","ariaLabelledby","ariaDescribedby","portalTargetElement","usePortalTarget","modalRef","useRef","modalMergedRef","useMergeRef","containerRef","_useState","useState","_useState2","_slicedToArray","titleId","setTitleId","_useState3","_useState4","descriptionId","setDescriptionId","setTitleIdCallback","useCallback","newId","setDescriptionIdCallback","contextValue","useMemo","modalId","onBackdropClick","e","onModalKeyDown","key","keyCodes","ESCAPE","animationType","current","anchorRect","_a","getBoundingClientRect","anchorVars","concat","left","width","top","height","zIndexStyle","shouldAllowFocusEscape","useFocusEscapeTargets","handleFocusLockWhiteList","nextFocusedElement","outcome","HTMLElement","focus","React","createElement","CSSTransition","in","nodeRef","timeout","enter","exit","unmountOnExit","classNames","styles","containerEnter","enterActive","containerEnterActive","exitActive","containerExitActive","LayerProvider","layerRef","ModalProvider","value","createPortal","returnFocus","whiteList","onKeyDown","getTestId","ComponentDefaultTestId","MODAL_OVERLAY","overlay","onClick","RemoveScroll","forwardProps","cx","modal","getStyle","camelCase","_defineProperty","withHeaderAction","MODAL","ComponentVibeId","role","Object","assign","tabIndex","ModalTopActions","renderAction","theme"],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+var n={container:"container_5730e11414",overlay:"overlay_012669ad41",centerPop:"centerPop_00b36d1e72",anchorPop:"anchorPop_00b36d1e72",modal:"modal_6464c3b03b",withHeaderAction:"withHeaderAction_421a0eca42",sizeSmall:"sizeSmall_ca36ac885f",sizeMedium:"sizeMedium_82ba9c8ce0",sizeLarge:"sizeLarge_fb2c3ee55b",sizeFullView:"sizeFullView_99e0425f72",containerEnter:"containerEnter_556161688d",fullView:"fullView_91ea31d6cf",containerEnterActive:"containerEnterActive_067ab7de8f",centerPopIn:"centerPopIn_8eb85faed1",anchorPopIn:"anchorPopIn_0ae5993d7f",fullViewIn:"fullViewIn_982602391c",containerExitActive:"containerExitActive_8629086804",centerPopOut:"centerPopOut_c11ae19d9f",anchorPopOut:"anchorPopOut_19bd779e17",fullViewOut:"fullViewOut_cd2c759e65"};!function(n){const e="s_id-025304351d4e_4_0_0-alpha_1";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".container_5730e11414 {\n  position: fixed;\n  inset: 0;\n  z-index: var(--monday-modal-z-index, 10000);\n}\n\n.overlay_012669ad41 {\n  position: fixed;\n  inset: 0;\n  height: 100%;\n  background-color: var(--backdrop-color);\n}\n\n.centerPop_00b36d1e72 {\n  transform: translate(-50%, -50%);\n}\n\n.anchorPop_00b36d1e72 {\n  transform: translate(-50%, -50%);\n}\n\n.modal_6464c3b03b {\n  --top-actions-margin-inline: var(--space-24);\n  --top-actions-margin-block: var(--space-24);\n  --top-actions-width: var(--space-32);\n  --modal-inline-padding: var(--space-32);\n  position: relative;\n  top: 50%;\n  left: 50%;\n  display: flex;\n  flex-direction: column;\n  width: var(--modal-width);\n  max-height: var(--modal-max-height);\n  background-color: var(--primary-background-color);\n  overflow: hidden;\n  border-radius: var(--border-radius-big);\n  box-shadow: var(--box-shadow-large);\n  outline: none;\n}\n\n.modal_6464c3b03b.withHeaderAction_421a0eca42 {\n  --top-actions-width: calc(var(--space-32) * 2);\n}\n\n.modal_6464c3b03b.sizeSmall_ca36ac885f {\n  --modal-max-height: 50%;\n  --modal-width: 460px;\n}\n\n.modal_6464c3b03b.sizeMedium_82ba9c8ce0 {\n  --modal-max-height: 80%;\n  --modal-width: 540px;\n}\n\n.modal_6464c3b03b.sizeLarge_fb2c3ee55b {\n  --modal-max-height: 80%;\n  --modal-width: 800px;\n}\n\n.modal_6464c3b03b.sizeFullView_99e0425f72 {\n  --top-actions-margin-inline: var(--space-32);\n  --modal-max-height: 100%;\n  --modal-width: auto;\n  position: fixed;\n  inset: 0;\n  height: calc(100% - 40px);\n  margin-inline: var(--space-24);\n  margin-block-start: 40px;\n  border-end-start-radius: unset;\n  border-end-end-radius: unset;\n}\n\n@media (min-width: 1280px) {\n  .modal_6464c3b03b.sizeSmall_ca36ac885f {\n    --modal-width: 480px;\n  }\n  .modal_6464c3b03b.sizeMedium_82ba9c8ce0 {\n    --modal-width: 580px;\n  }\n  .modal_6464c3b03b.sizeLarge_fb2c3ee55b {\n    --modal-width: 840px;\n  }\n}\n\n@media (min-width: 1440px) {\n  .modal_6464c3b03b.sizeSmall_ca36ac885f {\n    --modal-width: 520px;\n  }\n  .modal_6464c3b03b.sizeMedium_82ba9c8ce0 {\n    --modal-width: 620px;\n  }\n  .modal_6464c3b03b.sizeLarge_fb2c3ee55b {\n    --modal-width: 900px;\n  }\n}\n\n@media (min-width: 1720px) {\n  .modal_6464c3b03b.sizeFullView_99e0425f72 {\n    margin-inline: 40px;\n  }\n}\n\n.containerEnter_556161688d .overlay_012669ad41 {\n  opacity: 0;\n}\n\n.containerEnter_556161688d .centerPop_00b36d1e72 {\n  opacity: 0;\n  transform: translate(-50%, -50%) scale(0.8);\n}\n\n.containerEnter_556161688d .anchorPop_00b36d1e72 {\n  opacity: 0;\n  transform: translate(calc(-50% + var(--modal-start-x, 0px)), calc(-50% + var(--modal-start-y, 0px))) scale(0.8);\n}\n\n.containerEnter_556161688d .fullView_91ea31d6cf {\n  opacity: 0.3;\n  transform: translateY(30px);\n}\n\n.containerEnterActive_067ab7de8f .overlay_012669ad41 {\n  opacity: 1;\n  transition: opacity 100ms cubic-bezier(0, 0, 0.4, 1);\n}\n\n.containerEnterActive_067ab7de8f .centerPop_00b36d1e72 {\n  animation: centerPopIn_8eb85faed1 150ms cubic-bezier(0, 0, 0.4, 1) forwards;\n}\n\n.containerEnterActive_067ab7de8f .anchorPop_00b36d1e72 {\n  animation: anchorPopIn_0ae5993d7f 200ms cubic-bezier(0, 0, 0.4, 1) forwards;\n}\n\n.containerEnterActive_067ab7de8f .fullView_91ea31d6cf {\n  animation: fullViewIn_982602391c 250ms cubic-bezier(0, 0, 0.4, 1) forwards;\n}\n\n.containerExitActive_8629086804 .overlay_012669ad41 {\n  opacity: 0;\n  transition: opacity 100ms cubic-bezier(0.6, 0, 1, 1);\n}\n\n.containerExitActive_8629086804 .centerPop_00b36d1e72 {\n  animation: centerPopOut_c11ae19d9f 100ms cubic-bezier(0.6, 0, 1, 1) forwards;\n}\n\n.containerExitActive_8629086804 .anchorPop_00b36d1e72 {\n  animation: anchorPopOut_19bd779e17 150ms cubic-bezier(0.6, 0, 1, 1) forwards;\n}\n\n.containerExitActive_8629086804 .fullView_91ea31d6cf {\n  animation: fullViewOut_cd2c759e65 100ms cubic-bezier(0.6, 0, 1, 1) forwards;\n}\n\n@keyframes centerPopIn_8eb85faed1 {\n  0% {\n    opacity: 0;\n    transform: translate(-50%, -50%) scale(0.8);\n  }\n  50%, 100% {\n    opacity: 1;\n    transform: translate(-50%, -50%) scale(1);\n  }\n}\n\n@keyframes centerPopOut_c11ae19d9f {\n  0%, 50% {\n    opacity: 1;\n    transform: translate(-50%, -50%) scale(1);\n  }\n  100% {\n    opacity: 0;\n    transform: translate(-50%, -50%) scale(0.8);\n  }\n}\n\n@keyframes anchorPopIn_0ae5993d7f {\n  0%, 40% {\n    opacity: 0;\n    transform: translate(calc(-50% + var(--modal-start-x, 0px)), calc(-50% + var(--modal-start-y, 0px))) scale(0.8);\n  }\n  100% {\n    opacity: 1;\n    transform: translate(-50%, -50%) scale(1);\n  }\n}\n\n@keyframes anchorPopOut_19bd779e17 {\n  0% {\n    opacity: 1;\n    transform: translate(-50%, -50%) scale(1);\n  }\n  60%, 100% {\n    opacity: 0;\n    transform: translate(calc(-50% + var(--modal-start-x, 0px)), calc(-50% + var(--modal-start-y, 0px))) scale(0.8);\n  }\n}\n\n@keyframes fullViewIn_982602391c {\n  0% {\n    opacity: 0.3;\n    transform: translateY(30px);\n  }\n  33% {\n    opacity: 1;\n  }\n  100% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@keyframes fullViewOut_cd2c759e65 {\n  from {\n    opacity: 1;\n    transform: translateY(0);\n  }\n  to {\n    opacity: 0;\n    transform: translateY(30px);\n  }\n}");export{n as default};
+//# sourceMappingURL=Modal.module.scss.js.map

package/dist/src/components/Modal/Modal/Modal.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/src/components/Modal/ModalContent/ModalContent.js

@@ -0,0 +1,2 @@
+import t,{forwardRef as s}from"react";import{getTestId as a}from"../../../tests/testIds.js";import{ComponentDefaultTestId as e}from"../../../tests/constants.js";import{useModal as o}from"../context/ModalContext.js";var r=s((function(s,r){var d=s.children,i=s.className,m=s.id,c=s["data-testid"],n=o().autoFocus;return t.createElement("div",{ref:r,className:i,id:m,"data-testid":c||a(e.MODAL_CONTENT,m),"data-autofocus-inside":n},d)}));export{r as default};
+//# sourceMappingURL=ModalContent.js.map

package/dist/src/components/Modal/ModalContent/ModalContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalContent.js","sources":["../../../../../src/components/Modal/ModalContent/ModalContent.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\nimport { type ModalContentProps } from \"./ModalContent.types\";\nimport { useModal } from \"../context/ModalContext\";\n\nconst ModalContent = forwardRef(\n  (\n    { children, className, id, \"data-testid\": dataTestId }: ModalContentProps,\n    ref: React.ForwardedRef<HTMLDivElement>\n  ) => {\n    const { autoFocus } = useModal();\n    return (\n      <div\n        ref={ref}\n        className={className}\n        id={id}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.MODAL_CONTENT, id)}\n        data-autofocus-inside={autoFocus}\n      >\n        {children}\n      </div>\n    );\n  }\n);\n\nexport default ModalContent;\n"],"names":["ModalContent","forwardRef","_ref","ref","children","className","id","dataTestId","autoFocus","useModal","React","createElement","getTestId","ComponentDefaultTestId","MODAL_CONTENT"],"mappings":"uNAMMA,IAAAA,EAAeC,GACnB,SAAAC,EAEEC,GACE,IAFAC,EAAQF,EAARE,SAAUC,EAASH,EAATG,UAAWC,EAAEJ,EAAFI,GAAmBC,EAAUL,EAAzB,eAGnBM,EAAcC,IAAdD,UACR,OACEE,EAAAC,cAAA,MAAA,CACER,IAAKA,EACLE,UAAWA,EACXC,GAAIA,EACS,cAAAC,GAAcK,EAAUC,EAAuBC,cAAeR,GAAG,wBACvDE,GAEtBJ,EAGP"}

package/dist/src/components/Modal/ModalHeader/ModalHeader.js

@@ -0,0 +1,2 @@
+import{typeof as t}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import e,{forwardRef as o,useEffect as s}from"react";import a from"classnames";import{getTestId as n}from"../../../tests/testIds.js";import{ComponentDefaultTestId as i}from"../../../tests/constants.js";import r from"./ModalHeader.module.scss.js";import{useModal as c}from"../context/ModalContext.js";import m from"../../../../components/layout/dist/Flex/Flex.js";import l from"../../../../components/typography/dist/Heading/Heading.js";import p from"../../../../components/icon/dist/Icon/Icon.js";import d from"../../../../components/typography/dist/Text/Text.js";var f=o((function(o,f){var g=o.title,j=o.description,u=o.descriptionIcon,x=o.className,y=o.id,_=o["data-testid"],I=c(),h=I.modalId,E=I.setDescriptionId,b=I.setTitleId,H=y?"".concat(h,"_").concat(y,"_label"):"".concat(h,"_label"),N=y?"".concat(h,"_").concat(y,"_desc"):"".concat(h,"_desc");return s((function(){h&&(b(H),j&&E(N))}),[h,b,H,j,E,N]),e.createElement(m,{gap:"xs",direction:"column",align:"start",ref:f,className:a(r.header,x),id:y,"data-testid":_||n(i.MODAL_HEADER,y)},"string"==typeof g?e.createElement(l,{id:H,align:"inherit",type:"h2",weight:"medium",maxLines:2,className:r.title},g):g,j&&e.createElement(m,{id:N},u&&e.createElement(p,{icon:"object"===t(u)?u.name:u,className:a(r.descriptionIcon,"object"===t(u)&&u.className)}),"string"==typeof j?e.createElement(d,{element:"span",align:"inherit",type:"text1"},j):j))}));export{f as default};
+//# sourceMappingURL=ModalHeader.js.map

package/dist/src/components/Modal/ModalHeader/ModalHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalHeader.js","sources":["../../../../../src/components/Modal/ModalHeader/ModalHeader.tsx"],"sourcesContent":["import React, { forwardRef, useEffect } from \"react\";\nimport cx from \"classnames\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\nimport styles from \"./ModalHeader.module.scss\";\nimport { type ModalHeaderProps } from \"./ModalHeader.types\";\nimport { Flex } from \"@vibe/layout\";\nimport { Heading, Text } from \"@vibe/typography\";\nimport { Icon } from \"@vibe/icon\";\nimport { useModal } from \"../context/ModalContext\";\n\nconst ModalHeader = forwardRef(\n  (\n    { title, description, descriptionIcon, className, id, \"data-testid\": dataTestId }: ModalHeaderProps,\n    ref: React.ForwardedRef<HTMLDivElement>\n  ) => {\n    const { modalId, setDescriptionId, setTitleId } = useModal();\n    const titleId = id ? `${modalId}_${id}_label` : `${modalId}_label`;\n    const descriptionId = id ? `${modalId}_${id}_desc` : `${modalId}_desc`;\n\n    useEffect(() => {\n      if (!modalId) return;\n      setTitleId(titleId);\n      if (!description) return;\n      setDescriptionId(descriptionId);\n    }, [modalId, setTitleId, titleId, description, setDescriptionId, descriptionId]);\n\n    return (\n      <Flex\n        gap=\"xs\"\n        direction=\"column\"\n        align=\"start\"\n        ref={ref}\n        className={cx(styles.header, className)}\n        id={id}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.MODAL_HEADER, id)}\n      >\n        {typeof title === \"string\" ? (\n          <Heading id={titleId} align=\"inherit\" type=\"h2\" weight=\"medium\" maxLines={2} className={styles.title}>\n            {title}\n          </Heading>\n        ) : (\n          title\n        )}\n\n        {description && (\n          <Flex id={descriptionId}>\n            {descriptionIcon && (\n              <Icon\n                icon={typeof descriptionIcon === \"object\" ? descriptionIcon.name : descriptionIcon}\n                className={cx(styles.descriptionIcon, typeof descriptionIcon === \"object\" && descriptionIcon.className)}\n              />\n            )}\n            {typeof description === \"string\" ? (\n              <Text element=\"span\" align=\"inherit\" type=\"text1\">\n                {description}\n              </Text>\n            ) : (\n              description\n            )}\n          </Flex>\n        )}\n      </Flex>\n    );\n  }\n);\n\nexport default ModalHeader;\n"],"names":["ModalHeader","forwardRef","_ref","ref","title","description","descriptionIcon","className","id","dataTestId","_useModal","useModal","modalId","setDescriptionId","setTitleId","titleId","concat","descriptionId","useEffect","React","Flex","gap","direction","align","cx","styles","header","getTestId","ComponentDefaultTestId","MODAL_HEADER","Heading","type","weight","maxLines","createElement","Icon","icon","_typeof","name","Text","element"],"mappings":"+nBAWMA,IAAAA,EAAcC,GAClB,SAAAC,EAEEC,GACE,IAFAC,EAAKF,EAALE,MAAOC,EAAWH,EAAXG,YAAaC,EAAeJ,EAAfI,gBAAiBC,EAASL,EAATK,UAAWC,EAAEN,EAAFM,GAAmBC,EAAUP,EAAzB,eAGtDQ,EAAkDC,IAA1CC,EAAOF,EAAPE,QAASC,EAAgBH,EAAhBG,iBAAkBC,EAAUJ,EAAVI,WAC7BC,EAAUP,EAAE,GAAAQ,OAAMJ,EAAOI,KAAAA,OAAIR,EAAE,UAAA,GAAAQ,OAAcJ,EAAe,UAC5DK,EAAgBT,EAAE,GAAAQ,OAAMJ,EAAOI,KAAAA,OAAIR,EAAE,SAAA,GAAAQ,OAAaJ,EAAc,SAStE,OAPAM,GAAU,WACHN,IACLE,EAAWC,GACNV,GACLQ,EAAiBI,GACnB,GAAG,CAACL,EAASE,EAAYC,EAASV,EAAaQ,EAAkBI,IAG/DE,gBAACC,EAAI,CACHC,IAAI,KACJC,UAAU,SACVC,MAAM,QACNpB,IAAKA,EACLI,UAAWiB,EAAGC,EAAOC,OAAQnB,GAC7BC,GAAIA,gBACSC,GAAckB,EAAUC,EAAuBC,aAAcrB,IAExD,iBAAVJ,EACNe,gBAACW,EAAO,CAACtB,GAAIO,EAASQ,MAAM,UAAUQ,KAAK,KAAKC,OAAO,SAASC,SAAU,EAAG1B,UAAWkB,EAAOrB,OAC5FA,GAGHA,EAGDC,GACCc,EAAAe,cAACd,EAAK,CAAAZ,GAAIS,GACPX,GACCa,EAAAe,cAACC,EACC,CAAAC,KAAiC,WAA3BC,EAAO/B,GAA+BA,EAAgBgC,KAAOhC,EACnEC,UAAWiB,EAAGC,EAAOnB,gBAA4C,WAA3B+B,EAAO/B,IAAgCA,EAAgBC,aAGzE,iBAAhBF,EACNc,EAACe,cAAAK,GAAKC,QAAQ,OAAOjB,MAAM,UAAUQ,KAAK,SACvC1B,GAGHA,GAMZ"}

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

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

package/dist/src/components/Modal/ModalHeader/ModalHeader.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalHeader.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/src/components/Modal/ModalMedia/ModalMedia.js

@@ -0,0 +1,2 @@
+import t,{forwardRef as e}from"react";import s from"./ModalMedia.module.scss.js";import a from"classnames";import{getTestId as r,ComponentDefaultTestId as m}from"../../../tests/testIds.js";import o from"../../../../components/layout/dist/Flex/Flex.js";var i=e((function(e,i){var d=e.children,l=e.className,c=e.id;return t.createElement(o,{id:c,"data-testid":e["data-testid"]||r(m.MODAL_MEDIA,c),justify:"center",align:"stretch",ref:i,className:a(s.media,l)},d)}));export{i as default};
+//# sourceMappingURL=ModalMedia.js.map

package/dist/src/components/Modal/ModalMedia/ModalMedia.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalMedia.js","sources":["../../../../../src/components/Modal/ModalMedia/ModalMedia.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport { Flex } from \"@vibe/layout\";\nimport { type ModalMediaProps } from \"./ModalMedia.types\";\nimport styles from \"./ModalMedia.module.scss\";\nimport cx from \"classnames\";\nimport { ComponentDefaultTestId, getTestId } from \"../../../tests/test-ids-utils\";\n\nconst ModalMedia = forwardRef(\n  (\n    { children, className, id, \"data-testid\": dataTestId }: ModalMediaProps,\n    ref: React.ForwardedRef<HTMLDivElement>\n  ) => {\n    return (\n      <Flex\n        id={id}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.MODAL_MEDIA, id)}\n        justify=\"center\"\n        align=\"stretch\"\n        ref={ref}\n        className={cx(styles.media, className)}\n      >\n        {children}\n      </Flex>\n    );\n  }\n);\n\nexport default ModalMedia;\n"],"names":["ModalMedia","forwardRef","_ref","ref","children","className","id","React","Flex","getTestId","ComponentDefaultTestId","MODAL_MEDIA","justify","align","cx","styles","media"],"mappings":"4PAOMA,IAAAA,EAAaC,GACjB,SAAAC,EAEEC,GACE,IAFAC,EAAQF,EAARE,SAAUC,EAASH,EAATG,UAAWC,EAAEJ,EAAFI,GAGvB,OACEC,gBAACC,EAAI,CACHF,GAAIA,gBAL4CJ,EAAzB,gBAMIO,EAAUC,EAAuBC,YAAaL,GACzEM,QAAQ,SACRC,MAAM,UACNV,IAAKA,EACLE,UAAWS,EAAGC,EAAOC,MAAOX,IAE3BD,EAGP"}

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

@@ -0,0 +1,2 @@
+var e={media:"media_a4d912ca46"};!function(e){const t="s_id-17d5de3a21d7_4_0_0-alpha_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".media_a4d912ca46 {\n  max-width: 100%;\n  max-height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex: 1 0;\n  overflow: hidden;\n  position: relative;\n}");export{e as default};
+//# sourceMappingURL=ModalMedia.module.scss.js.map

package/dist/src/components/Modal/ModalMedia/ModalMedia.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalMedia.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/src/components/Modal/ModalTopActions/ModalTopActions.js

@@ -0,0 +1,2 @@
+import t from"react";import o from"./ModalTopActions.module.scss.js";import{ComponentDefaultTestId as e}from"../../../tests/constants.js";import r from"../../../../components/icon-button/dist/IconButton/IconButton.js";import i from"../../../../icons/dist/react/CloseMedium.js";var a={dark:"fixed-dark",light:"fixed-light"},n=function(n){var s=n.renderAction,c=n.closeButtonAriaLabel,m=n.onClose,l=a[n.theme]||"primary";return t.createElement("div",{className:o.actions,"data-no-autofocus":!0},"function"==typeof s?s(l):s,t.createElement(r,{"data-testid":e.MODAL_CLOSE_BUTTON,icon:i,onClick:m,size:"small",kind:"tertiary",color:l,"aria-label":c}))};export{n as default};
+//# sourceMappingURL=ModalTopActions.js.map

package/dist/src/components/Modal/ModalTopActions/ModalTopActions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalTopActions.js","sources":["../../../../../src/components/Modal/ModalTopActions/ModalTopActions.tsx"],"sourcesContent":["import React from \"react\";\nimport styles from \"./ModalTopActions.module.scss\";\nimport {\n  type ModalTopActionsButtonColor,\n  type ModalTopActionsTheme,\n  type ModalTopActionsProps\n} from \"./ModalTopActions.types\";\nimport { IconButton } from \"@vibe/icon-button\";\nimport { CloseMedium } from \"@vibe/icons\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\n\nconst colorToButtonColor: Record<ModalTopActionsTheme, ModalTopActionsButtonColor> = {\n  dark: \"fixed-dark\",\n  light: \"fixed-light\"\n};\n\nconst ModalTopActions = ({ renderAction, theme, closeButtonAriaLabel, onClose }: ModalTopActionsProps) => {\n  const buttonColor = colorToButtonColor[theme] || \"primary\";\n\n  return (\n    <div className={styles.actions} data-no-autofocus={true}>\n      {typeof renderAction === \"function\" ? renderAction(buttonColor) : renderAction}\n      <IconButton\n        data-testid={ComponentDefaultTestId.MODAL_CLOSE_BUTTON}\n        icon={CloseMedium}\n        onClick={onClose}\n        size=\"small\"\n        kind=\"tertiary\"\n        color={buttonColor}\n        aria-label={closeButtonAriaLabel}\n      />\n    </div>\n  );\n};\n\nexport default ModalTopActions;\n"],"names":["colorToButtonColor","dark","light","ModalTopActions","_ref","renderAction","closeButtonAriaLabel","onClose","buttonColor","theme","React","className","styles","actions","createElement","IconButton","ComponentDefaultTestId","MODAL_CLOSE_BUTTON","icon","CloseMedium","onClick","size","kind","color"],"mappings":"qRAWA,IAAMA,EAA+E,CACnFC,KAAM,aACNC,MAAO,eAGHC,EAAkB,SAAHC,GAAoF,IAA9EC,EAAYD,EAAZC,aAAqBC,EAAoBF,EAApBE,qBAAsBC,EAAOH,EAAPG,QAC9DC,EAAcR,EADwBI,EAALK,QACU,UAEjD,OACEC,uBAAKC,UAAWC,EAAOC,6BAA4B,GACxB,mBAAjBR,EAA8BA,EAAaG,GAAeH,EAClEK,EAAAI,cAACC,EAAU,CAAA,cACIC,EAAuBC,mBACpCC,KAAMC,EACNC,QAASb,EACTc,KAAK,QACLC,KAAK,WACLC,MAAOf,EACK,aAAAF,IAIpB"}

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

@@ -0,0 +1,2 @@
+var e={actions:"actions_c6043454d7"};!function(e){const n="s_id-6417b75cafa5_4_0_0-alpha_1";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".actions_c6043454d7 {\n  display: flex;\n  align-items: center;\n  position: absolute;\n  inset-inline-end: var(--top-actions-margin-inline);\n  top: var(--top-actions-margin-block);\n}");export{e as default};
+//# sourceMappingURL=ModalTopActions.module.scss.js.map

package/dist/src/components/Modal/ModalTopActions/ModalTopActions.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalTopActions.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/src/components/Modal/context/ModalContext.js

@@ -0,0 +1,2 @@
+import r,{useContext as e,createContext as o}from"react";var t=o(void 0),i=function(e){return r.createElement(t.Provider,{value:e.value},e.children)},a=function(){var r=e(t);if(!r)throw Error("useModal must be used within a ModalProvider");return r};export{i as ModalProvider,a as useModal};
+//# sourceMappingURL=ModalContext.js.map

package/dist/src/components/Modal/context/ModalContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalContext.js","sources":["../../../../../src/components/Modal/context/ModalContext.tsx"],"sourcesContent":["import React, { createContext, useContext } from \"react\";\nimport { type ModalContextProps, type ModalProviderProps } from \"./ModalContext.types\";\n\nconst ModalContext = createContext<ModalContextProps | undefined>(undefined);\n\nexport const ModalProvider = ({ value, children }: ModalProviderProps) => {\n  return <ModalContext.Provider value={value}>{children}</ModalContext.Provider>;\n};\n\nexport const useModal = (): ModalContextProps => {\n  const context = useContext(ModalContext);\n  if (!context) {\n    throw new Error(\"useModal must be used within a ModalProvider\");\n  }\n  return context;\n};\n"],"names":["ModalContext","createContext","undefined","ModalProvider","_ref","React","createElement","Provider","value","children","useModal","context","useContext","Error"],"mappings":"yDAGA,IAAMA,EAAeC,OAA6CC,GAErDC,EAAgB,SAAHC,GACxB,OAAOC,EAAAC,cAACN,EAAaO,SAAQ,CAACC,MADKJ,EAALI,OAAeJ,EAARK,SAEvC,EAEaC,EAAW,WACtB,IAAMC,EAAUC,EAAWZ,GAC3B,IAAKW,EACH,MAAUE,MAAM,gDAElB,OAAOF,CACT"}

package/dist/src/components/Modal/footers/ModalFooter/ModalFooter.js

@@ -0,0 +1,2 @@
+import t,{forwardRef as r}from"react";import o from"../ModalFooterBase/ModalFooterBase.js";import{getTestId as e}from"../../../../tests/testIds.js";import{ComponentDefaultTestId as s}from"../../../../tests/constants.js";import a from"./ModalFooter.module.scss.js";import{getPropsForButton as m}from"../utils/getPropsForButton.js";var d=r((function(r,d){var i=r.secondaryButton,n=r.renderSideAction,c=r["data-testid"],p=r.className,u=r.id,f=m(r.primaryButton,a.primary),l=m(i,a.secondary);return t.createElement(o,{ref:d,className:p,id:u,"data-testid":c||e(s.MODAL_FOOTER,u),primaryButton:f,secondaryButton:l,renderAction:n})}));export{d as default};
+//# sourceMappingURL=ModalFooter.js.map