@vibe/core 3.34.1 → 3.35.0

package/dist/src/components/IconButton/IconButton.js

@@ -1,2 +1,2 @@
-import e,{forwardRef as t,useRef as o,useMemo as s,Fragment as r}from"react";import a from"classnames";import{noop as i}from"lodash-es";import n from"../../hooks/useMergeRef.js";import d from"../Tooltip/Tooltip.js";import c from"../Icon/Icon.js";import{getWidthHeight as l}from"./services/IconButton-helpers.js";import{withStaticProps as m}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import{getTestId as p}from"../../tests/testIds.js";import{ComponentDefaultTestId as u}from"../../tests/constants.js";import f from"../Button/Button.js";import{BUTTON_ICON_SIZE as v,SMALL_BUTTON_ICON_SIZE as j}from"../Button/ButtonConstants.js";import{getStyle as b}from"../../helpers/typesciptCssModulesHelper.js";import g from"./IconButton.module.scss.js";import C from"../../../icons/dist/react/AddSmall.js";var y=m(t((function(t,m){var y=t.className,N=t.wrapperClassName,h=t.iconClassName,B=t.id,I=t.icon,x=void 0===I?C:I,k=t.size,E=void 0===k?"medium":k,O=t.tooltipProps,T=void 0===O?{}:O,P=t.tooltipContent,S=t.ariaLabeledBy,w=t.ariaLabel,z=t.ariaHasPopup,L=t.ariaExpanded,F=t.ariaControls,H=t["aria-describedby"],M=t["aria-hidden"],R=t["aria-pressed"],W=t.hideTooltip,A=void 0!==W&&W,U=t.kind,_=void 0===U?"tertiary":U,q=t.active,D=t.disabled,G=void 0!==D&&D,J=t.disabledReason,K=t.onClick,Q=void 0===K?i:K,V=t.color,X=t["data-testid"],Y=t.insetFocus,Z=void 0!==Y&&Y,$=t.tabIndex,ee=t.loading,te=void 0!==ee&&ee,oe=o(null),se=n(m,oe),re=s((function(){return(null==T?void 0:T.content)||P}),[null==T?void 0:T.content,P]),ae=s((function(){return w||("string"==typeof re?re:void 0)}),[w,re]),ie=s((function(){switch(E){case"xxs":case"xs":return j;case"small":case"medium":case"large":return v;default:return 24}}),[E]),ne=s((function(){var e={justifyContent:"center",alignItems:"center",padding:0};return E&&(e=Object.assign(Object.assign({},e),l(E))),e}),[E]),de=s((function(){return A?null:G&&J?J:re||w}),[A,G,J,re,w]),ce=N?"div":r,le=s((function(){return N?{className:a(N,g.wrapper)}:{}}),[N]);return e.createElement(ce,Object.assign({},le),e.createElement(d,Object.assign({},T,{content:de,referenceWrapperClassName:g.referenceWrapper}),e.createElement(f,{onClick:Q,disabled:G,color:V,kind:_,ariaLabeledBy:S,ariaLabel:ae,ariaHasPopup:z,ariaExpanded:L,ariaControls:F,"aria-describedby":H,"aria-hidden":M,"aria-pressed":R,ref:se,id:B,"data-testid":X||p(u.ICON_BUTTON,B),noSidePadding:!0,active:q,className:y,style:ne,insetFocus:Z,tabIndex:$,loading:te,loaderClassName:a(g.loader,b(g,E))},e.createElement(c,{icon:x,iconType:"svg",iconSize:ie,ignoreFocusStyle:!0,className:h}))))})),{sizes:f.sizes,kinds:f.kinds,colors:f.colors});export{y as default};
+import e,{forwardRef as t,useRef as o,useMemo as s,Fragment as r}from"react";import a from"classnames";import{noop as i}from"lodash-es";import n from"../../hooks/useMergeRef.js";import d from"../Tooltip/Tooltip.js";import c from"../Icon/Icon.js";import{getWidthHeight as l}from"./services/IconButton-helpers.js";import{withStaticProps as m}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import{getTestId as p}from"../../tests/testIds.js";import{ComponentDefaultTestId as u,ComponentVibeId as f}from"../../tests/constants.js";import v from"../Button/Button.js";import{BUTTON_ICON_SIZE as b,SMALL_BUTTON_ICON_SIZE as j}from"../Button/ButtonConstants.js";import{getStyle as g}from"../../helpers/typesciptCssModulesHelper.js";import C from"./IconButton.module.scss.js";import y from"../../../icons/dist/react/AddSmall.js";var N=m(t((function(t,m){var N=t.className,B=t.wrapperClassName,I=t.iconClassName,h=t.id,x=t.icon,O=void 0===x?y:x,T=t.size,k=void 0===T?"medium":T,E=t.tooltipProps,P=void 0===E?{}:E,S=t.tooltipContent,w=t.ariaLabeledBy,z=t.ariaLabel,L=t.ariaHasPopup,F=t.ariaExpanded,H=t.ariaControls,M=t["aria-describedby"],R=t["aria-hidden"],U=t["aria-pressed"],W=t.hideTooltip,_=void 0!==W&&W,A=t.kind,q=void 0===A?"tertiary":A,D=t.active,G=t.disabled,J=void 0!==G&&G,K=t.disabledReason,Q=t.onClick,V=void 0===Q?i:Q,X=t.color,Y=t["data-testid"],Z=t.insetFocus,$=void 0!==Z&&Z,ee=t.tabIndex,te=t.loading,oe=void 0!==te&&te,se=o(null),re=n(m,se),ae=s((function(){return(null==P?void 0:P.content)||S}),[null==P?void 0:P.content,S]),ie=s((function(){return z||("string"==typeof ae?ae:void 0)}),[z,ae]),ne=s((function(){switch(k){case"xxs":case"xs":return j;case"small":case"medium":case"large":return b;default:return 24}}),[k]),de=s((function(){var e={justifyContent:"center",alignItems:"center",padding:0};return k&&(e=Object.assign(Object.assign({},e),l(k))),e}),[k]),ce=s((function(){return _?null:J&&K?K:ae||z}),[_,J,K,ae,z]),le=B?"div":r,me=s((function(){return B?{className:a(B,C.wrapper)}:{}}),[B]);return e.createElement(le,Object.assign({},me),e.createElement(d,Object.assign({},P,{content:ce,referenceWrapperClassName:C.referenceWrapper}),e.createElement(v,{onClick:V,disabled:J,color:X,kind:q,ariaLabeledBy:w,ariaLabel:ie,ariaHasPopup:L,ariaExpanded:F,ariaControls:H,"aria-describedby":M,"aria-hidden":R,"aria-pressed":U,ref:re,id:h,"data-testid":Y||p(u.ICON_BUTTON,h),"data-vibe":f.ICON_BUTTON,noSidePadding:!0,active:D,className:N,style:de,insetFocus:$,tabIndex:ee,loading:oe,loaderClassName:a(C.loader,g(C,k))},e.createElement(c,{icon:O,iconType:"svg",iconSize:ne,ignoreFocusStyle:!0,className:I}))))})),{sizes:v.sizes,kinds:v.kinds,colors:v.colors});export{N as default};
 //# sourceMappingURL=IconButton.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"IconButton.js","sources":["../../../../src/components/IconButton/IconButton.tsx"],"sourcesContent":["import React, { AriaAttributes, forwardRef, Fragment, useMemo, useRef } from \"react\";\nimport cx from \"classnames\";\nimport { noop as NOOP } from \"lodash-es\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport Tooltip, { TooltipProps } from \"../Tooltip/Tooltip\";\nimport Icon from \"../Icon/Icon\";\nimport { AddSmall } from \"@vibe/icons\";\nimport { getWidthHeight, Size } from \"./services/IconButton-helpers\";\nimport { SubIcon, VibeComponent, VibeComponentProps, withStaticProps } from \"../../types\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\nimport Button from \"../Button/Button\";\nimport { BUTTON_ICON_SIZE, SMALL_BUTTON_ICON_SIZE } from \"../Button/ButtonConstants\";\nimport { ButtonColor, ButtonType } from \"../Button/Button.types\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport styles from \"./IconButton.module.scss\";\n\nexport interface IconButtonProps extends VibeComponentProps {\n  /**\n   * id to be added to the element\n   */\n  id?: string;\n  /**\n   * callback function when clicking the icon button\n   */\n  onClick?: (event: React.MouseEvent) => void;\n  /**\n   * the class name of the button wrapper\n   */\n  wrapperClassName?: string;\n  /**\n   * the class name of the button icon\n   */\n  iconClassName?: string;\n  /**\n   * Icon to be rendered\n   */\n  icon?: SubIcon;\n  /**\n   * element id to describe the button accordingly\n   * */\n  ariaLabeledBy?: string;\n  /**\n   * a11y property to be added, used for screen reader to know what kind of button it is\n   */\n  ariaLabel?: string;\n  /**\n   * aria for a button popup\n   */\n  ariaHasPopup?: React.HTMLProps<HTMLButtonElement>[\"aria-haspopup\"];\n  /**\n   * a11y property to be added, used for screen reader to know if the button is expanded\n   */\n  ariaExpanded?: boolean;\n  /**\n   * aria controls - receives id for the controlled region\n   */\n  ariaControls?: string;\n  \"aria-describedby\"?: AriaAttributes[\"aria-describedby\"];\n  /**\n   * a11y property to be added, used for screen reader to know if the button is hidden\n   */\n  \"aria-hidden\"?: AriaAttributes[\"aria-hidden\"];\n  /**\n   * Indicates the current \"pressed\" state of toggle buttons\n   */\n  \"aria-pressed\"?: AriaAttributes[\"aria-pressed\"];\n  /**\n   * Size of the icon\n   */\n  size?: Size;\n  /**\n   * Whether the tooltip should be displayed or not\n   */\n  hideTooltip?: boolean;\n  /**\n   * Props for Tooltip component\n   */\n  tooltipProps?: Partial<TooltipProps>;\n  /**\n   * Tooltip wraps the button icon, it will display in the tooltip, if not present the aria label will be shown\n   */\n  tooltipContent?: string;\n  /**\n   * Kind of button - like Button\n   */\n  kind?: ButtonType;\n  active?: boolean;\n  /** The button's color  */\n  color?: ButtonColor;\n  /**\n   * disabled state\n   */\n  disabled?: boolean;\n  /**\n   * if disabled - this will be shown in the tooltip\n   */\n  disabledReason?: string;\n  /** Change the focus indicator from around the button to within it */\n  insetFocus?: boolean;\n  /** Specifies the tab order of an element */\n  tabIndex?: number;\n  /** Show a loader instead of the icon  */\n  loading?: boolean;\n}\n\nconst IconButton: VibeComponent<IconButtonProps> & {\n  sizes?: typeof Button.sizes;\n  kinds?: typeof Button.kinds;\n  colors?: typeof Button.colors;\n} = forwardRef(\n  (\n    {\n      className,\n      wrapperClassName,\n      iconClassName,\n      id,\n      icon = AddSmall,\n      size = \"medium\",\n      tooltipProps = {} as TooltipProps,\n      tooltipContent,\n      ariaLabeledBy,\n      ariaLabel,\n      ariaHasPopup,\n      ariaExpanded,\n      ariaControls,\n      \"aria-describedby\": ariaDescribedBy,\n      \"aria-hidden\": ariaHidden,\n      \"aria-pressed\": ariaPressed,\n      hideTooltip = false,\n      kind = \"tertiary\",\n      active,\n      disabled = false,\n      disabledReason,\n      onClick = NOOP,\n      color,\n      \"data-testid\": dataTestId,\n      insetFocus = false,\n      tabIndex,\n      loading = false\n    }: IconButtonProps,\n    ref\n  ) => {\n    const componentRef = useRef(null);\n    const mergedRef = useMergeRef(ref, componentRef);\n\n    const overrideTooltipContent = useMemo(\n      () => tooltipProps?.content || tooltipContent,\n      [tooltipProps?.content, tooltipContent]\n    );\n\n    const buttonAriaLabel = useMemo(() => {\n      if (ariaLabel) return ariaLabel;\n      if (typeof overrideTooltipContent === \"string\") return overrideTooltipContent;\n      return undefined;\n    }, [ariaLabel, overrideTooltipContent]);\n\n    const iconSize = useMemo(() => {\n      switch (size) {\n        case \"xxs\":\n        case \"xs\":\n          return SMALL_BUTTON_ICON_SIZE;\n        case \"small\":\n        case \"medium\":\n        case \"large\":\n          return BUTTON_ICON_SIZE;\n        default:\n          return 24;\n      }\n    }, [size]);\n\n    const overrideStyle = useMemo(() => {\n      let style = {\n        justifyContent: \"center\",\n        alignItems: \"center\",\n        padding: 0\n      } as React.CSSProperties;\n\n      if (size) {\n        style = { ...style, ...getWidthHeight(size) };\n      }\n      return style;\n    }, [size]);\n\n    const calculatedTooltipContent = useMemo(() => {\n      if (hideTooltip) return null;\n      if (disabled && disabledReason) return disabledReason;\n      if (overrideTooltipContent) return overrideTooltipContent as never;\n      return ariaLabel;\n    }, [hideTooltip, disabled, disabledReason, overrideTooltipContent, ariaLabel]);\n\n    const IconButtonWrapper = wrapperClassName ? \"div\" : Fragment;\n    const iconButtonWrapperProps = useMemo(() => {\n      return wrapperClassName ? { className: cx(wrapperClassName, styles.wrapper) } : {};\n    }, [wrapperClassName]);\n\n    return (\n      <IconButtonWrapper {...iconButtonWrapperProps}>\n        <Tooltip\n          {...tooltipProps}\n          content={calculatedTooltipContent}\n          referenceWrapperClassName={styles.referenceWrapper}\n        >\n          <Button\n            onClick={onClick}\n            disabled={disabled}\n            color={color}\n            kind={kind}\n            ariaLabeledBy={ariaLabeledBy}\n            ariaLabel={buttonAriaLabel}\n            ariaHasPopup={ariaHasPopup}\n            ariaExpanded={ariaExpanded}\n            ariaControls={ariaControls}\n            aria-describedby={ariaDescribedBy}\n            aria-hidden={ariaHidden}\n            aria-pressed={ariaPressed}\n            ref={mergedRef}\n            id={id}\n            data-testid={dataTestId || getTestId(ComponentDefaultTestId.ICON_BUTTON, id)}\n            noSidePadding\n            active={active}\n            className={className}\n            style={overrideStyle}\n            insetFocus={insetFocus}\n            tabIndex={tabIndex}\n            loading={loading}\n            loaderClassName={cx(styles.loader, getStyle(styles, size))}\n          >\n            <Icon icon={icon} iconType=\"svg\" iconSize={iconSize} ignoreFocusStyle className={iconClassName} />\n          </Button>\n        </Tooltip>\n      </IconButtonWrapper>\n    );\n  }\n);\n\nexport default withStaticProps(IconButton, {\n  sizes: Button.sizes,\n  kinds: Button.kinds,\n  colors: Button.colors\n});\n"],"names":["withStaticProps","forwardRef","_ref","ref","className","wrapperClassName","iconClassName","id","_ref$icon","icon","AddSmall","_ref$size","size","_ref$tooltipProps","tooltipProps","tooltipContent","ariaLabeledBy","ariaLabel","ariaHasPopup","ariaExpanded","ariaControls","ariaDescribedBy","ariaHidden","ariaPressed","_ref$hideTooltip","hideTooltip","_ref$kind","kind","active","_ref$disabled","disabled","disabledReason","_ref$onClick","onClick","NOOP","color","dataTestId","_ref$insetFocus","insetFocus","tabIndex","_ref$loading","loading","componentRef","useRef","mergedRef","useMergeRef","overrideTooltipContent","useMemo","content","buttonAriaLabel","iconSize","SMALL_BUTTON_ICON_SIZE","BUTTON_ICON_SIZE","overrideStyle","style","justifyContent","alignItems","padding","Object","assign","getWidthHeight","calculatedTooltipContent","IconButtonWrapper","Fragment","iconButtonWrapperProps","cx","styles","wrapper","React","createElement","Tooltip","referenceWrapperClassName","referenceWrapper","Button","getTestId","ComponentDefaultTestId","ICON_BUTTON","noSidePadding","loaderClassName","loader","getStyle","Icon","iconType","ignoreFocusStyle","sizes","kinds","colors"],"mappings":"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"}
+{"version":3,"file":"IconButton.js","sources":["../../../../src/components/IconButton/IconButton.tsx"],"sourcesContent":["import React, { AriaAttributes, forwardRef, Fragment, useMemo, useRef } from \"react\";\nimport cx from \"classnames\";\nimport { noop as NOOP } from \"lodash-es\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport Tooltip, { TooltipProps } from \"../Tooltip/Tooltip\";\nimport Icon from \"../Icon/Icon\";\nimport { AddSmall } from \"@vibe/icons\";\nimport { getWidthHeight, Size } from \"./services/IconButton-helpers\";\nimport { SubIcon, VibeComponent, VibeComponentProps, withStaticProps } from \"../../types\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId, ComponentVibeId } from \"../../tests/constants\";\nimport Button from \"../Button/Button\";\nimport { BUTTON_ICON_SIZE, SMALL_BUTTON_ICON_SIZE } from \"../Button/ButtonConstants\";\nimport { ButtonColor, ButtonType } from \"../Button/Button.types\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport styles from \"./IconButton.module.scss\";\n\nexport interface IconButtonProps extends VibeComponentProps {\n  /**\n   * id to be added to the element\n   */\n  id?: string;\n  /**\n   * callback function when clicking the icon button\n   */\n  onClick?: (event: React.MouseEvent) => void;\n  /**\n   * the class name of the button wrapper\n   */\n  wrapperClassName?: string;\n  /**\n   * the class name of the button icon\n   */\n  iconClassName?: string;\n  /**\n   * Icon to be rendered\n   */\n  icon?: SubIcon;\n  /**\n   * element id to describe the button accordingly\n   * */\n  ariaLabeledBy?: string;\n  /**\n   * a11y property to be added, used for screen reader to know what kind of button it is\n   */\n  ariaLabel?: string;\n  /**\n   * aria for a button popup\n   */\n  ariaHasPopup?: React.HTMLProps<HTMLButtonElement>[\"aria-haspopup\"];\n  /**\n   * a11y property to be added, used for screen reader to know if the button is expanded\n   */\n  ariaExpanded?: boolean;\n  /**\n   * aria controls - receives id for the controlled region\n   */\n  ariaControls?: string;\n  \"aria-describedby\"?: AriaAttributes[\"aria-describedby\"];\n  /**\n   * a11y property to be added, used for screen reader to know if the button is hidden\n   */\n  \"aria-hidden\"?: AriaAttributes[\"aria-hidden\"];\n  /**\n   * Indicates the current \"pressed\" state of toggle buttons\n   */\n  \"aria-pressed\"?: AriaAttributes[\"aria-pressed\"];\n  /**\n   * Size of the icon\n   */\n  size?: Size;\n  /**\n   * Whether the tooltip should be displayed or not\n   */\n  hideTooltip?: boolean;\n  /**\n   * Props for Tooltip component\n   */\n  tooltipProps?: Partial<TooltipProps>;\n  /**\n   * Tooltip wraps the button icon, it will display in the tooltip, if not present the aria label will be shown\n   */\n  tooltipContent?: string;\n  /**\n   * Kind of button - like Button\n   */\n  kind?: ButtonType;\n  active?: boolean;\n  /** The button's color  */\n  color?: ButtonColor;\n  /**\n   * disabled state\n   */\n  disabled?: boolean;\n  /**\n   * if disabled - this will be shown in the tooltip\n   */\n  disabledReason?: string;\n  /** Change the focus indicator from around the button to within it */\n  insetFocus?: boolean;\n  /** Specifies the tab order of an element */\n  tabIndex?: number;\n  /** Show a loader instead of the icon  */\n  loading?: boolean;\n}\n\nconst IconButton: VibeComponent<IconButtonProps> & {\n  sizes?: typeof Button.sizes;\n  kinds?: typeof Button.kinds;\n  colors?: typeof Button.colors;\n} = forwardRef(\n  (\n    {\n      className,\n      wrapperClassName,\n      iconClassName,\n      id,\n      icon = AddSmall,\n      size = \"medium\",\n      tooltipProps = {} as TooltipProps,\n      tooltipContent,\n      ariaLabeledBy,\n      ariaLabel,\n      ariaHasPopup,\n      ariaExpanded,\n      ariaControls,\n      \"aria-describedby\": ariaDescribedBy,\n      \"aria-hidden\": ariaHidden,\n      \"aria-pressed\": ariaPressed,\n      hideTooltip = false,\n      kind = \"tertiary\",\n      active,\n      disabled = false,\n      disabledReason,\n      onClick = NOOP,\n      color,\n      \"data-testid\": dataTestId,\n      insetFocus = false,\n      tabIndex,\n      loading = false\n    }: IconButtonProps,\n    ref\n  ) => {\n    const componentRef = useRef(null);\n    const mergedRef = useMergeRef(ref, componentRef);\n\n    const overrideTooltipContent = useMemo(\n      () => tooltipProps?.content || tooltipContent,\n      [tooltipProps?.content, tooltipContent]\n    );\n\n    const buttonAriaLabel = useMemo(() => {\n      if (ariaLabel) return ariaLabel;\n      if (typeof overrideTooltipContent === \"string\") return overrideTooltipContent;\n      return undefined;\n    }, [ariaLabel, overrideTooltipContent]);\n\n    const iconSize = useMemo(() => {\n      switch (size) {\n        case \"xxs\":\n        case \"xs\":\n          return SMALL_BUTTON_ICON_SIZE;\n        case \"small\":\n        case \"medium\":\n        case \"large\":\n          return BUTTON_ICON_SIZE;\n        default:\n          return 24;\n      }\n    }, [size]);\n\n    const overrideStyle = useMemo(() => {\n      let style = {\n        justifyContent: \"center\",\n        alignItems: \"center\",\n        padding: 0\n      } as React.CSSProperties;\n\n      if (size) {\n        style = { ...style, ...getWidthHeight(size) };\n      }\n      return style;\n    }, [size]);\n\n    const calculatedTooltipContent = useMemo(() => {\n      if (hideTooltip) return null;\n      if (disabled && disabledReason) return disabledReason;\n      if (overrideTooltipContent) return overrideTooltipContent as never;\n      return ariaLabel;\n    }, [hideTooltip, disabled, disabledReason, overrideTooltipContent, ariaLabel]);\n\n    const IconButtonWrapper = wrapperClassName ? \"div\" : Fragment;\n    const iconButtonWrapperProps = useMemo(() => {\n      return wrapperClassName ? { className: cx(wrapperClassName, styles.wrapper) } : {};\n    }, [wrapperClassName]);\n\n    return (\n      <IconButtonWrapper {...iconButtonWrapperProps}>\n        <Tooltip\n          {...tooltipProps}\n          content={calculatedTooltipContent}\n          referenceWrapperClassName={styles.referenceWrapper}\n        >\n          <Button\n            onClick={onClick}\n            disabled={disabled}\n            color={color}\n            kind={kind}\n            ariaLabeledBy={ariaLabeledBy}\n            ariaLabel={buttonAriaLabel}\n            ariaHasPopup={ariaHasPopup}\n            ariaExpanded={ariaExpanded}\n            ariaControls={ariaControls}\n            aria-describedby={ariaDescribedBy}\n            aria-hidden={ariaHidden}\n            aria-pressed={ariaPressed}\n            ref={mergedRef}\n            id={id}\n            data-testid={dataTestId || getTestId(ComponentDefaultTestId.ICON_BUTTON, id)}\n            data-vibe={ComponentVibeId.ICON_BUTTON}\n            noSidePadding\n            active={active}\n            className={className}\n            style={overrideStyle}\n            insetFocus={insetFocus}\n            tabIndex={tabIndex}\n            loading={loading}\n            loaderClassName={cx(styles.loader, getStyle(styles, size))}\n          >\n            <Icon icon={icon} iconType=\"svg\" iconSize={iconSize} ignoreFocusStyle className={iconClassName} />\n          </Button>\n        </Tooltip>\n      </IconButtonWrapper>\n    );\n  }\n);\n\nexport default withStaticProps(IconButton, {\n  sizes: Button.sizes,\n  kinds: Button.kinds,\n  colors: Button.colors\n});\n"],"names":["withStaticProps","forwardRef","_ref","ref","className","wrapperClassName","iconClassName","id","_ref$icon","icon","AddSmall","_ref$size","size","_ref$tooltipProps","tooltipProps","tooltipContent","ariaLabeledBy","ariaLabel","ariaHasPopup","ariaExpanded","ariaControls","ariaDescribedBy","ariaHidden","ariaPressed","_ref$hideTooltip","hideTooltip","_ref$kind","kind","active","_ref$disabled","disabled","disabledReason","_ref$onClick","onClick","NOOP","color","dataTestId","_ref$insetFocus","insetFocus","tabIndex","_ref$loading","loading","componentRef","useRef","mergedRef","useMergeRef","overrideTooltipContent","useMemo","content","buttonAriaLabel","iconSize","SMALL_BUTTON_ICON_SIZE","BUTTON_ICON_SIZE","overrideStyle","style","justifyContent","alignItems","padding","Object","assign","getWidthHeight","calculatedTooltipContent","IconButtonWrapper","Fragment","iconButtonWrapperProps","cx","styles","wrapper","React","createElement","Tooltip","referenceWrapperClassName","referenceWrapper","Button","getTestId","ComponentDefaultTestId","ICON_BUTTON","ComponentVibeId","noSidePadding","loaderClassName","loader","getStyle","Icon","iconType","ignoreFocusStyle","sizes","kinds","colors"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-var e={wrapper:"wrapper_1960c56670",referenceWrapper:"referenceWrapper_25b5c33c74",loader:"loader_1e71914e23",xxs:"xxs_6044d72e3c"};!function(e){const n="s_id-8d1605f1f87b_3_34_0";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".wrapper_1960c56670 {\n  width: fit-content;\n  height: fit-content;\n  display: inline-flex;\n}\n\n.referenceWrapper_25b5c33c74 {\n  display: inline-flex;\n}\n\n.referenceWrapper_25b5c33c74 button .loader_1e71914e23 {\n  width: 16px;\n  height: 16px;\n}\n\n.referenceWrapper_25b5c33c74 button .loader_1e71914e23.xxs_6044d72e3c {\n  width: 10px;\n  height: 10px;\n}\n\n.referenceWrapper_25b5c33c74 button .loader_1e71914e23.xxs_6044d72e3c svg {\n  display: block;\n}");export{e as default};
+var e={wrapper:"wrapper_ef789c4569",referenceWrapper:"referenceWrapper_fe723f6ed0",loader:"loader_6622f8b417",xxs:"xxs_b46c9b6bd8"};!function(e){const n="s_id-8d1605f1f87b_3_34_2";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".wrapper_ef789c4569 {\n  width: fit-content;\n  height: fit-content;\n  display: inline-flex;\n}\n\n.referenceWrapper_fe723f6ed0 {\n  display: inline-flex;\n}\n\n.referenceWrapper_fe723f6ed0 button .loader_6622f8b417 {\n  width: 16px;\n  height: 16px;\n}\n\n.referenceWrapper_fe723f6ed0 button .loader_6622f8b417.xxs_b46c9b6bd8 {\n  width: 10px;\n  height: 10px;\n}\n\n.referenceWrapper_fe723f6ed0 button .loader_6622f8b417.xxs_b46c9b6bd8 svg {\n  display: block;\n}");export{e as default};
 //# sourceMappingURL=IconButton.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={clickable:"clickable_bf64d2976d","focus-visible":"focus-visible_abecd53842",disabled:"disabled_430edda570",disableTextSelection:"disableTextSelection_8f9dac8ee1",clickableWrapper:"clickableWrapper_bf64d2976d",label:"label_bc70d319ea",small:"small_b48f8a25e3",withLeg:"withLeg_65e1d0928b",legWrapper:"legWrapper_11e504ed3c",kindFill:"kindFill_90cdd1d42c",colorPrimary:"colorPrimary_5763371067",colorDark:"colorDark_3d1dda4929",colorNegative:"colorNegative_7e9bc9cddf",colorPositive:"colorPositive_553cf5ff4c",kindLine:"kindLine_cf1a4ad0b0",smallText:"smallText_b7a9c47989"};!function(e){const n="s_id-4bcc4b0ff746_3_34_0";if("undefined"!=typeof document){const c=document.head||document.getElementsByTagName("head")[0];if(c.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,c.firstChild?c.insertBefore(o,c.firstChild):c.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".clickable_bf64d2976d {\n  cursor: pointer;\n}\n.clickable_bf64d2976d:focus-visible, .clickable_bf64d2976d.focus-visible_abecd53842 {\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.clickable_bf64d2976d:focus:not(.focus-visible_abecd53842) {\n  outline: none;\n}\n.clickable_bf64d2976d.disabled_430edda570 {\n  cursor: default;\n}\n.disableTextSelection_8f9dac8ee1 {\n  -webkit-touch-callout: none; /* iOS Safari */ /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */\n}\n.clickableWrapper_bf64d2976d {\n  cursor: pointer;\n}\n.clickableWrapper_bf64d2976d:focus-visible, .clickableWrapper_bf64d2976d.focus-visible_abecd53842 {\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_bf64d2976d:focus:not(.focus-visible_abecd53842) {\n  outline: none;\n}\n.clickableWrapper_bf64d2976d:active {\n  transform: scale(0.95) translate3d(0, 0, 0);\n  transition: var(--motion-productive-short) transform;\n}\n.label_bc70d319ea {\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_bc70d319ea.small_b48f8a25e3 {\n  padding: 0 var(--spacing-xs);\n  border-radius: 2px;\n}\n.withLeg_65e1d0928b {\n  border-radius: var(--border-radius-small) var(--border-radius-small) var(--border-radius-small) 0;\n}\n.legWrapper_11e504ed3c {\n  position: absolute;\n  height: 8px;\n  top: 100%;\n  left: 0;\n  display: inline-flex;\n}\n.kindFill_90cdd1d42c.colorPrimary_5763371067 {\n  background-color: var(--primary-color);\n}\n.kindFill_90cdd1d42c.colorPrimary_5763371067 svg path {\n  fill: var(--primary-color);\n}\n.kindFill_90cdd1d42c.colorPrimary_5763371067.clickable_bf64d2976d:hover, .kindFill_90cdd1d42c.colorPrimary_5763371067.clickable_bf64d2976d:active {\n  background-color: var(--primary-hover-color);\n}\n.kindFill_90cdd1d42c.colorDark_3d1dda4929 {\n  background-color: var(--inverted-color-background);\n}\n.kindFill_90cdd1d42c.colorDark_3d1dda4929 svg path {\n  fill: var(--inverted-color-background);\n}\n.kindFill_90cdd1d42c.colorNegative_7e9bc9cddf {\n  background-color: var(--negative-color);\n}\n.kindFill_90cdd1d42c.colorNegative_7e9bc9cddf svg path {\n  fill: var(--negative-color);\n}\n.kindFill_90cdd1d42c.colorNegative_7e9bc9cddf.clickable_bf64d2976d:hover, .kindFill_90cdd1d42c.colorNegative_7e9bc9cddf.clickable_bf64d2976d:active {\n  background-color: var(--negative-color-hover);\n}\n.kindFill_90cdd1d42c.colorPositive_553cf5ff4c {\n  background-color: var(--positive-color);\n}\n.kindFill_90cdd1d42c.colorPositive_553cf5ff4c svg path {\n  fill: var(--positive-color);\n}\n.kindFill_90cdd1d42c.colorPositive_553cf5ff4c.clickable_bf64d2976d:hover, .kindFill_90cdd1d42c.colorPositive_553cf5ff4c.clickable_bf64d2976d:active {\n  background-color: var(--positive-color-hover);\n}\n.kindLine_cf1a4ad0b0 {\n  border: 1px solid currentColor;\n  padding: 1px var(--spacing-small);\n}\n.kindLine_cf1a4ad0b0 .legWrapper_11e504ed3c {\n  left: -1px;\n  top: calc(100% + 1px);\n}\n.kindLine_cf1a4ad0b0.colorPrimary_5763371067 {\n  color: var(--primary-color);\n}\n.kindLine_cf1a4ad0b0.colorPrimary_5763371067 svg path {\n  fill: var(--primary-color);\n}\n.kindLine_cf1a4ad0b0.colorPrimary_5763371067.clickable_bf64d2976d:hover, .kindLine_cf1a4ad0b0.colorPrimary_5763371067.clickable_bf64d2976d:active {\n  background-color: var(--primary-background-hover-color);\n}\n.kindLine_cf1a4ad0b0.colorDark_3d1dda4929 {\n  color: var(--inverted-color-background);\n}\n.kindLine_cf1a4ad0b0.colorDark_3d1dda4929 svg path {\n  fill: var(--inverted-color-background);\n}\n.kindLine_cf1a4ad0b0.colorDark_3d1dda4929.clickable_bf64d2976d:hover, .kindLine_cf1a4ad0b0.colorDark_3d1dda4929.clickable_bf64d2976d:active {\n  background-color: var(--primary-background-hover-color);\n}\n.kindLine_cf1a4ad0b0.colorNegative_7e9bc9cddf {\n  color: var(--negative-color);\n}\n.kindLine_cf1a4ad0b0.colorNegative_7e9bc9cddf svg path {\n  fill: var(--negative-color);\n}\n.kindLine_cf1a4ad0b0.colorNegative_7e9bc9cddf.clickable_bf64d2976d:hover, .kindLine_cf1a4ad0b0.colorNegative_7e9bc9cddf.clickable_bf64d2976d:active {\n  background-color: var(--negative-color-selected);\n}\n.kindLine_cf1a4ad0b0.colorPositive_553cf5ff4c {\n  color: var(--positive-color);\n}\n.kindLine_cf1a4ad0b0.colorPositive_553cf5ff4c svg path {\n  fill: var(--positive-color);\n}\n.kindLine_cf1a4ad0b0.colorPositive_553cf5ff4c.clickable_bf64d2976d:hover, .kindLine_cf1a4ad0b0.colorPositive_553cf5ff4c.clickable_bf64d2976d:active {\n  background-color: var(--positive-color-selected);\n}\n.kindLine_cf1a4ad0b0 .smallText_b7a9c47989 {\n  line-height: 14px;\n}");export{e as default};
+var e={clickable:"clickable_f8f16ee482","focus-visible":"focus-visible_827afe335f",disabled:"disabled_ebf94c686f",disableTextSelection:"disableTextSelection_e27ae4df2a",clickableWrapper:"clickableWrapper_f8f16ee482",label:"label_9f94b469cf",small:"small_3e4caf2e60",withLeg:"withLeg_8c7ffa3186",legWrapper:"legWrapper_70e25229ea",kindFill:"kindFill_6c9e7c03be",colorPrimary:"colorPrimary_7c8667f66e",colorDark:"colorDark_18fff1a345",colorNegative:"colorNegative_447abefc13",colorPositive:"colorPositive_d5e6a88bdb",kindLine:"kindLine_f512538122",smallText:"smallText_8a2e3a9e28"};!function(e){const n="s_id-4bcc4b0ff746_3_34_2";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,o.firstChild?o.insertBefore(r,o.firstChild):o.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".clickable_f8f16ee482 {\n  cursor: pointer;\n}\n.clickable_f8f16ee482:focus-visible, .clickable_f8f16ee482.focus-visible_827afe335f {\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.clickable_f8f16ee482:focus:not(.focus-visible_827afe335f) {\n  outline: none;\n}\n.clickable_f8f16ee482.disabled_ebf94c686f {\n  cursor: default;\n}\n.disableTextSelection_e27ae4df2a {\n  -webkit-touch-callout: none; /* iOS Safari */ /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */\n}\n.clickableWrapper_f8f16ee482 {\n  cursor: pointer;\n}\n.clickableWrapper_f8f16ee482:focus-visible, .clickableWrapper_f8f16ee482.focus-visible_827afe335f {\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_f8f16ee482:focus:not(.focus-visible_827afe335f) {\n  outline: none;\n}\n.clickableWrapper_f8f16ee482:active {\n  transform: scale(0.95) translate3d(0, 0, 0);\n  transition: var(--motion-productive-short) transform;\n}\n.label_9f94b469cf {\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_9f94b469cf.small_3e4caf2e60 {\n  padding: 0 var(--spacing-xs);\n  border-radius: 2px;\n}\n.withLeg_8c7ffa3186 {\n  border-radius: var(--border-radius-small) var(--border-radius-small) var(--border-radius-small) 0;\n}\n.legWrapper_70e25229ea {\n  position: absolute;\n  height: 8px;\n  top: 100%;\n  left: 0;\n  display: inline-flex;\n}\n.kindFill_6c9e7c03be.colorPrimary_7c8667f66e {\n  background-color: var(--primary-color);\n}\n.kindFill_6c9e7c03be.colorPrimary_7c8667f66e svg path {\n  fill: var(--primary-color);\n}\n.kindFill_6c9e7c03be.colorPrimary_7c8667f66e.clickable_f8f16ee482:hover, .kindFill_6c9e7c03be.colorPrimary_7c8667f66e.clickable_f8f16ee482:active {\n  background-color: var(--primary-hover-color);\n}\n.kindFill_6c9e7c03be.colorDark_18fff1a345 {\n  background-color: var(--inverted-color-background);\n}\n.kindFill_6c9e7c03be.colorDark_18fff1a345 svg path {\n  fill: var(--inverted-color-background);\n}\n.kindFill_6c9e7c03be.colorNegative_447abefc13 {\n  background-color: var(--negative-color);\n}\n.kindFill_6c9e7c03be.colorNegative_447abefc13 svg path {\n  fill: var(--negative-color);\n}\n.kindFill_6c9e7c03be.colorNegative_447abefc13.clickable_f8f16ee482:hover, .kindFill_6c9e7c03be.colorNegative_447abefc13.clickable_f8f16ee482:active {\n  background-color: var(--negative-color-hover);\n}\n.kindFill_6c9e7c03be.colorPositive_d5e6a88bdb {\n  background-color: var(--positive-color);\n}\n.kindFill_6c9e7c03be.colorPositive_d5e6a88bdb svg path {\n  fill: var(--positive-color);\n}\n.kindFill_6c9e7c03be.colorPositive_d5e6a88bdb.clickable_f8f16ee482:hover, .kindFill_6c9e7c03be.colorPositive_d5e6a88bdb.clickable_f8f16ee482:active {\n  background-color: var(--positive-color-hover);\n}\n.kindLine_f512538122 {\n  border: 1px solid currentColor;\n  padding: 1px var(--spacing-small);\n}\n.kindLine_f512538122 .legWrapper_70e25229ea {\n  left: -1px;\n  top: calc(100% + 1px);\n}\n.kindLine_f512538122.colorPrimary_7c8667f66e {\n  color: var(--primary-color);\n}\n.kindLine_f512538122.colorPrimary_7c8667f66e svg path {\n  fill: var(--primary-color);\n}\n.kindLine_f512538122.colorPrimary_7c8667f66e.clickable_f8f16ee482:hover, .kindLine_f512538122.colorPrimary_7c8667f66e.clickable_f8f16ee482:active {\n  background-color: var(--primary-background-hover-color);\n}\n.kindLine_f512538122.colorDark_18fff1a345 {\n  color: var(--inverted-color-background);\n}\n.kindLine_f512538122.colorDark_18fff1a345 svg path {\n  fill: var(--inverted-color-background);\n}\n.kindLine_f512538122.colorDark_18fff1a345.clickable_f8f16ee482:hover, .kindLine_f512538122.colorDark_18fff1a345.clickable_f8f16ee482:active {\n  background-color: var(--primary-background-hover-color);\n}\n.kindLine_f512538122.colorNegative_447abefc13 {\n  color: var(--negative-color);\n}\n.kindLine_f512538122.colorNegative_447abefc13 svg path {\n  fill: var(--negative-color);\n}\n.kindLine_f512538122.colorNegative_447abefc13.clickable_f8f16ee482:hover, .kindLine_f512538122.colorNegative_447abefc13.clickable_f8f16ee482:active {\n  background-color: var(--negative-color-selected);\n}\n.kindLine_f512538122.colorPositive_d5e6a88bdb {\n  color: var(--positive-color);\n}\n.kindLine_f512538122.colorPositive_d5e6a88bdb svg path {\n  fill: var(--positive-color);\n}\n.kindLine_f512538122.colorPositive_d5e6a88bdb.clickable_f8f16ee482:hover, .kindLine_f512538122.colorPositive_d5e6a88bdb.clickable_f8f16ee482:active {\n  background-color: var(--positive-color-selected);\n}\n.kindLine_f512538122 .smallText_8a2e3a9e28 {\n  line-height: 14px;\n}");export{e 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_4e24531297",svg:"svg_fa12ee0370",stroke:"stroke_6d8aa19fd6","stroke-rotate":"stroke-rotate_4f5b780efd",base:"base_3c2757d955",fade:"fade_42e366eecc",first:"first_e5dac8d3ac",second:"second_c9d4972b75",third:"third_8b5d97e702","gradient-text-fill":"gradient-text-fill_842a0816e7"};!function(e){const n="s_id-cc5df975abc6_3_34_0";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_4e24531297 {\n  --container-perimeter: 840;\n  position: relative;\n}\n.celebration_4e24531297 .svg_fa12ee0370 {\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 100%;\n  width: 100%;\n}\n.celebration_4e24531297 .svg_fa12ee0370 .stroke_6d8aa19fd6 {\n  fill: none;\n  stroke-width: 1;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  animation: stroke-rotate_4f5b780efd cubic-bezier(0.33, 0, 0.67, 1) forwards;\n  stroke-dasharray: var(--container-perimeter);\n  stroke-dashoffset: var(--container-perimeter);\n}\n.celebration_4e24531297 .svg_fa12ee0370 .stroke_6d8aa19fd6.base_3c2757d955 {\n  stroke: var(--color-egg_yolk);\n  animation: fade_42e366eecc 200ms linear forwards;\n  animation-delay: 80ms;\n  stroke-dasharray: 0;\n  stroke-dashoffset: 0;\n  opacity: 0;\n}\n.celebration_4e24531297 .svg_fa12ee0370 .stroke_6d8aa19fd6.first_e5dac8d3ac {\n  stroke: var(--color-done-green);\n  animation-delay: 80ms;\n  animation-duration: 320ms;\n}\n.celebration_4e24531297 .svg_fa12ee0370 .stroke_6d8aa19fd6.second_c9d4972b75 {\n  stroke: var(--color-stuck-red);\n  animation-delay: 200ms;\n  animation-duration: 320ms;\n}\n.celebration_4e24531297 .svg_fa12ee0370 .stroke_6d8aa19fd6.third_8b5d97e702 {\n  stroke: var(--primary-color);\n  animation-delay: 360ms;\n  animation-duration: 320ms;\n}\n.celebration_4e24531297.celebration_4e24531297 [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_842a0816e7 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_42e366eecc {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n@keyframes stroke-rotate_4f5b780efd {\n  to {\n    stroke-dashoffset: 0;\n  }\n}\n@keyframes gradient-text-fill_842a0816e7 {\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_00c872463a",svg:"svg_d78d1d94c5",stroke:"stroke_982924740a","stroke-rotate":"stroke-rotate_c5aa76b955",base:"base_22ab14d96f",fade:"fade_da1ec813eb",first:"first_ff9bf81123",second:"second_e825ab1ecf",third:"third_ccea09a026","gradient-text-fill":"gradient-text-fill_a1b9d2c6de"};!function(e){const n="s_id-cc5df975abc6_3_34_2";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_00c872463a {\n  --container-perimeter: 840;\n  position: relative;\n}\n.celebration_00c872463a .svg_d78d1d94c5 {\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 100%;\n  width: 100%;\n}\n.celebration_00c872463a .svg_d78d1d94c5 .stroke_982924740a {\n  fill: none;\n  stroke-width: 1;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  animation: stroke-rotate_c5aa76b955 cubic-bezier(0.33, 0, 0.67, 1) forwards;\n  stroke-dasharray: var(--container-perimeter);\n  stroke-dashoffset: var(--container-perimeter);\n}\n.celebration_00c872463a .svg_d78d1d94c5 .stroke_982924740a.base_22ab14d96f {\n  stroke: var(--color-egg_yolk);\n  animation: fade_da1ec813eb 200ms linear forwards;\n  animation-delay: 80ms;\n  stroke-dasharray: 0;\n  stroke-dashoffset: 0;\n  opacity: 0;\n}\n.celebration_00c872463a .svg_d78d1d94c5 .stroke_982924740a.first_ff9bf81123 {\n  stroke: var(--color-done-green);\n  animation-delay: 80ms;\n  animation-duration: 320ms;\n}\n.celebration_00c872463a .svg_d78d1d94c5 .stroke_982924740a.second_e825ab1ecf {\n  stroke: var(--color-stuck-red);\n  animation-delay: 200ms;\n  animation-duration: 320ms;\n}\n.celebration_00c872463a .svg_d78d1d94c5 .stroke_982924740a.third_ccea09a026 {\n  stroke: var(--primary-color);\n  animation-delay: 360ms;\n  animation-duration: 320ms;\n}\n.celebration_00c872463a.celebration_00c872463a [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_a1b9d2c6de 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_da1ec813eb {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n@keyframes stroke-rotate_c5aa76b955 {\n  to {\n    stroke-dashoffset: 0;\n  }\n}\n@keyframes gradient-text-fill_a1b9d2c6de {\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_4fa5adddfe",overlay:"overlay_11039a72aa","overlay-fade-out":"overlay-fade-out_eb3eaadf83","overlay-fade-in":"overlay-fade-in_42e366eecc",dialog:"dialog_fed2c06b2d",default:"default_2114310fcc",full:"full_68a90126df",spacing:"spacing_8540dbcc22"};!function(n){const e="s_id-fe267e23c74c_3_34_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+e))return;const d=document.createElement("style");d.id=e,a.firstChild?a.insertBefore(d,a.firstChild):a.appendChild(d),d.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".container_4fa5adddfe,\n.overlay_11039a72aa {\n  position: fixed;\n  inset: 0;\n}\n\n.container_4fa5adddfe {\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_4fa5adddfe[aria-hidden=true] {\n  display: none;\n}\n\n.container_4fa5adddfe[aria-hidden=true] .overlay_11039a72aa {\n  background-color: transparent;\n  animation: overlay-fade-out_eb3eaadf83 70ms var(--motion-timing-enter);\n}\n\n.overlay_11039a72aa {\n  background-color: rgba(41, 47, 76, 0.7);\n  animation: overlay-fade-in_42e366eecc 70ms var(--motion-timing-enter);\n}\n\n.dialog_fed2c06b2d {\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_fed2c06b2d.default_2114310fcc {\n  width: 520px;\n}\n\n.dialog_fed2c06b2d.full_68a90126df {\n  width: 100vw;\n}\n\n.dialog_fed2c06b2d.spacing_8540dbcc22 {\n  gap: var(--spacing-medium);\n}\n\n@keyframes overlay-fade-in_42e366eecc {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n\n@keyframes overlay-fade-out_eb3eaadf83 {\n  from {\n    opacity: 1;\n  }\n  to {\n    opacity: 0;\n  }\n}");export{n as default};
+var n={container:"container_9738b1e7c6",overlay:"overlay_c201f32c47","overlay-fade-out":"overlay-fade-out_df53dd34d1","overlay-fade-in":"overlay-fade-in_da1ec813eb",dialog:"dialog_96fd68ff5f",default:"default_875f1c0c22",full:"full_542a0002e3",spacing:"spacing_3d1d81e758"};!function(n){const e="s_id-fe267e23c74c_3_34_2";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+e))return;const d=document.createElement("style");d.id=e,a.firstChild?a.insertBefore(d,a.firstChild):a.appendChild(d),d.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".container_9738b1e7c6,\n.overlay_c201f32c47 {\n  position: fixed;\n  inset: 0;\n}\n\n.container_9738b1e7c6 {\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_9738b1e7c6[aria-hidden=true] {\n  display: none;\n}\n\n.container_9738b1e7c6[aria-hidden=true] .overlay_c201f32c47 {\n  background-color: transparent;\n  animation: overlay-fade-out_df53dd34d1 70ms var(--motion-timing-enter);\n}\n\n.overlay_c201f32c47 {\n  background-color: rgba(41, 47, 76, 0.7);\n  animation: overlay-fade-in_da1ec813eb 70ms var(--motion-timing-enter);\n}\n\n.dialog_96fd68ff5f {\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_96fd68ff5f.default_875f1c0c22 {\n  width: 520px;\n}\n\n.dialog_96fd68ff5f.full_542a0002e3 {\n  width: 100vw;\n}\n\n.dialog_96fd68ff5f.spacing_3d1d81e758 {\n  gap: var(--spacing-medium);\n}\n\n@keyframes overlay-fade-in_da1ec813eb {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n\n@keyframes overlay-fade-out_df53dd34d1 {\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_3789ba0bea"};!function(e){const n="s_id-40a1f8a37338_3_34_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".container_3789ba0bea {\n  flex-grow: 1;\n  overflow: auto;\n}\n.container_3789ba0bea::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.container_3789ba0bea::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{e as default};
+var e={container:"container_68b9c46a63"};!function(e){const n="s_id-40a1f8a37338_3_34_2";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)}(".container_68b9c46a63 {\n  flex-grow: 1;\n  overflow: auto;\n}\n.container_68b9c46a63::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.container_68b9c46a63::-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_fe25818757"};!function(e){const t="s_id-9ff7e713f88b_3_34_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".container_fe25818757 {\n  margin-block-start: var(--spacing-large);\n}");export{e as default};
+var e={container:"container_74f268eaf0"};!function(e){const t="s_id-9ff7e713f88b_3_34_2";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".container_74f268eaf0 {\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 n={container:"container_d0237b399b",icon:"icon_399a40f2d5",description:"description_dda9f89548",closeButton:"closeButton_2c071baa77"};!function(n){const e="s_id-f34f7b91e8f3_3_34_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".container_d0237b399b {\n  margin-block-start: var(--spacing-medium);\n}\n.container_d0237b399b .icon_399a40f2d5 {\n  margin-top: var(--spacing-xs);\n  flex-shrink: 0;\n  color: var(--primary-text-color);\n}\n.container_d0237b399b .description_dda9f89548 {\n  margin-block-start: var(--spacing-small);\n  color: var(--secondary-text-color);\n}\n.container_d0237b399b .closeButton_2c071baa77 {\n  position: absolute;\n  right: 20px;\n  top: 20px;\n}");export{n as default};
+var e={container:"container_c0206bb5be",icon:"icon_01f2ea1d60",description:"description_ea8d2f5bc2",closeButton:"closeButton_086ac613ac"};!function(e){const n="s_id-f34f7b91e8f3_3_34_2";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const c=document.createElement("style");c.id=n,t.firstChild?t.insertBefore(c,t.firstChild):t.appendChild(c),c.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".container_c0206bb5be {\n  margin-block-start: var(--spacing-medium);\n}\n.container_c0206bb5be .icon_01f2ea1d60 {\n  margin-top: var(--spacing-xs);\n  flex-shrink: 0;\n  color: var(--primary-text-color);\n}\n.container_c0206bb5be .description_ea8d2f5bc2 {\n  margin-block-start: var(--spacing-small);\n  color: var(--secondary-text-color);\n}\n.container_c0206bb5be .closeButton_086ac613ac {\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_87cf229dba","focus-visible":"focus-visible_abecd53842",colorOnPrimary:"colorOnPrimary_6f97bef335",colorOnInverted:"colorOnInverted_cdc9812139",text:"text_a594ed4fc3",inlineText:"inlineText_77f4a80a1d",inheritFontSize:"inheritFontSize_9dc3d40cc4",iconStart:"iconStart_0cbd2134b7",iconEnd:"iconEnd_5a661a16a2"};!function(n){const i="s_id-6fcc93dacbaa_3_34_0";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+i))return;const t=document.createElement("style");t.id=i,e.firstChild?e.insertBefore(t,e.firstChild):e.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[i]=n)}(".link_87cf229dba {\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_87cf229dba:focus-visible, .link_87cf229dba.focus-visible_abecd53842 {\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_87cf229dba:focus:not(.focus-visible_abecd53842) {\n  outline: none;\n}\n.link_87cf229dba.colorOnPrimary_6f97bef335 {\n  color: var(--text-color-on-primary);\n}\n.link_87cf229dba.colorOnInverted_cdc9812139 {\n  color: var(--text-color-on-inverted);\n}\n.link_87cf229dba:hover .text_a594ed4fc3 {\n  text-decoration: underline;\n  color: inherit;\n}\n.link_87cf229dba.inlineText_77f4a80a1d {\n  display: inline-flex;\n  align-items: unset;\n}\n.link_87cf229dba.inheritFontSize_9dc3d40cc4 {\n  font-size: inherit;\n  line-height: inherit;\n}\n.iconStart_0cbd2134b7 {\n  line-height: 24px;\n  margin-right: var(--spacing-small);\n}\n.iconEnd_5a661a16a2 {\n  line-height: 24px;\n  margin-left: var(--spacing-small);\n}\n@supports (margin-inline-start: initial) {\n  .iconStart_0cbd2134b7 {\n    line-height: 24px;\n    margin-right: 0;\n    margin-inline-end: var(--spacing-xs);\n  }\n  .iconEnd_5a661a16a2 {\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_f1a47eb155","focus-visible":"focus-visible_827afe335f",colorOnPrimary:"colorOnPrimary_605185bf04",colorOnInverted:"colorOnInverted_a63216f209",text:"text_2a8a89bf5f",inlineText:"inlineText_323aadb71e",inheritFontSize:"inheritFontSize_b04ca8490e",iconStart:"iconStart_337a0ede23",iconEnd:"iconEnd_96734a4c30"};!function(n){const e="s_id-6fcc93dacbaa_3_34_2";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)}(".link_f1a47eb155 {\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_f1a47eb155:focus-visible, .link_f1a47eb155.focus-visible_827afe335f {\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_f1a47eb155:focus:not(.focus-visible_827afe335f) {\n  outline: none;\n}\n.link_f1a47eb155.colorOnPrimary_605185bf04 {\n  color: var(--text-color-on-primary);\n}\n.link_f1a47eb155.colorOnInverted_a63216f209 {\n  color: var(--text-color-on-inverted);\n}\n.link_f1a47eb155:hover .text_2a8a89bf5f {\n  text-decoration: underline;\n  color: inherit;\n}\n.link_f1a47eb155.inlineText_323aadb71e {\n  display: inline-flex;\n  align-items: unset;\n}\n.link_f1a47eb155.inheritFontSize_b04ca8490e {\n  font-size: inherit;\n  line-height: inherit;\n}\n.iconStart_337a0ede23 {\n  line-height: 24px;\n  margin-right: var(--spacing-small);\n}\n.iconEnd_96734a4c30 {\n  line-height: 24px;\n  margin-left: var(--spacing-small);\n}\n@supports (margin-inline-start: initial) {\n  .iconStart_337a0ede23 {\n    line-height: 24px;\n    margin-right: 0;\n    margin-inline-end: var(--spacing-xs);\n  }\n  .iconEnd_96734a4c30 {\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.js

@@ -1,2 +1,2 @@
-import{slicedToArray as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import t from"classnames";import r,{forwardRef as i,useRef as n,useState as o,useCallback as s,useEffect as a,useMemo as l}from"react";import c from"../../hooks/useMergeRef.js";import u from"../../hooks/useKeyEvent/index.js";import{VirtualizedListItems as m}from"./VirtualizedListItems/VirtualizedListItems.js";import{keyCodes as d,UP_DOWN_ARROWS as f}from"../../constants/keyCodes.js";import{withStaticProps as p}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import{ListWrapperComponentType as v}from"./ListConstants.js";import{getTestId as y,ComponentDefaultTestId as b}from"../../tests/testIds.js";import{ListContext as j}from"./utils/ListContext.js";import{useListId as I,getListItemIndexById as L,getNextListItemIndex as x,getPrevListItemIndex as h,getListItemIdByIndex as k,isListItem as A,getListItemComponentType as E}from"./utils/ListUtils.js";import g from"./List.module.scss.js";var R=i((function(i,p){var v=i.className,C=i.id,O=i.component,P=void 0===O?R.components.UL:O,V=i.children,_=i.ariaLabel,D=i.ariaDescribedBy,N=i["aria-controls"],T=i.renderOnlyVisibleItems,U=void 0!==T&&T,W=i.style,z=i.role,B=void 0===z?"listbox":z,H=i["data-testid"],M=n(null),S=c(p,M),w=n([]),F=I(C),K=o(0),q=e(K,2),G=q[0],J=q[1],Q=P,X=s((function(e){var t;J(L(w,e)),null===(t=null==M?void 0:M.current)||void 0===t||t.setAttribute("aria-activedescendant",e)}),[]),Y=s((function(e){if(!U){e.preventDefault();var t=e.key===d.UP_ARROW,r=void 0;e.key===d.DOWN_ARROW&&w.current.length>G+1?r=x(G,w):t&&G>0&&(r=h(G,w)),void 0!==r&&(X(k(w,r)),w.current[r].focus())}}),[G,U,X]);u({keys:f,callback:Y,ref:M}),a((function(){var e=w.current.findIndex((function(e){return e instanceof HTMLElement&&A(e)&&"true"===(null==e?void 0:e.getAttribute("aria-selected"))}));if(-1!==e)X(k(w,e));else{var t=w.current.findIndex((function(e){return A(e)}));-1!==t&&X(k(w,t))}}),[X]);var Z=l((function(){var e=Array.isArray(V)?V:[V];return U?e=r.createElement(m,null,e):(w.current=w.current.slice(0,e.length),e=r.Children.map(e,(function(e,t){if(!r.isValidElement(e))return e;var i=e.props.id||"".concat(F,"-item-").concat(t),n=w.current[t],o=null==n||A(n);return r.cloneElement(e,{ref:function(e){return w.current[t]=e},tabIndex:G===t&&o?0:-1,id:i,component:E(P),role:e.props.role})}))),e}),[V,P,G,F,U]);return r.createElement(j.Provider,{value:{updateFocusedItem:X}},r.createElement(Q,{"data-testid":H||y(b.LIST,C),ref:S,style:W,className:t(g.list,v),id:F,"aria-label":_,"aria-describedby":D,"aria-controls":N,tabIndex:-1,role:B},Z))})),C=p(R,{components:v});export{C as default};
+import{slicedToArray as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import e from"classnames";import r,{forwardRef as i,useRef as o,useState as n,useCallback as s,useEffect as a,useMemo as l}from"react";import c from"../../hooks/useMergeRef.js";import u from"../../hooks/useKeyEvent/index.js";import{VirtualizedListItems as m}from"./VirtualizedListItems/VirtualizedListItems.js";import{keyCodes as d,UP_DOWN_ARROWS as f}from"../../constants/keyCodes.js";import{withStaticProps as p}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import{ListWrapperComponentType as v}from"./ListConstants.js";import{getTestId as b,ComponentDefaultTestId as y}from"../../tests/testIds.js";import{ListContext as j}from"./utils/ListContext.js";import{useListId as I,getListItemIndexById as L,getNextListItemIndex as x,getPrevListItemIndex as h,getListItemIdByIndex as k,isListItem as A,getListItemComponentType as E}from"./utils/ListUtils.js";import g from"./List.module.scss.js";import{ComponentVibeId as R}from"../../tests/constants.js";var C=i((function(i,p){var v=i.className,O=i.id,P=i.component,T=void 0===P?C.components.UL:P,V=i.children,_=i.ariaLabel,D=i.ariaDescribedBy,N=i["aria-controls"],S=i.renderOnlyVisibleItems,U=void 0!==S&&S,W=i.style,z=i.role,B=void 0===z?"listbox":z,H=i["data-testid"],M=o(null),w=c(p,M),F=o([]),K=I(O),q=n(0),G=t(q,2),J=G[0],Q=G[1],X=T,Y=s((function(t){var e;Q(L(F,t)),null===(e=null==M?void 0:M.current)||void 0===e||e.setAttribute("aria-activedescendant",t)}),[]),Z=s((function(t){if(!U){t.preventDefault();var e=t.key===d.UP_ARROW,r=void 0;t.key===d.DOWN_ARROW&&F.current.length>J+1?r=x(J,F):e&&J>0&&(r=h(J,F)),void 0!==r&&(Y(k(F,r)),F.current[r].focus())}}),[J,U,Y]);u({keys:f,callback:Z,ref:M}),a((function(){var t=F.current.findIndex((function(t){return t instanceof HTMLElement&&A(t)&&"true"===(null==t?void 0:t.getAttribute("aria-selected"))}));if(-1!==t)Y(k(F,t));else{var e=F.current.findIndex((function(t){return A(t)}));-1!==e&&Y(k(F,e))}}),[Y]);var $=l((function(){var t=Array.isArray(V)?V:[V];return U?t=r.createElement(m,null,t):(F.current=F.current.slice(0,t.length),t=r.Children.map(t,(function(t,e){if(!r.isValidElement(t))return t;var i=t.props.id||"".concat(K,"-item-").concat(e),o=F.current[e],n=null==o||A(o);return r.cloneElement(t,{ref:function(t){return F.current[e]=t},tabIndex:J===e&&n?0:-1,id:i,component:E(T),role:t.props.role})}))),t}),[V,T,J,K,U]);return r.createElement(j.Provider,{value:{updateFocusedItem:Y}},r.createElement(X,{"data-testid":H||b(y.LIST,O),"data-vibe":R.LIST,ref:w,style:W,className:e(g.list,v),id:K,"aria-label":_,"aria-describedby":D,"aria-controls":N,tabIndex:-1,role:B},$))})),O=p(C,{components:v});export{O as default};
 //# sourceMappingURL=List.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"List.js","sources":["../../../../src/components/List/List.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, {\n  AriaAttributes,\n  AriaRole,\n  CSSProperties,\n  forwardRef,\n  ReactElement,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState\n} from \"react\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport useKeyEvent from \"../../hooks/useKeyEvent\";\nimport { VirtualizedListItems } from \"./VirtualizedListItems/VirtualizedListItems\";\nimport { keyCodes, UP_DOWN_ARROWS } from \"../../constants/keyCodes\";\nimport { VibeComponent, withStaticProps, VibeComponentProps } from \"../../types\";\nimport { ListItemProps } from \"../ListItem/ListItem\";\nimport { ListTitleProps } from \"../ListTitle/ListTitle\";\nimport { ListWrapperComponentType as ListWrapperComponentTypeEnum } from \"./ListConstants\";\nimport { ListElement } from \"./List.types\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { ListContext } from \"./utils/ListContext\";\nimport {\n  getListItemComponentType,\n  getListItemIdByIndex,\n  getListItemIndexById,\n  getNextListItemIndex,\n  getPrevListItemIndex,\n  isListItem,\n  useListId\n} from \"./utils/ListUtils\";\nimport styles from \"./List.module.scss\";\n\nexport interface ListProps extends VibeComponentProps {\n  /**\n   * the wrapping component to wrap the List Items [div, nav, ul, ol]\n   */\n  component?: ListElement;\n  /**\n   * ARIA label string to describe to list\n   */\n  ariaLabel?: string;\n  /**\n   * ARIA described by string to reference an id to describe by\n   */\n  ariaDescribedBy?: string;\n  \"aria-controls\"?: AriaAttributes[\"aria-controls\"];\n  children?: ReactElement<ListItemProps | ListTitleProps> | ReactElement<ListItemProps | ListTitleProps>[];\n  /**\n   * Using virtualized list for rendering only the items which visible to the user in any given user (performance optimization)\n   */\n  renderOnlyVisibleItems?: boolean;\n  style?: CSSProperties;\n  /**\n   * ARIA role for the list.\n   */\n  role?: AriaRole;\n}\n\nconst List: VibeComponent<ListProps> & {\n  components?: typeof ListWrapperComponentTypeEnum;\n} = forwardRef(\n  (\n    {\n      className,\n      id,\n      component = List.components.UL,\n      children,\n      ariaLabel,\n      ariaDescribedBy,\n      \"aria-controls\": ariaControls,\n      renderOnlyVisibleItems = false,\n      style,\n      role = \"listbox\",\n      \"data-testid\": dataTestId\n    }: ListProps,\n    ref\n  ) => {\n    const componentRef = useRef(null);\n    const mergedRef = useMergeRef(ref, componentRef);\n    const childrenRefs: React.MutableRefObject<HTMLElement[]> = useRef([]);\n\n    const overrideId = useListId(id);\n    const [focusIndex, setFocusIndex] = useState(0);\n    const Component = component;\n\n    const updateFocusedItem = useCallback((id: string) => {\n      setFocusIndex(getListItemIndexById(childrenRefs, id));\n      componentRef?.current?.setAttribute(\"aria-activedescendant\", id);\n    }, []);\n\n    const onUpDownArrows = useCallback(\n      (event: KeyboardEvent) => {\n        if (renderOnlyVisibleItems) {\n          return;\n        }\n        event.preventDefault();\n\n        const isUpKey = event.key === keyCodes.UP_ARROW;\n        const isDownKey = event.key === keyCodes.DOWN_ARROW;\n        let overrideFocusIndex = undefined;\n\n        if (isDownKey && focusIndex + 1 < childrenRefs.current.length) {\n          overrideFocusIndex = getNextListItemIndex(focusIndex, childrenRefs);\n        } else if (isUpKey && focusIndex > 0) {\n          overrideFocusIndex = getPrevListItemIndex(focusIndex, childrenRefs);\n        }\n        if (overrideFocusIndex !== undefined) {\n          updateFocusedItem(getListItemIdByIndex(childrenRefs, overrideFocusIndex));\n          childrenRefs.current[overrideFocusIndex].focus();\n        }\n      },\n      [focusIndex, renderOnlyVisibleItems, updateFocusedItem]\n    );\n\n    useKeyEvent({\n      keys: UP_DOWN_ARROWS,\n      callback: onUpDownArrows,\n      ref: componentRef\n    });\n\n    useEffect(() => {\n      const selectedItemIndex = childrenRefs.current.findIndex(\n        child => child instanceof HTMLElement && isListItem(child) && child?.getAttribute(\"aria-selected\") === \"true\"\n      );\n      if (selectedItemIndex !== -1) {\n        updateFocusedItem(getListItemIdByIndex(childrenRefs, selectedItemIndex));\n      } else {\n        const firstFocusableIndex = childrenRefs.current.findIndex(child => isListItem(child));\n        if (firstFocusableIndex !== -1) {\n          updateFocusedItem(getListItemIdByIndex(childrenRefs, firstFocusableIndex));\n        }\n      }\n    }, [updateFocusedItem]);\n\n    const overrideChildren = useMemo(() => {\n      let override: ReactElement | ReactElement[] = Array.isArray(children) ? children : [children];\n      if (renderOnlyVisibleItems) {\n        override = <VirtualizedListItems>{override}</VirtualizedListItems>;\n      } else {\n        childrenRefs.current = childrenRefs.current.slice(0, override.length);\n        override = React.Children.map(override, (child, index) => {\n          if (!React.isValidElement(child)) {\n            return child;\n          }\n          const id = (child.props as ListItemProps).id || `${overrideId}-item-${index}`;\n          const currentRef = childrenRefs.current[index];\n          const isFocusableItem = currentRef === undefined || currentRef === null || isListItem(currentRef);\n          return React.cloneElement(child, {\n            // @ts-ignore not sure how to deal with ref here\n            ref: ref => (childrenRefs.current[index] = ref),\n            tabIndex: focusIndex === index && isFocusableItem ? 0 : -1,\n            id,\n            component: getListItemComponentType(component),\n            role: (child.props as ListItemProps).role\n          });\n        });\n      }\n\n      return override;\n    }, [children, component, focusIndex, overrideId, renderOnlyVisibleItems]);\n\n    return (\n      <ListContext.Provider value={{ updateFocusedItem }}>\n        <Component\n          data-testid={dataTestId || getTestId(ComponentDefaultTestId.LIST, id)}\n          ref={mergedRef}\n          style={style}\n          className={cx(styles.list, className)}\n          id={overrideId}\n          aria-label={ariaLabel}\n          aria-describedby={ariaDescribedBy}\n          aria-controls={ariaControls}\n          tabIndex={-1}\n          role={role}\n        >\n          {overrideChildren}\n        </Component>\n      </ListContext.Provider>\n    );\n  }\n);\n\nexport default withStaticProps(List, {\n  components: ListWrapperComponentTypeEnum\n});\n"],"names":["List","forwardRef","_ref","ref","className","id","_ref$component","component","components","UL","children","ariaLabel","ariaDescribedBy","ariaControls","_ref$renderOnlyVisibl","renderOnlyVisibleItems","style","_ref$role","role","dataTestId","componentRef","useRef","mergedRef","useMergeRef","childrenRefs","overrideId","useListId","_useState","useState","_useState2","_slicedToArray","focusIndex","setFocusIndex","Component","updateFocusedItem","useCallback","getListItemIndexById","_a","current","setAttribute","onUpDownArrows","event","preventDefault","isUpKey","key","keyCodes","UP_ARROW","overrideFocusIndex","undefined","DOWN_ARROW","length","getNextListItemIndex","getPrevListItemIndex","getListItemIdByIndex","focus","useKeyEvent","keys","UP_DOWN_ARROWS","callback","useEffect","selectedItemIndex","findIndex","child","HTMLElement","isListItem","getAttribute","firstFocusableIndex","overrideChildren","useMemo","override","Array","isArray","React","createElement","VirtualizedListItems","slice","Children","map","index","isValidElement","props","concat","currentRef","isFocusableItem","cloneElement","_ref2","tabIndex","getListItemComponentType","ListContext","Provider","value","getTestId","ComponentDefaultTestId","LIST","cx","styles","list","withStaticProps","ListWrapperComponentTypeEnum"],"mappings":"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"}
+{"version":3,"file":"List.js","sources":["../../../../src/components/List/List.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, {\n  AriaAttributes,\n  AriaRole,\n  CSSProperties,\n  forwardRef,\n  ReactElement,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState\n} from \"react\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport useKeyEvent from \"../../hooks/useKeyEvent\";\nimport { VirtualizedListItems } from \"./VirtualizedListItems/VirtualizedListItems\";\nimport { keyCodes, UP_DOWN_ARROWS } from \"../../constants/keyCodes\";\nimport { VibeComponent, withStaticProps, VibeComponentProps } from \"../../types\";\nimport { ListItemProps } from \"../ListItem/ListItem\";\nimport { ListTitleProps } from \"../ListTitle/ListTitle\";\nimport { ListWrapperComponentType as ListWrapperComponentTypeEnum } from \"./ListConstants\";\nimport { ListElement } from \"./List.types\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { ListContext } from \"./utils/ListContext\";\nimport {\n  getListItemComponentType,\n  getListItemIdByIndex,\n  getListItemIndexById,\n  getNextListItemIndex,\n  getPrevListItemIndex,\n  isListItem,\n  useListId\n} from \"./utils/ListUtils\";\nimport styles from \"./List.module.scss\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nexport interface ListProps extends VibeComponentProps {\n  /**\n   * the wrapping component to wrap the List Items [div, nav, ul, ol]\n   */\n  component?: ListElement;\n  /**\n   * ARIA label string to describe to list\n   */\n  ariaLabel?: string;\n  /**\n   * ARIA described by string to reference an id to describe by\n   */\n  ariaDescribedBy?: string;\n  \"aria-controls\"?: AriaAttributes[\"aria-controls\"];\n  children?: ReactElement<ListItemProps | ListTitleProps> | ReactElement<ListItemProps | ListTitleProps>[];\n  /**\n   * Using virtualized list for rendering only the items which visible to the user in any given user (performance optimization)\n   */\n  renderOnlyVisibleItems?: boolean;\n  style?: CSSProperties;\n  /**\n   * ARIA role for the list.\n   */\n  role?: AriaRole;\n}\n\nconst List: VibeComponent<ListProps> & {\n  components?: typeof ListWrapperComponentTypeEnum;\n} = forwardRef(\n  (\n    {\n      className,\n      id,\n      component = List.components.UL,\n      children,\n      ariaLabel,\n      ariaDescribedBy,\n      \"aria-controls\": ariaControls,\n      renderOnlyVisibleItems = false,\n      style,\n      role = \"listbox\",\n      \"data-testid\": dataTestId\n    }: ListProps,\n    ref\n  ) => {\n    const componentRef = useRef(null);\n    const mergedRef = useMergeRef(ref, componentRef);\n    const childrenRefs: React.MutableRefObject<HTMLElement[]> = useRef([]);\n\n    const overrideId = useListId(id);\n    const [focusIndex, setFocusIndex] = useState(0);\n    const Component = component;\n\n    const updateFocusedItem = useCallback((id: string) => {\n      setFocusIndex(getListItemIndexById(childrenRefs, id));\n      componentRef?.current?.setAttribute(\"aria-activedescendant\", id);\n    }, []);\n\n    const onUpDownArrows = useCallback(\n      (event: KeyboardEvent) => {\n        if (renderOnlyVisibleItems) {\n          return;\n        }\n        event.preventDefault();\n\n        const isUpKey = event.key === keyCodes.UP_ARROW;\n        const isDownKey = event.key === keyCodes.DOWN_ARROW;\n        let overrideFocusIndex = undefined;\n\n        if (isDownKey && focusIndex + 1 < childrenRefs.current.length) {\n          overrideFocusIndex = getNextListItemIndex(focusIndex, childrenRefs);\n        } else if (isUpKey && focusIndex > 0) {\n          overrideFocusIndex = getPrevListItemIndex(focusIndex, childrenRefs);\n        }\n        if (overrideFocusIndex !== undefined) {\n          updateFocusedItem(getListItemIdByIndex(childrenRefs, overrideFocusIndex));\n          childrenRefs.current[overrideFocusIndex].focus();\n        }\n      },\n      [focusIndex, renderOnlyVisibleItems, updateFocusedItem]\n    );\n\n    useKeyEvent({\n      keys: UP_DOWN_ARROWS,\n      callback: onUpDownArrows,\n      ref: componentRef\n    });\n\n    useEffect(() => {\n      const selectedItemIndex = childrenRefs.current.findIndex(\n        child => child instanceof HTMLElement && isListItem(child) && child?.getAttribute(\"aria-selected\") === \"true\"\n      );\n      if (selectedItemIndex !== -1) {\n        updateFocusedItem(getListItemIdByIndex(childrenRefs, selectedItemIndex));\n      } else {\n        const firstFocusableIndex = childrenRefs.current.findIndex(child => isListItem(child));\n        if (firstFocusableIndex !== -1) {\n          updateFocusedItem(getListItemIdByIndex(childrenRefs, firstFocusableIndex));\n        }\n      }\n    }, [updateFocusedItem]);\n\n    const overrideChildren = useMemo(() => {\n      let override: ReactElement | ReactElement[] = Array.isArray(children) ? children : [children];\n      if (renderOnlyVisibleItems) {\n        override = <VirtualizedListItems>{override}</VirtualizedListItems>;\n      } else {\n        childrenRefs.current = childrenRefs.current.slice(0, override.length);\n        override = React.Children.map(override, (child, index) => {\n          if (!React.isValidElement(child)) {\n            return child;\n          }\n          const id = (child.props as ListItemProps).id || `${overrideId}-item-${index}`;\n          const currentRef = childrenRefs.current[index];\n          const isFocusableItem = currentRef === undefined || currentRef === null || isListItem(currentRef);\n          return React.cloneElement(child, {\n            // @ts-ignore not sure how to deal with ref here\n            ref: ref => (childrenRefs.current[index] = ref),\n            tabIndex: focusIndex === index && isFocusableItem ? 0 : -1,\n            id,\n            component: getListItemComponentType(component),\n            role: (child.props as ListItemProps).role\n          });\n        });\n      }\n\n      return override;\n    }, [children, component, focusIndex, overrideId, renderOnlyVisibleItems]);\n\n    return (\n      <ListContext.Provider value={{ updateFocusedItem }}>\n        <Component\n          data-testid={dataTestId || getTestId(ComponentDefaultTestId.LIST, id)}\n          data-vibe={ComponentVibeId.LIST}\n          ref={mergedRef}\n          style={style}\n          className={cx(styles.list, className)}\n          id={overrideId}\n          aria-label={ariaLabel}\n          aria-describedby={ariaDescribedBy}\n          aria-controls={ariaControls}\n          tabIndex={-1}\n          role={role}\n        >\n          {overrideChildren}\n        </Component>\n      </ListContext.Provider>\n    );\n  }\n);\n\nexport default withStaticProps(List, {\n  components: ListWrapperComponentTypeEnum\n});\n"],"names":["List","forwardRef","_ref","ref","className","id","_ref$component","component","components","UL","children","ariaLabel","ariaDescribedBy","ariaControls","_ref$renderOnlyVisibl","renderOnlyVisibleItems","style","_ref$role","role","dataTestId","componentRef","useRef","mergedRef","useMergeRef","childrenRefs","overrideId","useListId","_useState","useState","_useState2","_slicedToArray","focusIndex","setFocusIndex","Component","updateFocusedItem","useCallback","getListItemIndexById","_a","current","setAttribute","onUpDownArrows","event","preventDefault","isUpKey","key","keyCodes","UP_ARROW","overrideFocusIndex","undefined","DOWN_ARROW","length","getNextListItemIndex","getPrevListItemIndex","getListItemIdByIndex","focus","useKeyEvent","keys","UP_DOWN_ARROWS","callback","useEffect","selectedItemIndex","findIndex","child","HTMLElement","isListItem","getAttribute","firstFocusableIndex","overrideChildren","useMemo","override","Array","isArray","React","createElement","VirtualizedListItems","slice","Children","map","index","isValidElement","props","concat","currentRef","isFocusableItem","cloneElement","_ref2","tabIndex","getListItemComponentType","ListContext","Provider","value","getTestId","ComponentDefaultTestId","LIST","ComponentVibeId","cx","styles","list","withStaticProps","ListWrapperComponentTypeEnum"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-var e={list:"list_1525210309"};!function(e){const t="s_id-ed9bf484fec4_3_34_0";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)}(".list_1525210309 {\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_1525210309::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.list_1525210309::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{e as default};
+var e={list:"list_f50d0fc050"};!function(e){const t="s_id-ed9bf484fec4_3_34_2";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)}(".list_f50d0fc050 {\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_f50d0fc050::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.list_f50d0fc050::-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_dd904407f5"};!function(e){const n="s_id-6ed55dee5450_3_34_0";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)}(".scrollableContainer_dd904407f5 {\n  margin: 0;\n  padding: 0;\n  overflow: auto;\n}\n.scrollableContainer_dd904407f5::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer_dd904407f5::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{e as default};
+var e={scrollableContainer:"scrollableContainer_656d7b9f9e"};!function(e){const n="s_id-6ed55dee5450_3_34_2";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const l=document.createElement("style");l.id=n,t.firstChild?t.insertBefore(l,t.firstChild):t.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".scrollableContainer_656d7b9f9e {\n  margin: 0;\n  padding: 0;\n  overflow: auto;\n}\n.scrollableContainer_656d7b9f9e::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer_656d7b9f9e::-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_27b22cdecb","focus-visible":"focus-visible_f3e0436779",disabled:"disabled_76eda0d752",selected:"selected_e761016485",small:"small_f55fa2439b",medium:"medium_f14df56086",large:"large_63b1096b80"};!function(e){const n="s_id-8402a299d384_3_34_0";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+n))return;const l=document.createElement("style");l.id=n,d.firstChild?d.insertBefore(l,d.firstChild):d.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".listItem_27b22cdecb {\n  display: flex;\n  align-items: center;\n  padding: 8px 16px;\n  border-radius: 4px;\n  cursor: pointer;\n}\n.listItem_27b22cdecb:focus-visible, .listItem_27b22cdecb.focus-visible_f3e0436779 {\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_27b22cdecb:focus:not(.focus-visible_f3e0436779) {\n  outline: none;\n}\n.listItem_27b22cdecb:hover {\n  background-color: var(--primary-background-hover-color);\n}\n.disabled_76eda0d752 {\n  cursor: not-allowed;\n}\n.disabled_76eda0d752:hover {\n  background-color: transparent;\n}\n.selected_e761016485 {\n  background-color: var(--primary-selected-color);\n}\n.selected_e761016485:hover {\n  background-color: var(--primary-selected-color);\n}\n.small_f55fa2439b {\n  height: 32px;\n}\n.medium_f14df56086 {\n  height: 40px;\n}\n.large_63b1096b80 {\n  height: 48px;\n}");export{e as default};
+var e={listItem:"listItem_dfac8a2010","focus-visible":"focus-visible_6ea1dbbf6b",disabled:"disabled_06984d11a9",selected:"selected_3f02d6bbbc",small:"small_818cb54902",medium:"medium_5fdc060b87",large:"large_97761bd4c9"};!function(e){const n="s_id-8402a299d384_3_34_2";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,d.firstChild?d.insertBefore(a,d.firstChild):d.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".listItem_dfac8a2010 {\n  display: flex;\n  align-items: center;\n  padding: 8px 16px;\n  border-radius: 4px;\n  cursor: pointer;\n}\n.listItem_dfac8a2010:focus-visible, .listItem_dfac8a2010.focus-visible_6ea1dbbf6b {\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_dfac8a2010:focus:not(.focus-visible_6ea1dbbf6b) {\n  outline: none;\n}\n.listItem_dfac8a2010:hover {\n  background-color: var(--primary-background-hover-color);\n}\n.disabled_06984d11a9 {\n  cursor: not-allowed;\n}\n.disabled_06984d11a9:hover {\n  background-color: transparent;\n}\n.selected_3f02d6bbbc {\n  background-color: var(--primary-selected-color);\n}\n.selected_3f02d6bbbc:hover {\n  background-color: var(--primary-selected-color);\n}\n.small_818cb54902 {\n  height: 32px;\n}\n.medium_5fdc060b87 {\n  height: 40px;\n}\n.large_97761bd4c9 {\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_fc5dcb96ce",avatar:"avatar_e832dc68a2"};!function(e){const t="s_id-64054545c9e6_3_34_0";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)}(".listItemAvatar_fc5dcb96ce {\n  display: flex;\n  align-items: center;\n  color: var(--primary-text-color);\n}\n\n.avatar_e832dc68a2 {\n  width: 22px;\n  height: 22px;\n  margin-right: var(--spacing-small);\n}");export{e as default};
+var e={listItemAvatar:"listItemAvatar_da368156e1",avatar:"avatar_625a40747a"};!function(e){const t="s_id-64054545c9e6_3_34_2";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)}(".listItemAvatar_da368156e1 {\n  display: flex;\n  align-items: center;\n  color: var(--primary-text-color);\n}\n\n.avatar_625a40747a {\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_fc5dcb96ce",start:"start_8cdfcc6ee7",end:"end_d84b37a521"};!function(e){const t="s_id-0831d1bc0202_3_34_0";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)}(".listItemIcon_fc5dcb96ce {\n  display: flex;\n  align-items: center;\n  color: var(--primary-text-color);\n}\n\n.start_8cdfcc6ee7 {\n  margin-right: var(--spacing-small);\n}\n\n.end_d84b37a521 {\n  margin-left: var(--spacing-small);\n}");export{e as default};
+var e={listItemIcon:"listItemIcon_da368156e1",start:"start_e3591f6920",end:"end_fe74a53671"};!function(e){const t="s_id-0831d1bc0202_3_34_2";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".listItemIcon_da368156e1 {\n  display: flex;\n  align-items: center;\n  color: var(--primary-text-color);\n}\n\n.start_e3591f6920 {\n  margin-right: var(--spacing-small);\n}\n\n.end_fe74a53671 {\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_e986ec2b48"};!function(e){const t="s_id-d4e0bfe7508e_3_34_0";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,i.firstChild?i.insertBefore(n,i.firstChild):i.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".listTitle_e986ec2b48 {\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_9669eda842"};!function(e){const t="s_id-d4e0bfe7508e_3_34_2";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,i.firstChild?i.insertBefore(n,i.firstChild):i.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".listTitle_9669eda842 {\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/Loader/Loader.module.scss.js

@@ -1,2 +1,2 @@
-var e={loaderContainer:"loaderContainer_6566450e3d",circleLoaderSpinnerBackground:"circleLoaderSpinnerBackground_78fa58e5a9",circleLoaderSpinner:"circleLoaderSpinner_38f0dc4231",rotate:"rotate_03d2ea86d1",circleLoaderSpinnerPath:"circleLoaderSpinnerPath_e8b8a1158a",dash:"dash_82ab09874f"};!function(e){const n="s_id-dcd4d8f866fa_3_34_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,a.firstChild?a.insertBefore(r,a.firstChild):a.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".loaderContainer_6566450e3d {\n  position: relative;\n  height: 100%;\n  width: 100%;\n}\n.loaderContainer_6566450e3d .circleLoaderSpinnerBackground_78fa58e5a9 {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  margin-top: -50%;\n  margin-left: -50%;\n  stroke: var(--ui-background-color);\n}\n.loaderContainer_6566450e3d .circleLoaderSpinner_38f0dc4231 {\n  animation: rotate_03d2ea86d1 1s linear infinite;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  margin-top: -50%;\n  margin-left: -50%;\n  stroke: currentColor;\n  stroke-linecap: round;\n}\n.loaderContainer_6566450e3d .circleLoaderSpinner_38f0dc4231 .circleLoaderSpinnerPath_e8b8a1158a {\n  animation: dash_82ab09874f 1s infinite;\n}\n@keyframes rotate_03d2ea86d1 {\n  100% {\n    transform: rotate(360deg);\n  }\n}\n@keyframes dash_82ab09874f {\n  0% {\n    stroke-dasharray: 1, 150;\n    stroke-dashoffset: 0;\n  }\n  50% {\n    stroke-dasharray: 90, 150;\n    stroke-dashoffset: -35;\n  }\n  100% {\n    stroke-dasharray: 90, 150;\n    stroke-dashoffset: -124;\n  }\n}");export{e as default};
+var e={loaderContainer:"loaderContainer_9b9c725a21",circleLoaderSpinnerBackground:"circleLoaderSpinnerBackground_b3e0cea54c",circleLoaderSpinner:"circleLoaderSpinner_d21c68554f",rotate:"rotate_9d141c0122",circleLoaderSpinnerPath:"circleLoaderSpinnerPath_f5d20972f1",dash:"dash_c67a011ec6"};!function(e){const n="s_id-dcd4d8f866fa_3_34_2";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,r.firstChild?r.insertBefore(a,r.firstChild):r.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".loaderContainer_9b9c725a21 {\n  position: relative;\n  height: 100%;\n  width: 100%;\n}\n.loaderContainer_9b9c725a21 .circleLoaderSpinnerBackground_b3e0cea54c {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  margin-top: -50%;\n  margin-left: -50%;\n  stroke: var(--ui-background-color);\n}\n.loaderContainer_9b9c725a21 .circleLoaderSpinner_d21c68554f {\n  animation: rotate_9d141c0122 1s linear infinite;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  margin-top: -50%;\n  margin-left: -50%;\n  stroke: currentColor;\n  stroke-linecap: round;\n}\n.loaderContainer_9b9c725a21 .circleLoaderSpinner_d21c68554f .circleLoaderSpinnerPath_f5d20972f1 {\n  animation: dash_c67a011ec6 1s infinite;\n}\n@keyframes rotate_9d141c0122 {\n  100% {\n    transform: rotate(360deg);\n  }\n}\n@keyframes dash_c67a011ec6 {\n  0% {\n    stroke-dasharray: 1, 150;\n    stroke-dashoffset: 0;\n  }\n  50% {\n    stroke-dasharray: 90, 150;\n    stroke-dashoffset: -35;\n  }\n  100% {\n    stroke-dasharray: 90, 150;\n    stroke-dashoffset: -124;\n  }\n}");export{e as default};
 //# sourceMappingURL=Loader.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={menu:"menu_ec39e19043",small:"small_ae2d2e93ab",medium:"medium_d6ea8a0ac8",large:"large_209d1db444"};!function(e){const n="s_id-1599ba0bb296_3_34_0";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)}(".menu_ec39e19043 {\n  margin: unset;\n  padding: unset;\n  position: relative;\n}\n\n.menu_ec39e19043:focus {\n  outline: none;\n}\n\n.small_ae2d2e93ab {\n  width: 200px;\n}\n\n.medium_d6ea8a0ac8 {\n  width: 220px;\n}\n\n.large_209d1db444 {\n  width: 240px;\n}");export{e as default};
+var e={menu:"menu_fe02fdf221",small:"small_1762b671f1",medium:"medium_da21b7463b",large:"large_8c9cdc9d96"};!function(e){const n="s_id-1599ba0bb296_3_34_2";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)}(".menu_fe02fdf221 {\n  margin: unset;\n  padding: unset;\n  position: relative;\n}\n\n.menu_fe02fdf221:focus {\n  outline: none;\n}\n\n.small_1762b671f1 {\n  width: 200px;\n}\n\n.medium_da21b7463b {\n  width: 220px;\n}\n\n.large_8c9cdc9d96 {\n  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_e044c23db2"};!function(e){const d="s_id-d277a91266dd_3_34_0";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_e044c23db2 {\n  width: 100%;\n  padding: 0 var(--spacing-small);\n}");export{e as default};
+var e={menuChildDivider:"menuChildDivider_c3a97c7d11"};!function(e){const d="s_id-d277a91266dd_3_34_2";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_c3a97c7d11 {\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.module.scss.js

@@ -1,2 +1,2 @@
-var e={title:"title_88222f4a0b"};!function(e){const t="s_id-b06386a2bb6c_3_34_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".title_88222f4a0b {\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_b8d0b01f4a"};!function(e){const t="s_id-b06386a2bb6c_3_34_2";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".title_b8d0b01f4a {\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_ffcfc3b867",splitMenuItem:"splitMenuItem_9c3facbdfb",disabled:"disabled_39c12e9868",focused:"focused_c539e1b617",initialSelected:"initialSelected_4ba311aa8e",selected:"selected_e6e21bc719"};!function(e){const n="s_id-680488cf82d9_3_34_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,o.firstChild?o.insertBefore(t,o.firstChild):o.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".item_ffcfc3b867 {\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_ffcfc3b867.splitMenuItem_9c3facbdfb {\n  padding: 0 0 0 var(--spacing-small);\n}\n.item_ffcfc3b867.disabled_39c12e9868 {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n.item_ffcfc3b867.focused_c539e1b617:not(.disabled_39c12e9868) {\n  background-color: var(--primary-background-hover-color);\n  border-radius: var(--border-radius-small);\n}\n.item_ffcfc3b867.focused_c539e1b617:not(.disabled_39c12e9868):not(:hover):not(.initialSelected_4ba311aa8e) {\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_ffcfc3b867.selected_e6e21bc719:not(.disabled_39c12e9868) {\n  background-color: var(--primary-selected-color);\n  border-radius: var(--border-radius-small);\n}");export{e as default};
+var e={item:"item_ceef197e58",splitMenuItem:"splitMenuItem_99d43214a6",disabled:"disabled_71c9dc5ad6",focused:"focused_a6e09128d5",initialSelected:"initialSelected_397d343458",selected:"selected_4944f79b59"};!function(e){const n="s_id-680488cf82d9_3_34_2";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,d.firstChild?d.insertBefore(o,d.firstChild):d.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".item_ceef197e58 {\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_ceef197e58.splitMenuItem_99d43214a6 {\n  padding: 0 0 0 var(--spacing-small);\n}\n.item_ceef197e58.disabled_71c9dc5ad6 {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n.item_ceef197e58.focused_a6e09128d5:not(.disabled_71c9dc5ad6) {\n  background-color: var(--primary-background-hover-color);\n  border-radius: var(--border-radius-small);\n}\n.item_ceef197e58.focused_a6e09128d5:not(.disabled_71c9dc5ad6):not(:hover):not(.initialSelected_397d343458) {\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_ceef197e58.selected_4944f79b59:not(.disabled_71c9dc5ad6) {\n  background-color: var(--primary-selected-color);\n  border-radius: var(--border-radius-small);\n}");export{e as default};
 //# sourceMappingURL=BaseMenuItem.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={iconWrapper:"iconWrapper_8cdfcc6ee7",withBackgroundColor:"withBackgroundColor_e583b9ea99",disabled:"disabled_c1feb9e918",icon:"icon_6f97bef335",selected:"selected_2c8ff73394"};!function(e){const c="s_id-f26daa2191ad_3_34_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+c))return;const n=document.createElement("style");n.id=c,o.firstChild?o.insertBefore(n,o.firstChild):o.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[c]=e)}(".iconWrapper_8cdfcc6ee7 {\n  margin-right: var(--spacing-small);\n}\n.iconWrapper_8cdfcc6ee7.withBackgroundColor_e583b9ea99 {\n  border-radius: var(--spacing-xs);\n}\n.iconWrapper_8cdfcc6ee7.withBackgroundColor_e583b9ea99.disabled_c1feb9e918 {\n  opacity: 0.4;\n}\n.iconWrapper_8cdfcc6ee7.withBackgroundColor_e583b9ea99 .icon_6f97bef335 {\n  color: var(--text-color-on-primary);\n}\n.iconWrapper_8cdfcc6ee7.disabled_c1feb9e918 .icon_6f97bef335 {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n.iconWrapper_8cdfcc6ee7 .icon_6f97bef335 {\n  color: var(--icon-color);\n}\n.iconWrapper_8cdfcc6ee7 .icon_6f97bef335.selected_2c8ff73394 {\n  color: var(--primary-color);\n}");export{e as default};
+var e={iconWrapper:"iconWrapper_e3591f6920",withBackgroundColor:"withBackgroundColor_2d1c75d092",disabled:"disabled_2b3e4f41f9",icon:"icon_605185bf04",selected:"selected_073e66d3e8"};!function(e){const o="s_id-f26daa2191ad_3_34_2";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+o))return;const r=document.createElement("style");r.id=o,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=e)}(".iconWrapper_e3591f6920 {\n  margin-right: var(--spacing-small);\n}\n.iconWrapper_e3591f6920.withBackgroundColor_2d1c75d092 {\n  border-radius: var(--spacing-xs);\n}\n.iconWrapper_e3591f6920.withBackgroundColor_2d1c75d092.disabled_2b3e4f41f9 {\n  opacity: 0.4;\n}\n.iconWrapper_e3591f6920.withBackgroundColor_2d1c75d092 .icon_605185bf04 {\n  color: var(--text-color-on-primary);\n}\n.iconWrapper_e3591f6920.disabled_2b3e4f41f9 .icon_605185bf04 {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n.iconWrapper_e3591f6920 .icon_605185bf04 {\n  color: var(--icon-color);\n}\n.iconWrapper_e3591f6920 .icon_605185bf04.selected_073e66d3e8 {\n  color: var(--primary-color);\n}");export{e as default};
 //# sourceMappingURL=MenuItemIcon.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={subMenuIconWrapper:"subMenuIconWrapper_ea57d639b6",divider:"divider_55cfe9c8c9",splitSubMenuIcon:"splitSubMenuIcon_c3a3a08dac",subMenuIcon:"subMenuIcon_3373080f80",disabled:"disabled_39c12e9868",splitMenuItemIconButton:"splitMenuItemIconButton_6f8765a5cb"};!function(e){const n="s_id-3539aaaaa2b9_3_34_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const c=document.createElement("style");c.id=n,a.firstChild?a.insertBefore(c,a.firstChild):a.appendChild(c),c.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".subMenuIconWrapper_ea57d639b6 {\n  margin-left: var(--spacing-xs);\n}\n.subMenuIconWrapper_ea57d639b6 .divider_55cfe9c8c9 {\n  height: 19px;\n}\n.subMenuIconWrapper_ea57d639b6 .splitSubMenuIcon_c3a3a08dac {\n  width: 18px;\n  height: 18px;\n}\n.subMenuIconWrapper_ea57d639b6 .subMenuIcon_3373080f80,\n.subMenuIconWrapper_ea57d639b6 .splitSubMenuIcon_c3a3a08dac {\n  color: var(--icon-color);\n}\n.subMenuIconWrapper_ea57d639b6 .subMenuIcon_3373080f80.disabled_39c12e9868,\n.subMenuIconWrapper_ea57d639b6 .splitSubMenuIcon_c3a3a08dac.disabled_39c12e9868 {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n.subMenuIconWrapper_ea57d639b6 .splitMenuItemIconButton_6f8765a5cb {\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_80bf141aae",divider:"divider_82708422e4",splitSubMenuIcon:"splitSubMenuIcon_3b056a754b",subMenuIcon:"subMenuIcon_6906a8015c",disabled:"disabled_71c9dc5ad6",splitMenuItemIconButton:"splitMenuItemIconButton_6720a00c9c"};!function(e){const n="s_id-3539aaaaa2b9_3_34_2";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const c=document.createElement("style");c.id=n,a.firstChild?a.insertBefore(c,a.firstChild):a.appendChild(c),c.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".subMenuIconWrapper_80bf141aae {\n  margin-left: var(--spacing-xs);\n}\n.subMenuIconWrapper_80bf141aae .divider_82708422e4 {\n  height: 19px;\n}\n.subMenuIconWrapper_80bf141aae .splitSubMenuIcon_3b056a754b {\n  width: 18px;\n  height: 18px;\n}\n.subMenuIconWrapper_80bf141aae .subMenuIcon_6906a8015c,\n.subMenuIconWrapper_80bf141aae .splitSubMenuIcon_3b056a754b {\n  color: var(--icon-color);\n}\n.subMenuIconWrapper_80bf141aae .subMenuIcon_6906a8015c.disabled_71c9dc5ad6,\n.subMenuIconWrapper_80bf141aae .splitSubMenuIcon_3b056a754b.disabled_71c9dc5ad6 {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n.subMenuIconWrapper_80bf141aae .splitMenuItemIconButton_6720a00c9c {\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_faef6e7cfa",buttonComponent:"buttonComponent_a39082f08c",content:"content_02fc8ec033"};!function(e){const t="s_id-f631346a82ef_3_34_0";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_faef6e7cfa {\n  margin: unset;\n  display: flex;\n  flex-direction: row;\n  padding: var(--spacing-xs) 0;\n  align-items: center;\n}\n\n.itemButton_faef6e7cfa .buttonComponent_a39082f08c {\n  width: 100%;\n}\n\n.itemButton_faef6e7cfa .buttonComponent_a39082f08c .content_02fc8ec033 {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}");export{e as default};
+var e={itemButton:"itemButton_33ef418985",buttonComponent:"buttonComponent_281fe15143",content:"content_8dad758fe5"};!function(e){const t="s_id-f631346a82ef_3_34_2";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_33ef418985 {\n  margin: unset;\n  display: flex;\n  flex-direction: row;\n  padding: var(--spacing-xs) 0;\n  align-items: center;\n}\n\n.itemButton_33ef418985 .buttonComponent_281fe15143 {\n  width: 100%;\n}\n\n.itemButton_33ef418985 .buttonComponent_281fe15143 .content_8dad758fe5 {\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_591d85301a",titleCaption:"titleCaption_b81347d47d",titleCaptionCenter:"titleCaptionCenter_97bb9114f0",titleCaptionBottom:"titleCaptionBottom_e59934a332",titleCaptionTop:"titleCaptionTop_266471c882"};!function(t){const n="s_id-48e3e93eaf49_3_34_0";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,e.firstChild?e.insertBefore(i,e.firstChild):e.appendChild(i),i.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=t)}('.title_591d85301a {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  padding-block: 1px;\n}\n\n.titleCaption_b81347d47d {\n  color: var(--icon-color);\n  margin: var(--spacing-small) 0;\n}\n\n.titleCaptionCenter_97bb9114f0 {\n  display: flex;\n  flex-basis: 100%;\n  align-items: center;\n}\n\n.titleCaptionBottom_e59934a332,\n.titleCaptionTop_266471c882 {\n  padding-left: var(--spacing-small);\n}\n\n.titleCaptionBottom_e59934a332 {\n  padding-bottom: var(--spacing-small);\n}\n\n.titleCaptionCenter_97bb9114f0::before,\n.titleCaptionCenter_97bb9114f0::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_184f64c889",titleCaption:"titleCaption_7e07217bfc",titleCaptionCenter:"titleCaptionCenter_40fbe8fced",titleCaptionBottom:"titleCaptionBottom_e6db798c81",titleCaptionTop:"titleCaptionTop_7e16d54d08"};!function(t){const e="s_id-48e3e93eaf49_3_34_2";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)}('.title_184f64c889 {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  padding-block: 1px;\n}\n\n.titleCaption_7e07217bfc {\n  color: var(--icon-color);\n  margin: var(--spacing-small) 0;\n}\n\n.titleCaptionCenter_40fbe8fced {\n  display: flex;\n  flex-basis: 100%;\n  align-items: center;\n}\n\n.titleCaptionBottom_e6db798c81,\n.titleCaptionTop_7e16d54d08 {\n  padding-left: var(--spacing-small);\n}\n\n.titleCaptionBottom_e6db798c81 {\n  padding-bottom: var(--spacing-small);\n}\n\n.titleCaptionCenter_40fbe8fced::before,\n.titleCaptionCenter_40fbe8fced::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"lodash-es";import{isForwardRef as g}from"react-is";import m from"../Dialog/Dialog.js";import c from"../DialogContentContainer/DialogContentContainer.js";import p from"../Tooltip/Tooltip.js";import u from"../../hooks/ssr/useIsomorphicLayoutEffect.js";import f from"../../hooks/useMergeRef.js";import{BUTTON_ICON_SIZE as h,SMALL_BUTTON_ICON_SIZE as T}from"../Button/ButtonConstants.js";import{withStaticProps as v}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import{MenuButtonSize as C,MenuButtonComponentPosition as E}from"./MenuButtonConstants.js";import{DialogSize as S,DialogPosition as w,HideShowEvent as j}from"../Dialog/DialogConstants.js";import{NOOP as O}from"../../utils/function-utils.js";import{getStyle as y}from"../../helpers/typesciptCssModulesHelper.js";import{getTestId as b,ComponentDefaultTestId as M}from"../../tests/testIds.js";import P from"./MenuButton.module.scss.js";import D from"../../../icons/dist/react/Menu.js";var N={main:8,secondary:0},A=t((function(t,v){var C=t.id,E=t.className,S=t.openDialogComponentClassName,w=t.children,j=t.component,I=void 0===j?D:j,_=t.componentPosition,x=void 0===_?"start":_,z=t.size,B=void 0===z?"small":z,H=t.open,R=void 0!==H&&H,k=t.onClick,K=void 0===k?O:k,L=t.zIndex,U=void 0===L?null:L,Y=t.ariaLabel,W=void 0===Y?"Menu":Y,F=t.closeMenuOnItemClick,V=t.dialogOffset,q=void 0===V?N:V,G=t.dialogPosition,J=void 0===G?m.positions.BOTTOM_START:G,Q=t.dialogClassName,X=t.dialogPaddingSize,Z=void 0===X?c.sizes.SMALL:X,$=t.dialogShowTriggerIgnoreClass,ee=t.dialogHideTriggerIgnoreClass,oe=t.onMenuHide,ie=void 0===oe?O:oe,te=t.onMenuShow,re=void 0===te?O:te,ne=t.disabled,se=void 0!==ne&&ne,ae=t.text,le=t.tooltipContent,de=t.tooltipProps,ge=t.tooltipTriggers,me=void 0===ge?[A.hideTriggers.MOUSE_LEAVE]:ge,ce=t.tooltipPosition,pe=void 0===ce?"right":ce,ue=t.startingEdge,fe=void 0===ue?"bottom":ue,he=t.removeTabCloseTrigger,Te=void 0!==he&&he,ve=t.tooltipReferenceClassName,Ce=t.hideWhenReferenceHidden,Ee=void 0===Ce||Ce,Se=t.dialogContainerSelector,we=t.active,je=t.triggerElement,Oe=void 0===je?"button":je,ye=t.showTooltipOnlyOnTriggerElement,be=t["data-testid"],Me=t.closeDialogOnContentClick,Pe=void 0!==Me&&Me,De=r(null),Ne=f(v,De),Ae=n(R),Ie=e(Ae,2),_e=Ie[0],xe=Ie[1],ze=null!=we?we:_e,Be=s((function(e){ie(),xe(!1);var o=De.current;o&&e&&window.requestAnimationFrame((function(){o.focus()}))}),[ie]),He=s((function(e){var o="Escape"===(null==e?void 0:e.key);(o||F)&&e.propagate&&Be(o)}),[F,Be]),Re=s((function(e,o){Be(o===m.hideShowTriggers.ESCAPE_KEY)}),[Be]),ke=s((function(){xe(!0),re()}),[xe,re]),Ke=a((function(){var e=new Set([m.hideShowTriggers.CLICK_OUTSIDE,m.hideShowTriggers.TAB_KEY,m.hideShowTriggers.ESCAPE_KEY]);return Pe&&(e.add(m.hideShowTriggers.CONTENT_CLICK),e.add(m.hideShowTriggers.ENTER)),Te&&e.delete(m.hideShowTriggers.TAB_KEY),[i.Children.toArray(w).map((function(o){if(!i.isValidElement(o))return null;var t={};return o.type&&o.type.supportFocusOnMount&&(t.focusOnMount=!0,e.delete(m.hideShowTriggers.ESCAPE_KEY)),o.type&&o.type.isMenu&&(t.onClose=He),i.cloneElement(o,t)})),Array.from(e)]}),[w,He,Pe,Te]),Le=e(Ke,2),Ue=Le[0],Ye=Le[1],We=a((function(){return 0===Ue.length?null:i.createElement(c,{size:Z,type:c.types.POPOVER},Ue)}),[Ue,Z]),Fe=a((function(){return Object.assign(Object.assign({},N),q)}),[q]),Ve=I,qe=a((function(){switch(B){case"xxs":case"xs":return T;case"small":case"medium":case"large":return h;default:return 24}}),[B]),Ge=Ve?i.createElement(Ve,{size:""+qe,role:"img","aria-hidden":"true"}):null;u((function(){xe(R)}),[R,xe]);var Je="button"===Oe?{ref:Ne}:{active:ze,disabled:se,ref:g(Oe)?Ne:void 0},Qe=i.createElement(Oe,Object.assign({id:C,"data-testid":be||b(M.MENU_BUTTON,C),type:"button",className:l(P.wrapper,E,y(P,d("size-".concat(B))),o(o(o(o({},P.active,ze),y(P,S),_e&&S),P.disabled,se),P.text,ae)),"aria-haspopup":"true","aria-expanded":_e,"aria-label":!ae&&W,onMouseUp:function(e){se?e.currentTarget.blur():K(e)},"aria-disabled":se},Je),"start"===x&&Ge,ae&&i.createElement("span",{className:P.innerText},ae),"end"===x&&Ge),Xe=function(e){return i.createElement(m,{wrapperClassName:Q,position:J,containerSelector:Se,startingEdge:fe,animationType:"expand",content:We,moveBy:Fe,showTrigger:se?[]:["click","enter"],hideTrigger:Ye,showTriggerIgnoreClass:$,hideTriggerIgnoreClass:ee,useDerivedStateFromProps:!0,onDialogDidShow:ke,onDialogDidHide:Re,zIndex:U,isOpen:_e,hideWhenReferenceHidden:Ee},e)},Ze=function(e){return i.createElement(p,Object.assign({content:le,position:pe,showTrigger:"mouseenter",hideTrigger:me,referenceWrapperClassName:ve,hideWhenReferenceHidden:Ee},de),e)};return ye?Xe(Ze(Qe)):Ze(Xe(Qe))})),I=v(A,{sizes:C,paddingSizes:S,dialogPositions:w,hideTriggers:j,componentPositions:E});export{I 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"lodash-es";import{isForwardRef as g}from"react-is";import m from"../Dialog/Dialog.js";import c from"../DialogContentContainer/DialogContentContainer.js";import p from"../Tooltip/Tooltip.js";import u from"../../hooks/ssr/useIsomorphicLayoutEffect.js";import f from"../../hooks/useMergeRef.js";import{BUTTON_ICON_SIZE as h,SMALL_BUTTON_ICON_SIZE as T}from"../Button/ButtonConstants.js";import{withStaticProps as v}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import{MenuButtonSize as C,MenuButtonComponentPosition as E}from"./MenuButtonConstants.js";import{DialogSize as S,DialogPosition as w,HideShowEvent as j}from"../Dialog/DialogConstants.js";import{NOOP as O}from"../../utils/function-utils.js";import{getStyle as y}from"../../helpers/typesciptCssModulesHelper.js";import{getTestId as b,ComponentDefaultTestId as M}from"../../tests/testIds.js";import P from"./MenuButton.module.scss.js";import{ComponentVibeId as N}from"../../tests/constants.js";import D from"../../../icons/dist/react/Menu.js";var _={main:8,secondary:0},A=t((function(t,v){var C=t.id,E=t.className,S=t.openDialogComponentClassName,w=t.children,j=t.component,I=void 0===j?D:j,x=t.componentPosition,B=void 0===x?"start":x,z=t.size,H=void 0===z?"small":z,R=t.open,k=void 0!==R&&R,K=t.onClick,L=void 0===K?O:K,U=t.zIndex,Y=void 0===U?null:U,W=t.ariaLabel,F=void 0===W?"Menu":W,V=t.closeMenuOnItemClick,q=t.dialogOffset,G=void 0===q?_:q,J=t.dialogPosition,Q=void 0===J?m.positions.BOTTOM_START:J,X=t.dialogClassName,Z=t.dialogPaddingSize,$=void 0===Z?c.sizes.SMALL:Z,ee=t.dialogShowTriggerIgnoreClass,oe=t.dialogHideTriggerIgnoreClass,ie=t.onMenuHide,te=void 0===ie?O:ie,re=t.onMenuShow,ne=void 0===re?O:re,se=t.disabled,ae=void 0!==se&&se,le=t.text,de=t.tooltipContent,ge=t.tooltipProps,me=t.tooltipTriggers,ce=void 0===me?[A.hideTriggers.MOUSE_LEAVE]:me,pe=t.tooltipPosition,ue=void 0===pe?"right":pe,fe=t.startingEdge,he=void 0===fe?"bottom":fe,Te=t.removeTabCloseTrigger,ve=void 0!==Te&&Te,Ce=t.tooltipReferenceClassName,Ee=t.hideWhenReferenceHidden,Se=void 0===Ee||Ee,we=t.dialogContainerSelector,je=t.active,Oe=t.triggerElement,ye=void 0===Oe?"button":Oe,be=t.showTooltipOnlyOnTriggerElement,Me=t["data-testid"],Pe=t.closeDialogOnContentClick,Ne=void 0!==Pe&&Pe,De=r(null),_e=f(v,De),Ae=n(k),Ie=e(Ae,2),xe=Ie[0],Be=Ie[1],ze=null!=je?je:xe,He=s((function(e){te(),Be(!1);var o=De.current;o&&e&&window.requestAnimationFrame((function(){o.focus()}))}),[te]),Re=s((function(e){var o="Escape"===(null==e?void 0:e.key);(o||V)&&e.propagate&&He(o)}),[V,He]),ke=s((function(e,o){He(o===m.hideShowTriggers.ESCAPE_KEY)}),[He]),Ke=s((function(){Be(!0),ne()}),[Be,ne]),Le=a((function(){var e=new Set([m.hideShowTriggers.CLICK_OUTSIDE,m.hideShowTriggers.TAB_KEY,m.hideShowTriggers.ESCAPE_KEY]);return Ne&&(e.add(m.hideShowTriggers.CONTENT_CLICK),e.add(m.hideShowTriggers.ENTER)),ve&&e.delete(m.hideShowTriggers.TAB_KEY),[i.Children.toArray(w).map((function(o){if(!i.isValidElement(o))return null;var t={};return o.type&&o.type.supportFocusOnMount&&(t.focusOnMount=!0,e.delete(m.hideShowTriggers.ESCAPE_KEY)),o.type&&o.type.isMenu&&(t.onClose=Re),i.cloneElement(o,t)})),Array.from(e)]}),[w,Re,Ne,ve]),Ue=e(Le,2),Ye=Ue[0],We=Ue[1],Fe=a((function(){return 0===Ye.length?null:i.createElement(c,{size:$,type:c.types.POPOVER},Ye)}),[Ye,$]),Ve=a((function(){return Object.assign(Object.assign({},_),G)}),[G]),qe=I,Ge=a((function(){switch(H){case"xxs":case"xs":return T;case"small":case"medium":case"large":return h;default:return 24}}),[H]),Je=qe?i.createElement(qe,{size:""+Ge,role:"img","aria-hidden":"true"}):null;u((function(){Be(k)}),[k,Be]);var Qe="button"===ye?{ref:_e}:{active:ze,disabled:ae,ref:g(ye)?_e:void 0},Xe=i.createElement(ye,Object.assign({id:C,"data-testid":Me||b(M.MENU_BUTTON,C),"data-vibe":N.MENU_BUTTON,type:"button",className:l(P.wrapper,E,y(P,d("size-".concat(H))),o(o(o(o({},P.active,ze),y(P,S),xe&&S),P.disabled,ae),P.text,le)),"aria-haspopup":"true","aria-expanded":xe,"aria-label":!le&&F,onMouseUp:function(e){ae?e.currentTarget.blur():L(e)},"aria-disabled":ae},Qe),"start"===B&&Je,le&&i.createElement("span",{className:P.innerText},le),"end"===B&&Je),Ze=function(e){return i.createElement(m,{wrapperClassName:X,position:Q,containerSelector:we,startingEdge:he,animationType:"expand",content:Fe,moveBy:Ve,showTrigger:ae?[]:["click","enter"],hideTrigger:We,showTriggerIgnoreClass:ee,hideTriggerIgnoreClass:oe,useDerivedStateFromProps:!0,onDialogDidShow:Ke,onDialogDidHide:ke,zIndex:Y,isOpen:xe,hideWhenReferenceHidden:Se},e)},$e=function(e){return i.createElement(p,Object.assign({content:de,position:ue,showTrigger:"mouseenter",hideTrigger:ce,referenceWrapperClassName:Ce,hideWhenReferenceHidden:Se},ge),e)};return be?Ze($e(Xe)):$e(Ze(Xe))})),I=v(A,{sizes:C,paddingSizes:S,dialogPositions:w,hideTriggers:j,componentPositions:E});export{I as default};
 //# sourceMappingURL=MenuButton.js.map