@vibe/core 3.88.6 → 3.89.0-alpha-01945.0

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

@@ -1 +1 @@
-{"version":3,"file":"Label.js","sources":["../../../../src/components/Label/Label.tsx"],"sourcesContent":["import { camelCase } from \"es-toolkit\";\nimport cx from \"classnames\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport React, { forwardRef, useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { Text } from \"@vibe/typography\";\nimport Leg from \"./Leg\";\nimport { LabelAllowedColor as LabelColorEnum, LabelKind as LabelKindEnum, mapSizesToTextSize } from \"./LabelConstants\";\nimport { type LabelColor, type LabelKind, type ContentColor } from \"./Label.types\";\nimport { contentColors } from \"../../utils/colors-vars-map\";\nimport { type VibeComponentProps, withStaticProps } from \"../../types\";\nimport { useClickableProps } from \"@vibe/clickable\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport styles from \"./Label.module.scss\";\nimport LabelCelebrationAnimation from \"./LabelCelebrationAnimation\";\nimport { type LabelSizes } from \"./Label.types\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nexport interface LabelProps extends VibeComponentProps {\n  /**\n   * Class name applied to the inner text wrapper.\n   */\n  labelClassName?: string;\n  /**\n   * The visual style of the label.\n   */\n  kind?: LabelKind;\n  /**\n   * The background color of the label.\n   */\n  color?: LabelColor;\n  /**\n   * The text content of the label.\n   */\n  text?: string;\n  /**\n   * If true, includes a leg (decorative extension).\n   */\n  isLegIncluded?: boolean;\n  /**\n   * Callback fired when the label is clicked.\n   */\n  onClick?: (event: React.MouseEvent<HTMLSpanElement, MouseEvent>) => void;\n  /**\n   * If true, triggers a celebration animation.\n   */\n  celebrationAnimation?: boolean;\n  /**\n   * The size of the label.\n   */\n  size?: LabelSizes;\n}\n\nconst Label = forwardRef<HTMLElement, LabelProps>(\n  (\n    {\n      className,\n      labelClassName,\n      kind = \"fill\",\n      color = \"primary\",\n      text = \"\",\n      isLegIncluded = false,\n      id,\n      \"data-testid\": dataTestId,\n      onClick,\n      celebrationAnimation,\n      size = \"medium\"\n    }: LabelProps,\n    ref\n  ) => {\n    const labelRef = useRef<HTMLSpanElement>(null);\n    const mergedRef = useMergeRef(ref, labelRef);\n    const [isCelebrationAnimation, setIsCelebrationAnimation] = useState(celebrationAnimation);\n\n    const isClickable = Boolean(onClick);\n\n    const classNames = useMemo(\n      () =>\n        cx(\n          styles.label,\n          getStyle(styles, camelCase(\"kind\" + \"-\" + kind)),\n          getStyle(styles, camelCase(\"color\" + \"-\" + color)),\n          {\n            [styles.withLeg]: isLegIncluded,\n            [styles.clickable]: isClickable,\n            [styles.small]: size === \"small\"\n          },\n          labelClassName\n        ),\n      [kind, color, isLegIncluded, labelClassName, isClickable, size]\n    );\n\n    const backgroundColorStyle = useMemo(() => {\n      if (contentColors.includes(color as ContentColor)) {\n        if (kind === \"line\") {\n          return { color: `var(--color-${color})` };\n        }\n        return { backgroundColor: `var(--color-${color})` };\n      }\n    }, [color, kind]);\n\n    const onClickCallback = useCallback(\n      (event: React.MouseEvent<HTMLSpanElement, MouseEvent>) => {\n        if (onClick) {\n          event.preventDefault();\n          onClick(event);\n        }\n      },\n      [onClick]\n    );\n\n    const clickableProps = useClickableProps(\n      {\n        onClick: onClickCallback,\n        id,\n        ariaHidden: false,\n        ariaHasPopup: false,\n        ariaExpanded: false\n      },\n      labelRef\n    );\n\n    useEffect(() => {\n      setIsCelebrationAnimation(celebrationAnimation);\n    }, [celebrationAnimation]);\n\n    const label = useMemo(() => {\n      return (\n        <span\n          {...(isClickable && clickableProps)}\n          className={cx({ [styles.clickableWrapper]: isClickable }, className)}\n          data-testid={dataTestId || getTestId(ComponentDefaultTestId.LABEL, id)}\n          data-vibe={ComponentVibeId.LABEL}\n          ref={mergedRef}\n        >\n          <Text\n            style={backgroundColorStyle}\n            element=\"span\"\n            type={mapSizesToTextSize[size]}\n            className={classNames}\n            color={color === \"dark\" ? \"onInverted\" : \"onPrimary\"}\n            data-celebration-text={isCelebrationAnimation}\n          >\n            <Text\n              element=\"span\"\n              type={mapSizesToTextSize[size]}\n              color=\"inherit\"\n              className={cx({ [styles.smallText]: size === \"small\" })}\n            >\n              {text}\n            </Text>\n            <span className={cx(styles.legWrapper)}>{isLegIncluded ? <Leg /> : null}</span>\n          </Text>\n        </span>\n      );\n    }, [\n      isClickable,\n      clickableProps,\n      className,\n      dataTestId,\n      id,\n      mergedRef,\n      classNames,\n      isCelebrationAnimation,\n      text,\n      isLegIncluded,\n      size,\n      backgroundColorStyle,\n      color\n    ]);\n\n    // Celebration animation is applied only for line kind\n    if (isCelebrationAnimation && kind === \"line\") {\n      return (\n        <LabelCelebrationAnimation onAnimationEnd={() => setIsCelebrationAnimation(false)}>\n          {label}\n        </LabelCelebrationAnimation>\n      );\n    }\n\n    return label;\n  }\n);\n\ninterface LabelStaticProps {\n  colors: typeof LabelColorEnum;\n  kinds: typeof LabelKindEnum;\n}\n\nexport default withStaticProps<LabelProps, LabelStaticProps>(Label, {\n  colors: LabelColorEnum,\n  kinds: LabelKindEnum\n});\n"],"names":["withStaticProps","forwardRef","_ref","ref","className","labelClassName","_ref$kind","kind","_ref$color","color","_ref$text","text","_ref$isLegIncluded","isLegIncluded","id","dataTestId","onClick","celebrationAnimation","_ref$size","size","labelRef","useRef","mergedRef","useMergeRef","_useState","useState","_useState2","_slicedToArray","isCelebrationAnimation","setIsCelebrationAnimation","isClickable","classNames","useMemo","cx","styles","label","getStyle","camelCase","_defineProperty","withLeg","clickable","small","backgroundColorStyle","contentColors","includes","concat","backgroundColor","onClickCallback","useCallback","event","preventDefault","clickableProps","useClickableProps","ariaHidden","ariaHasPopup","ariaExpanded","useEffect","React","createElement","Object","assign","clickableWrapper","getTestId","ComponentDefaultTestId","LABEL","ComponentVibeId","Text","style","element","type","mapSizesToTextSize","smallText","legWrapper","Leg","LabelCelebrationAnimation","onAnimationEnd","colors","LabelColorEnum","kinds","LabelKindEnum"],"mappings":"++BAqDA,IAwIeA,EAAAA,EAxIDC,GACZ,SAAAC,EAcEC,GACE,IAbAC,EAASF,EAATE,UACAC,EAAcH,EAAdG,eAAcC,EAAAJ,EACdK,KAAAA,OAAO,IAAHD,EAAG,OAAMA,EAAAE,EAAAN,EACbO,MAAAA,OAAQ,IAAHD,EAAG,UAASA,EAAAE,EAAAR,EACjBS,KAAAA,OAAO,IAAHD,EAAG,GAAEA,EAAAE,EAAAV,EACTW,cAAAA,OAAgB,IAAHD,GAAQA,EACrBE,EAAEZ,EAAFY,GACeC,EAAUb,EAAzB,eACAc,EAAOd,EAAPc,QACAC,EAAoBf,EAApBe,qBAAoBC,EAAAhB,EACpBiB,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EAIXE,EAAWC,EAAwB,MACnCC,EAAYC,EAAYpB,EAAKiB,GACnCI,EAA4DC,EAASR,GAAqBS,EAAAC,EAAAH,EAAA,GAAnFI,EAAsBF,EAAA,GAAEG,EAAyBH,EAAA,GAElDI,IAAsBd,EAEtBe,EAAaC,GACjB,WAAA,OACEC,EACEC,EAAOC,MACPC,EAASF,EAAQG,EAAU,QAAe9B,IAC1C6B,EAASF,EAAQG,EAAU,SAAgB5B,IAAO6B,EAAAA,EAAAA,EAAA,CAAA,EAE/CJ,EAAOK,QAAU1B,GACjBqB,EAAOM,UAAYV,GACnBI,EAAOO,MAAiB,UAATtB,GAElBd,EACD,GACH,CAACE,EAAME,EAAOI,EAAeR,EAAgByB,EAAaX,IAGtDuB,EAAuBV,GAAQ,WACnC,GAAIW,EAAcC,SAASnC,GACzB,MAAa,SAATF,EACK,CAAEE,MAAK,eAAAoC,OAAiBpC,EAAK,MAE/B,CAAEqC,gBAAe,eAAAD,OAAiBpC,EAAK,KAElD,GAAG,CAACA,EAAOF,IAELwC,EAAkBC,GACtB,SAACC,GACKjC,IACFiC,EAAMC,iBACNlC,EAAQiC,GAEZ,GACA,CAACjC,IAGGmC,EAAiBC,EACrB,CACEpC,QAAS+B,EACTjC,GAAAA,EACAuC,YAAY,EACZC,cAAc,EACdC,cAAc,GAEhBnC,GAGFoC,GAAU,WACR3B,EAA0BZ,EAC5B,GAAG,CAACA,IAEJ,IAAMkB,EAAQH,GAAQ,WACpB,OACEyB,EACMC,cAAA,OAAAC,OAAAC,OAAA,CAAA,EAAC9B,GAAeqB,EACpB,CAAA/C,UAAW6B,EAAEK,EAAIJ,CAAAA,EAAAA,EAAO2B,iBAAmB/B,GAAe1B,GAC7C,cAAAW,GAAc+C,EAAUC,EAAuBC,MAAOlD,eACxDmD,EAAgBD,MAC3B7D,IAAKmB,IAELmC,EAAAC,cAACQ,EAAI,CACHC,MAAOzB,EACP0B,QAAQ,OACRC,KAAMC,EAAmBnD,GACzBf,UAAW2B,EACXtB,MAAiB,SAAVA,EAAmB,aAAe,oCAClBmB,GAEvB6B,EAAAC,cAACQ,EAAI,CACHE,QAAQ,OACRC,KAAMC,EAAmBnD,GACzBV,MAAM,UACNL,UAAW6B,EAAEK,EAAIJ,CAAAA,EAAAA,EAAOqC,UAAqB,UAATpD,KAEnCR,GAEH8C,EAAMC,cAAA,OAAA,CAAAtD,UAAW6B,EAAGC,EAAOsC,aAAc3D,EAAgB4C,EAACC,cAAAe,EAAM,MAAG,OAI3E,GAAG,CACD3C,EACAqB,EACA/C,EACAW,EACAD,EACAQ,EACAS,EACAH,EACAjB,EACAE,EACAM,EACAuB,EACAjC,IAIF,OAAImB,GAAmC,SAATrB,EAE1BkD,EAACC,cAAAgB,EAA0B,CAAAC,eAAgB,WAAA,OAAM9C,GAA0B,EAAM,GAC9EM,GAKAA,CACT,IAQkE,CAClEyC,OAAQC,EACRC,MAAOC"}
+{"version":3,"file":"Label.js","sources":["../../../../src/components/Label/Label.tsx"],"sourcesContent":["import { camelCase } from \"es-toolkit\";\nimport cx from \"classnames\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport React, { forwardRef, useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { Text } from \"@vibe/typography\";\nimport Leg from \"./Leg\";\nimport { LabelAllowedColor as LabelColorEnum, LabelKind as LabelKindEnum, mapSizesToTextSize } from \"./LabelConstants\";\nimport { type LabelColor, type LabelKind, type ContentColor } from \"./Label.types\";\nimport { contentColors } from \"../../utils/colors-vars-map\";\nimport { type VibeComponentProps, withStaticProps } from \"../../types\";\nimport { useClickableProps } from \"@vibe/clickable\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport styles from \"./Label.module.scss\";\nimport LabelCelebrationAnimation from \"./LabelCelebrationAnimation\";\nimport { type LabelSizes } from \"./Label.types\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nexport interface LabelProps extends VibeComponentProps {\n  /**\n   * Class name applied to the inner text wrapper.\n   */\n  labelClassName?: string;\n  /**\n   * The visual style of the label.\n   */\n  kind?: LabelKind;\n  /**\n   * The background color of the label.\n   */\n  color?: LabelColor;\n  /**\n   * The text content of the label.\n   */\n  text?: string;\n  /**\n   * If true, includes a leg (decorative extension).\n   */\n  isLegIncluded?: boolean;\n  /**\n   * Callback fired when the label is clicked.\n   */\n  onClick?: (event: React.MouseEvent<HTMLSpanElement, MouseEvent>) => void;\n  /**\n   * If true, triggers a celebration animation.\n   */\n  celebrationAnimation?: boolean;\n  /**\n   * The size of the label.\n   */\n  size?: LabelSizes;\n}\n\nconst Label = forwardRef<HTMLElement, LabelProps>(\n  (\n    {\n      className,\n      labelClassName,\n      kind = \"fill\",\n      color = \"primary\",\n      text = \"\",\n      isLegIncluded = false,\n      id,\n      \"data-testid\": dataTestId,\n      onClick,\n      celebrationAnimation,\n      size = \"medium\"\n    }: LabelProps,\n    ref\n  ) => {\n    const labelRef = useRef<HTMLSpanElement>(null);\n    const mergedRef = useMergeRef(ref, labelRef);\n    const [isCelebrationAnimation, setIsCelebrationAnimation] = useState(celebrationAnimation);\n\n    const isClickable = Boolean(onClick);\n\n    const classNames = useMemo(\n      () =>\n        cx(\n          styles.label,\n          getStyle(styles, camelCase(\"kind\" + \"-\" + kind)),\n          getStyle(styles, camelCase(\"color\" + \"-\" + color)),\n          {\n            [styles.withLeg]: isLegIncluded,\n            [styles.clickable]: isClickable,\n            [styles.small]: size === \"small\"\n          },\n          labelClassName\n        ),\n      [kind, color, isLegIncluded, labelClassName, isClickable, size]\n    );\n\n    const backgroundColorStyle = useMemo(() => {\n      if (contentColors.includes(color as ContentColor)) {\n        if (kind === \"line\") {\n          return { color: `var(--color-${color})` };\n        }\n        return { backgroundColor: `var(--color-${color})` };\n      }\n    }, [color, kind]);\n\n    const onClickCallback = useCallback(\n      (event: React.MouseEvent<HTMLSpanElement, MouseEvent>) => {\n        if (onClick) {\n          event.preventDefault();\n          onClick(event);\n        }\n      },\n      [onClick]\n    );\n\n    const clickableProps = useClickableProps(\n      {\n        onClick: onClickCallback,\n        id,\n        ariaHidden: false,\n        ariaHasPopup: false,\n        ariaExpanded: false\n      },\n      labelRef\n    );\n\n    useEffect(() => {\n      setIsCelebrationAnimation(celebrationAnimation);\n    }, [celebrationAnimation]);\n\n    const label = useMemo(() => {\n      return (\n        <span\n          {...(isClickable && clickableProps)}\n          className={cx({ [styles.clickableWrapper]: isClickable }, className)}\n          data-testid={dataTestId || getTestId(ComponentDefaultTestId.LABEL, id)}\n          data-vibe={ComponentVibeId.LABEL}\n          ref={mergedRef}\n        >\n          <Text\n            style={backgroundColorStyle}\n            element=\"span\"\n            type={mapSizesToTextSize[size]}\n            className={classNames}\n            color=\"primary\"\n            data-celebration-text={isCelebrationAnimation}\n          >\n            <Text\n              element=\"span\"\n              type={mapSizesToTextSize[size]}\n              color=\"inherit\"\n              className={cx({ [styles.smallText]: size === \"small\" })}\n            >\n              {text}\n            </Text>\n            <span className={cx(styles.legWrapper)}>{isLegIncluded ? <Leg /> : null}</span>\n          </Text>\n        </span>\n      );\n    }, [\n      isClickable,\n      clickableProps,\n      className,\n      dataTestId,\n      id,\n      mergedRef,\n      classNames,\n      isCelebrationAnimation,\n      text,\n      isLegIncluded,\n      size,\n      backgroundColorStyle\n    ]);\n\n    // Celebration animation is applied only for line kind\n    if (isCelebrationAnimation && kind === \"line\") {\n      return (\n        <LabelCelebrationAnimation onAnimationEnd={() => setIsCelebrationAnimation(false)}>\n          {label}\n        </LabelCelebrationAnimation>\n      );\n    }\n\n    return label;\n  }\n);\n\ninterface LabelStaticProps {\n  colors: typeof LabelColorEnum;\n  kinds: typeof LabelKindEnum;\n}\n\nexport default withStaticProps<LabelProps, LabelStaticProps>(Label, {\n  colors: LabelColorEnum,\n  kinds: LabelKindEnum\n});\n"],"names":["withStaticProps","forwardRef","_ref","ref","className","labelClassName","_ref$kind","kind","_ref$color","color","_ref$text","text","_ref$isLegIncluded","isLegIncluded","id","dataTestId","onClick","celebrationAnimation","_ref$size","size","labelRef","useRef","mergedRef","useMergeRef","_useState","useState","_useState2","_slicedToArray","isCelebrationAnimation","setIsCelebrationAnimation","isClickable","classNames","useMemo","cx","styles","label","getStyle","camelCase","_defineProperty","withLeg","clickable","small","backgroundColorStyle","contentColors","includes","concat","backgroundColor","onClickCallback","useCallback","event","preventDefault","clickableProps","useClickableProps","ariaHidden","ariaHasPopup","ariaExpanded","useEffect","React","createElement","Object","assign","clickableWrapper","getTestId","ComponentDefaultTestId","LABEL","ComponentVibeId","Text","style","element","type","mapSizesToTextSize","smallText","legWrapper","Leg","LabelCelebrationAnimation","onAnimationEnd","colors","LabelColorEnum","kinds","LabelKindEnum"],"mappings":"++BAqDA,IAuIeA,EAAAA,EAvIDC,GACZ,SAAAC,EAcEC,GACE,IAbAC,EAASF,EAATE,UACAC,EAAcH,EAAdG,eAAcC,EAAAJ,EACdK,KAAAA,OAAO,IAAHD,EAAG,OAAMA,EAAAE,EAAAN,EACbO,MAAAA,OAAQ,IAAHD,EAAG,UAASA,EAAAE,EAAAR,EACjBS,KAAAA,OAAO,IAAHD,EAAG,GAAEA,EAAAE,EAAAV,EACTW,cAAAA,OAAgB,IAAHD,GAAQA,EACrBE,EAAEZ,EAAFY,GACeC,EAAUb,EAAzB,eACAc,EAAOd,EAAPc,QACAC,EAAoBf,EAApBe,qBAAoBC,EAAAhB,EACpBiB,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EAIXE,EAAWC,EAAwB,MACnCC,EAAYC,EAAYpB,EAAKiB,GACnCI,EAA4DC,EAASR,GAAqBS,EAAAC,EAAAH,EAAA,GAAnFI,EAAsBF,EAAA,GAAEG,EAAyBH,EAAA,GAElDI,IAAsBd,EAEtBe,EAAaC,GACjB,WAAA,OACEC,EACEC,EAAOC,MACPC,EAASF,EAAQG,EAAU,QAAe9B,IAC1C6B,EAASF,EAAQG,EAAU,SAAgB5B,IAAO6B,EAAAA,EAAAA,EAAA,CAAA,EAE/CJ,EAAOK,QAAU1B,GACjBqB,EAAOM,UAAYV,GACnBI,EAAOO,MAAiB,UAATtB,GAElBd,EACD,GACH,CAACE,EAAME,EAAOI,EAAeR,EAAgByB,EAAaX,IAGtDuB,EAAuBV,GAAQ,WACnC,GAAIW,EAAcC,SAASnC,GACzB,MAAa,SAATF,EACK,CAAEE,MAAK,eAAAoC,OAAiBpC,EAAK,MAE/B,CAAEqC,gBAAe,eAAAD,OAAiBpC,EAAK,KAElD,GAAG,CAACA,EAAOF,IAELwC,EAAkBC,GACtB,SAACC,GACKjC,IACFiC,EAAMC,iBACNlC,EAAQiC,GAEZ,GACA,CAACjC,IAGGmC,EAAiBC,EACrB,CACEpC,QAAS+B,EACTjC,GAAAA,EACAuC,YAAY,EACZC,cAAc,EACdC,cAAc,GAEhBnC,GAGFoC,GAAU,WACR3B,EAA0BZ,EAC5B,GAAG,CAACA,IAEJ,IAAMkB,EAAQH,GAAQ,WACpB,OACEyB,EACMC,cAAA,OAAAC,OAAAC,OAAA,CAAA,EAAC9B,GAAeqB,EACpB,CAAA/C,UAAW6B,EAAEK,EAAIJ,CAAAA,EAAAA,EAAO2B,iBAAmB/B,GAAe1B,GAC7C,cAAAW,GAAc+C,EAAUC,EAAuBC,MAAOlD,eACxDmD,EAAgBD,MAC3B7D,IAAKmB,IAELmC,EAACC,cAAAQ,EACC,CAAAC,MAAOzB,EACP0B,QAAQ,OACRC,KAAMC,EAAmBnD,GACzBf,UAAW2B,EACXtB,MAAM,UAAS,wBACQmB,GAEvB6B,EAAAC,cAACQ,EAAI,CACHE,QAAQ,OACRC,KAAMC,EAAmBnD,GACzBV,MAAM,UACNL,UAAW6B,EAAEK,EAAIJ,CAAAA,EAAAA,EAAOqC,UAAqB,UAATpD,KAEnCR,GAEH8C,EAAMC,cAAA,OAAA,CAAAtD,UAAW6B,EAAGC,EAAOsC,aAAc3D,EAAgB4C,EAACC,cAAAe,EAAM,MAAG,OAI1E,GAAE,CACD3C,EACAqB,EACA/C,EACAW,EACAD,EACAQ,EACAS,EACAH,EACAjB,EACAE,EACAM,EACAuB,IAIF,OAAId,GAAmC,SAATrB,EAE1BkD,EAACC,cAAAgB,EAA0B,CAAAC,eAAgB,WAAA,OAAM9C,GAA0B,EAAM,GAC9EM,GAKAA,CACT,IAQkE,CAClEyC,OAAQC,EACRC,MAAOC"}

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

@@ -1,2 +1,2 @@
-var e={clickableWrapper:"clickableWrapper_d0f5e89018","focus-visible":"focus-visible_44ca32acb2",label:"label_c60454bace",small:"small_780cb59832",withLeg:"withLeg_0fca2bf065",legWrapper:"legWrapper_54d64f63c8",kindFill:"kindFill_d62048a834",colorPrimary:"colorPrimary_de8c05d030",clickable:"clickable_366bb471ac",colorDark:"colorDark_05e4750364",colorNegative:"colorNegative_9c5a46bcc1",colorPositive:"colorPositive_cd3d82a63b",kindLine:"kindLine_1b320628fb",smallText:"smallText_52c90e0626"};!function(e){const n="s_id-642067f9ceae_3_88_5";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,o.firstChild?o.insertBefore(i,o.firstChild):o.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable */\n/* stylelint-enable */\n.clickableWrapper_d0f5e89018 {\n  cursor: pointer;\n}\n.clickableWrapper_d0f5e89018:focus-visible, .clickableWrapper_d0f5e89018.focus-visible_44ca32acb2 {\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.clickableWrapper_d0f5e89018:focus:not(.focus-visible_44ca32acb2) {\n  outline: none;\n}\n.clickableWrapper_d0f5e89018:active {\n  transform: scale(0.95) translate3d(0, 0, 0);\n  transition: var(--motion-productive-short) transform;\n}\n.label_c60454bace {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: var(--border-radius-small);\n  padding: 2px var(--spacing-small);\n  position: relative;\n}\n.label_c60454bace.small_780cb59832 {\n  padding: 0 var(--spacing-xs);\n  border-radius: 2px;\n}\n.withLeg_0fca2bf065 {\n  border-radius: var(--border-radius-small) var(--border-radius-small) var(--border-radius-small) 0;\n}\n.legWrapper_54d64f63c8 {\n  position: absolute;\n  height: 8px;\n  top: 100%;\n  left: 0;\n  display: inline-flex;\n}\n.kindFill_d62048a834.colorPrimary_de8c05d030 {\n  background-color: var(--primary-color);\n}\n.kindFill_d62048a834.colorPrimary_de8c05d030 svg path {\n  fill: var(--primary-color);\n}\n.kindFill_d62048a834.colorPrimary_de8c05d030.clickable_366bb471ac:hover, .kindFill_d62048a834.colorPrimary_de8c05d030.clickable_366bb471ac:active {\n  background-color: var(--primary-hover-color);\n}\n.kindFill_d62048a834.colorDark_05e4750364 {\n  background-color: var(--inverted-color-background);\n}\n.kindFill_d62048a834.colorDark_05e4750364 svg path {\n  fill: var(--inverted-color-background);\n}\n.kindFill_d62048a834.colorNegative_9c5a46bcc1 {\n  background-color: var(--negative-color);\n}\n.kindFill_d62048a834.colorNegative_9c5a46bcc1 svg path {\n  fill: var(--negative-color);\n}\n.kindFill_d62048a834.colorNegative_9c5a46bcc1.clickable_366bb471ac:hover, .kindFill_d62048a834.colorNegative_9c5a46bcc1.clickable_366bb471ac:active {\n  background-color: var(--negative-color-hover);\n}\n.kindFill_d62048a834.colorPositive_cd3d82a63b {\n  background-color: var(--positive-color);\n}\n.kindFill_d62048a834.colorPositive_cd3d82a63b svg path {\n  fill: var(--positive-color);\n}\n.kindFill_d62048a834.colorPositive_cd3d82a63b.clickable_366bb471ac:hover, .kindFill_d62048a834.colorPositive_cd3d82a63b.clickable_366bb471ac:active {\n  background-color: var(--positive-color-hover);\n}\n.kindLine_1b320628fb {\n  border: 1px solid currentColor;\n  padding: 1px var(--spacing-small);\n}\n.kindLine_1b320628fb .legWrapper_54d64f63c8 {\n  left: -1px;\n  top: calc(100% + 1px);\n}\n.kindLine_1b320628fb.colorPrimary_de8c05d030 {\n  color: var(--primary-color);\n}\n.kindLine_1b320628fb.colorPrimary_de8c05d030 svg path {\n  fill: var(--primary-color);\n}\n.kindLine_1b320628fb.colorPrimary_de8c05d030.clickable_366bb471ac:hover, .kindLine_1b320628fb.colorPrimary_de8c05d030.clickable_366bb471ac:active {\n  background-color: var(--primary-background-hover-color);\n}\n.kindLine_1b320628fb.colorDark_05e4750364 {\n  color: var(--inverted-color-background);\n}\n.kindLine_1b320628fb.colorDark_05e4750364 svg path {\n  fill: var(--inverted-color-background);\n}\n.kindLine_1b320628fb.colorDark_05e4750364.clickable_366bb471ac:hover, .kindLine_1b320628fb.colorDark_05e4750364.clickable_366bb471ac:active {\n  background-color: var(--primary-background-hover-color);\n}\n.kindLine_1b320628fb.colorNegative_9c5a46bcc1 {\n  color: var(--negative-color);\n}\n.kindLine_1b320628fb.colorNegative_9c5a46bcc1 svg path {\n  fill: var(--negative-color);\n}\n.kindLine_1b320628fb.colorNegative_9c5a46bcc1.clickable_366bb471ac:hover, .kindLine_1b320628fb.colorNegative_9c5a46bcc1.clickable_366bb471ac:active {\n  background-color: var(--negative-color-selected);\n}\n.kindLine_1b320628fb.colorPositive_cd3d82a63b {\n  color: var(--positive-color);\n}\n.kindLine_1b320628fb.colorPositive_cd3d82a63b svg path {\n  fill: var(--positive-color);\n}\n.kindLine_1b320628fb.colorPositive_cd3d82a63b.clickable_366bb471ac:hover, .kindLine_1b320628fb.colorPositive_cd3d82a63b.clickable_366bb471ac:active {\n  background-color: var(--positive-color-selected);\n}\n.kindLine_1b320628fb .smallText_52c90e0626 {\n  line-height: 14px;\n}");export{e as default};
+var a={clickableWrapper:"clickableWrapper_0bd0945fa3","focus-visible":"focus-visible_ef81741bea",label:"label_f808c6f628",small:"small_8c153d61c9",withLeg:"withLeg_4f12e727ff",legWrapper:"legWrapper_27132e310e",kindFill:"kindFill_683ad13bd7",colorPrimary:"colorPrimary_7768bc7117",clickable:"clickable_10ad7007f0",colorDark:"colorDark_9bb4346aa0",colorNegative:"colorNegative_af1fb5841b",colorPositive:"colorPositive_d4cb635088",smallText:"smallText_86745ebbe0",kindLine:"kindLine_14403840de"};!function(a){const e="s_id-85510492f00f_3_88_6";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.appendChild(document.createTextNode(a))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=a)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable */\n/* stylelint-enable */\n.clickableWrapper_0bd0945fa3 {\n  cursor: pointer;\n}\n.clickableWrapper_0bd0945fa3:focus-visible, .clickableWrapper_0bd0945fa3.focus-visible_ef81741bea {\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.clickableWrapper_0bd0945fa3:focus:not(.focus-visible_ef81741bea) {\n  outline: none;\n}\n.clickableWrapper_0bd0945fa3:active {\n  transform: scale(0.95) translate3d(0, 0, 0);\n  transition: var(--motion-productive-short) transform;\n}\n.label_f808c6f628 {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: var(--border-radius-small);\n  padding: var(--space-2) var(--spacing-small);\n  position: relative;\n}\n.label_f808c6f628.small_8c153d61c9 {\n  padding: var(--space-2) var(--spacing-xs);\n  border-radius: var(--border-radius-small);\n}\n.withLeg_4f12e727ff {\n  border-radius: var(--border-radius-small) var(--border-radius-small) var(--border-radius-small) 0;\n}\n.legWrapper_27132e310e {\n  position: absolute;\n  height: 8px;\n  top: 100%;\n  left: 0;\n  display: inline-flex;\n}\n.kindFill_683ad13bd7 {\n  border: none;\n  background-color: transparent;\n  padding: var(--space-2) var(--spacing-small);\n  /* Each semantic pairs a --surface-* fill with its --text-on-surface-* text.\n     The leg (svg path) is filled with the surface so it reads as part of the label. */\n}\n.kindFill_683ad13bd7.small_8c153d61c9 {\n  padding: var(--space-2) var(--spacing-xs);\n}\n.kindFill_683ad13bd7.colorPrimary_7768bc7117 {\n  background-color: var(--surface-primary);\n  color: var(--text-on-surface-primary);\n}\n.kindFill_683ad13bd7.colorPrimary_7768bc7117 svg path {\n  fill: var(--surface-primary);\n}\n.kindFill_683ad13bd7.colorPrimary_7768bc7117.clickable_10ad7007f0:hover, .kindFill_683ad13bd7.colorPrimary_7768bc7117.clickable_10ad7007f0:active {\n  background-color: var(--surface-primary);\n}\n.kindFill_683ad13bd7.colorDark_9bb4346aa0 {\n  background-color: var(--surface-neutral);\n  color: var(--text-on-surface-neutral);\n}\n.kindFill_683ad13bd7.colorDark_9bb4346aa0 svg path {\n  fill: var(--surface-neutral);\n}\n.kindFill_683ad13bd7.colorDark_9bb4346aa0.clickable_10ad7007f0:hover, .kindFill_683ad13bd7.colorDark_9bb4346aa0.clickable_10ad7007f0:active {\n  background-color: var(--surface-neutral);\n}\n.kindFill_683ad13bd7.colorNegative_af1fb5841b {\n  background-color: var(--surface-negative);\n  color: var(--text-on-surface-negative);\n}\n.kindFill_683ad13bd7.colorNegative_af1fb5841b svg path {\n  fill: var(--surface-negative);\n}\n.kindFill_683ad13bd7.colorNegative_af1fb5841b.clickable_10ad7007f0:hover, .kindFill_683ad13bd7.colorNegative_af1fb5841b.clickable_10ad7007f0:active {\n  background-color: var(--surface-negative);\n}\n.kindFill_683ad13bd7.colorPositive_d4cb635088 {\n  background-color: var(--surface-positive);\n  color: var(--text-on-surface-positive);\n}\n.kindFill_683ad13bd7.colorPositive_d4cb635088 svg path {\n  fill: var(--surface-positive);\n}\n.kindFill_683ad13bd7.colorPositive_d4cb635088.clickable_10ad7007f0:hover, .kindFill_683ad13bd7.colorPositive_d4cb635088.clickable_10ad7007f0:active {\n  background-color: var(--surface-positive);\n}\n.kindFill_683ad13bd7 .smallText_86745ebbe0 {\n  line-height: 14px;\n}\n.kindLine_14403840de {\n  border: 1px solid currentColor;\n  padding: 1px var(--spacing-small);\n}\n.kindLine_14403840de.small_8c153d61c9 {\n  padding: 0 var(--spacing-xs);\n}\n.kindLine_14403840de .legWrapper_27132e310e {\n  left: -1px;\n  top: calc(100% + 1px);\n}\n.kindLine_14403840de.colorPrimary_7768bc7117 {\n  color: var(--primary-color);\n}\n.kindLine_14403840de.colorPrimary_7768bc7117 svg path {\n  fill: var(--primary-color);\n}\n.kindLine_14403840de.colorPrimary_7768bc7117.clickable_10ad7007f0:hover, .kindLine_14403840de.colorPrimary_7768bc7117.clickable_10ad7007f0:active {\n  background-color: var(--primary-background-hover-color);\n}\n.kindLine_14403840de.colorDark_9bb4346aa0 {\n  color: var(--primary-text-color);\n}\n.kindLine_14403840de.colorDark_9bb4346aa0 svg path {\n  fill: var(--primary-text-color);\n}\n.kindLine_14403840de.colorDark_9bb4346aa0.clickable_10ad7007f0:hover, .kindLine_14403840de.colorDark_9bb4346aa0.clickable_10ad7007f0:active {\n  background-color: var(--primary-background-hover-color);\n}\n.kindLine_14403840de.colorNegative_af1fb5841b {\n  color: var(--negative-color);\n}\n.kindLine_14403840de.colorNegative_af1fb5841b svg path {\n  fill: var(--negative-color);\n}\n.kindLine_14403840de.colorNegative_af1fb5841b.clickable_10ad7007f0:hover, .kindLine_14403840de.colorNegative_af1fb5841b.clickable_10ad7007f0:active {\n  background-color: var(--negative-color-selected);\n}\n.kindLine_14403840de.colorPositive_d4cb635088 {\n  color: var(--positive-color);\n}\n.kindLine_14403840de.colorPositive_d4cb635088 svg path {\n  fill: var(--positive-color);\n}\n.kindLine_14403840de.colorPositive_d4cb635088.clickable_10ad7007f0:hover, .kindLine_14403840de.colorPositive_d4cb635088.clickable_10ad7007f0:active {\n  background-color: var(--positive-color-selected);\n}\n.kindLine_14403840de .smallText_86745ebbe0 {\n  line-height: 14px;\n}");export{a as default};
 //# sourceMappingURL=Label.module.scss.js.map

package/dist/src/components/Label/LabelCelebrationAnimation.module.scss.js

@@ -1,2 +1,2 @@
-var e={celebration:"celebration_0f9bbcb500",svg:"svg_19c0a332d7",stroke:"stroke_8a53d61aac","stroke-rotate":"stroke-rotate_e51244a1b9",base:"base_55173d48ab",fade:"fade_28211598f8",first:"first_a5c2b0c9d6",second:"second_c6ecc6dce7",third:"third_b7debd3ef8","gradient-text-fill":"gradient-text-fill_d4671090ca"};!function(e){const n="s_id-cc5df975abc6_3_88_5";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".celebration_0f9bbcb500 {\n  --container-perimeter: 840;\n  position: relative;\n}\n.celebration_0f9bbcb500 .svg_19c0a332d7 {\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 100%;\n  width: 100%;\n}\n.celebration_0f9bbcb500 .svg_19c0a332d7 .stroke_8a53d61aac {\n  fill: none;\n  stroke-width: 1;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  animation: stroke-rotate_e51244a1b9 cubic-bezier(0.33, 0, 0.67, 1) forwards;\n  stroke-dasharray: var(--container-perimeter);\n  stroke-dashoffset: var(--container-perimeter);\n}\n.celebration_0f9bbcb500 .svg_19c0a332d7 .stroke_8a53d61aac.base_55173d48ab {\n  stroke: var(--color-egg_yolk);\n  animation: fade_28211598f8 200ms linear forwards;\n  animation-delay: 80ms;\n  stroke-dasharray: 0;\n  stroke-dashoffset: 0;\n  opacity: 0;\n}\n.celebration_0f9bbcb500 .svg_19c0a332d7 .stroke_8a53d61aac.first_a5c2b0c9d6 {\n  stroke: var(--color-done-green);\n  animation-delay: 80ms;\n  animation-duration: 320ms;\n}\n.celebration_0f9bbcb500 .svg_19c0a332d7 .stroke_8a53d61aac.second_c6ecc6dce7 {\n  stroke: var(--color-stuck-red);\n  animation-delay: 200ms;\n  animation-duration: 320ms;\n}\n.celebration_0f9bbcb500 .svg_19c0a332d7 .stroke_8a53d61aac.third_b7debd3ef8 {\n  stroke: var(--primary-color);\n  animation-delay: 360ms;\n  animation-duration: 320ms;\n}\n.celebration_0f9bbcb500.celebration_0f9bbcb500 [data-celebration-text] {\n  background-size: 300% 100%;\n  background-repeat: no-repeat;\n  background-clip: text;\n  -webkit-background-clip: text;\n  color: transparent;\n  animation: gradient-text-fill_d4671090ca 680ms linear forwards;\n  background-image: linear-gradient(to right, var(--primary-color) 30%, var(--color-stuck-red) 40%, var(--color-done-green) 60%, var(--color-egg_yolk) 85%, transparent 90%);\n}\n@keyframes fade_28211598f8 {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n@keyframes stroke-rotate_e51244a1b9 {\n  to {\n    stroke-dashoffset: 0;\n  }\n}\n@keyframes gradient-text-fill_d4671090ca {\n  from {\n    background-position: 150% 0;\n  }\n  to {\n    background-position: 0% 0;\n  }\n}");export{e as default};
+var e={celebration:"celebration_a1f60c25b1",svg:"svg_23ee5cce41",stroke:"stroke_7e0ca0a1b3","stroke-rotate":"stroke-rotate_4cce95381f",base:"base_ad837a556c",fade:"fade_7f34857386",first:"first_74deb3f59e",second:"second_9d96cd5404",third:"third_dd65c7e211","gradient-text-fill":"gradient-text-fill_7b298b3477"};!function(e){const n="s_id-cc5df975abc6_3_88_6";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".celebration_a1f60c25b1 {\n  --container-perimeter: 840;\n  position: relative;\n}\n.celebration_a1f60c25b1 .svg_23ee5cce41 {\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 100%;\n  width: 100%;\n}\n.celebration_a1f60c25b1 .svg_23ee5cce41 .stroke_7e0ca0a1b3 {\n  fill: none;\n  stroke-width: 1;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  animation: stroke-rotate_4cce95381f cubic-bezier(0.33, 0, 0.67, 1) forwards;\n  stroke-dasharray: var(--container-perimeter);\n  stroke-dashoffset: var(--container-perimeter);\n}\n.celebration_a1f60c25b1 .svg_23ee5cce41 .stroke_7e0ca0a1b3.base_ad837a556c {\n  stroke: var(--color-egg_yolk);\n  animation: fade_7f34857386 200ms linear forwards;\n  animation-delay: 80ms;\n  stroke-dasharray: 0;\n  stroke-dashoffset: 0;\n  opacity: 0;\n}\n.celebration_a1f60c25b1 .svg_23ee5cce41 .stroke_7e0ca0a1b3.first_74deb3f59e {\n  stroke: var(--color-done-green);\n  animation-delay: 80ms;\n  animation-duration: 320ms;\n}\n.celebration_a1f60c25b1 .svg_23ee5cce41 .stroke_7e0ca0a1b3.second_9d96cd5404 {\n  stroke: var(--color-stuck-red);\n  animation-delay: 200ms;\n  animation-duration: 320ms;\n}\n.celebration_a1f60c25b1 .svg_23ee5cce41 .stroke_7e0ca0a1b3.third_dd65c7e211 {\n  stroke: var(--primary-color);\n  animation-delay: 360ms;\n  animation-duration: 320ms;\n}\n.celebration_a1f60c25b1.celebration_a1f60c25b1 [data-celebration-text] {\n  background-size: 300% 100%;\n  background-repeat: no-repeat;\n  background-clip: text;\n  -webkit-background-clip: text;\n  color: transparent;\n  animation: gradient-text-fill_7b298b3477 680ms linear forwards;\n  background-image: linear-gradient(to right, var(--primary-color) 30%, var(--color-stuck-red) 40%, var(--color-done-green) 60%, var(--color-egg_yolk) 85%, transparent 90%);\n}\n@keyframes fade_7f34857386 {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n@keyframes stroke-rotate_4cce95381f {\n  to {\n    stroke-dashoffset: 0;\n  }\n}\n@keyframes gradient-text-fill_7b298b3477 {\n  from {\n    background-position: 150% 0;\n  }\n  to {\n    background-position: 0% 0;\n  }\n}");export{e as default};
 //# sourceMappingURL=LabelCelebrationAnimation.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var n={container:"container_62b7005dff",overlay:"overlay_d70be9bd1c","overlay-fade-out":"overlay-fade-out_514e0c2259","overlay-fade-in":"overlay-fade-in_28211598f8",dialog:"dialog_16c48792f6",default:"default_eb06d38707",full:"full_5c543cc8ab",spacing:"spacing_c3084055c4"};!function(n){const e="s_id-fe267e23c74c_3_88_5";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,a.firstChild?a.insertBefore(o,a.firstChild):a.appendChild(o),o.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".container_62b7005dff,\n.overlay_d70be9bd1c {\n  position: fixed;\n  inset: 0;\n}\n\n.container_62b7005dff {\n  --monday-modal-z-index: 10000;\n  z-index: var(--monday-modal-z-index);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.container_62b7005dff[aria-hidden=true] {\n  display: none;\n}\n\n.container_62b7005dff[aria-hidden=true] .overlay_d70be9bd1c {\n  background-color: transparent;\n  animation: overlay-fade-out_514e0c2259 70ms var(--motion-timing-enter);\n}\n\n.overlay_d70be9bd1c {\n  background-color: rgba(41, 47, 76, 0.7);\n  animation: overlay-fade-in_28211598f8 70ms var(--motion-timing-enter);\n}\n\n.dialog_16c48792f6 {\n  display: flex;\n  position: relative;\n  flex-direction: column;\n  padding-block: var(--spacing-large);\n  padding-inline: var(--spacing-xl);\n  border-radius: var(--border-radius-big);\n  box-shadow: var(--box-shadow-large);\n  background-color: var(--secondary-background-color);\n  max-height: 90vh;\n  max-width: 90vw;\n}\n\n.dialog_16c48792f6.default_eb06d38707 {\n  width: 520px;\n}\n\n.dialog_16c48792f6.full_5c543cc8ab {\n  width: 100vw;\n}\n\n.dialog_16c48792f6.spacing_c3084055c4 {\n  gap: var(--spacing-medium);\n}\n\n@keyframes overlay-fade-in_28211598f8 {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n\n@keyframes overlay-fade-out_514e0c2259 {\n  from {\n    opacity: 1;\n  }\n  to {\n    opacity: 0;\n  }\n}");export{n as default};
+var n={container:"container_98a8e96180",overlay:"overlay_9fec76a49f","overlay-fade-out":"overlay-fade-out_d74969dc11","overlay-fade-in":"overlay-fade-in_7f34857386",dialog:"dialog_8fc7a49d7e",default:"default_a054ed45a3",full:"full_ada887e838",spacing:"spacing_f78a849a10"};!function(n){const a="s_id-fe267e23c74c_3_88_6";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+a))return;const o=document.createElement("style");o.id=a,e.firstChild?e.insertBefore(o,e.firstChild):e.appendChild(o),o.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=n)}(".container_98a8e96180,\n.overlay_9fec76a49f {\n  position: fixed;\n  inset: 0;\n}\n\n.container_98a8e96180 {\n  --monday-modal-z-index: 10000;\n  z-index: var(--monday-modal-z-index);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.container_98a8e96180[aria-hidden=true] {\n  display: none;\n}\n\n.container_98a8e96180[aria-hidden=true] .overlay_9fec76a49f {\n  background-color: transparent;\n  animation: overlay-fade-out_d74969dc11 70ms var(--motion-timing-enter);\n}\n\n.overlay_9fec76a49f {\n  background-color: rgba(41, 47, 76, 0.7);\n  animation: overlay-fade-in_7f34857386 70ms var(--motion-timing-enter);\n}\n\n.dialog_8fc7a49d7e {\n  display: flex;\n  position: relative;\n  flex-direction: column;\n  padding-block: var(--spacing-large);\n  padding-inline: var(--spacing-xl);\n  border-radius: var(--border-radius-big);\n  box-shadow: var(--box-shadow-large);\n  background-color: var(--secondary-background-color);\n  max-height: 90vh;\n  max-width: 90vw;\n}\n\n.dialog_8fc7a49d7e.default_a054ed45a3 {\n  width: 520px;\n}\n\n.dialog_8fc7a49d7e.full_ada887e838 {\n  width: 100vw;\n}\n\n.dialog_8fc7a49d7e.spacing_f78a849a10 {\n  gap: var(--spacing-medium);\n}\n\n@keyframes overlay-fade-in_7f34857386 {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n\n@keyframes overlay-fade-out_d74969dc11 {\n  from {\n    opacity: 1;\n  }\n  to {\n    opacity: 0;\n  }\n}");export{n as default};
 //# sourceMappingURL=LegacyModal.module.scss.js.map

package/dist/src/components/LegacyModal/LegacyModalContent/LegacyModalContent.module.scss.js

@@ -1,2 +1,2 @@
-var e={container:"container_0cc1665a95"};!function(e){const n="s_id-40a1f8a37338_3_88_5";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.container_0cc1665a95 {\n  flex-grow: 1;\n  overflow: auto;\n}\n.container_0cc1665a95::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.container_0cc1665a95::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{e as default};
+var e={container:"container_5a908d537e"};!function(e){const n="s_id-40a1f8a37338_3_88_6";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.container_5a908d537e {\n  flex-grow: 1;\n  overflow: auto;\n}\n.container_5a908d537e::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.container_5a908d537e::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{e as default};
 //# sourceMappingURL=LegacyModalContent.module.scss.js.map

package/dist/src/components/LegacyModal/LegacyModalFooter/LegacyModalFooter.module.scss.js

@@ -1,2 +1,2 @@
-var e={container:"container_24cd41a1fe"};!function(e){const t="s_id-9ff7e713f88b_3_88_5";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".container_24cd41a1fe {\n  margin-block-start: var(--spacing-large);\n}");export{e as default};
+var e={container:"container_5a9038fb0a"};!function(e){const t="s_id-9ff7e713f88b_3_88_6";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".container_5a9038fb0a {\n  margin-block-start: var(--spacing-large);\n}");export{e as default};
 //# sourceMappingURL=LegacyModalFooter.module.scss.js.map

package/dist/src/components/LegacyModal/LegacyModalHeader/LegacyModalHeader.module.scss.js

@@ -1,2 +1,2 @@
-var e={container:"container_4cb6de683e",icon:"icon_eed1ffbebe",description:"description_198bce0f27",closeButton:"closeButton_9b9ef15f09"};!function(e){const n="s_id-f34f7b91e8f3_3_88_5";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.container_4cb6de683e {\n  margin-block-start: var(--spacing-medium);\n}\n.container_4cb6de683e .icon_eed1ffbebe {\n  margin-top: var(--spacing-xs);\n  flex-shrink: 0;\n  color: var(--primary-text-color);\n}\n.container_4cb6de683e .description_198bce0f27 {\n  margin-block-start: var(--spacing-small);\n  color: var(--secondary-text-color);\n}\n.container_4cb6de683e .closeButton_9b9ef15f09 {\n  position: absolute;\n  right: 20px;\n  top: 20px;\n}");export{e as default};
+var e={container:"container_74b40c4296",icon:"icon_37805e9e19",description:"description_2188c6e383",closeButton:"closeButton_9397112cdb"};!function(e){const n="s_id-f34f7b91e8f3_3_88_6";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.container_74b40c4296 {\n  margin-block-start: var(--spacing-medium);\n}\n.container_74b40c4296 .icon_37805e9e19 {\n  margin-top: var(--spacing-xs);\n  flex-shrink: 0;\n  color: var(--primary-text-color);\n}\n.container_74b40c4296 .description_2188c6e383 {\n  margin-block-start: var(--spacing-small);\n  color: var(--secondary-text-color);\n}\n.container_74b40c4296 .closeButton_9397112cdb {\n  position: absolute;\n  right: 20px;\n  top: 20px;\n}");export{e as default};
 //# sourceMappingURL=LegacyModalHeader.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var n={link:"link_e684200d66","focus-visible":"focus-visible_44ca32acb2",colorOnPrimary:"colorOnPrimary_3ad940b73b",colorOnInverted:"colorOnInverted_a9c1d000e6",text:"text_b73231fad4",inlineText:"inlineText_764a336012",inheritFontSize:"inheritFontSize_d7b48fdc53",iconStart:"iconStart_01ee5078d6",iconEnd:"iconEnd_656b329276"};!function(n){const e="s_id-6fcc93dacbaa_3_88_5";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,i.firstChild?i.insertBefore(t,i.firstChild):i.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.link_e684200d66 {\n  display: flex;\n  align-items: center;\n  color: var(--link-color);\n  font: var(--font-text2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  text-decoration: none;\n  writing-mode: horizontal-tb;\n}\n.link_e684200d66:focus-visible, .link_e684200d66.focus-visible_44ca32acb2 {\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.link_e684200d66:focus:not(.focus-visible_44ca32acb2) {\n  outline: none;\n}\n.link_e684200d66.colorOnPrimary_3ad940b73b {\n  color: var(--text-color-on-primary);\n}\n.link_e684200d66.colorOnInverted_a9c1d000e6 {\n  color: var(--text-color-on-inverted);\n}\n.link_e684200d66:hover .text_b73231fad4 {\n  text-decoration: underline;\n  color: inherit;\n}\n.link_e684200d66.inlineText_764a336012 {\n  display: inline-flex;\n  align-items: unset;\n}\n.link_e684200d66.inheritFontSize_d7b48fdc53 {\n  font-size: inherit;\n  line-height: inherit;\n}\n.iconStart_01ee5078d6 {\n  line-height: 24px;\n  margin-right: var(--spacing-small);\n}\n.iconEnd_656b329276 {\n  line-height: 24px;\n  margin-left: var(--spacing-small);\n}\n@supports (margin-inline-start: initial) {\n  .iconStart_01ee5078d6 {\n    line-height: 24px;\n    margin-right: 0;\n    margin-inline-end: var(--spacing-xs);\n  }\n  .iconEnd_656b329276 {\n    line-height: 24px;\n    margin-left: 0;\n    margin-inline-start: var(--spacing-xs);\n  }\n}");export{n as default};
+var n={link:"link_49d2390e5b","focus-visible":"focus-visible_ef81741bea",colorOnPrimary:"colorOnPrimary_3737c8c638",colorOnInverted:"colorOnInverted_db17540cba",text:"text_680b4ec6a3",inlineText:"inlineText_bae6d50279",inheritFontSize:"inheritFontSize_46127ea08f",iconStart:"iconStart_37514048ea",iconEnd:"iconEnd_7ee2b87f2b"};!function(n){const e="s_id-6fcc93dacbaa_3_88_6";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,i.firstChild?i.insertBefore(t,i.firstChild):i.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.link_49d2390e5b {\n  display: flex;\n  align-items: center;\n  color: var(--link-color);\n  font: var(--font-text2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  text-decoration: none;\n  writing-mode: horizontal-tb;\n}\n.link_49d2390e5b:focus-visible, .link_49d2390e5b.focus-visible_ef81741bea {\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.link_49d2390e5b:focus:not(.focus-visible_ef81741bea) {\n  outline: none;\n}\n.link_49d2390e5b.colorOnPrimary_3737c8c638 {\n  color: var(--text-color-on-primary);\n}\n.link_49d2390e5b.colorOnInverted_db17540cba {\n  color: var(--text-color-on-inverted);\n}\n.link_49d2390e5b:hover .text_680b4ec6a3 {\n  text-decoration: underline;\n  color: inherit;\n}\n.link_49d2390e5b.inlineText_bae6d50279 {\n  display: inline-flex;\n  align-items: unset;\n}\n.link_49d2390e5b.inheritFontSize_46127ea08f {\n  font-size: inherit;\n  line-height: inherit;\n}\n.iconStart_37514048ea {\n  line-height: 24px;\n  margin-right: var(--spacing-small);\n}\n.iconEnd_7ee2b87f2b {\n  line-height: 24px;\n  margin-left: var(--spacing-small);\n}\n@supports (margin-inline-start: initial) {\n  .iconStart_37514048ea {\n    line-height: 24px;\n    margin-right: 0;\n    margin-inline-end: var(--spacing-xs);\n  }\n  .iconEnd_7ee2b87f2b {\n    line-height: 24px;\n    margin-left: 0;\n    margin-inline-start: var(--spacing-xs);\n  }\n}");export{n as default};
 //# sourceMappingURL=Link.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={list:"list_fc57078d91"};!function(e){const t="s_id-ed9bf484fec4_3_88_5";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)}("/* stylelint-disable selector-class-pattern */\n/* stylelint-disable */\n/* stylelint-enable */\n.list_fc57078d91 {\n  margin: 0;\n  padding: 0;\n  overflow: auto;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.list_fc57078d91::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.list_fc57078d91::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{e as default};
+var e={list:"list_68aaabb36c"};!function(e){const t="s_id-ed9bf484fec4_3_88_6";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)}("/* stylelint-disable selector-class-pattern */\n/* stylelint-disable */\n/* stylelint-enable */\n.list_68aaabb36c {\n  margin: 0;\n  padding: 0;\n  overflow: auto;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.list_68aaabb36c::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.list_68aaabb36c::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{e as default};
 //# sourceMappingURL=List.module.scss.js.map

package/dist/src/components/List/VirtualizedListItems/VirtualizedListItems.module.scss.js

@@ -1,2 +1,2 @@
-var e={scrollableContainer:"scrollableContainer_b79bde0798"};!function(e){const n="s_id-6ed55dee5450_3_88_5";if("undefined"!=typeof document){const l=document.head||document.getElementsByTagName("head")[0];if(l.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,l.firstChild?l.insertBefore(t,l.firstChild):l.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.scrollableContainer_b79bde0798 {\n  margin: 0;\n  padding: 0;\n  overflow: auto;\n}\n.scrollableContainer_b79bde0798::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer_b79bde0798::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{e as default};
+var e={scrollableContainer:"scrollableContainer_69a00a8445"};!function(e){const n="s_id-6ed55dee5450_3_88_6";if("undefined"!=typeof document){const l=document.head||document.getElementsByTagName("head")[0];if(l.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,l.firstChild?l.insertBefore(t,l.firstChild):l.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.scrollableContainer_69a00a8445 {\n  margin: 0;\n  padding: 0;\n  overflow: auto;\n}\n.scrollableContainer_69a00a8445::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer_69a00a8445::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{e as default};
 //# sourceMappingURL=VirtualizedListItems.module.scss.js.map

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

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

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

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

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

@@ -1,2 +1,2 @@
-var e={listItemIcon:"listItemIcon_6c4caf75b3",start:"start_9cf151caae",end:"end_0d8625409d"};!function(e){const t="s_id-0831d1bc0202_3_88_5";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.listItemIcon_6c4caf75b3 {\n  display: flex;\n  align-items: center;\n  color: var(--primary-text-color);\n}\n.start_9cf151caae {\n  margin-right: var(--spacing-small);\n}\n.end_0d8625409d {\n  margin-left: var(--spacing-small);\n}");export{e as default};
+var e={listItemIcon:"listItemIcon_22063a749c",start:"start_6afc5ec1f3",end:"end_bb1cc63bcc"};!function(e){const t="s_id-0831d1bc0202_3_88_6";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const c=document.createElement("style");c.id=t,n.firstChild?n.insertBefore(c,n.firstChild):n.appendChild(c),c.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.listItemIcon_22063a749c {\n  display: flex;\n  align-items: center;\n  color: var(--primary-text-color);\n}\n.start_6afc5ec1f3 {\n  margin-right: var(--spacing-small);\n}\n.end_bb1cc63bcc {\n  margin-left: var(--spacing-small);\n}");export{e as default};
 //# sourceMappingURL=ListItemIcon.module.scss.js.map

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

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

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

@@ -1,2 +1,2 @@
-var e={menu:"menu_ec59bf0626",small:"small_a3ed6be937",medium:"medium_a8f2b35786",large:"large_90c264b895"};!function(e){const n="s_id-1599ba0bb296_3_88_5";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const l=document.createElement("style");l.id=n,t.firstChild?t.insertBefore(l,t.firstChild):t.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.menu_ec59bf0626 {\n  margin: unset;\n  padding: unset;\n  position: relative;\n}\n.menu_ec59bf0626:focus {\n  outline: none;\n}\n.small_a3ed6be937 {\n  width: 200px;\n}\n.medium_a8f2b35786 {\n  width: 220px;\n}\n.large_90c264b895 {\n  width: 240px;\n}");export{e as default};
+var e={menu:"menu_60c01db7a2",small:"small_23920a6924",medium:"medium_8cc15d4742",large:"large_adf1d040bf"};!function(e){const n="s_id-bbf29f58ae1f_3_88_6";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)}("/* stylelint-disable */\n/* stylelint-enable */\n.menu_60c01db7a2 {\n  margin: unset;\n  padding: 8px;\n  position: relative;\n  overflow: visible;\n  box-sizing: border-box;\n  width: 100%;\n}\n.menu_60c01db7a2:focus {\n  outline: none;\n}\n.small_23920a6924 {\n  min-width: 200px;\n}\n.medium_8cc15d4742 {\n  min-width: 220px;\n}\n.large_adf1d040bf {\n  min-width: 240px;\n}");export{e as default};
 //# sourceMappingURL=Menu.module.scss.js.map

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

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

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

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

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, Icon, type SubIcon } from \"@vibe/icon\";\nimport { useIsOverflowing } from \"@vibe/hooks\";\nimport { type VibeComponentProps, withStaticProps } from \"../../../types\";\nimport { type CloseMenuOption, type MenuChild } from \"../Menu/MenuConstants\";\nimport Label from \"../../Label/Label\";\nimport styles from \"./MenuItem.module.scss\";\nimport BaseMenuItem from \"./components/BaseMenuItem/BaseMenuItem\";\nimport MenuItemIcon from \"./components/MenuItemIcon/MenuItemIcon\";\nimport { type TooltipPositions, TooltipPositionsEnum } from \"@vibe/tooltip\";\nimport { type SubmenuPosition } from \"./MenuItem.types\";\nimport { Flex } from \"@vibe/layout\";\n\nexport interface MenuItemProps extends VibeComponentProps {\n  /**\n   * The title of the menu item.\n   */\n  title?: string;\n  /**\n   * The label displayed alongside the title.\n   */\n  label?: string | React.ReactElement<typeof Label>;\n  /**\n   * The icon displayed in the menu item.\n   */\n  icon?: SubIcon;\n  /**\n   * The type of icon.\n   */\n  iconType?: IconType;\n  /**\n   * The background color of the icon.\n   */\n  iconBackgroundColor?: string;\n  /**\n   * The right icon to be displayed.\n   */\n  rightIcon?: SubIcon;\n  /**\n   * The type of right icon.\n   */\n  rightIconType?: IconType;\n  /**\n   * The background color of the right icon.\n   */\n  rightIconBackgroundColor?: string;\n  /**\n   * Class name applied to the icon wrapper.\n   */\n  rightIconWrapperClassName?: string;\n  /**\n   * The label of the menu item for accessibility.\n   */\n  rightIconAriaLabel?: AriaAttributes[\"aria-label\"];\n  /**\n   * If true, the menu item is disabled.\n   */\n  disabled?: boolean;\n  /**\n   * The reason for disabling the item, shown in a tooltip.\n   */\n  disableReason?: string;\n  /**\n   * If true, the menu item is selected.\n   */\n  selected?: boolean;\n  /**\n   * Callback fired when the menu item is clicked.\n   */\n  onClick?: (event: React.MouseEvent | React.KeyboardEvent) => void;\n  /**\n   * The active item index in the menu.\n   */\n  activeItemIndex?: number;\n  /**\n   * Callback to set the active item index.\n   */\n  setActiveItemIndex?: (index: number) => void;\n  /**\n   * The index of the menu item.\n   */\n  index?: number;\n  /**\n   * The key of the menu item.\n   */\n  key?: string;\n  /**\n   * If true, the parent menu is visible.\n   */\n  isParentMenuVisible?: boolean;\n  /**\n   * Callback to reset the open submenu index.\n   */\n  resetOpenSubMenuIndex?: () => void;\n  /**\n   * If true, a submenu is open.\n   */\n  hasOpenSubMenu?: boolean;\n  /**\n   * Callback to open or close a submenu by index.\n   */\n  setSubMenuIsOpenByIndex?: (index: number, isOpen: boolean) => void;\n  /**\n   * If true, document event listeners are used for handling interactions.\n   */\n  useDocumentEventListeners?: boolean;\n  /**\n   * The tooltip content for the menu item.\n   */\n  tooltipContent?: string;\n  /**\n   * The position of the tooltip.\n   */\n  tooltipPosition?: TooltipPositions;\n  /**\n   * The delay in milliseconds before the tooltip shows.\n   */\n  tooltipShowDelay?: number;\n  /**\n   * Additional props for customizing the tooltip.\n   */\n  tooltipProps?: Partial<TooltipProps>;\n  /**\n   * Callback fired when the mouse leaves the item.\n   */\n  onMouseLeave?: (event: React.MouseEvent) => void;\n  /**\n   * Callback fired when the mouse enters the item.\n   */\n  onMouseEnter?: (event: React.MouseEvent) => void;\n  /**\n   * Class name applied to the icon wrapper.\n   */\n  iconWrapperClassName?: string;\n  /**\n   * If true, the menu item starts as selected.\n   */\n  isInitialSelectedState?: boolean;\n  /**\n   * If true, the menu scrolls to ensure visibility.\n   */\n  shouldScrollMenu?: boolean;\n  /**\n   * Function to close the menu with a given option.\n   */\n  closeMenu?: (option: CloseMenuOption) => void;\n  /**\n   * Reference to the menu container.\n   */\n  menuRef?: React.RefObject<HTMLElement>;\n  /**\n   * The submenu items, if applicable.\n   */\n  children?: MenuChild | MenuChild[];\n  /**\n   * If true, enables a split menu item interaction where the main area triggers an action,\n   * while the icon button opens the submenu.\n   */\n  splitMenuItem?: boolean;\n  /**\n   * The label of the menu item for accessibility.\n   */\n  \"aria-label\"?: AriaAttributes[\"aria-label\"];\n  /**\n   * The position of a submenu relative to the menu item.\n   */\n  submenuPosition?: SubmenuPosition;\n  /**\n   * If true, automatically repositions the submenu when its content changes.\n   */\n  autoAdjustOnSubMenuContentResize?: boolean;\n}\n\nexport interface MenuItemTitleComponentProps extends Omit<MenuItemProps, \"title\"> {\n  title: ReactElement;\n  \"aria-label\": NonNullable<AriaAttributes[\"aria-label\"]>;\n}\n\nconst MenuItem = forwardRef(\n  (\n    {\n      className,\n      iconWrapperClassName,\n      rightIconWrapperClassName,\n      title = \"\",\n      label = \"\",\n      icon = \"\",\n      rightIcon = \"\",\n      rightIconType,\n      rightIconBackgroundColor,\n      rightIconAriaLabel,\n      iconType,\n      iconBackgroundColor,\n      disabled = false,\n      disableReason,\n      selected = false,\n      key,\n      children,\n      tooltipContent,\n      tooltipPosition = \"right\",\n      tooltipShowDelay = 300,\n      tooltipProps,\n      \"aria-label\": ariaLabel,\n      ...baseMenuProps\n    }: MenuItemProps | MenuItemTitleComponentProps,\n    ref: ForwardedRef<HTMLElement>\n  ) => {\n    const titleRef = useRef();\n\n    // if \"title\" is a component ariaLabel is mandatory\n    const iconLabel = ariaLabel ?? (title as string);\n    const rightIconLabel = rightIconAriaLabel ?? (title as string);\n\n    const isTitleHoveredAndOverflowing = useIsOverflowing({ ref: titleRef });\n    const shouldShowTooltip = isTitleHoveredAndOverflowing || disabled || tooltipContent;\n\n    const finalTooltipContent = useMemo(() => {\n      if (disabled) return disableReason;\n      if (tooltipContent) return tooltipContent;\n      return title;\n    }, [disableReason, disabled, title, tooltipContent]);\n\n    const renderLabel = useMemo(() => {\n      if (!label) return;\n      if (typeof label === \"string\") {\n        return <Label kind=\"line\" text={label} />;\n      }\n      if (React.isValidElement(label) && label.type === Label) {\n        return label;\n      }\n    }, [label]);\n\n    return (\n      <Tooltip\n        content={shouldShowTooltip ? finalTooltipContent : null}\n        position={tooltipPosition}\n        showDelay={tooltipShowDelay}\n        {...tooltipProps}\n      >\n        <BaseMenuItem\n          key={key}\n          ref={ref}\n          subMenu={children}\n          className={className}\n          disabled={disabled}\n          selected={selected}\n          {...baseMenuProps}\n        >\n          {Boolean(icon) && (\n            <MenuItemIcon\n              icon={icon}\n              type={iconType}\n              label={iconLabel}\n              disabled={disabled}\n              selected={selected}\n              backgroundColor={iconBackgroundColor}\n              wrapperClassName={iconWrapperClassName}\n            />\n          )}\n          <div ref={titleRef} className={styles.title}>\n            {title}\n          </div>\n          <Flex gap=\"xs\">\n            {Boolean(rightIcon) && !children && (\n              <MenuItemIcon\n                icon={rightIcon}\n                type={rightIconType}\n                label={rightIconLabel}\n                disabled={disabled}\n                selected={selected}\n                backgroundColor={rightIconBackgroundColor}\n                isRightIcon={true}\n                wrapperClassName={rightIconWrapperClassName}\n              />\n            )}\n            {renderLabel}\n          </Flex>\n        </BaseMenuItem>\n      </Tooltip>\n    );\n  }\n);\n\nObject.assign(MenuItem, {\n  isSelectable: true,\n  isMenuChild: true\n});\n\ninterface MenuItemStaticProps {\n  iconType: typeof Icon.type;\n  tooltipPositions: typeof TooltipPositionsEnum;\n}\n\nexport default withStaticProps<MenuItemProps | MenuItemTitleComponentProps, MenuItemStaticProps>(MenuItem, {\n  iconType: Icon.type,\n  tooltipPositions: TooltipPositionsEnum\n});\n"],"names":["MenuItem","forwardRef","_a","ref","className","iconWrapperClassName","rightIconWrapperClassName","_a$title","title","_a$label","label","_a$icon","icon","_a$rightIcon","rightIcon","rightIconType","rightIconBackgroundColor","rightIconAriaLabel","iconType","iconBackgroundColor","_a$disabled","disabled","disableReason","_a$selected","selected","key","children","tooltipContent","_a$tooltipPosition","tooltipPosition","_a$tooltipShowDelay","tooltipShowDelay","tooltipProps","ariaLabel","baseMenuProps","__rest","titleRef","useRef","iconLabel","rightIconLabel","shouldShowTooltip","useIsOverflowing","finalTooltipContent","useMemo","renderLabel","React","createElement","Label","kind","text","isValidElement","type","Tooltip","Object","assign","content","position","showDelay","BaseMenuItem","subMenu","MenuItemIcon","backgroundColor","wrapperClassName","styles","Flex","gap","isRightIcon","isSelectable","isMenuChild","withStaticProps","Icon","tooltipPositions","TooltipPositionsEnum"],"mappings":"ywBAmLA,IAAMA,EAAWC,GACf,SACEC,EAyBAC,GAzBA,IACEC,EAuB4CF,EAvB5CE,UACAC,EAsB4CH,EAtB5CG,qBACAC,EAqB4CJ,EArB5CI,0BAAyBC,EAqBmBL,EApB5CM,MAAAA,OAAQ,IAAHD,EAAG,GAAEA,EAAAE,EAoBkCP,EAnB5CQ,MAAAA,OAAQ,IAAHD,EAAG,GAAEA,EAAAE,EAmBkCT,EAlB5CU,KAAAA,OAAO,IAAHD,EAAG,GAAEA,EAAAE,EAkBmCX,EAjB5CY,UAAAA,OAAY,IAAHD,EAAG,GAAEA,EACdE,EAgB4Cb,EAhB5Ca,cACAC,EAe4Cd,EAf5Cc,yBACAC,EAc4Cf,EAd5Ce,mBACAC,EAa4ChB,EAb5CgB,SACAC,EAY4CjB,EAZ5CiB,oBAAmBC,EAYyBlB,EAX5CmB,SAAAA,OAAW,IAAHD,GAAQA,EAChBE,EAU4CpB,EAV5CoB,cAAaC,EAU+BrB,EAT5CsB,SAAAA,OAAW,IAAHD,GAAQA,EAChBE,EAQ4CvB,EAR5CuB,IACAC,EAO4CxB,EAP5CwB,SACAC,EAM4CzB,EAN5CyB,eAAcC,EAM8B1B,EAL5C2B,gBAAAA,OAAkB,IAAHD,EAAG,QAAOA,EAAAE,EAKmB5B,EAJ5C6B,iBAAAA,OAAmB,IAAHD,EAAG,IAAGA,EACtBE,EAG4C9B,EAH5C8B,aACcC,EAE8B/B,EAF5C,cACGgC,EAAaC,EAAAjC,EAvBlB,+UA2BMkC,EAAWC,IAGXC,EAAYL,QAAAA,EAAczB,EAC1B+B,EAAiBtB,QAAAA,EAAuBT,EAGxCgC,EAD+BC,EAAiB,CAAEtC,IAAKiC,KACHf,GAAYM,EAEhEe,EAAsBC,GAAQ,WAClC,OAAItB,EAAiBC,EACjBK,GACGnB,CACR,GAAE,CAACc,EAAeD,EAAUb,EAAOmB,IAE9BiB,EAAcD,GAAQ,WAC1B,GAAKjC,EACL,MAAqB,iBAAVA,EACFmC,EAAAC,cAACC,EAAK,CAACC,KAAK,OAAOC,KAAMvC,IAE9BmC,EAAMK,eAAexC,IAAUA,EAAMyC,OAASJ,EACzCrC,OADT,CAGF,GAAG,CAACA,IAEJ,OACEmC,EAACC,cAAAM,EACCC,OAAAC,OAAA,CAAAC,QAASf,EAAoBE,EAAsB,KACnDc,SAAU3B,EACV4B,UAAW1B,GACPC,GAEJa,EAACC,cAAAY,EACCL,OAAAC,OAAA,CAAA7B,IAAKA,EACLtB,IAAKA,EACLwD,QAASjC,EACTtB,UAAWA,EACXiB,SAAUA,EACVG,SAAUA,GACNU,KAEKtB,GACPiC,gBAACe,EAAY,CACXhD,KAAMA,EACNuC,KAAMjC,EACNR,MAAO4B,EACPjB,SAAUA,EACVG,SAAUA,EACVqC,gBAAiB1C,EACjB2C,iBAAkBzD,IAGtBwC,EAAKC,cAAA,MAAA,CAAA3C,IAAKiC,EAAUhC,UAAW2D,EAAOvD,OACnCA,GAEHqC,EAAAC,cAACkB,EAAI,CAACC,IAAI,QACCnD,IAAeY,GACtBmB,EAAAC,cAACc,EACC,CAAAhD,KAAME,EACNqC,KAAMpC,EACNL,MAAO6B,EACPlB,SAAUA,EACVG,SAAUA,EACVqC,gBAAiB7C,EACjBkD,aAAa,EACbJ,iBAAkBxD,IAGrBsC,IAKX,IAGFS,OAAOC,OAAOtD,EAAU,CACtBmE,cAAc,EACdC,aAAa,IAQf,IAAeC,EAAAA,EAAkFrE,EAAU,CACzGkB,SAAUoD,EAAKnB,KACfoB,iBAAkBC"}
+{"version":3,"file":"MenuItem.js","sources":["../../../../../src/components/Menu/MenuItem/MenuItem.tsx"],"sourcesContent":["import React, { type AriaAttributes, type ForwardedRef, type ReactElement, forwardRef, useMemo, useRef } from \"react\";\nimport { Tooltip, type TooltipProps } from \"@vibe/tooltip\";\nimport { type IconType, Icon, type SubIcon } from \"@vibe/icon\";\nimport { useIsOverflowing } from \"@vibe/hooks\";\nimport { type VibeComponentProps, withStaticProps } from \"../../../types\";\nimport { type CloseMenuOption, type MenuChild } from \"../Menu/MenuConstants\";\nimport Label from \"../../Label/Label\";\nimport styles from \"./MenuItem.module.scss\";\nimport BaseMenuItem from \"./components/BaseMenuItem/BaseMenuItem\";\nimport MenuItemIcon from \"./components/MenuItemIcon/MenuItemIcon\";\nimport { type TooltipPositions, TooltipPositionsEnum } from \"@vibe/tooltip\";\nimport { type SubmenuPosition } from \"./MenuItem.types\";\nimport { Flex } from \"@vibe/layout\";\n\nexport interface MenuItemProps extends VibeComponentProps {\n  /**\n   * The title of the menu item.\n   */\n  title?: string;\n  /**\n   * The label displayed alongside the title.\n   */\n  label?: string | React.ReactElement<typeof Label>;\n  /**\n   * The icon displayed in the menu item.\n   */\n  icon?: SubIcon;\n  /**\n   * The type of icon.\n   */\n  iconType?: IconType;\n  /**\n   * The background color of the icon.\n   */\n  iconBackgroundColor?: string;\n  /**\n   * The right icon to be displayed.\n   */\n  rightIcon?: SubIcon;\n  /**\n   * The type of right icon.\n   */\n  rightIconType?: IconType;\n  /**\n   * The background color of the right icon.\n   */\n  rightIconBackgroundColor?: string;\n  /**\n   * Class name applied to the icon wrapper.\n   */\n  rightIconWrapperClassName?: string;\n  /**\n   * The label of the menu item for accessibility.\n   */\n  rightIconAriaLabel?: AriaAttributes[\"aria-label\"];\n  /**\n   * If true, the menu item is disabled.\n   */\n  disabled?: boolean;\n  /**\n   * The reason for disabling the item, shown in a tooltip.\n   */\n  disableReason?: string;\n  /**\n   * If true, the menu item is selected.\n   */\n  selected?: boolean;\n  /**\n   * Callback fired when the menu item is clicked.\n   */\n  onClick?: (event: React.MouseEvent | React.KeyboardEvent) => void;\n  /**\n   * The active item index in the menu.\n   */\n  activeItemIndex?: number;\n  /**\n   * Callback to set the active item index.\n   */\n  setActiveItemIndex?: (index: number) => void;\n  /**\n   * The index of the menu item.\n   */\n  index?: number;\n  /**\n   * The key of the menu item.\n   */\n  key?: string;\n  /**\n   * If true, the parent menu is visible.\n   */\n  isParentMenuVisible?: boolean;\n  /**\n   * Callback to reset the open submenu index.\n   */\n  resetOpenSubMenuIndex?: () => void;\n  /**\n   * If true, a submenu is open.\n   */\n  hasOpenSubMenu?: boolean;\n  /**\n   * Callback to open or close a submenu by index.\n   */\n  setSubMenuIsOpenByIndex?: (index: number, isOpen: boolean) => void;\n  /**\n   * If true, document event listeners are used for handling interactions.\n   */\n  useDocumentEventListeners?: boolean;\n  /**\n   * The tooltip content for the menu item.\n   */\n  tooltipContent?: string;\n  /**\n   * The position of the tooltip.\n   */\n  tooltipPosition?: TooltipPositions;\n  /**\n   * The delay in milliseconds before the tooltip shows.\n   */\n  tooltipShowDelay?: number;\n  /**\n   * Additional props for customizing the tooltip.\n   */\n  tooltipProps?: Partial<TooltipProps>;\n  /**\n   * Callback fired when the mouse leaves the item.\n   */\n  onMouseLeave?: (event: React.MouseEvent) => void;\n  /**\n   * Callback fired when the mouse enters the item.\n   */\n  onMouseEnter?: (event: React.MouseEvent) => void;\n  /**\n   * Class name applied to the icon wrapper.\n   */\n  iconWrapperClassName?: string;\n  /**\n   * If true, the menu item starts as selected.\n   */\n  isInitialSelectedState?: boolean;\n  /**\n   * If true, the menu scrolls to ensure visibility.\n   */\n  shouldScrollMenu?: boolean;\n  /**\n   * Function to close the menu with a given option.\n   */\n  closeMenu?: (option: CloseMenuOption) => void;\n  /**\n   * Reference to the menu container.\n   */\n  menuRef?: React.RefObject<HTMLElement>;\n  /**\n   * The submenu items, if applicable.\n   */\n  children?: MenuChild | MenuChild[];\n  /**\n   * If true, enables a split menu item interaction where the main area triggers an action,\n   * while the icon button opens the submenu.\n   */\n  splitMenuItem?: boolean;\n  /**\n   * The label of the menu item for accessibility.\n   */\n  \"aria-label\"?: AriaAttributes[\"aria-label\"];\n  /**\n   * The position of a submenu relative to the menu item.\n   */\n  submenuPosition?: SubmenuPosition;\n  /**\n   * If true, automatically repositions the submenu when its content changes.\n   */\n  autoAdjustOnSubMenuContentResize?: boolean;\n}\n\nexport interface MenuItemTitleComponentProps extends Omit<MenuItemProps, \"title\"> {\n  title: ReactElement;\n  \"aria-label\": NonNullable<AriaAttributes[\"aria-label\"]>;\n}\n\nconst MenuItem = forwardRef(\n  (\n    {\n      className,\n      iconWrapperClassName,\n      rightIconWrapperClassName,\n      title = \"\",\n      label = \"\",\n      icon = \"\",\n      rightIcon = \"\",\n      rightIconType,\n      rightIconBackgroundColor,\n      rightIconAriaLabel,\n      iconType,\n      iconBackgroundColor,\n      disabled = false,\n      disableReason,\n      selected = false,\n      key,\n      children,\n      tooltipContent,\n      tooltipPosition = \"right\",\n      tooltipShowDelay = 300,\n      tooltipProps,\n      \"aria-label\": ariaLabel,\n      ...baseMenuProps\n    }: MenuItemProps | MenuItemTitleComponentProps,\n    ref: ForwardedRef<HTMLElement>\n  ) => {\n    const titleRef = useRef();\n\n    // if \"title\" is a component ariaLabel is mandatory\n    const iconLabel = ariaLabel ?? (title as string);\n    const rightIconLabel = rightIconAriaLabel ?? (title as string);\n\n    const isTitleHoveredAndOverflowing = useIsOverflowing({ ref: titleRef });\n    const shouldShowTooltip = isTitleHoveredAndOverflowing || disabled || tooltipContent;\n\n    const finalTooltipContent = useMemo(() => {\n      if (disabled) return disableReason;\n      if (tooltipContent) return tooltipContent;\n      return title;\n    }, [disableReason, disabled, title, tooltipContent]);\n\n    const renderLabel = useMemo(() => {\n      if (!label) return;\n      if (typeof label === \"string\") {\n        return <Label 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              label={iconLabel}\n              disabled={disabled}\n              selected={selected}\n              backgroundColor={iconBackgroundColor}\n              wrapperClassName={iconWrapperClassName}\n            />\n          )}\n          <div ref={titleRef} className={styles.title}>\n            {title}\n          </div>\n          <Flex gap=\"xs\">\n            {Boolean(rightIcon) && !children && (\n              <MenuItemIcon\n                icon={rightIcon}\n                type={rightIconType}\n                label={rightIconLabel}\n                disabled={disabled}\n                selected={selected}\n                backgroundColor={rightIconBackgroundColor}\n                isRightIcon={true}\n                wrapperClassName={rightIconWrapperClassName}\n              />\n            )}\n            {renderLabel}\n          </Flex>\n        </BaseMenuItem>\n      </Tooltip>\n    );\n  }\n);\n\nObject.assign(MenuItem, {\n  isSelectable: true,\n  isMenuChild: true\n});\n\ninterface MenuItemStaticProps {\n  iconType: typeof Icon.type;\n  tooltipPositions: typeof TooltipPositionsEnum;\n}\n\nexport default withStaticProps<MenuItemProps | MenuItemTitleComponentProps, MenuItemStaticProps>(MenuItem, {\n  iconType: Icon.type,\n  tooltipPositions: TooltipPositionsEnum\n});\n"],"names":["MenuItem","forwardRef","_a","ref","className","iconWrapperClassName","rightIconWrapperClassName","_a$title","title","_a$label","label","_a$icon","icon","_a$rightIcon","rightIcon","rightIconType","rightIconBackgroundColor","rightIconAriaLabel","iconType","iconBackgroundColor","_a$disabled","disabled","disableReason","_a$selected","selected","key","children","tooltipContent","_a$tooltipPosition","tooltipPosition","_a$tooltipShowDelay","tooltipShowDelay","tooltipProps","ariaLabel","baseMenuProps","__rest","titleRef","useRef","iconLabel","rightIconLabel","shouldShowTooltip","useIsOverflowing","finalTooltipContent","useMemo","renderLabel","React","createElement","Label","text","size","isValidElement","type","Tooltip","Object","assign","content","position","showDelay","BaseMenuItem","subMenu","MenuItemIcon","backgroundColor","wrapperClassName","styles","Flex","gap","isRightIcon","isSelectable","isMenuChild","withStaticProps","Icon","tooltipPositions","TooltipPositionsEnum"],"mappings":"ywBAmLA,IAAMA,EAAWC,GACf,SACEC,EAyBAC,GAzBA,IACEC,EAuB4CF,EAvB5CE,UACAC,EAsB4CH,EAtB5CG,qBACAC,EAqB4CJ,EArB5CI,0BAAyBC,EAqBmBL,EApB5CM,MAAAA,OAAQ,IAAHD,EAAG,GAAEA,EAAAE,EAoBkCP,EAnB5CQ,MAAAA,OAAQ,IAAHD,EAAG,GAAEA,EAAAE,EAmBkCT,EAlB5CU,KAAAA,OAAO,IAAHD,EAAG,GAAEA,EAAAE,EAkBmCX,EAjB5CY,UAAAA,OAAY,IAAHD,EAAG,GAAEA,EACdE,EAgB4Cb,EAhB5Ca,cACAC,EAe4Cd,EAf5Cc,yBACAC,EAc4Cf,EAd5Ce,mBACAC,EAa4ChB,EAb5CgB,SACAC,EAY4CjB,EAZ5CiB,oBAAmBC,EAYyBlB,EAX5CmB,SAAAA,OAAW,IAAHD,GAAQA,EAChBE,EAU4CpB,EAV5CoB,cAAaC,EAU+BrB,EAT5CsB,SAAAA,OAAW,IAAHD,GAAQA,EAChBE,EAQ4CvB,EAR5CuB,IACAC,EAO4CxB,EAP5CwB,SACAC,EAM4CzB,EAN5CyB,eAAcC,EAM8B1B,EAL5C2B,gBAAAA,OAAkB,IAAHD,EAAG,QAAOA,EAAAE,EAKmB5B,EAJ5C6B,iBAAAA,OAAmB,IAAHD,EAAG,IAAGA,EACtBE,EAG4C9B,EAH5C8B,aACcC,EAE8B/B,EAF5C,cACGgC,EAAaC,EAAAjC,EAvBlB,+UA2BMkC,EAAWC,IAGXC,EAAYL,QAAAA,EAAczB,EAC1B+B,EAAiBtB,QAAAA,EAAuBT,EAGxCgC,EAD+BC,EAAiB,CAAEtC,IAAKiC,KACHf,GAAYM,EAEhEe,EAAsBC,GAAQ,WAClC,OAAItB,EAAiBC,EACjBK,GACGnB,CACR,GAAE,CAACc,EAAeD,EAAUb,EAAOmB,IAE9BiB,EAAcD,GAAQ,WAC1B,GAAKjC,EACL,MAAqB,iBAAVA,EACFmC,EAAAC,cAACC,EAAK,CAACC,KAAMtC,EAAOuC,KAAK,UAE9BJ,EAAMK,eAAexC,IAAUA,EAAMyC,OAASJ,EACzCrC,OADT,CAGF,GAAG,CAACA,IAEJ,OACEmC,EAACC,cAAAM,EACCC,OAAAC,OAAA,CAAAC,QAASf,EAAoBE,EAAsB,KACnDc,SAAU3B,EACV4B,UAAW1B,GACPC,GAEJa,EAACC,cAAAY,EACCL,OAAAC,OAAA,CAAA7B,IAAKA,EACLtB,IAAKA,EACLwD,QAASjC,EACTtB,UAAWA,EACXiB,SAAUA,EACVG,SAAUA,GACNU,KAEKtB,GACPiC,gBAACe,EAAY,CACXhD,KAAMA,EACNuC,KAAMjC,EACNR,MAAO4B,EACPjB,SAAUA,EACVG,SAAUA,EACVqC,gBAAiB1C,EACjB2C,iBAAkBzD,IAGtBwC,EAAKC,cAAA,MAAA,CAAA3C,IAAKiC,EAAUhC,UAAW2D,EAAOvD,OACnCA,GAEHqC,EAAAC,cAACkB,EAAI,CAACC,IAAI,QACCnD,IAAeY,GACtBmB,EAAAC,cAACc,EACC,CAAAhD,KAAME,EACNqC,KAAMpC,EACNL,MAAO6B,EACPlB,SAAUA,EACVG,SAAUA,EACVqC,gBAAiB7C,EACjBkD,aAAa,EACbJ,iBAAkBxD,IAGrBsC,IAKX,IAGFS,OAAOC,OAAOtD,EAAU,CACtBmE,cAAc,EACdC,aAAa,IAQf,IAAeC,EAAAA,EAAkFrE,EAAU,CACzGkB,SAAUoD,EAAKnB,KACfoB,iBAAkBC"}

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

@@ -1,2 +1,2 @@
-var e={title:"title_cd1f8803a1"};!function(e){const t="s_id-b06386a2bb6c_3_88_5";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_cd1f8803a1 {\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_63c8fd2a02"};!function(e){const t="s_id-b06386a2bb6c_3_88_6";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_63c8fd2a02 {\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_bfcd3d3960",splitMenuItem:"splitMenuItem_59d97990b2",disabled:"disabled_c50baf4e0f",focused:"focused_486724d6cb",initialSelected:"initialSelected_14399bd7d9",selected:"selected_ecb2c225da"};!function(e){const n="s_id-680488cf82d9_3_88_5";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)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n.item_bfcd3d3960 {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  margin: unset;\n  display: flex;\n  flex-direction: row;\n  padding: var(--spacing-xs) var(--spacing-small);\n  cursor: pointer;\n  user-select: none;\n  align-items: center;\n  border: 1px solid transparent;\n  outline: none;\n}\n.item_bfcd3d3960.splitMenuItem_59d97990b2 {\n  padding: 0 0 0 var(--spacing-small);\n}\n.item_bfcd3d3960.disabled_c50baf4e0f {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n.item_bfcd3d3960.focused_486724d6cb:not(.disabled_c50baf4e0f) {\n  background-color: var(--primary-background-hover-color);\n  border-radius: var(--border-radius-small);\n}\n.item_bfcd3d3960.focused_486724d6cb:not(.disabled_c50baf4e0f):not(:hover):not(.initialSelected_14399bd7d9) {\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_bfcd3d3960.selected_ecb2c225da:not(.disabled_c50baf4e0f) {\n  background-color: var(--primary-selected-color);\n  border-radius: var(--border-radius-small);\n}");export{e as default};
+var e={item:"item_21c56f46b2",splitMenuItem:"splitMenuItem_abd3b53dc6",disabled:"disabled_1da78be9a1",focused:"focused_27fc1bd643",initialSelected:"initialSelected_b42abac24b",selected:"selected_e0cddf9ec9"};!function(e){const n="s_id-4a2665da7b72_3_88_6";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_21c56f46b2 {\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(--spacing-xs) var(--spacing-small);\n  cursor: pointer;\n  user-select: none;\n  align-items: center;\n  overflow: visible;\n  border: 1px solid transparent;\n  border-radius: var(--border-radius-medium);\n  outline: none;\n}\n.item_21c56f46b2.splitMenuItem_abd3b53dc6 {\n  padding: 0 0 0 var(--spacing-small);\n}\n.item_21c56f46b2.disabled_1da78be9a1 {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n.item_21c56f46b2.focused_27fc1bd643:not(.disabled_1da78be9a1) {\n  background-color: var(--primary-background-hover-color);\n}\n.item_21c56f46b2.focused_27fc1bd643:not(.disabled_1da78be9a1):not(:hover):not(.initialSelected_b42abac24b) {\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_21c56f46b2.selected_e0cddf9ec9:not(.disabled_1da78be9a1) {\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 n from"../../../../../../components/layout/dist/Flex/Flex.js";import s 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(n,{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(s,{iconType:l||("function"==typeof i?"svg":"font"),icon:i,className:r(t.icon,e({},t.selected,!m&&p)),ignoreFocusStyle:!0,iconSize: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 n from"../../../../../../components/layout/dist/Flex/Flex.js";import s 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(n,{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(s,{iconType:l||("function"==typeof i?"svg":"font"),icon:i,className:r(t.icon,e({},t.selected,!m&&p)),ignoreFocusStyle:!0,iconSize: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  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  label,\n  disabled,\n  selected,\n  backgroundColor,\n  wrapperClassName\n}: MenuItemIconProps) => (\n  <Flex\n    justify=\"center\"\n    className={cx(\n      styles.iconWrapper,\n      {\n        [styles.rightIcon]: isRightIcon,\n        [styles.disabled]: disabled,\n        [styles.withBackgroundColor]: !!backgroundColor\n      },\n      wrapperClassName\n    )}\n    style={{ ...(backgroundColor && { backgroundColor }) }}\n  >\n    <Icon\n      iconType={type || (typeof icon === \"function\" ? \"svg\" : \"font\")}\n      icon={icon}\n      className={cx(styles.icon, { [styles.selected]: !disabled && selected })}\n      ignoreFocusStyle\n      iconSize={18}\n    />\n  </Flex>\n);\n\nexport default MenuItemIcon;\n"],"names":["MenuItemIcon","_ref","icon","_ref$isRightIcon","isRightIcon","type","disabled","selected","backgroundColor","wrapperClassName","React","createElement","Flex","justify","className","cx","styles","iconWrapper","_defineProperty","rightIcon","withBackgroundColor","style","Object","assign","Icon","iconType","ignoreFocusStyle","iconSize"],"mappings":"6TAOA,IAAMA,EAAe,SAAHC,GAAA,IAChBC,EAAID,EAAJC,KAAIC,EAAAF,EACJG,YACAC,EAAIJ,EAAJI,KAGAC,EAAQL,EAARK,SACAC,EAAQN,EAARM,SACAC,EAAeP,EAAfO,gBACAC,EAAgBR,EAAhBQ,iBAAgB,OAEhBC,EAACC,cAAAC,EACC,CAAAC,QAAQ,SACRC,UAAWC,EACTC,EAAOC,YAAWC,EAAAA,EAAAA,EAEfF,GAAAA,EAAOG,eAdA,IAAHhB,GAAQA,GAeZa,EAAOV,SAAWA,GAClBU,EAAOI,sBAAwBZ,GAElCC,GAEFY,MAAKC,OAAAC,OAAA,CAAA,EAAQf,GAAmB,CAAEA,gBAAAA,KAElCE,EAACC,cAAAa,EACC,CAAAC,SAAUpB,IAAyB,mBAATH,EAAsB,MAAQ,QACxDA,KAAMA,EACNY,UAAWC,EAAGC,EAAOd,KAAIgB,EAAA,GAAKF,EAAOT,UAAYD,GAAYC,IAC7DmB,kBAAgB,EAChBC,SAAU,KAEP"}
+{"version":3,"file":"MenuItemIcon.js","sources":["../../../../../../../src/components/Menu/MenuItem/components/MenuItemIcon/MenuItemIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon } from \"@vibe/icon\";\nimport { Flex } from \"@vibe/layout\";\nimport cx from \"classnames\";\nimport styles from \"./MenuItemIcon.module.scss\";\nimport { type MenuItemIconProps } from \"./MenuItemIcon.types\";\n\nconst MenuItemIcon = ({\n  icon,\n  isRightIcon = false,\n  type,\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  label,\n  disabled,\n  selected,\n  backgroundColor,\n  wrapperClassName\n}: MenuItemIconProps) => (\n  <Flex\n    justify=\"center\"\n    className={cx(\n      styles.iconWrapper,\n      {\n        [styles.rightIcon]: isRightIcon,\n        [styles.disabled]: disabled,\n        [styles.withBackgroundColor]: !!backgroundColor\n      },\n      wrapperClassName\n    )}\n    style={{ ...(backgroundColor && { backgroundColor }) }}\n  >\n    <Icon\n      iconType={type || (typeof icon === \"function\" ? \"svg\" : \"font\")}\n      icon={icon}\n      className={cx(styles.icon, { [styles.selected]: !disabled && selected })}\n      ignoreFocusStyle\n      iconSize={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","iconType","ignoreFocusStyle","iconSize"],"mappings":"6TAOA,IAAMA,EAAe,SAAHC,GAAA,IAChBC,EAAID,EAAJC,KAAIC,EAAAF,EACJG,YACAC,EAAIJ,EAAJI,KAGAC,EAAQL,EAARK,SACAC,EAAQN,EAARM,SACAC,EAAeP,EAAfO,gBACAC,EAAgBR,EAAhBQ,iBAAgB,OAEhBC,EAACC,cAAAC,EACC,CAAAC,QAAQ,SACRC,UAAWC,EACTC,EAAOC,YAAWC,EAAAA,EAAAA,EAEfF,GAAAA,EAAOG,eAdA,IAAHhB,GAAQA,GAeZa,EAAOV,SAAWA,GAClBU,EAAOI,sBAAwBZ,GAElCC,GAEFY,MAAKC,OAAAC,OAAA,CAAA,EAAQf,GAAmB,CAAEA,gBAAAA,KAElCE,EAACC,cAAAa,EACC,CAAAC,SAAUpB,IAAyB,mBAATH,EAAsB,MAAQ,QACxDA,KAAMA,EACNY,UAAWC,EAAGC,EAAOd,KAAIgB,EAAA,GAAKF,EAAOT,UAAYD,GAAYC,IAC7DmB,kBAAgB,EAChBC,SAAU,KAEP"}

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

@@ -1,2 +1,2 @@
-var a={iconWrapper:"iconWrapper_9cf151caae",rightIcon:"rightIcon_62d81d8d0c",withBackgroundColor:"withBackgroundColor_41094a4811",disabled:"disabled_c05737abab",icon:"icon_3ad940b73b",selected:"selected_1be87b45bf"};!function(a){const e="s_id-d488fa6f9bd4_3_88_5";if("undefined"!=typeof document){const c=document.head||document.getElementsByTagName("head")[0];if(c.querySelector("#"+e))return;const n=document.createElement("style");n.id=e,c.firstChild?c.insertBefore(n,c.firstChild):c.appendChild(n),n.appendChild(document.createTextNode(a))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=a)}(".iconWrapper_9cf151caae {\n  margin-right: var(--spacing-small);\n}\n.iconWrapper_9cf151caae.rightIcon_62d81d8d0c {\n  margin-right: 0;\n  margin-left: var(--spacing-small);\n}\n.iconWrapper_9cf151caae.withBackgroundColor_41094a4811 {\n  border-radius: var(--spacing-xs);\n}\n.iconWrapper_9cf151caae.withBackgroundColor_41094a4811.disabled_c05737abab {\n  opacity: 0.4;\n}\n.iconWrapper_9cf151caae.withBackgroundColor_41094a4811 .icon_3ad940b73b {\n  color: var(--text-color-on-primary);\n}\n.iconWrapper_9cf151caae.disabled_c05737abab .icon_3ad940b73b {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n.iconWrapper_9cf151caae .icon_3ad940b73b {\n  color: var(--icon-color);\n}\n.iconWrapper_9cf151caae .icon_3ad940b73b.selected_1be87b45bf {\n  color: var(--primary-color);\n}");export{a as default};
+var e={iconWrapper:"iconWrapper_7d28de8ec1",rightIcon:"rightIcon_61513a861d",withBackgroundColor:"withBackgroundColor_6a4dcaed51",disabled:"disabled_263ed9271c",icon:"icon_3737c8c638",selected:"selected_23d40c710e"};!function(e){const c="s_id-e7cc85aed519_3_88_6";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+c))return;const d=document.createElement("style");d.id=c,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[c]=e)}(".iconWrapper_7d28de8ec1 {\n  width: 20px;\n  height: 20px;\n  flex-shrink: 0;\n  margin-right: var(--spacing-small);\n}\n.iconWrapper_7d28de8ec1.rightIcon_61513a861d {\n  margin-right: 0;\n  margin-left: var(--spacing-small);\n}\n.iconWrapper_7d28de8ec1.withBackgroundColor_6a4dcaed51 {\n  border-radius: var(--spacing-xs);\n}\n.iconWrapper_7d28de8ec1.withBackgroundColor_6a4dcaed51.disabled_263ed9271c {\n  opacity: 0.4;\n}\n.iconWrapper_7d28de8ec1.withBackgroundColor_6a4dcaed51 .icon_3737c8c638 {\n  color: var(--text-color-on-primary);\n}\n.iconWrapper_7d28de8ec1.disabled_263ed9271c .icon_3737c8c638 {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n.iconWrapper_7d28de8ec1 .icon_3737c8c638 {\n  color: var(--icon-color);\n}\n.iconWrapper_7d28de8ec1 .icon_3737c8c638.selected_23d40c710e {\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 n,useMemo as o}from"react";import{DialogPlacement as t}from"../../../../../../components/dialog/dist/Dialog/DialogConstants.js";import i from"../../../../../../components/dialog/dist/Dialog/usePopover.js";import s from"../../../../../../components/dialog/dist/DialogContentContainer/DialogContentContainer.js";import{useIsomorphicLayoutEffect as l}from"../../../../../../shared/dist/hooks/ssr/useIsomorphicLayoutEffect.js";var r=function(r){var u,a=r.anchorRef,c=r.open,m=r.autoFocusOnMount,d=r.onClose,p=r.children,v=r.submenuPosition,f=r.autoAdjustOnSubMenuContentResize,g=n(null),b=n(null);l((function(){m&&c&&(null==g?void 0:g.current)&&requestAnimationFrame((function(){g.current.focus()}))}),[m,c]);var j=o((function(){return"left"===v?t.LEFT_START:void 0}),[v]),C=i(null==a?void 0:a.current,null==b?void 0:b.current,{isOpen:c,placement:j,observeContentResize:f}),h=C.styles,O=C.attributes,y=p&&e.Children.only(p);return(null===(u=null==y?void 0:y.type)||void 0===u?void 0:u.isMenu)?e.createElement("div",Object.assign({style:Object.assign(Object.assign({},h.popper),{visibility:c?"visible":"hidden"})},O.popper,{ref:b}),y&&c&&e.createElement(s,null,e.cloneElement(y,Object.assign(Object.assign({},null==y?void 0:y.props),{isVisible:c,isSubMenu:!0,onClose:d,ref:g,useDocumentEventListeners:!m})))):(console.error("MenuItem can accept only Menu element as first level child, this element is not valid: ",y),null)};export{r as default};
+import e,{useRef as n,useMemo as o}from"react";import{DialogPlacement as t}from"../../../../../../components/dialog/dist/Dialog/DialogConstants.js";import i from"../../../../../../components/dialog/dist/Dialog/usePopover.js";import s from"../../../../../../components/dialog/dist/DialogContentContainer/DialogContentContainer.js";import{useIsomorphicLayoutEffect as l}from"../../../../../../shared/dist/hooks/ssr/useIsomorphicLayoutEffect.js";var r=function(r){var u,a=r.anchorRef,c=r.open,m=r.autoFocusOnMount,d=r.onClose,p=r.children,v=r.submenuPosition,f=r.autoAdjustOnSubMenuContentResize,g=n(null),b=n(null);l((function(){m&&c&&(null==g?void 0:g.current)&&requestAnimationFrame((function(){g.current.focus()}))}),[m,c]);var j=o((function(){return"left"===v?t.LEFT_START:void 0}),[v]),C=i(null==a?void 0:a.current,null==b?void 0:b.current,{isOpen:c,placement:j,observeContentResize:f}),h=C.styles,O=C.attributes,y=p&&e.Children.only(p);return(null===(u=null==y?void 0:y.type)||void 0===u?void 0:u.isMenu)?e.createElement("div",Object.assign({style:Object.assign(Object.assign({},h.popper),{visibility:c?"visible":"hidden"})},O.popper,{ref:b}),y&&c&&e.createElement(s,{size:"none"},e.cloneElement(y,Object.assign(Object.assign({},null==y?void 0:y.props),{isVisible:c,isSubMenu:!0,onClose:d,ref:g,useDocumentEventListeners:!m})))):(console.error("MenuItem can accept only Menu element as first level child, this element is not valid: ",y),null)};export{r 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 { usePopover, DialogPlacementEnum as Placement } from \"@vibe/dialog\";\nimport { type MenuChild } from \"../../../Menu/MenuConstants\";\nimport { type MenuItemSubMenuProps } from \"./MenuItemSubMenu.types\";\nimport { useIsomorphicLayoutEffect } from \"@vibe/shared\";\n\nconst MenuItemSubMenu = ({\n  anchorRef,\n  open,\n  autoFocusOnMount,\n  onClose,\n  children,\n  submenuPosition,\n  autoAdjustOnSubMenuContentResize\n}: MenuItemSubMenuProps) => {\n  const childRef = useRef<HTMLDivElement>(null);\n  const popperElementRef = useRef<HTMLDivElement>(null);\n\n  useIsomorphicLayoutEffect(() => {\n    if (!autoFocusOnMount || !open || !childRef?.current) {\n      return;\n    }\n    requestAnimationFrame(() => {\n      childRef.current.focus();\n    });\n  }, [autoFocusOnMount, open]);\n\n  const submenuPlacement = useMemo(\n    () => (submenuPosition === \"left\" ? Placement.LEFT_START : undefined),\n    [submenuPosition]\n  );\n\n  const { styles: popoverStyles, attributes: popoverAttributes } = usePopover(\n    anchorRef?.current,\n    popperElementRef?.current,\n    {\n      isOpen: open,\n      placement: submenuPlacement,\n      observeContentResize: autoAdjustOnSubMenuContentResize\n    }\n  );\n\n  const subMenu: MenuChild = children && React.Children.only(children);\n  if (!subMenu?.type?.isMenu) {\n    console.error(\"MenuItem can accept only Menu element as first level child, this element is not valid: \", subMenu);\n    return null;\n  }\n\n  return (\n    <div\n      style={{ ...popoverStyles.popper, visibility: open ? \"visible\" : \"hidden\" }}\n      {...popoverAttributes.popper}\n      ref={popperElementRef}\n    >\n      {subMenu && open && (\n        <DialogContentContainer>\n          {React.cloneElement(subMenu, {\n            ...subMenu?.props,\n            isVisible: open,\n            isSubMenu: true,\n            onClose,\n            ref: childRef,\n            useDocumentEventListeners: !autoFocusOnMount\n          })}\n        </DialogContentContainer>\n      )}\n    </div>\n  );\n};\n\nexport default MenuItemSubMenu;\n"],"names":["MenuItemSubMenu","_ref","anchorRef","open","autoFocusOnMount","onClose","children","submenuPosition","autoAdjustOnSubMenuContentResize","childRef","useRef","popperElementRef","useIsomorphicLayoutEffect","current","requestAnimationFrame","focus","submenuPlacement","useMemo","Placement","LEFT_START","undefined","_usePopover","usePopover","isOpen","placement","observeContentResize","popoverStyles","styles","popoverAttributes","attributes","subMenu","React","Children","only","_a","type","isMenu","createElement","Object","assign","style","popper","visibility","ref","DialogContentContainer","cloneElement","props","isVisible","isSubMenu","useDocumentEventListeners","console","error"],"mappings":"2bAOA,IAAMA,EAAkB,SAAHC,GAQM,MAPzBC,EAASD,EAATC,UACAC,EAAIF,EAAJE,KACAC,EAAgBH,EAAhBG,iBACAC,EAAOJ,EAAPI,QACAC,EAAQL,EAARK,SACAC,EAAeN,EAAfM,gBACAC,EAAgCP,EAAhCO,iCAEMC,EAAWC,EAAuB,MAClCC,EAAmBD,EAAuB,MAEhDE,GAA0B,WACnBR,GAAqBD,IAASM,aAAA,EAAAA,EAAUI,UAG7CC,uBAAsB,WACpBL,EAASI,QAAQE,OACnB,GACF,GAAG,CAACX,EAAkBD,IAEtB,IAAMa,EAAmBC,GACvB,WAAA,MAA2B,SAApBV,EAA6BW,EAAUC,gBAAaC,CAAS,GACpE,CAACb,IAGHc,EAAiEC,EAC/DpB,aAAA,EAAAA,EAAWW,QACXF,aAAA,EAAAA,EAAkBE,QAClB,CACEU,OAAQpB,EACRqB,UAAWR,EACXS,qBAAsBjB,IANVkB,EAAaL,EAArBM,OAAmCC,EAAiBP,EAA7BQ,WAUzBC,EAAqBxB,GAAYyB,EAAMC,SAASC,KAAK3B,GAC3D,OAAoB,QAAf4B,EAAAJ,aAAA,EAAAA,EAASK,YAAM,IAAAD,OAAA,EAAAA,EAAAE,QAMlBL,EAAAM,cAAA,MAAAC,OAAAC,OAAA,CACEC,MAAKF,OAAAC,OAAAD,OAAAC,OAAA,GAAOb,EAAce,QAAQ,CAAAC,WAAYvC,EAAO,UAAY,YAC7DyB,EAAkBa,QACtBE,IAAKhC,IAEJmB,GAAW3B,GACV4B,gBAACa,EAAsB,KACpBb,EAAMc,aAAaf,EAAOQ,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACtBT,aAAA,EAAAA,EAASgB,OAAK,CACjBC,UAAW5C,EACX6C,WAAW,EACX3C,QAAAA,EACAsC,IAAKlC,EACLwC,2BAA4B7C,QAlBpC8C,QAAQC,MAAM,0FAA2FrB,GAClG,KAuBX"}
+{"version":3,"file":"MenuItemSubMenu.js","sources":["../../../../../../../src/components/Menu/MenuItem/components/MenuItemSubMenu/MenuItemSubMenu.tsx"],"sourcesContent":["import React, { useMemo, useRef } from \"react\";\nimport { DialogContentContainer } from \"@vibe/dialog\";\nimport { usePopover, DialogPlacementEnum as Placement } from \"@vibe/dialog\";\nimport { type MenuChild } from \"../../../Menu/MenuConstants\";\nimport { type MenuItemSubMenuProps } from \"./MenuItemSubMenu.types\";\nimport { useIsomorphicLayoutEffect } from \"@vibe/shared\";\n\nconst MenuItemSubMenu = ({\n  anchorRef,\n  open,\n  autoFocusOnMount,\n  onClose,\n  children,\n  submenuPosition,\n  autoAdjustOnSubMenuContentResize\n}: MenuItemSubMenuProps) => {\n  const childRef = useRef<HTMLDivElement>(null);\n  const popperElementRef = useRef<HTMLDivElement>(null);\n\n  useIsomorphicLayoutEffect(() => {\n    if (!autoFocusOnMount || !open || !childRef?.current) {\n      return;\n    }\n    requestAnimationFrame(() => {\n      childRef.current.focus();\n    });\n  }, [autoFocusOnMount, open]);\n\n  const submenuPlacement = useMemo(\n    () => (submenuPosition === \"left\" ? Placement.LEFT_START : undefined),\n    [submenuPosition]\n  );\n\n  const { styles: popoverStyles, attributes: popoverAttributes } = usePopover(\n    anchorRef?.current,\n    popperElementRef?.current,\n    {\n      isOpen: open,\n      placement: submenuPlacement,\n      observeContentResize: autoAdjustOnSubMenuContentResize\n    }\n  );\n\n  const subMenu: MenuChild = children && React.Children.only(children);\n  if (!subMenu?.type?.isMenu) {\n    console.error(\"MenuItem can accept only Menu element as first level child, this element is not valid: \", subMenu);\n    return null;\n  }\n\n  return (\n    <div\n      style={{ ...popoverStyles.popper, visibility: open ? \"visible\" : \"hidden\" }}\n      {...popoverAttributes.popper}\n      ref={popperElementRef}\n    >\n      {subMenu && open && (\n        <DialogContentContainer 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":["MenuItemSubMenu","_ref","anchorRef","open","autoFocusOnMount","onClose","children","submenuPosition","autoAdjustOnSubMenuContentResize","childRef","useRef","popperElementRef","useIsomorphicLayoutEffect","current","requestAnimationFrame","focus","submenuPlacement","useMemo","Placement","LEFT_START","undefined","_usePopover","usePopover","isOpen","placement","observeContentResize","popoverStyles","styles","popoverAttributes","attributes","subMenu","React","Children","only","_a","type","isMenu","createElement","Object","assign","style","popper","visibility","ref","DialogContentContainer","size","cloneElement","props","isVisible","isSubMenu","useDocumentEventListeners","console","error"],"mappings":"2bAOA,IAAMA,EAAkB,SAAHC,GAQM,MAPzBC,EAASD,EAATC,UACAC,EAAIF,EAAJE,KACAC,EAAgBH,EAAhBG,iBACAC,EAAOJ,EAAPI,QACAC,EAAQL,EAARK,SACAC,EAAeN,EAAfM,gBACAC,EAAgCP,EAAhCO,iCAEMC,EAAWC,EAAuB,MAClCC,EAAmBD,EAAuB,MAEhDE,GAA0B,WACnBR,GAAqBD,IAASM,aAAA,EAAAA,EAAUI,UAG7CC,uBAAsB,WACpBL,EAASI,QAAQE,OACnB,GACF,GAAG,CAACX,EAAkBD,IAEtB,IAAMa,EAAmBC,GACvB,WAAA,MAA2B,SAApBV,EAA6BW,EAAUC,gBAAaC,CAAS,GACpE,CAACb,IAGHc,EAAiEC,EAC/DpB,aAAA,EAAAA,EAAWW,QACXF,aAAA,EAAAA,EAAkBE,QAClB,CACEU,OAAQpB,EACRqB,UAAWR,EACXS,qBAAsBjB,IANVkB,EAAaL,EAArBM,OAAmCC,EAAiBP,EAA7BQ,WAUzBC,EAAqBxB,GAAYyB,EAAMC,SAASC,KAAK3B,GAC3D,OAAoB,QAAf4B,EAAAJ,aAAA,EAAAA,EAASK,YAAM,IAAAD,OAAA,EAAAA,EAAAE,QAMlBL,EACEM,cAAA,MAAAC,OAAAC,OAAA,CAAAC,MAAYF,OAAAC,OAAAD,OAAAC,OAAA,GAAAb,EAAce,QAAM,CAAEC,WAAYvC,EAAO,UAAY,YAC7DyB,EAAkBa,OACtB,CAAAE,IAAKhC,IAEJmB,GAAW3B,GACV4B,EAACM,cAAAO,GAAuBC,KAAK,QAC1Bd,EAAMe,aAAahB,iCACfA,aAAO,EAAPA,EAASiB,OACZ,CAAAC,UAAW7C,EACX8C,WAAW,EACX5C,QAAAA,EACAsC,IAAKlC,EACLyC,2BAA4B9C,QAlBpC+C,QAAQC,MAAM,0FAA2FtB,GAClG,KAuBX"}

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

@@ -1,2 +1,2 @@
-var e={subMenuIconWrapper:"subMenuIconWrapper_310c08dbad",divider:"divider_aaed9d4e5c",splitSubMenuIcon:"splitSubMenuIcon_c15c096bb4",subMenuIcon:"subMenuIcon_ce637be200",disabled:"disabled_c50baf4e0f",splitMenuItemIconButton:"splitMenuItemIconButton_ce9157ee20"};!function(e){const n="s_id-3539aaaaa2b9_3_88_5";if("undefined"!=typeof document){const c=document.head||document.getElementsByTagName("head")[0];if(c.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,c.firstChild?c.insertBefore(d,c.firstChild):c.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".subMenuIconWrapper_310c08dbad {\n  margin-left: var(--spacing-xs);\n}\n.subMenuIconWrapper_310c08dbad .divider_aaed9d4e5c {\n  height: 19px;\n}\n.subMenuIconWrapper_310c08dbad .splitSubMenuIcon_c15c096bb4 {\n  width: 18px;\n  height: 18px;\n}\n.subMenuIconWrapper_310c08dbad .subMenuIcon_ce637be200,\n.subMenuIconWrapper_310c08dbad .splitSubMenuIcon_c15c096bb4 {\n  color: var(--icon-color);\n}\n.subMenuIconWrapper_310c08dbad .subMenuIcon_ce637be200.disabled_c50baf4e0f,\n.subMenuIconWrapper_310c08dbad .splitSubMenuIcon_c15c096bb4.disabled_c50baf4e0f {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n.subMenuIconWrapper_310c08dbad .splitMenuItemIconButton_ce9157ee20 {\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_144901fdcd",divider:"divider_614bffe668",splitSubMenuIcon:"splitSubMenuIcon_790750ec33",subMenuIcon:"subMenuIcon_9071304cdb",disabled:"disabled_1da78be9a1",splitMenuItemIconButton:"splitMenuItemIconButton_bca1545b7d"};!function(e){const n="s_id-3539aaaaa2b9_3_88_6";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+n))return;const c=document.createElement("style");c.id=n,d.firstChild?d.insertBefore(c,d.firstChild):d.appendChild(c),c.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".subMenuIconWrapper_144901fdcd {\n  margin-left: var(--spacing-xs);\n}\n.subMenuIconWrapper_144901fdcd .divider_614bffe668 {\n  height: 19px;\n}\n.subMenuIconWrapper_144901fdcd .splitSubMenuIcon_790750ec33 {\n  width: 18px;\n  height: 18px;\n}\n.subMenuIconWrapper_144901fdcd .subMenuIcon_9071304cdb,\n.subMenuIconWrapper_144901fdcd .splitSubMenuIcon_790750ec33 {\n  color: var(--icon-color);\n}\n.subMenuIconWrapper_144901fdcd .subMenuIcon_9071304cdb.disabled_1da78be9a1,\n.subMenuIconWrapper_144901fdcd .splitSubMenuIcon_790750ec33.disabled_1da78be9a1 {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n.subMenuIconWrapper_144901fdcd .splitMenuItemIconButton_bca1545b7d {\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_e6842e9c7e",buttonComponent:"buttonComponent_f7ee2fe382",content:"content_6d1095a134"};!function(e){const t="s_id-f631346a82ef_3_88_5";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_e6842e9c7e {\n  margin: unset;\n  display: flex;\n  flex-direction: row;\n  padding: var(--spacing-xs) 0;\n  align-items: center;\n}\n\n.itemButton_e6842e9c7e .buttonComponent_f7ee2fe382 {\n  width: 100%;\n}\n\n.itemButton_e6842e9c7e .buttonComponent_f7ee2fe382 .content_6d1095a134 {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}");export{e as default};
+var e={itemButton:"itemButton_a5bc763c2d",buttonComponent:"buttonComponent_1e90d5ffd4",content:"content_69769b035f"};!function(e){const t="s_id-f631346a82ef_3_88_6";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_a5bc763c2d {\n  margin: unset;\n  display: flex;\n  flex-direction: row;\n  padding: var(--spacing-xs) 0;\n  align-items: center;\n}\n\n.itemButton_a5bc763c2d .buttonComponent_1e90d5ffd4 {\n  width: 100%;\n}\n\n.itemButton_a5bc763c2d .buttonComponent_1e90d5ffd4 .content_69769b035f {\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_8e817e3dc4",titleCaption:"titleCaption_e41dffc754",titleCaptionCenter:"titleCaptionCenter_03accffa8f",titleCaptionBottom:"titleCaptionBottom_f780e46611",titleCaptionTop:"titleCaptionTop_0e983b8099"};!function(t){const e="s_id-48e3e93eaf49_3_88_5";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_8e817e3dc4 {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  padding-block: 1px;\n}\n.titleCaption_e41dffc754 {\n  color: var(--icon-color);\n  margin: var(--spacing-small) 0;\n}\n.titleCaptionCenter_03accffa8f {\n  display: flex;\n  flex-basis: 100%;\n  align-items: center;\n}\n.titleCaptionBottom_f780e46611,\n.titleCaptionTop_0e983b8099 {\n  padding-left: var(--spacing-small);\n}\n.titleCaptionBottom_f780e46611 {\n  padding-bottom: var(--spacing-small);\n}\n.titleCaptionCenter_03accffa8f::before,\n.titleCaptionCenter_03accffa8f::after {\n  content: "";\n  flex-grow: 1;\n  background-color: var(--ui-border-color);\n  height: 1px;\n  font-size: 0;\n  line-height: 0;\n  margin: 0 var(--spacing-small);\n}');export{t as default};
+var t={title:"title_f9a290a8f4",titleCaption:"titleCaption_df82f32672",titleCaptionCenter:"titleCaptionCenter_3ebad6e821",titleCaptionBottom:"titleCaptionBottom_5be6cbfe14",titleCaptionTop:"titleCaptionTop_678f06b8b7"};!function(t){const e="s_id-48e3e93eaf49_3_88_6";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_f9a290a8f4 {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  padding-block: 1px;\n}\n.titleCaption_df82f32672 {\n  color: var(--icon-color);\n  margin: var(--spacing-small) 0;\n}\n.titleCaptionCenter_3ebad6e821 {\n  display: flex;\n  flex-basis: 100%;\n  align-items: center;\n}\n.titleCaptionBottom_5be6cbfe14,\n.titleCaptionTop_678f06b8b7 {\n  padding-left: var(--spacing-small);\n}\n.titleCaptionBottom_5be6cbfe14 {\n  padding-bottom: var(--spacing-small);\n}\n.titleCaptionCenter_3ebad6e821::before,\n.titleCaptionCenter_3ebad6e821::after {\n  content: "";\n  flex-grow: 1;\n  background-color: var(--ui-border-color);\n  height: 1px;\n  font-size: 0;\n  line-height: 0;\n  margin: 0 var(--spacing-small);\n}');export{t as default};
 //# sourceMappingURL=MenuTitle.module.scss.js.map

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

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