@vibe/core 4.5.5 → 4.6.0-alpha-5a4a2.0

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

@@ -1 +1 @@
-{"version":3,"file":"MenuItem.js","sources":["../../../../../src/components/Menu/MenuItem/MenuItem.tsx"],"sourcesContent":["import React, { type AriaAttributes, type ForwardedRef, type ReactElement, forwardRef, useMemo, useRef } from \"react\";\nimport { Tooltip, type TooltipProps } from \"@vibe/tooltip\";\nimport { type IconType, type SubIcon } from \"@vibe/icon\";\nimport { useIsOverflowing } from \"@vibe/hooks\";\nimport { type VibeComponentProps } from \"../../../types\";\nimport { type CloseMenuOption, type MenuChild } from \"../Menu/MenuConstants\";\nimport Label from \"../../Label/Label\";\nimport styles from \"./MenuItem.module.scss\";\nimport BaseMenuItem from \"./components/BaseMenuItem/BaseMenuItem\";\nimport MenuItemIcon from \"./components/MenuItemIcon/MenuItemIcon\";\nimport { type TooltipPositions } from \"@vibe/tooltip\";\nimport { type SubmenuPosition } from \"./MenuItem.types\";\nimport { Flex } from \"@vibe/layout\";\n\nexport interface MenuItemProps extends VibeComponentProps {\n  /**\n   * The title of the menu item.\n   */\n  title?: string;\n  /**\n   * The label displayed alongside the title.\n   */\n  label?: string | React.ReactElement<typeof Label>;\n  /**\n   * The icon displayed in the menu item.\n   */\n  icon?: SubIcon;\n  /**\n   * The type of icon.\n   */\n  iconType?: IconType;\n  /**\n   * The background color of the icon.\n   */\n  iconBackgroundColor?: string;\n  /**\n   * The right icon to be displayed.\n   */\n  rightIcon?: SubIcon;\n  /**\n   * The type of right icon.\n   */\n  rightIconType?: IconType;\n  /**\n   * The background color of the right icon.\n   */\n  rightIconBackgroundColor?: string;\n  /**\n   * Class name applied to the icon wrapper.\n   */\n  rightIconWrapperClassName?: string;\n  /**\n   * If true, the menu item is disabled.\n   */\n  disabled?: boolean;\n  /**\n   * The reason for disabling the item, shown in a tooltip.\n   */\n  disableReason?: string;\n  /**\n   * If true, the menu item is selected.\n   */\n  selected?: boolean;\n  /**\n   * Callback fired when the menu item is clicked.\n   */\n  onClick?: (event: React.MouseEvent | React.KeyboardEvent) => void;\n  /**\n   * The active item index in the menu.\n   */\n  activeItemIndex?: number;\n  /**\n   * Callback to set the active item index.\n   */\n  setActiveItemIndex?: (index: number) => void;\n  /**\n   * The index of the menu item.\n   */\n  index?: number;\n  /**\n   * The key of the menu item.\n   */\n  key?: string;\n  /**\n   * If true, the parent menu is visible.\n   */\n  isParentMenuVisible?: boolean;\n  /**\n   * Callback to reset the open submenu index.\n   */\n  resetOpenSubMenuIndex?: () => void;\n  /**\n   * If true, a submenu is open.\n   */\n  hasOpenSubMenu?: boolean;\n  /**\n   * Callback to open or close a submenu by index.\n   */\n  setSubMenuIsOpenByIndex?: (index: number, isOpen: boolean) => void;\n  /**\n   * If true, document event listeners are used for handling interactions.\n   */\n  useDocumentEventListeners?: boolean;\n  /**\n   * The tooltip content for the menu item.\n   */\n  tooltipContent?: string;\n  /**\n   * The position of the tooltip.\n   */\n  tooltipPosition?: TooltipPositions;\n  /**\n   * The delay in milliseconds before the tooltip shows.\n   */\n  tooltipShowDelay?: number;\n  /**\n   * Additional props for customizing the tooltip.\n   */\n  tooltipProps?: Partial<TooltipProps>;\n  /**\n   * Callback fired when the mouse leaves the item.\n   */\n  onMouseLeave?: (event: React.MouseEvent) => void;\n  /**\n   * Callback fired when the mouse enters the item.\n   */\n  onMouseEnter?: (event: React.MouseEvent) => void;\n  /**\n   * Class name applied to the icon wrapper.\n   */\n  iconWrapperClassName?: string;\n  /**\n   * If true, the menu item starts as selected.\n   */\n  isInitialSelectedState?: boolean;\n  /**\n   * If true, the menu scrolls to ensure visibility.\n   */\n  shouldScrollMenu?: boolean;\n  /**\n   * Function to close the menu with a given option.\n   */\n  closeMenu?: (option: CloseMenuOption) => void;\n  /**\n   * Reference to the menu container.\n   */\n  menuRef?: React.RefObject<HTMLElement>;\n  /**\n   * The submenu, if applicable. Must be a single `Menu` element.\n   */\n  children?: MenuChild;\n  /**\n   * If true, enables a split menu item interaction where the main area triggers an action,\n   * while the icon button opens the submenu.\n   */\n  splitMenuItem?: boolean;\n  /**\n   * The label of the menu item for accessibility.\n   */\n  \"aria-label\"?: AriaAttributes[\"aria-label\"];\n  /**\n   * The position of a submenu relative to the menu item.\n   */\n  submenuPosition?: SubmenuPosition;\n  /**\n   * If true, automatically repositions the submenu when its content changes.\n   */\n  autoAdjustOnSubMenuContentResize?: boolean;\n}\n\nexport interface MenuItemTitleComponentProps extends Omit<MenuItemProps, \"title\"> {\n  title: ReactElement;\n  \"aria-label\": NonNullable<AriaAttributes[\"aria-label\"]>;\n}\n\nconst MenuItem = forwardRef(\n  (\n    {\n      className,\n      iconWrapperClassName,\n      rightIconWrapperClassName,\n      title = \"\",\n      label = \"\",\n      icon = \"\",\n      rightIcon = \"\",\n      rightIconType,\n      rightIconBackgroundColor,\n      iconType,\n      iconBackgroundColor,\n      disabled = false,\n      disableReason,\n      selected = false,\n      key,\n      children,\n      tooltipContent,\n      tooltipPosition = \"right\",\n      tooltipShowDelay = 300,\n      tooltipProps,\n      ...baseMenuProps\n    }: MenuItemProps | MenuItemTitleComponentProps,\n    ref: ForwardedRef<HTMLElement>\n  ) => {\n    const titleRef = useRef();\n\n    const isTitleHoveredAndOverflowing = useIsOverflowing({ ref: titleRef });\n    const shouldShowTooltip = isTitleHoveredAndOverflowing || disabled || tooltipContent;\n\n    const finalTooltipContent = useMemo(() => {\n      if (disabled) return disableReason;\n      if (tooltipContent) return tooltipContent;\n      return title;\n    }, [disableReason, disabled, title, tooltipContent]);\n\n    const renderLabel = useMemo(() => {\n      if (!label) return;\n      if (typeof label === \"string\") {\n        return <Label kind=\"line\" text={label} />;\n      }\n      if (React.isValidElement(label) && label.type === Label) {\n        return label;\n      }\n    }, [label]);\n\n    return (\n      <Tooltip\n        content={shouldShowTooltip ? finalTooltipContent : null}\n        position={tooltipPosition}\n        showDelay={tooltipShowDelay}\n        {...tooltipProps}\n      >\n        <BaseMenuItem\n          key={key}\n          ref={ref}\n          subMenu={children}\n          className={className}\n          disabled={disabled}\n          selected={selected}\n          {...baseMenuProps}\n        >\n          {Boolean(icon) && (\n            <MenuItemIcon\n              icon={icon}\n              type={iconType}\n              disabled={disabled}\n              selected={selected}\n              backgroundColor={iconBackgroundColor}\n              wrapperClassName={iconWrapperClassName}\n            />\n          )}\n          <div ref={titleRef} className={styles.title}>\n            {title}\n          </div>\n          <Flex gap=\"xs\">\n            {Boolean(rightIcon) && !children && (\n              <MenuItemIcon\n                icon={rightIcon}\n                type={rightIconType}\n                disabled={disabled}\n                selected={selected}\n                backgroundColor={rightIconBackgroundColor}\n                isRightIcon={true}\n                wrapperClassName={rightIconWrapperClassName}\n              />\n            )}\n            {renderLabel}\n          </Flex>\n        </BaseMenuItem>\n      </Tooltip>\n    );\n  }\n);\n\nObject.assign(MenuItem, {\n  isSelectable: true,\n  isMenuChild: true\n});\n\nexport default MenuItem;\n"],"names":["MenuItem","forwardRef","_a","ref","className","iconWrapperClassName","rightIconWrapperClassName","_a$title","title","_a$label","label","_a$icon","icon","_a$rightIcon","rightIcon","rightIconType","rightIconBackgroundColor","iconType","iconBackgroundColor","_a$disabled","disabled","disableReason","_a$selected","selected","key","children","tooltipContent","_a$tooltipPosition","tooltipPosition","_a$tooltipShowDelay","tooltipShowDelay","tooltipProps","baseMenuProps","__rest","titleRef","useRef","shouldShowTooltip","useIsOverflowing","finalTooltipContent","useMemo","renderLabel","React","createElement","Label","kind","text","isValidElement","type","Tooltip","Object","assign","content","position","showDelay","BaseMenuItem","subMenu","MenuItemIcon","backgroundColor","wrapperClassName","styles","Flex","gap","isRightIcon","isSelectable","isMenuChild"],"mappings":"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"}
+{"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} size=\"small\" />;\n      }\n      if (React.isValidElement(label) && label.type === Label) {\n        return label;\n      }\n    }, [label]);\n\n    return (\n      <Tooltip\n        content={shouldShowTooltip ? finalTooltipContent : null}\n        position={tooltipPosition}\n        showDelay={tooltipShowDelay}\n        {...tooltipProps}\n      >\n        <BaseMenuItem\n          key={key}\n          ref={ref}\n          subMenu={children}\n          className={className}\n          disabled={disabled}\n          selected={selected}\n          {...baseMenuProps}\n        >\n          {Boolean(icon) && (\n            <MenuItemIcon\n              icon={icon}\n              type={iconType}\n              disabled={disabled}\n              selected={selected}\n              backgroundColor={iconBackgroundColor}\n              wrapperClassName={iconWrapperClassName}\n            />\n          )}\n          <div ref={titleRef} className={styles.title}>\n            {title}\n          </div>\n          <Flex gap=\"xs\">\n            {Boolean(rightIcon) && !children && (\n              <MenuItemIcon\n                icon={rightIcon}\n                type={rightIconType}\n                disabled={disabled}\n                selected={selected}\n                backgroundColor={rightIconBackgroundColor}\n                isRightIcon={true}\n                wrapperClassName={rightIconWrapperClassName}\n              />\n            )}\n            {renderLabel}\n          </Flex>\n        </BaseMenuItem>\n      </Tooltip>\n    );\n  }\n);\n\nObject.assign(MenuItem, {\n  isSelectable: true,\n  isMenuChild: true\n});\n\nexport default MenuItem;\n"],"names":["MenuItem","forwardRef","_a","ref","className","iconWrapperClassName","rightIconWrapperClassName","_a$title","title","_a$label","label","_a$icon","icon","_a$rightIcon","rightIcon","rightIconType","rightIconBackgroundColor","iconType","iconBackgroundColor","_a$disabled","disabled","disableReason","_a$selected","selected","key","children","tooltipContent","_a$tooltipPosition","tooltipPosition","_a$tooltipShowDelay","tooltipShowDelay","tooltipProps","baseMenuProps","__rest","titleRef","useRef","shouldShowTooltip","useIsOverflowing","finalTooltipContent","useMemo","renderLabel","React","createElement","Label","kind","text","size","isValidElement","type","Tooltip","Object","assign","content","position","showDelay","BaseMenuItem","subMenu","MenuItemIcon","backgroundColor","wrapperClassName","styles","Flex","gap","isRightIcon","isSelectable","isMenuChild"],"mappings":"2fA+KMA,IAAAA,EAAWC,GACf,SACEC,EAuBAC,GAvBA,IACEC,EAmBYF,EAnBZE,UACAC,EAkBYH,EAlBZG,qBACAC,EAiBYJ,EAjBZI,0BAAyBC,EAiBbL,EAhBZM,MAAAA,OAAQ,IAAHD,EAAG,GAAEA,EAAAE,EAgBEP,EAfZQ,MAAAA,OAAQ,IAAHD,EAAG,GAAEA,EAAAE,EAeET,EAdZU,KAAAA,OAAO,IAAHD,EAAG,GAAEA,EAAAE,EAcGX,EAbZY,UAAAA,OAAY,IAAHD,EAAG,GAAEA,EACdE,EAYYb,EAZZa,cACAC,EAWYd,EAXZc,yBACAC,EAUYf,EAVZe,SACAC,EASYhB,EATZgB,oBAAmBC,EASPjB,EARZkB,SAAAA,OAAW,IAAHD,GAAQA,EAChBE,EAOYnB,EAPZmB,cAAaC,EAODpB,EANZqB,SAAAA,OAAW,IAAHD,GAAQA,EAChBE,EAKYtB,EALZsB,IACAC,EAIYvB,EAJZuB,SACAC,EAGYxB,EAHZwB,eAAcC,EAGFzB,EAFZ0B,gBAAAA,OAAkB,IAAHD,EAAG,QAAOA,EAAAE,EAEb3B,EADZ4B,iBAAAA,OAAmB,IAAHD,EAAG,IAAGA,EACtBE,EAAY7B,EAAZ6B,aACGC,EArBLC,EAAA/B,EAAA,CAAA,YAAA,uBAAA,4BAAA,QAAA,QAAA,OAAA,YAAA,gBAAA,2BAAA,WAAA,sBAAA,WAAA,gBAAA,WAAA,MAAA,WAAA,iBAAA,kBAAA,mBAAA,iBAyBMgC,EAAWC,IAGXC,EAD+BC,EAAiB,CAAElC,IAAK+B,KACHd,GAAYM,EAEhEY,EAAsBC,GAAQ,WAClC,OAAInB,EAAiBC,EACjBK,GACGlB,CACR,GAAE,CAACa,EAAeD,EAAUZ,EAAOkB,IAE9Bc,EAAcD,GAAQ,WAC1B,GAAK7B,EACL,MAAqB,iBAAVA,EACF+B,EAACC,cAAAC,EAAM,CAAAC,KAAK,OAAOC,KAAMnC,EAAOoC,KAAK,UAE1CL,EAAMM,eAAerC,IAAUA,EAAMsC,OAASL,EACzCjC,OADT,CAGF,GAAG,CAACA,IAEJ,OACE+B,EAACC,cAAAO,EACCC,OAAAC,OAAA,CAAAC,QAAShB,EAAoBE,EAAsB,KACnDe,SAAUzB,EACV0B,UAAWxB,GACPC,GAEJU,EAACC,cAAAa,EACCL,OAAAC,OAAA,CAAA3B,IAAKA,EACLrB,IAAKA,EACLqD,QAAS/B,EACTrB,UAAWA,EACXgB,SAAUA,EACVG,SAAUA,GACNS,KAEKpB,GACP6B,EAACC,cAAAe,EACC,CAAA7C,KAAMA,EACNoC,KAAM/B,EACNG,SAAUA,EACVG,SAAUA,EACVmC,gBAAiBxC,EACjByC,iBAAkBtD,IAGtBoC,EAAKC,cAAA,MAAA,CAAAvC,IAAK+B,EAAU9B,UAAWwD,EAAOpD,OACnCA,GAEHiC,EAAAC,cAACmB,EAAI,CAACC,IAAI,QACChD,IAAeW,GACtBgB,EAACC,cAAAe,GACC7C,KAAME,EACNkC,KAAMjC,EACNK,SAAUA,EACVG,SAAUA,EACVmC,gBAAiB1C,EACjB+C,aAAa,EACbJ,iBAAkBrD,IAGrBkC,IAKX,IAGFU,OAAOC,OAAOnD,EAAU,CACtBgE,cAAc,EACdC,aAAa"}

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

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

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

@@ -1,2 +1,2 @@
-var e={item:"item_4b5c2c6253",splitMenuItem:"splitMenuItem_403513cb5d",disabled:"disabled_d70e3de903",focused:"focused_149c6ae62b",initialSelected:"initialSelected_151b7adc46",selected:"selected_f4372a6973"};!function(e){const n="s_id-5b7b751737f9_4_5_4";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_4b5c2c6253 {\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_4b5c2c6253.splitMenuItem_403513cb5d {\n  padding: 0 0 0 var(--space-8);\n}\n.item_4b5c2c6253.disabled_d70e3de903 {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n.item_4b5c2c6253.focused_149c6ae62b:not(.disabled_d70e3de903) {\n  background-color: var(--primary-background-hover-color);\n  border-radius: var(--border-radius-small);\n}\n.item_4b5c2c6253.focused_149c6ae62b:not(.disabled_d70e3de903):not(:hover):not(.initialSelected_151b7adc46) {\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_4b5c2c6253.selected_f4372a6973:not(.disabled_d70e3de903) {\n  background-color: var(--primary-selected-color);\n  border-radius: var(--border-radius-small);\n}");export{e as default};
+var e={item:"item_074c3642fa",splitMenuItem:"splitMenuItem_576c3efc64",disabled:"disabled_e79daaf941",focused:"focused_55bdc74136",initialSelected:"initialSelected_d2566d548e",selected:"selected_33b0d6101e"};!function(e){const n="s_id-b8fe7db9b141_4_5_3";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n.item_074c3642fa {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  margin: unset;\n  display: flex;\n  flex-direction: row;\n  width: 100%;\n  box-sizing: border-box;\n  padding: var(--space-4) var(--space-8);\n  cursor: pointer;\n  user-select: none;\n  align-items: center;\n  overflow: visible;\n  border: 1px solid transparent;\n  border-radius: 8px;\n  outline: none;\n}\n.item_074c3642fa.splitMenuItem_576c3efc64 {\n  padding: 0 0 0 var(--space-8);\n}\n.item_074c3642fa.disabled_e79daaf941 {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n.item_074c3642fa.focused_55bdc74136:not(.disabled_e79daaf941) {\n  background-color: var(--primary-background-hover-color);\n}\n.item_074c3642fa.focused_55bdc74136:not(.disabled_e79daaf941):not(:hover):not(.initialSelected_d2566d548e) {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.item_074c3642fa.selected_33b0d6101e:not(.disabled_e79daaf941) {\n  background-color: var(--primary-selected-color);\n}");export{e as default};
 //# sourceMappingURL=BaseMenuItem.module.scss.js.map

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

@@ -1,2 +1,2 @@
-import{defineProperty as e}from"../../../../../../_virtual/_rollupPluginBabelHelpers.js";import o from"react";import 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};
+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:20}))};export{c as default};
 //# sourceMappingURL=MenuItemIcon.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"MenuItemIcon.js","sources":["../../../../../../../src/components/Menu/MenuItem/components/MenuItemIcon/MenuItemIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon } from \"@vibe/icon\";\nimport { Flex } from \"@vibe/layout\";\nimport cx from \"classnames\";\nimport styles from \"./MenuItemIcon.module.scss\";\nimport { type MenuItemIconProps } from \"./MenuItemIcon.types\";\n\nconst MenuItemIcon = ({\n  icon,\n  isRightIcon = false,\n  type,\n  disabled,\n  selected,\n  backgroundColor,\n  wrapperClassName\n}: MenuItemIconProps) => (\n  <Flex\n    justify=\"center\"\n    className={cx(\n      styles.iconWrapper,\n      {\n        [styles.rightIcon]: isRightIcon,\n        [styles.disabled]: disabled,\n        [styles.withBackgroundColor]: !!backgroundColor\n      },\n      wrapperClassName\n    )}\n    style={{ ...(backgroundColor && { backgroundColor }) }}\n  >\n    <Icon\n      type={type || (typeof icon === \"function\" ? \"svg\" : \"font\")}\n      icon={icon}\n      className={cx(styles.icon, { [styles.selected]: !disabled && selected })}\n      ignoreFocusStyle\n      size={18}\n    />\n  </Flex>\n);\n\nexport default MenuItemIcon;\n"],"names":["MenuItemIcon","_ref","icon","_ref$isRightIcon","isRightIcon","type","disabled","selected","backgroundColor","wrapperClassName","React","createElement","Flex","justify","className","cx","styles","iconWrapper","_defineProperty","rightIcon","withBackgroundColor","style","Object","assign","Icon","ignoreFocusStyle","size"],"mappings":"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"}
+{"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={20}\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

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

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

@@ -1,2 +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 l from"../../../../../../components/dialog/dist/DialogContentContainer/DialogContentContainer.js";import{useIsomorphicLayoutEffect as r}from"../../../../../../shared/dist/hooks/ssr/useIsomorphicLayoutEffect.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);r((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(l,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};
+import e,{useRef as n,useMemo as t}from"react";import{useFloating as o,flip as i}from"@floating-ui/react-dom";import l from"../../../../../../components/dialog/dist/DialogContentContainer/DialogContentContainer.js";import{useIsomorphicLayoutEffect as r}from"../../../../../../shared/dist/hooks/ssr/useIsomorphicLayoutEffect.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=n(null);r((function(){f&&m&&(null==g?void 0:g.current)&&requestAnimationFrame((function(){g.current.focus()}))}),[f,m]);var h=t((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(l,{size:"none"},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

@@ -1 +1 @@
-{"version":3,"file":"MenuItemSubMenu.js","sources":["../../../../../../../src/components/Menu/MenuItem/components/MenuItemSubMenu/MenuItemSubMenu.tsx"],"sourcesContent":["import React, { useMemo, useRef } from \"react\";\nimport { DialogContentContainer } from \"@vibe/dialog\";\nimport { 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"}
+{"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 size=\"none\">\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","size","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,YAAW,wBACEd,GAEtBC,GAAWvB,GACVwB,EAAAM,cAACO,EAAsB,CAACC,KAAK,QAC1Bd,EAAMe,aAAahB,EAAOS,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACtBV,aAAA,EAAAA,EAASiB,OAAK,CACjBC,UAAWzC,EACX0C,WAAW,EACXxC,QAAAA,EACAiC,IAAK9B,EACLsC,2BAA4B1C,QAlBpC2C,QAAQC,MAAM,0FAA2FtB,GAClG,KAuBX"}

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

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

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

@@ -1,2 +1,2 @@
-var e={subMenuIconWrapper:"subMenuIconWrapper_0d3f4eb21a",divider:"divider_deaf10862e",splitSubMenuIcon:"splitSubMenuIcon_a2dabb2832",subMenuIcon:"subMenuIcon_27acae1b26",disabled:"disabled_d70e3de903",splitMenuItemIconButton:"splitMenuItemIconButton_5bbe7ba0da"};!function(e){const n="s_id-b28b9c0c92bb_4_5_4";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,a.firstChild?a.insertBefore(d,a.firstChild):a.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".subMenuIconWrapper_0d3f4eb21a {\n  margin-inline-start: var(--space-4);\n}\n.subMenuIconWrapper_0d3f4eb21a .divider_deaf10862e {\n  height: 19px;\n}\n.subMenuIconWrapper_0d3f4eb21a .splitSubMenuIcon_a2dabb2832 {\n  width: 18px;\n  height: 18px;\n}\n.subMenuIconWrapper_0d3f4eb21a .subMenuIcon_27acae1b26,\n.subMenuIconWrapper_0d3f4eb21a .splitSubMenuIcon_a2dabb2832 {\n  color: var(--icon-color);\n}\n.subMenuIconWrapper_0d3f4eb21a .subMenuIcon_27acae1b26.disabled_d70e3de903,\n.subMenuIconWrapper_0d3f4eb21a .splitSubMenuIcon_a2dabb2832.disabled_d70e3de903 {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n.subMenuIconWrapper_0d3f4eb21a .splitMenuItemIconButton_5bbe7ba0da {\n  width: 34px;\n  height: 30px;\n  --primary-selected-color: rgba(103, 104, 121, 0.1);\n}");export{e as default};
+var e={subMenuIconWrapper:"subMenuIconWrapper_03a75de54a",divider:"divider_d9e50db72c",splitSubMenuIcon:"splitSubMenuIcon_f6cd2f2d27",subMenuIcon:"subMenuIcon_bd1e3a5c3c",disabled:"disabled_e79daaf941",splitMenuItemIconButton:"splitMenuItemIconButton_c2bfcafd01"};!function(e){const n="s_id-b28b9c0c92bb_4_5_3";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,d.firstChild?d.insertBefore(a,d.firstChild):d.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".subMenuIconWrapper_03a75de54a {\n  margin-inline-start: var(--space-4);\n}\n.subMenuIconWrapper_03a75de54a .divider_d9e50db72c {\n  height: 19px;\n}\n.subMenuIconWrapper_03a75de54a .splitSubMenuIcon_f6cd2f2d27 {\n  width: 18px;\n  height: 18px;\n}\n.subMenuIconWrapper_03a75de54a .subMenuIcon_bd1e3a5c3c,\n.subMenuIconWrapper_03a75de54a .splitSubMenuIcon_f6cd2f2d27 {\n  color: var(--icon-color);\n}\n.subMenuIconWrapper_03a75de54a .subMenuIcon_bd1e3a5c3c.disabled_e79daaf941,\n.subMenuIconWrapper_03a75de54a .splitSubMenuIcon_f6cd2f2d27.disabled_e79daaf941 {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n.subMenuIconWrapper_03a75de54a .splitMenuItemIconButton_c2bfcafd01 {\n  width: 34px;\n  height: 30px;\n  --primary-selected-color: rgba(103, 104, 121, 0.1);\n}");export{e as default};
 //# sourceMappingURL=MenuItemSubMenuIcon.module.scss.js.map

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

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

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

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

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

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

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

@@ -1 +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 { 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, useMergeRef, NOOP, getStyle } from \"@vibe/shared\";\n\nimport { type ElementContent, type VibeComponentProps } from \"../../types\";\nimport { type MenuButtonComponentPosition, type MenuButtonSize } from \"./MenuButton.types\";\nimport { type MenuChild } from \"../Menu/Menu/MenuConstants\";\n\nimport { Menu } from \"@vibe/icons\";\n\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\n// Inline replacement for `react-is`'s `isForwardRef`. React tags forwardRef\n// components with the `react.forward_ref` symbol on `$$typeof`.\nconst REACT_FORWARD_REF_TYPE = Symbol.for(\"react.forward_ref\");\nconst isForwardRef = (component: unknown): boolean =>\n  component != null && (component as { $$typeof?: symbol }).$$typeof === REACT_FORWARD_REF_TYPE;\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","REACT_FORWARD_REF_TYPE","Symbol","for","isForwardRef","component","$$typeof","MenuButton","forwardRef","_ref","ref","id","className","openDialogComponentClassName","children","_ref$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","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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"}
+{"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 { 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, useMergeRef, NOOP, getStyle } from \"@vibe/shared\";\n\nimport { type ElementContent, type VibeComponentProps } from \"../../types\";\nimport { type MenuButtonComponentPosition, type MenuButtonSize } from \"./MenuButton.types\";\nimport { type MenuChild } from \"../Menu/Menu/MenuConstants\";\n\nimport { Menu } from \"@vibe/icons\";\n\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\n// Inline replacement for `react-is`'s `isForwardRef`. React tags forwardRef\n// components with the `react.forward_ref` symbol on `$$typeof`.\nconst REACT_FORWARD_REF_TYPE = Symbol.for(\"react.forward_ref\");\nconst isForwardRef = (component: unknown): boolean =>\n  component != null && (component as { $$typeof?: symbol }).$$typeof === REACT_FORWARD_REF_TYPE;\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 = \"none\",\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","REACT_FORWARD_REF_TYPE","Symbol","for","isForwardRef","component","$$typeof","MenuButton","forwardRef","_ref","ref","id","className","openDialogComponentClassName","children","_ref$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","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

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

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

@@ -1,2 +1,2 @@
-var n={container:"container_977cb18687",overlay:"overlay_71e2c0a71c",centerPop:"centerPop_dab5c7906f",anchorPop:"anchorPop_dab5c7906f",modal:"modal_1e1c28a8f4",fixedPosition:"fixedPosition_ede30af454",withHeaderAction:"withHeaderAction_66c3668373",sizeSmall:"sizeSmall_6ee16edc32",sizeMedium:"sizeMedium_967554ccd0",sizeLarge:"sizeLarge_d8adae3cf1",sizeFullView:"sizeFullView_01b3ced56c",containerEnter:"containerEnter_187de04787",fullView:"fullView_fda38c6a96",containerEnterActive:"containerEnterActive_7c9beea3a8",centerPopIn:"centerPopIn_c140cda859",anchorPopIn:"anchorPopIn_5c389d240c",fullViewIn:"fullViewIn_5a1ed5b4c5",containerExitActive:"containerExitActive_5b9453b018",centerPopOut:"centerPopOut_0e7ae580f9",anchorPopOut:"anchorPopOut_956ef06bcd",fullViewOut:"fullViewOut_b56666df3d"};!function(n){const a="s_id-72e80303fba3_4_5_4";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+a))return;const t=document.createElement("style");t.id=a,e.firstChild?e.insertBefore(t,e.firstChild):e.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=n)}(".container_977cb18687 {\n  position: fixed;\n  inset: 0;\n  z-index: var(--monday-modal-z-index, 10000);\n}\n\n.overlay_71e2c0a71c {\n  position: fixed;\n  inset: 0;\n  height: 100%;\n  background-color: var(--backdrop-color);\n}\n\n.centerPop_dab5c7906f {\n  transform: translate(-50%, -50%);\n}\n\n.anchorPop_dab5c7906f {\n  transform: translate(-50%, -50%);\n}\n\n.modal_1e1c28a8f4 {\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_1e1c28a8f4.fixedPosition_ede30af454 {\n  position: fixed;\n}\n\n.modal_1e1c28a8f4.withHeaderAction_66c3668373 {\n  --top-actions-width: calc(var(--space-32) * 2);\n}\n\n.modal_1e1c28a8f4.sizeSmall_6ee16edc32 {\n  --modal-max-height: 50%;\n  --modal-width: 460px;\n}\n\n.modal_1e1c28a8f4.sizeMedium_967554ccd0 {\n  --modal-max-height: 80%;\n  --modal-width: 540px;\n}\n\n.modal_1e1c28a8f4.sizeLarge_d8adae3cf1 {\n  --modal-max-height: 80%;\n  --modal-width: 800px;\n}\n\n.modal_1e1c28a8f4.sizeFullView_01b3ced56c {\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_1e1c28a8f4.sizeSmall_6ee16edc32 {\n    --modal-width: 480px;\n  }\n  .modal_1e1c28a8f4.sizeMedium_967554ccd0 {\n    --modal-width: 580px;\n  }\n  .modal_1e1c28a8f4.sizeLarge_d8adae3cf1 {\n    --modal-width: 840px;\n  }\n}\n\n@media (min-width: 1440px) {\n  .modal_1e1c28a8f4.sizeSmall_6ee16edc32 {\n    --modal-width: 520px;\n  }\n  .modal_1e1c28a8f4.sizeMedium_967554ccd0 {\n    --modal-width: 620px;\n  }\n  .modal_1e1c28a8f4.sizeLarge_d8adae3cf1 {\n    --modal-width: 900px;\n  }\n}\n\n@media (min-width: 1720px) {\n  .modal_1e1c28a8f4.sizeFullView_01b3ced56c {\n    margin-inline: 40px;\n  }\n}\n\n.containerEnter_187de04787 .overlay_71e2c0a71c {\n  opacity: 0;\n}\n\n.containerEnter_187de04787 .centerPop_dab5c7906f {\n  opacity: 0;\n  transform: translate(-50%, -50%) scale(0.8);\n}\n\n.containerEnter_187de04787 .anchorPop_dab5c7906f {\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_187de04787 .fullView_fda38c6a96 {\n  opacity: 0.3;\n  transform: translateY(30px);\n}\n\n.containerEnterActive_7c9beea3a8 .overlay_71e2c0a71c {\n  opacity: 1;\n  transition: opacity 100ms cubic-bezier(0, 0, 0.4, 1);\n}\n\n.containerEnterActive_7c9beea3a8 .centerPop_dab5c7906f {\n  animation: centerPopIn_c140cda859 150ms cubic-bezier(0, 0, 0.4, 1) forwards;\n}\n\n.containerEnterActive_7c9beea3a8 .anchorPop_dab5c7906f {\n  animation: anchorPopIn_5c389d240c 200ms cubic-bezier(0, 0, 0.4, 1) forwards;\n}\n\n.containerEnterActive_7c9beea3a8 .fullView_fda38c6a96 {\n  animation: fullViewIn_5a1ed5b4c5 250ms cubic-bezier(0, 0, 0.4, 1) forwards;\n}\n\n.containerExitActive_5b9453b018 .overlay_71e2c0a71c {\n  opacity: 0;\n  transition: opacity 100ms cubic-bezier(0.6, 0, 1, 1);\n}\n\n.containerExitActive_5b9453b018 .centerPop_dab5c7906f {\n  animation: centerPopOut_0e7ae580f9 100ms cubic-bezier(0.6, 0, 1, 1) forwards;\n}\n\n.containerExitActive_5b9453b018 .anchorPop_dab5c7906f {\n  animation: anchorPopOut_956ef06bcd 150ms cubic-bezier(0.6, 0, 1, 1) forwards;\n}\n\n.containerExitActive_5b9453b018 .fullView_fda38c6a96 {\n  animation: fullViewOut_b56666df3d 100ms cubic-bezier(0.6, 0, 1, 1) forwards;\n}\n\n@keyframes centerPopIn_c140cda859 {\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_0e7ae580f9 {\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_5c389d240c {\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_956ef06bcd {\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_5a1ed5b4c5 {\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_b56666df3d {\n  from {\n    opacity: 1;\n    transform: translateY(0);\n  }\n  to {\n    opacity: 0;\n    transform: translateY(30px);\n  }\n}");export{n as default};
+var n={container:"container_f1a2889aec",overlay:"overlay_16fb7bae18",centerPop:"centerPop_15825b2d6b",anchorPop:"anchorPop_15825b2d6b",modal:"modal_d10fbb28bc",fixedPosition:"fixedPosition_71b79808fa",withHeaderAction:"withHeaderAction_21212d9a18",sizeSmall:"sizeSmall_d2b229195f",sizeMedium:"sizeMedium_1810ed3f63",sizeLarge:"sizeLarge_52c191ecbc",sizeFullView:"sizeFullView_a11e026ad1",containerEnter:"containerEnter_009a1aca2c",fullView:"fullView_05ca33adf0",containerEnterActive:"containerEnterActive_8a4659173f",centerPopIn:"centerPopIn_59e42be657",anchorPopIn:"anchorPopIn_613150823d",fullViewIn:"fullViewIn_8497cd00f9",containerExitActive:"containerExitActive_1e91ecf03c",centerPopOut:"centerPopOut_f94f5dd199",anchorPopOut:"anchorPopOut_a8133ec381",fullViewOut:"fullViewOut_c7d0f18a1d"};!function(n){const a="s_id-72e80303fba3_4_5_3";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+a))return;const t=document.createElement("style");t.id=a,e.firstChild?e.insertBefore(t,e.firstChild):e.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=n)}(".container_f1a2889aec {\n  position: fixed;\n  inset: 0;\n  z-index: var(--monday-modal-z-index, 10000);\n}\n\n.overlay_16fb7bae18 {\n  position: fixed;\n  inset: 0;\n  height: 100%;\n  background-color: var(--backdrop-color);\n}\n\n.centerPop_15825b2d6b {\n  transform: translate(-50%, -50%);\n}\n\n.anchorPop_15825b2d6b {\n  transform: translate(-50%, -50%);\n}\n\n.modal_d10fbb28bc {\n  --top-actions-margin-inline: var(--space-24);\n  --top-actions-margin-block: var(--space-24);\n  --top-actions-width: var(--space-32);\n  --modal-inline-padding: var(--space-32);\n  position: relative;\n  top: 50%;\n  left: 50%;\n  display: flex;\n  flex-direction: column;\n  width: var(--modal-width);\n  max-height: var(--modal-max-height);\n  background-color: var(--primary-background-color);\n  overflow: hidden;\n  border-radius: var(--border-radius-big);\n  box-shadow: var(--box-shadow-large);\n  outline: none;\n}\n.modal_d10fbb28bc.fixedPosition_71b79808fa {\n  position: fixed;\n}\n.modal_d10fbb28bc.withHeaderAction_21212d9a18 {\n  --top-actions-width: calc(var(--space-32) * 2);\n}\n.modal_d10fbb28bc.sizeSmall_d2b229195f {\n  --modal-max-height: 50%;\n  --modal-width: 460px;\n}\n.modal_d10fbb28bc.sizeMedium_1810ed3f63 {\n  --modal-max-height: 80%;\n  --modal-width: 540px;\n}\n.modal_d10fbb28bc.sizeLarge_52c191ecbc {\n  --modal-max-height: 80%;\n  --modal-width: 800px;\n}\n.modal_d10fbb28bc.sizeFullView_a11e026ad1 {\n  --top-actions-margin-inline: var(--space-32);\n  --modal-max-height: 100%;\n  --modal-width: auto;\n  position: fixed;\n  inset: 0;\n  height: calc(100% - 40px);\n  margin-inline: var(--space-24);\n  margin-block-start: 40px;\n  border-end-start-radius: unset;\n  border-end-end-radius: unset;\n}\n@media (min-width: 1280px) {\n  .modal_d10fbb28bc.sizeSmall_d2b229195f {\n    --modal-width: 480px;\n  }\n  .modal_d10fbb28bc.sizeMedium_1810ed3f63 {\n    --modal-width: 580px;\n  }\n  .modal_d10fbb28bc.sizeLarge_52c191ecbc {\n    --modal-width: 840px;\n  }\n}\n@media (min-width: 1440px) {\n  .modal_d10fbb28bc.sizeSmall_d2b229195f {\n    --modal-width: 520px;\n  }\n  .modal_d10fbb28bc.sizeMedium_1810ed3f63 {\n    --modal-width: 620px;\n  }\n  .modal_d10fbb28bc.sizeLarge_52c191ecbc {\n    --modal-width: 900px;\n  }\n}\n@media (min-width: 1720px) {\n  .modal_d10fbb28bc.sizeFullView_a11e026ad1 {\n    margin-inline: 40px;\n  }\n}\n\n.containerEnter_009a1aca2c .overlay_16fb7bae18 {\n  opacity: 0;\n}\n.containerEnter_009a1aca2c .centerPop_15825b2d6b {\n  opacity: 0;\n  transform: translate(-50%, -50%) scale(0.8);\n}\n.containerEnter_009a1aca2c .anchorPop_15825b2d6b {\n  opacity: 0;\n  transform: translate(calc(-50% + var(--modal-start-x, 0px)), calc(-50% + var(--modal-start-y, 0px))) scale(0.8);\n}\n.containerEnter_009a1aca2c .fullView_05ca33adf0 {\n  opacity: 0.3;\n  transform: translateY(30px);\n}\n\n.containerEnterActive_8a4659173f .overlay_16fb7bae18 {\n  opacity: 1;\n  transition: opacity 100ms cubic-bezier(0, 0, 0.4, 1);\n}\n.containerEnterActive_8a4659173f .centerPop_15825b2d6b {\n  animation: centerPopIn_59e42be657 150ms cubic-bezier(0, 0, 0.4, 1) forwards;\n}\n.containerEnterActive_8a4659173f .anchorPop_15825b2d6b {\n  animation: anchorPopIn_613150823d 200ms cubic-bezier(0, 0, 0.4, 1) forwards;\n}\n.containerEnterActive_8a4659173f .fullView_05ca33adf0 {\n  animation: fullViewIn_8497cd00f9 250ms cubic-bezier(0, 0, 0.4, 1) forwards;\n}\n\n.containerExitActive_1e91ecf03c .overlay_16fb7bae18 {\n  opacity: 0;\n  transition: opacity 100ms cubic-bezier(0.6, 0, 1, 1);\n}\n.containerExitActive_1e91ecf03c .centerPop_15825b2d6b {\n  animation: centerPopOut_f94f5dd199 100ms cubic-bezier(0.6, 0, 1, 1) forwards;\n}\n.containerExitActive_1e91ecf03c .anchorPop_15825b2d6b {\n  animation: anchorPopOut_a8133ec381 150ms cubic-bezier(0.6, 0, 1, 1) forwards;\n}\n.containerExitActive_1e91ecf03c .fullView_05ca33adf0 {\n  animation: fullViewOut_c7d0f18a1d 100ms cubic-bezier(0.6, 0, 1, 1) forwards;\n}\n\n@keyframes centerPopIn_59e42be657 {\n  0% {\n    opacity: 0;\n    transform: translate(-50%, -50%) scale(0.8);\n  }\n  50%, 100% {\n    opacity: 1;\n    transform: translate(-50%, -50%) scale(1);\n  }\n}\n@keyframes centerPopOut_f94f5dd199 {\n  0%, 50% {\n    opacity: 1;\n    transform: translate(-50%, -50%) scale(1);\n  }\n  100% {\n    opacity: 0;\n    transform: translate(-50%, -50%) scale(0.8);\n  }\n}\n@keyframes anchorPopIn_613150823d {\n  0%, 40% {\n    opacity: 0;\n    transform: translate(calc(-50% + var(--modal-start-x, 0px)), calc(-50% + var(--modal-start-y, 0px))) scale(0.8);\n  }\n  100% {\n    opacity: 1;\n    transform: translate(-50%, -50%) scale(1);\n  }\n}\n@keyframes anchorPopOut_a8133ec381 {\n  0% {\n    opacity: 1;\n    transform: translate(-50%, -50%) scale(1);\n  }\n  60%, 100% {\n    opacity: 0;\n    transform: translate(calc(-50% + var(--modal-start-x, 0px)), calc(-50% + var(--modal-start-y, 0px))) scale(0.8);\n  }\n}\n@keyframes fullViewIn_8497cd00f9 {\n  0% {\n    opacity: 0.3;\n    transform: translateY(30px);\n  }\n  33% {\n    opacity: 1;\n  }\n  100% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n@keyframes fullViewOut_c7d0f18a1d {\n  from {\n    opacity: 1;\n    transform: translateY(0);\n  }\n  to {\n    opacity: 0;\n    transform: translateY(30px);\n  }\n}");export{n as default};
 //# sourceMappingURL=Modal.module.scss.js.map

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

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

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

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

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

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

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

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

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

@@ -1,2 +1,2 @@
-var e={footer:"footer_fd6120e440"};!function(e){const t="s_id-5c7b28cf0c05_4_5_4";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".footer_fd6120e440 {\n  position: relative;\n  width: 100%;\n  padding: 20px var(--space-24);\n  flex-shrink: 0;\n  background-color: var(--primary-background-color);\n}");export{e as default};
+var e={footer:"footer_365ea82a3d"};!function(e){const t="s_id-5c7b28cf0c05_4_5_3";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".footer_365ea82a3d {\n  position: relative;\n  width: 100%;\n  padding: 20px var(--space-24);\n  flex-shrink: 0;\n  background-color: var(--primary-background-color);\n}");export{e as default};
 //# sourceMappingURL=ModalFooterBase.module.scss.js.map

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"ModalBasicLayout.js","sources":["../../../../../../src/components/Modal/layouts/ModalBasicLayout/ModalBasicLayout.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport { getTestId } from \"../../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../../tests/constants\";\nimport styles from \"./ModalBasicLayout.module.scss\";\nimport { type ModalBasicLayoutProps } from \"./ModalBasicLayout.types\";\nimport { Flex } from \"@vibe/layout\";\nimport { Divider } from \"@vibe/divider\";\nimport ModalFooterShadow from \"../ModalFooterShadow\";\nimport ModalLayoutScrollableContent from \"../ModalLayoutScrollableContent\";\nimport useLayoutScrolledContent from \"../useLayoutScrolledContent\";\n\nconst ModalBasicLayout = forwardRef(\n  (\n    { children, className, id, \"data-testid\": dataTestId }: ModalBasicLayoutProps,\n    ref: React.ForwardedRef<HTMLDivElement>\n  ) => {\n    const { ref: contentRef, isContentScrolled, isScrollable, isScrolledToEnd, onScroll } = useLayoutScrolledContent();\n    const [header, content] = React.Children.toArray(children);\n\n    return (\n      <>\n        <Flex\n          direction=\"column\"\n          align=\"start\"\n          ref={ref}\n          className={cx(styles.layout, className)}\n          id={id}\n          data-testid={dataTestId || getTestId(ComponentDefaultTestId.MODAL_BASIC_LAYOUT, id)}\n        >\n          <div className={styles.header}>{header}</div>\n          <Divider className={cx(styles.divider, { [styles.showDivider]: isContentScrolled })} withoutMargin />\n          <ModalLayoutScrollableContent onScroll={onScroll} className={styles.content} ref={contentRef}>\n            {content}\n          </ModalLayoutScrollableContent>\n        </Flex>\n        {isScrollable && <ModalFooterShadow show={!isScrolledToEnd} />}\n      </>\n    );\n  }\n);\n\nexport default ModalBasicLayout;\n"],"names":["ModalBasicLayout","forwardRef","_ref","ref","children","className","id","dataTestId","_useLayoutScrolledCon","useLayoutScrolledContent","contentRef","isContentScrolled","isScrollable","isScrolledToEnd","onScroll","_React$Children$toArr","React","Children","toArray","_React$Children$toArr2","_slicedToArray","header","content","createElement","Fragment","Flex","direction","align","cx","styles","layout","getTestId","ComponentDefaultTestId","MODAL_BASIC_LAYOUT","Divider","divider","_defineProperty","showDivider","withoutMargin","ModalLayoutScrollableContent","ModalFooterShadow","show"],"mappings":"6mBAYMA,IAAAA,EAAmBC,GACvB,SAAAC,EAEEC,GACE,IAFAC,EAAQF,EAARE,SAAUC,EAASH,EAATG,UAAWC,EAAEJ,EAAFI,GAAmBC,EAAUL,EAAzB,eAG3BM,EAAwFC,IAA3EC,EAAUF,EAAfL,IAAiBQ,EAAiBH,EAAjBG,kBAAmBC,EAAYJ,EAAZI,aAAcC,EAAeL,EAAfK,gBAAiBC,EAAQN,EAARM,SAC3EC,EAA0BC,EAAMC,SAASC,QAAQd,GAASe,EAAAC,EAAAL,EAAA,GAAnDM,EAAMF,EAAA,GAAEG,EAAOH,EAAA,GAEtB,OACEH,EAAAO,cAAAP,EAAAQ,SAAA,KACER,EAAAO,cAACE,EACC,CAAAC,UAAU,SACVC,MAAM,QACNxB,IAAKA,EACLE,UAAWuB,EAAGC,EAAOC,OAAQzB,GAC7BC,GAAIA,EAAE,cACOC,GAAcwB,EAAUC,EAAuBC,mBAAoB3B,IAEhFU,EAAAO,cAAA,MAAA,CAAKlB,UAAWwB,EAAOR,QAASA,GAChCL,EAACO,cAAAW,GAAQ7B,UAAWuB,EAAGC,EAAOM,QAAOC,EAAA,CAAA,EAAKP,EAAOQ,YAAc1B,IAAsB2B,eAAgB,IACrGtB,EAAAO,cAACgB,EAA6B,CAAAzB,SAAUA,EAAUT,UAAWwB,EAAOP,QAASnB,IAAKO,GAC/EY,IAGJV,GAAgBI,EAACO,cAAAiB,EAAkB,CAAAC,MAAO5B,IAGjD"}
+{"version":3,"file":"ModalBasicLayout.js","sources":["../../../../../../src/components/Modal/layouts/ModalBasicLayout/ModalBasicLayout.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport { getTestId } from \"../../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../../tests/constants\";\nimport styles from \"./ModalBasicLayout.module.scss\";\nimport { type ModalBasicLayoutProps } from \"./ModalBasicLayout.types\";\nimport { Flex } from \"@vibe/layout\";\nimport Divider from \"../../../Divider/Divider\";\nimport ModalFooterShadow from \"../ModalFooterShadow\";\nimport ModalLayoutScrollableContent from \"../ModalLayoutScrollableContent\";\nimport useLayoutScrolledContent from \"../useLayoutScrolledContent\";\n\nconst ModalBasicLayout = forwardRef(\n  (\n    { children, className, id, \"data-testid\": dataTestId }: ModalBasicLayoutProps,\n    ref: React.ForwardedRef<HTMLDivElement>\n  ) => {\n    const { ref: contentRef, isContentScrolled, isScrollable, isScrolledToEnd, onScroll } = useLayoutScrolledContent();\n    const [header, content] = React.Children.toArray(children);\n\n    return (\n      <>\n        <Flex\n          direction=\"column\"\n          align=\"start\"\n          ref={ref}\n          className={cx(styles.layout, className)}\n          id={id}\n          data-testid={dataTestId || getTestId(ComponentDefaultTestId.MODAL_BASIC_LAYOUT, id)}\n        >\n          <div className={styles.header}>{header}</div>\n          <Divider className={cx(styles.divider, { [styles.showDivider]: isContentScrolled })} withoutMargin />\n          <ModalLayoutScrollableContent onScroll={onScroll} className={styles.content} ref={contentRef}>\n            {content}\n          </ModalLayoutScrollableContent>\n        </Flex>\n        {isScrollable && <ModalFooterShadow show={!isScrolledToEnd} />}\n      </>\n    );\n  }\n);\n\nexport default ModalBasicLayout;\n"],"names":["ModalBasicLayout","forwardRef","_ref","ref","children","className","id","dataTestId","_useLayoutScrolledCon","useLayoutScrolledContent","contentRef","isContentScrolled","isScrollable","isScrolledToEnd","onScroll","_React$Children$toArr","React","Children","toArray","_React$Children$toArr2","_slicedToArray","header","content","createElement","Fragment","Flex","direction","align","cx","styles","layout","getTestId","ComponentDefaultTestId","MODAL_BASIC_LAYOUT","Divider","divider","_defineProperty","showDivider","withoutMargin","ModalLayoutScrollableContent","ModalFooterShadow","show"],"mappings":"+kBAYMA,IAAAA,EAAmBC,GACvB,SAAAC,EAEEC,GACE,IAFAC,EAAQF,EAARE,SAAUC,EAASH,EAATG,UAAWC,EAAEJ,EAAFI,GAAmBC,EAAUL,EAAzB,eAG3BM,EAAwFC,IAA3EC,EAAUF,EAAfL,IAAiBQ,EAAiBH,EAAjBG,kBAAmBC,EAAYJ,EAAZI,aAAcC,EAAeL,EAAfK,gBAAiBC,EAAQN,EAARM,SAC3EC,EAA0BC,EAAMC,SAASC,QAAQd,GAASe,EAAAC,EAAAL,EAAA,GAAnDM,EAAMF,EAAA,GAAEG,EAAOH,EAAA,GAEtB,OACEH,EAAAO,cAAAP,EAAAQ,SAAA,KACER,EAAAO,cAACE,EACC,CAAAC,UAAU,SACVC,MAAM,QACNxB,IAAKA,EACLE,UAAWuB,EAAGC,EAAOC,OAAQzB,GAC7BC,GAAIA,EAAE,cACOC,GAAcwB,EAAUC,EAAuBC,mBAAoB3B,IAEhFU,EAAAO,cAAA,MAAA,CAAKlB,UAAWwB,EAAOR,QAASA,GAChCL,EAACO,cAAAW,GAAQ7B,UAAWuB,EAAGC,EAAOM,QAAOC,EAAA,CAAA,EAAKP,EAAOQ,YAAc1B,IAAsB2B,eAAgB,IACrGtB,EAAAO,cAACgB,EAA6B,CAAAzB,SAAUA,EAAUT,UAAWwB,EAAOP,QAASnB,IAAKO,GAC/EY,IAGJV,GAAgBI,EAACO,cAAAiB,EAAkB,CAAAC,MAAO5B,IAGjD"}

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

@@ -1,2 +1,2 @@
-var e={layout:"layout_3d88bf8349",header:"header_f1f18fa181",divider:"divider_45f1de505d",showDivider:"showDivider_690989e8f5",content:"content_54b9f6e9d0"};!function(e){const n="s_id-324b836d97d8_4_5_4";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,d.firstChild?d.insertBefore(i,d.firstChild):d.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".layout_3d88bf8349 {\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n}\n.layout_3d88bf8349 .header_f1f18fa181 {\n  width: 100%;\n  margin-block: var(--space-32) var(--space-24);\n  padding-inline-end: calc(var(--top-actions-margin-inline) + var(--top-actions-width) + var(--space-16));\n  padding-inline-start: var(--modal-inline-padding);\n}\n.layout_3d88bf8349 .divider_45f1de505d {\n  flex-shrink: 0;\n  opacity: 0;\n  transition: opacity var(--motion-productive-medium) ease-out;\n}\n.layout_3d88bf8349 .divider_45f1de505d.showDivider_690989e8f5 {\n  opacity: 1;\n}\n.layout_3d88bf8349 .content_54b9f6e9d0 {\n  padding-block-end: var(--space-32);\n}");export{e as default};
+var e={layout:"layout_efbb3bf0ef",header:"header_5c09abc6ab",divider:"divider_85183f846b",showDivider:"showDivider_80fa786853",content:"content_fb701245cf"};!function(e){const n="s_id-324b836d97d8_4_5_3";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,i.firstChild?i.insertBefore(t,i.firstChild):i.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".layout_efbb3bf0ef {\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n}\n.layout_efbb3bf0ef .header_5c09abc6ab {\n  width: 100%;\n  margin-block: var(--space-32) var(--space-24);\n  padding-inline-end: calc(var(--top-actions-margin-inline) + var(--top-actions-width) + var(--space-16));\n  padding-inline-start: var(--modal-inline-padding);\n}\n.layout_efbb3bf0ef .divider_85183f846b {\n  flex-shrink: 0;\n  opacity: 0;\n  transition: opacity var(--motion-productive-medium) ease-out;\n}\n.layout_efbb3bf0ef .divider_85183f846b.showDivider_80fa786853 {\n  opacity: 1;\n}\n.layout_efbb3bf0ef .content_fb701245cf {\n  padding-block-end: var(--space-32);\n}");export{e as default};
 //# sourceMappingURL=ModalBasicLayout.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={shadowWrapper:"shadowWrapper_d9b251f771",show:"show_4a29dff586"};!function(e){const t="s_id-c76d397ed7f2_4_5_4";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,o.firstChild?o.insertBefore(d,o.firstChild):o.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}('.shadowWrapper_d9b251f771::after {\n  content: "";\n  position: absolute;\n  opacity: 0;\n  transition: opacity var(--motion-productive-medium) ease-out;\n  width: 100%;\n  height: 10px;\n  box-shadow: var(--box-shadow-medium);\n}\n.shadowWrapper_d9b251f771.show_4a29dff586::after {\n  opacity: 1;\n}');export{e as default};
+var e={shadowWrapper:"shadowWrapper_59f1053c6b",show:"show_ab7cdbbda1"};!function(e){const t="s_id-c76d397ed7f2_4_5_3";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,o.firstChild?o.insertBefore(a,o.firstChild):o.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}('.shadowWrapper_59f1053c6b::after {\n  content: "";\n  position: absolute;\n  opacity: 0;\n  transition: opacity var(--motion-productive-medium) ease-out;\n  width: 100%;\n  height: 10px;\n  box-shadow: var(--box-shadow-medium);\n}\n.shadowWrapper_59f1053c6b.show_ab7cdbbda1::after {\n  opacity: 1;\n}');export{e as default};
 //# sourceMappingURL=ModalFooterShadow.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={content:"content_393a998e62"};!function(e){const n="s_id-09bedfbbc65c_4_5_4";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.content_393a998e62 {\n  width: 100%;\n  height: 100%;\n  padding-inline: var(--modal-inline-padding);\n  overflow: auto;\n}\n.content_393a998e62::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.content_393a998e62::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{e as default};
+var e={content:"content_aa022f2a36"};!function(e){const n="s_id-09bedfbbc65c_4_5_3";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.content_aa022f2a36 {\n  width: 100%;\n  height: 100%;\n  padding-inline: var(--modal-inline-padding);\n  overflow: auto;\n}\n.content_aa022f2a36::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.content_aa022f2a36::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{e as default};
 //# sourceMappingURL=ModalLayoutScrollableContent.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={layout:"layout_3d88bf8349",media:"media_a65e4825f1",header:"header_f85a3dd959",content:"content_cd9e08416f"};!function(e){const n="s_id-d089cc4b12c5_4_5_4";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,d.firstChild?d.insertBefore(t,d.firstChild):d.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".layout_3d88bf8349 {\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n}\n.layout_3d88bf8349 .media_a65e4825f1 {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  overflow: hidden;\n  position: relative;\n  width: 100%;\n  flex-shrink: 0;\n}\n.layout_3d88bf8349 .header_f85a3dd959 {\n  width: 100%;\n  text-align: center;\n  margin-block: var(--space-32) var(--space-8);\n  padding-inline: var(--modal-inline-padding);\n}\n.layout_3d88bf8349 .content_cd9e08416f {\n  width: 100%;\n  height: 100%;\n  flex: 1;\n  align-self: flex-start;\n  padding-inline: var(--modal-inline-padding);\n  padding-block-end: var(--space-24);\n  text-align: center;\n  overflow: hidden;\n}");export{e as default};
+var e={layout:"layout_efbb3bf0ef",media:"media_0e13b65480",header:"header_9a719a2665",content:"content_5c151f5cad"};!function(e){const n="s_id-d089cc4b12c5_4_5_3";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".layout_efbb3bf0ef {\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n}\n.layout_efbb3bf0ef .media_0e13b65480 {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  overflow: hidden;\n  position: relative;\n  width: 100%;\n  flex-shrink: 0;\n}\n.layout_efbb3bf0ef .header_9a719a2665 {\n  width: 100%;\n  text-align: center;\n  margin-block: var(--space-32) var(--space-8);\n  padding-inline: var(--modal-inline-padding);\n}\n.layout_efbb3bf0ef .content_5c151f5cad {\n  width: 100%;\n  height: 100%;\n  flex: 1;\n  align-self: flex-start;\n  padding-inline: var(--modal-inline-padding);\n  padding-block-end: var(--space-24);\n  text-align: center;\n  overflow: hidden;\n}");export{e as default};
 //# sourceMappingURL=ModalMediaLayout.module.scss.js.map