@vibe/core 3.31.1 → 3.31.2

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 } 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 16;\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","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 } 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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"}

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

@@ -1,2 +1,2 @@
-var e={wrapper:"wrapper_2e321a28d7",referenceWrapper:"referenceWrapper_54c0e093b6",loader:"loader_9110077bf5",xxs:"xxs_b857e8cd59"};!function(e){const n="s_id-8d1605f1f87b_3_31_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_2e321a28d7 {\n  width: fit-content;\n  height: fit-content;\n  display: inline-flex;\n}\n\n.referenceWrapper_54c0e093b6 {\n  display: inline-flex;\n}\n\n.referenceWrapper_54c0e093b6 button .loader_9110077bf5 {\n  width: 16px;\n  height: 16px;\n}\n\n.referenceWrapper_54c0e093b6 button .loader_9110077bf5.xxs_b857e8cd59 {\n  width: 10px;\n  height: 10px;\n}\n\n.referenceWrapper_54c0e093b6 button .loader_9110077bf5.xxs_b857e8cd59 svg {\n  display: block;\n}");export{e as default};
+var e={wrapper:"wrapper_3821cd9a7b",referenceWrapper:"referenceWrapper_1ade5cb0f0",loader:"loader_325bd7d59c",xxs:"xxs_06d66245e0"};!function(e){const n="s_id-8d1605f1f87b_3_31_1";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,d.firstChild?d.insertBefore(r,d.firstChild):d.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".wrapper_3821cd9a7b {\n  width: fit-content;\n  height: fit-content;\n  display: inline-flex;\n}\n\n.referenceWrapper_1ade5cb0f0 {\n  display: inline-flex;\n}\n\n.referenceWrapper_1ade5cb0f0 button .loader_325bd7d59c {\n  width: 16px;\n  height: 16px;\n}\n\n.referenceWrapper_1ade5cb0f0 button .loader_325bd7d59c.xxs_06d66245e0 {\n  width: 10px;\n  height: 10px;\n}\n\n.referenceWrapper_1ade5cb0f0 button .loader_325bd7d59c.xxs_06d66245e0 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_f1faf381d6","focus-visible":"focus-visible_3fa5442027",disabled:"disabled_b016059edb",disableTextSelection:"disableTextSelection_705dca8e9a",clickableWrapper:"clickableWrapper_f1faf381d6",label:"label_57f40245f6",small:"small_54cc8b3835",withLeg:"withLeg_80dbe00afc",legWrapper:"legWrapper_bde0b7b95c",kindFill:"kindFill_f38d33039e",colorPrimary:"colorPrimary_b5ab7bc946",colorDark:"colorDark_39a673dd6d",colorNegative:"colorNegative_99d69c9d40",colorPositive:"colorPositive_904fc053ad",kindLine:"kindLine_aecc8dd1ff",smallText:"smallText_ba273067b9"};!function(e){const n="s_id-4bcc4b0ff746_3_31_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,o.firstChild?o.insertBefore(a,o.firstChild):o.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".clickable_f1faf381d6 {\n  cursor: pointer;\n}\n.clickable_f1faf381d6:focus-visible, .clickable_f1faf381d6.focus-visible_3fa5442027 {\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_f1faf381d6:focus:not(.focus-visible_3fa5442027) {\n  outline: none;\n}\n.clickable_f1faf381d6.disabled_b016059edb {\n  cursor: default;\n}\n.disableTextSelection_705dca8e9a {\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_f1faf381d6 {\n  cursor: pointer;\n}\n.clickableWrapper_f1faf381d6:focus-visible, .clickableWrapper_f1faf381d6.focus-visible_3fa5442027 {\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_f1faf381d6:focus:not(.focus-visible_3fa5442027) {\n  outline: none;\n}\n.clickableWrapper_f1faf381d6:active {\n  transform: scale(0.95) translate3d(0, 0, 0);\n  transition: var(--motion-productive-short) transform;\n}\n.label_57f40245f6 {\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_57f40245f6.small_54cc8b3835 {\n  padding: 0 var(--spacing-xs);\n  border-radius: 2px;\n}\n.withLeg_80dbe00afc {\n  border-radius: var(--border-radius-small) var(--border-radius-small) var(--border-radius-small) 0;\n}\n.legWrapper_bde0b7b95c {\n  position: absolute;\n  height: 8px;\n  top: 100%;\n  left: 0;\n  display: inline-flex;\n}\n.kindFill_f38d33039e.colorPrimary_b5ab7bc946 {\n  background-color: var(--primary-color);\n}\n.kindFill_f38d33039e.colorPrimary_b5ab7bc946 svg path {\n  fill: var(--primary-color);\n}\n.kindFill_f38d33039e.colorPrimary_b5ab7bc946.clickable_f1faf381d6:hover, .kindFill_f38d33039e.colorPrimary_b5ab7bc946.clickable_f1faf381d6:active {\n  background-color: var(--primary-hover-color);\n}\n.kindFill_f38d33039e.colorDark_39a673dd6d {\n  background-color: var(--inverted-color-background);\n}\n.kindFill_f38d33039e.colorDark_39a673dd6d svg path {\n  fill: var(--inverted-color-background);\n}\n.kindFill_f38d33039e.colorNegative_99d69c9d40 {\n  background-color: var(--negative-color);\n}\n.kindFill_f38d33039e.colorNegative_99d69c9d40 svg path {\n  fill: var(--negative-color);\n}\n.kindFill_f38d33039e.colorNegative_99d69c9d40.clickable_f1faf381d6:hover, .kindFill_f38d33039e.colorNegative_99d69c9d40.clickable_f1faf381d6:active {\n  background-color: var(--negative-color-hover);\n}\n.kindFill_f38d33039e.colorPositive_904fc053ad {\n  background-color: var(--positive-color);\n}\n.kindFill_f38d33039e.colorPositive_904fc053ad svg path {\n  fill: var(--positive-color);\n}\n.kindFill_f38d33039e.colorPositive_904fc053ad.clickable_f1faf381d6:hover, .kindFill_f38d33039e.colorPositive_904fc053ad.clickable_f1faf381d6:active {\n  background-color: var(--positive-color-hover);\n}\n.kindLine_aecc8dd1ff {\n  border: 1px solid currentColor;\n  padding: 1px var(--spacing-small);\n}\n.kindLine_aecc8dd1ff .legWrapper_bde0b7b95c {\n  left: -1px;\n  top: calc(100% + 1px);\n}\n.kindLine_aecc8dd1ff.colorPrimary_b5ab7bc946 {\n  color: var(--primary-color);\n}\n.kindLine_aecc8dd1ff.colorPrimary_b5ab7bc946 svg path {\n  fill: var(--primary-color);\n}\n.kindLine_aecc8dd1ff.colorPrimary_b5ab7bc946.clickable_f1faf381d6:hover, .kindLine_aecc8dd1ff.colorPrimary_b5ab7bc946.clickable_f1faf381d6:active {\n  background-color: var(--primary-background-hover-color);\n}\n.kindLine_aecc8dd1ff.colorDark_39a673dd6d {\n  color: var(--inverted-color-background);\n}\n.kindLine_aecc8dd1ff.colorDark_39a673dd6d svg path {\n  fill: var(--inverted-color-background);\n}\n.kindLine_aecc8dd1ff.colorDark_39a673dd6d.clickable_f1faf381d6:hover, .kindLine_aecc8dd1ff.colorDark_39a673dd6d.clickable_f1faf381d6:active {\n  background-color: var(--primary-background-hover-color);\n}\n.kindLine_aecc8dd1ff.colorNegative_99d69c9d40 {\n  color: var(--negative-color);\n}\n.kindLine_aecc8dd1ff.colorNegative_99d69c9d40 svg path {\n  fill: var(--negative-color);\n}\n.kindLine_aecc8dd1ff.colorNegative_99d69c9d40.clickable_f1faf381d6:hover, .kindLine_aecc8dd1ff.colorNegative_99d69c9d40.clickable_f1faf381d6:active {\n  background-color: var(--negative-color-selected);\n}\n.kindLine_aecc8dd1ff.colorPositive_904fc053ad {\n  color: var(--positive-color);\n}\n.kindLine_aecc8dd1ff.colorPositive_904fc053ad svg path {\n  fill: var(--positive-color);\n}\n.kindLine_aecc8dd1ff.colorPositive_904fc053ad.clickable_f1faf381d6:hover, .kindLine_aecc8dd1ff.colorPositive_904fc053ad.clickable_f1faf381d6:active {\n  background-color: var(--positive-color-selected);\n}\n.kindLine_aecc8dd1ff .smallText_ba273067b9 {\n  line-height: 14px;\n}");export{e as default};
+var e={clickable:"clickable_f42bc98f64","focus-visible":"focus-visible_45e9244eed",disabled:"disabled_e70062134a",disableTextSelection:"disableTextSelection_79a68da6b4",clickableWrapper:"clickableWrapper_f42bc98f64",label:"label_cc474495d8",small:"small_de4630af37",withLeg:"withLeg_6b1b14ce06",legWrapper:"legWrapper_dbb166dfdb",kindFill:"kindFill_c050978157",colorPrimary:"colorPrimary_a0a974bc50",colorDark:"colorDark_e8f2d76a9b",colorNegative:"colorNegative_1916a77aff",colorPositive:"colorPositive_c23ce465f7",kindLine:"kindLine_66e57a5b03",smallText:"smallText_5cf80b234b"};!function(e){const n="s_id-4bcc4b0ff746_3_31_1";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,o.firstChild?o.insertBefore(r,o.firstChild):o.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".clickable_f42bc98f64 {\n  cursor: pointer;\n}\n.clickable_f42bc98f64:focus-visible, .clickable_f42bc98f64.focus-visible_45e9244eed {\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_f42bc98f64:focus:not(.focus-visible_45e9244eed) {\n  outline: none;\n}\n.clickable_f42bc98f64.disabled_e70062134a {\n  cursor: default;\n}\n.disableTextSelection_79a68da6b4 {\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_f42bc98f64 {\n  cursor: pointer;\n}\n.clickableWrapper_f42bc98f64:focus-visible, .clickableWrapper_f42bc98f64.focus-visible_45e9244eed {\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_f42bc98f64:focus:not(.focus-visible_45e9244eed) {\n  outline: none;\n}\n.clickableWrapper_f42bc98f64:active {\n  transform: scale(0.95) translate3d(0, 0, 0);\n  transition: var(--motion-productive-short) transform;\n}\n.label_cc474495d8 {\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_cc474495d8.small_de4630af37 {\n  padding: 0 var(--spacing-xs);\n  border-radius: 2px;\n}\n.withLeg_6b1b14ce06 {\n  border-radius: var(--border-radius-small) var(--border-radius-small) var(--border-radius-small) 0;\n}\n.legWrapper_dbb166dfdb {\n  position: absolute;\n  height: 8px;\n  top: 100%;\n  left: 0;\n  display: inline-flex;\n}\n.kindFill_c050978157.colorPrimary_a0a974bc50 {\n  background-color: var(--primary-color);\n}\n.kindFill_c050978157.colorPrimary_a0a974bc50 svg path {\n  fill: var(--primary-color);\n}\n.kindFill_c050978157.colorPrimary_a0a974bc50.clickable_f42bc98f64:hover, .kindFill_c050978157.colorPrimary_a0a974bc50.clickable_f42bc98f64:active {\n  background-color: var(--primary-hover-color);\n}\n.kindFill_c050978157.colorDark_e8f2d76a9b {\n  background-color: var(--inverted-color-background);\n}\n.kindFill_c050978157.colorDark_e8f2d76a9b svg path {\n  fill: var(--inverted-color-background);\n}\n.kindFill_c050978157.colorNegative_1916a77aff {\n  background-color: var(--negative-color);\n}\n.kindFill_c050978157.colorNegative_1916a77aff svg path {\n  fill: var(--negative-color);\n}\n.kindFill_c050978157.colorNegative_1916a77aff.clickable_f42bc98f64:hover, .kindFill_c050978157.colorNegative_1916a77aff.clickable_f42bc98f64:active {\n  background-color: var(--negative-color-hover);\n}\n.kindFill_c050978157.colorPositive_c23ce465f7 {\n  background-color: var(--positive-color);\n}\n.kindFill_c050978157.colorPositive_c23ce465f7 svg path {\n  fill: var(--positive-color);\n}\n.kindFill_c050978157.colorPositive_c23ce465f7.clickable_f42bc98f64:hover, .kindFill_c050978157.colorPositive_c23ce465f7.clickable_f42bc98f64:active {\n  background-color: var(--positive-color-hover);\n}\n.kindLine_66e57a5b03 {\n  border: 1px solid currentColor;\n  padding: 1px var(--spacing-small);\n}\n.kindLine_66e57a5b03 .legWrapper_dbb166dfdb {\n  left: -1px;\n  top: calc(100% + 1px);\n}\n.kindLine_66e57a5b03.colorPrimary_a0a974bc50 {\n  color: var(--primary-color);\n}\n.kindLine_66e57a5b03.colorPrimary_a0a974bc50 svg path {\n  fill: var(--primary-color);\n}\n.kindLine_66e57a5b03.colorPrimary_a0a974bc50.clickable_f42bc98f64:hover, .kindLine_66e57a5b03.colorPrimary_a0a974bc50.clickable_f42bc98f64:active {\n  background-color: var(--primary-background-hover-color);\n}\n.kindLine_66e57a5b03.colorDark_e8f2d76a9b {\n  color: var(--inverted-color-background);\n}\n.kindLine_66e57a5b03.colorDark_e8f2d76a9b svg path {\n  fill: var(--inverted-color-background);\n}\n.kindLine_66e57a5b03.colorDark_e8f2d76a9b.clickable_f42bc98f64:hover, .kindLine_66e57a5b03.colorDark_e8f2d76a9b.clickable_f42bc98f64:active {\n  background-color: var(--primary-background-hover-color);\n}\n.kindLine_66e57a5b03.colorNegative_1916a77aff {\n  color: var(--negative-color);\n}\n.kindLine_66e57a5b03.colorNegative_1916a77aff svg path {\n  fill: var(--negative-color);\n}\n.kindLine_66e57a5b03.colorNegative_1916a77aff.clickable_f42bc98f64:hover, .kindLine_66e57a5b03.colorNegative_1916a77aff.clickable_f42bc98f64:active {\n  background-color: var(--negative-color-selected);\n}\n.kindLine_66e57a5b03.colorPositive_c23ce465f7 {\n  color: var(--positive-color);\n}\n.kindLine_66e57a5b03.colorPositive_c23ce465f7 svg path {\n  fill: var(--positive-color);\n}\n.kindLine_66e57a5b03.colorPositive_c23ce465f7.clickable_f42bc98f64:hover, .kindLine_66e57a5b03.colorPositive_c23ce465f7.clickable_f42bc98f64:active {\n  background-color: var(--positive-color-selected);\n}\n.kindLine_66e57a5b03 .smallText_5cf80b234b {\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_652d02cf90",svg:"svg_8fa8a8a5a7",stroke:"stroke_36f1ccfc86","stroke-rotate":"stroke-rotate_53b1aab35c",base:"base_86d155e796",fade:"fade_7320830ab0",first:"first_c20e4f9279",second:"second_96fb436244",third:"third_5485f21f46","gradient-text-fill":"gradient-text-fill_8933e5be7e"};!function(e){const n="s_id-cc5df975abc6_3_31_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_652d02cf90 {\n  --container-perimeter: 840;\n  position: relative;\n}\n.celebration_652d02cf90 .svg_8fa8a8a5a7 {\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 100%;\n  width: 100%;\n}\n.celebration_652d02cf90 .svg_8fa8a8a5a7 .stroke_36f1ccfc86 {\n  fill: none;\n  stroke-width: 1;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  animation: stroke-rotate_53b1aab35c cubic-bezier(0.33, 0, 0.67, 1) forwards;\n  stroke-dasharray: var(--container-perimeter);\n  stroke-dashoffset: var(--container-perimeter);\n}\n.celebration_652d02cf90 .svg_8fa8a8a5a7 .stroke_36f1ccfc86.base_86d155e796 {\n  stroke: var(--color-egg_yolk);\n  animation: fade_7320830ab0 200ms linear forwards;\n  animation-delay: 80ms;\n  stroke-dasharray: 0;\n  stroke-dashoffset: 0;\n  opacity: 0;\n}\n.celebration_652d02cf90 .svg_8fa8a8a5a7 .stroke_36f1ccfc86.first_c20e4f9279 {\n  stroke: var(--color-done-green);\n  animation-delay: 80ms;\n  animation-duration: 320ms;\n}\n.celebration_652d02cf90 .svg_8fa8a8a5a7 .stroke_36f1ccfc86.second_96fb436244 {\n  stroke: var(--color-stuck-red);\n  animation-delay: 200ms;\n  animation-duration: 320ms;\n}\n.celebration_652d02cf90 .svg_8fa8a8a5a7 .stroke_36f1ccfc86.third_5485f21f46 {\n  stroke: var(--primary-color);\n  animation-delay: 360ms;\n  animation-duration: 320ms;\n}\n.celebration_652d02cf90.celebration_652d02cf90 [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_8933e5be7e 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_7320830ab0 {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n@keyframes stroke-rotate_53b1aab35c {\n  to {\n    stroke-dashoffset: 0;\n  }\n}\n@keyframes gradient-text-fill_8933e5be7e {\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_01931baf1a",svg:"svg_1f1410ab16",stroke:"stroke_d752c558a2","stroke-rotate":"stroke-rotate_ff6e1b2430",base:"base_46843a7736",fade:"fade_5d0a5995ef",first:"first_200d7d89d6",second:"second_ee4b033902",third:"third_d3fbff50ff","gradient-text-fill":"gradient-text-fill_fd47842917"};!function(e){const n="s_id-cc5df975abc6_3_31_1";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_01931baf1a {\n  --container-perimeter: 840;\n  position: relative;\n}\n.celebration_01931baf1a .svg_1f1410ab16 {\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 100%;\n  width: 100%;\n}\n.celebration_01931baf1a .svg_1f1410ab16 .stroke_d752c558a2 {\n  fill: none;\n  stroke-width: 1;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  animation: stroke-rotate_ff6e1b2430 cubic-bezier(0.33, 0, 0.67, 1) forwards;\n  stroke-dasharray: var(--container-perimeter);\n  stroke-dashoffset: var(--container-perimeter);\n}\n.celebration_01931baf1a .svg_1f1410ab16 .stroke_d752c558a2.base_46843a7736 {\n  stroke: var(--color-egg_yolk);\n  animation: fade_5d0a5995ef 200ms linear forwards;\n  animation-delay: 80ms;\n  stroke-dasharray: 0;\n  stroke-dashoffset: 0;\n  opacity: 0;\n}\n.celebration_01931baf1a .svg_1f1410ab16 .stroke_d752c558a2.first_200d7d89d6 {\n  stroke: var(--color-done-green);\n  animation-delay: 80ms;\n  animation-duration: 320ms;\n}\n.celebration_01931baf1a .svg_1f1410ab16 .stroke_d752c558a2.second_ee4b033902 {\n  stroke: var(--color-stuck-red);\n  animation-delay: 200ms;\n  animation-duration: 320ms;\n}\n.celebration_01931baf1a .svg_1f1410ab16 .stroke_d752c558a2.third_d3fbff50ff {\n  stroke: var(--primary-color);\n  animation-delay: 360ms;\n  animation-duration: 320ms;\n}\n.celebration_01931baf1a.celebration_01931baf1a [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_fd47842917 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_5d0a5995ef {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n@keyframes stroke-rotate_ff6e1b2430 {\n  to {\n    stroke-dashoffset: 0;\n  }\n}\n@keyframes gradient-text-fill_fd47842917 {\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_282e70061e",overlay:"overlay_21d0601216","overlay-fade-out":"overlay-fade-out_889774f847","overlay-fade-in":"overlay-fade-in_7320830ab0",dialog:"dialog_8569a171f4",default:"default_2e44682e06",full:"full_8c3f1dc1b0",spacing:"spacing_0b8b942c8a"};!function(n){const e="s_id-fe267e23c74c_3_31_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,a.firstChild?a.insertBefore(o,a.firstChild):a.appendChild(o),o.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".container_282e70061e,\n.overlay_21d0601216 {\n  position: fixed;\n  inset: 0;\n}\n\n.container_282e70061e {\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_282e70061e[aria-hidden=true] {\n  display: none;\n}\n\n.container_282e70061e[aria-hidden=true] .overlay_21d0601216 {\n  background-color: transparent;\n  animation: overlay-fade-out_889774f847 70ms var(--motion-timing-enter);\n}\n\n.overlay_21d0601216 {\n  background-color: rgba(41, 47, 76, 0.7);\n  animation: overlay-fade-in_7320830ab0 70ms var(--motion-timing-enter);\n}\n\n.dialog_8569a171f4 {\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_8569a171f4.default_2e44682e06 {\n  width: 520px;\n}\n\n.dialog_8569a171f4.full_8c3f1dc1b0 {\n  width: 100vw;\n}\n\n.dialog_8569a171f4.spacing_0b8b942c8a {\n  gap: var(--spacing-medium);\n}\n\n@keyframes overlay-fade-in_7320830ab0 {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n\n@keyframes overlay-fade-out_889774f847 {\n  from {\n    opacity: 1;\n  }\n  to {\n    opacity: 0;\n  }\n}");export{n as default};
+var n={container:"container_053ff69890",overlay:"overlay_f84739d518","overlay-fade-out":"overlay-fade-out_170bad8122","overlay-fade-in":"overlay-fade-in_5d0a5995ef",dialog:"dialog_f4b2dd31ef",default:"default_a95906f038",full:"full_1c3f6b73f5",spacing:"spacing_08d0b48657"};!function(n){const e="s_id-fe267e23c74c_3_31_1";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_053ff69890,\n.overlay_f84739d518 {\n  position: fixed;\n  inset: 0;\n}\n\n.container_053ff69890 {\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_053ff69890[aria-hidden=true] {\n  display: none;\n}\n\n.container_053ff69890[aria-hidden=true] .overlay_f84739d518 {\n  background-color: transparent;\n  animation: overlay-fade-out_170bad8122 70ms var(--motion-timing-enter);\n}\n\n.overlay_f84739d518 {\n  background-color: rgba(41, 47, 76, 0.7);\n  animation: overlay-fade-in_5d0a5995ef 70ms var(--motion-timing-enter);\n}\n\n.dialog_f4b2dd31ef {\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_f4b2dd31ef.default_a95906f038 {\n  width: 520px;\n}\n\n.dialog_f4b2dd31ef.full_1c3f6b73f5 {\n  width: 100vw;\n}\n\n.dialog_f4b2dd31ef.spacing_08d0b48657 {\n  gap: var(--spacing-medium);\n}\n\n@keyframes overlay-fade-in_5d0a5995ef {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n\n@keyframes overlay-fade-out_170bad8122 {\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_50173c6abf"};!function(e){const n="s_id-40a1f8a37338_3_31_0";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_50173c6abf {\n  flex-grow: 1;\n  overflow: auto;\n}\n.container_50173c6abf::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.container_50173c6abf::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{e as default};
+var e={container:"container_c97f75d6cd"};!function(e){const n="s_id-40a1f8a37338_3_31_1";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".container_c97f75d6cd {\n  flex-grow: 1;\n  overflow: auto;\n}\n.container_c97f75d6cd::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.container_c97f75d6cd::-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_748800f8dc"};!function(e){const t="s_id-9ff7e713f88b_3_31_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)}(".container_748800f8dc {\n  margin-block-start: var(--spacing-large);\n}");export{e as default};
+var e={container:"container_fbd425c003"};!function(e){const t="s_id-9ff7e713f88b_3_31_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".container_fbd425c003 {\n  margin-block-start: var(--spacing-large);\n}");export{e as default};
 //# sourceMappingURL=LegacyModalFooter.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={container:"container_d4e52260fb",icon:"icon_fe6f620409",description:"description_4f0352f25a",closeButton:"closeButton_46a40f89d4"};!function(e){const n="s_id-f34f7b91e8f3_3_31_0";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_d4e52260fb {\n  margin-block-start: var(--spacing-medium);\n}\n.container_d4e52260fb .icon_fe6f620409 {\n  margin-top: var(--spacing-xs);\n  flex-shrink: 0;\n  color: var(--primary-text-color);\n}\n.container_d4e52260fb .description_4f0352f25a {\n  margin-block-start: var(--spacing-small);\n  color: var(--secondary-text-color);\n}\n.container_d4e52260fb .closeButton_46a40f89d4 {\n  position: absolute;\n  right: 20px;\n  top: 20px;\n}");export{e as default};
+var n={container:"container_5519bd5b26",icon:"icon_127f7844b6",description:"description_16b41bded9",closeButton:"closeButton_e12a610cc7"};!function(n){const e="s_id-f34f7b91e8f3_3_31_1";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_5519bd5b26 {\n  margin-block-start: var(--spacing-medium);\n}\n.container_5519bd5b26 .icon_127f7844b6 {\n  margin-top: var(--spacing-xs);\n  flex-shrink: 0;\n  color: var(--primary-text-color);\n}\n.container_5519bd5b26 .description_16b41bded9 {\n  margin-block-start: var(--spacing-small);\n  color: var(--secondary-text-color);\n}\n.container_5519bd5b26 .closeButton_e12a610cc7 {\n  position: absolute;\n  right: 20px;\n  top: 20px;\n}");export{n 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_7d1ec2b08d","focus-visible":"focus-visible_3fa5442027",text:"text_3e3c47549b",inlineText:"inlineText_5280c16d04",inheritFontSize:"inheritFontSize_27ce65d5c7",iconStart:"iconStart_73a597feb4",iconEnd:"iconEnd_7d6a1886b4"};!function(n){const e="s_id-c911448248db_3_31_0";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_7d1ec2b08d {\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_7d1ec2b08d:focus-visible, .link_7d1ec2b08d.focus-visible_3fa5442027 {\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_7d1ec2b08d:focus:not(.focus-visible_3fa5442027) {\n  outline: none;\n}\n.link_7d1ec2b08d:hover .text_3e3c47549b {\n  text-decoration: underline;\n  color: inherit;\n}\n.link_7d1ec2b08d.inlineText_5280c16d04 {\n  display: inline-flex;\n  align-items: unset;\n}\n.link_7d1ec2b08d.inheritFontSize_27ce65d5c7 {\n  font-size: inherit;\n  line-height: inherit;\n}\n.iconStart_73a597feb4 {\n  line-height: 24px;\n  margin-right: var(--spacing-small);\n}\n.iconEnd_7d6a1886b4 {\n  line-height: 24px;\n  margin-left: var(--spacing-small);\n}\n@supports (margin-inline-start: initial) {\n  .iconStart_73a597feb4 {\n    line-height: 24px;\n    margin-right: 0;\n    margin-inline-end: var(--spacing-xs);\n  }\n  .iconEnd_7d6a1886b4 {\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_113ac73748","focus-visible":"focus-visible_45e9244eed",text:"text_0850718d2d",inlineText:"inlineText_e592a1b1bd",inheritFontSize:"inheritFontSize_62f2ab96fa",iconStart:"iconStart_5d867efe6a",iconEnd:"iconEnd_f7600dc9d1"};!function(n){const e="s_id-c911448248db_3_31_1";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_113ac73748 {\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_113ac73748:focus-visible, .link_113ac73748.focus-visible_45e9244eed {\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_113ac73748:focus:not(.focus-visible_45e9244eed) {\n  outline: none;\n}\n.link_113ac73748:hover .text_0850718d2d {\n  text-decoration: underline;\n  color: inherit;\n}\n.link_113ac73748.inlineText_e592a1b1bd {\n  display: inline-flex;\n  align-items: unset;\n}\n.link_113ac73748.inheritFontSize_62f2ab96fa {\n  font-size: inherit;\n  line-height: inherit;\n}\n.iconStart_5d867efe6a {\n  line-height: 24px;\n  margin-right: var(--spacing-small);\n}\n.iconEnd_f7600dc9d1 {\n  line-height: 24px;\n  margin-left: var(--spacing-small);\n}\n@supports (margin-inline-start: initial) {\n  .iconStart_5d867efe6a {\n    line-height: 24px;\n    margin-right: 0;\n    margin-inline-end: var(--spacing-xs);\n  }\n  .iconEnd_f7600dc9d1 {\n    line-height: 24px;\n    margin-left: 0;\n    margin-inline-start: var(--spacing-xs);\n  }\n}");export{n as default};
 //# sourceMappingURL=Link.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={list:"list_2002c01064"};!function(e){const t="s_id-ed9bf484fec4_3_31_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_2002c01064 {\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_2002c01064::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.list_2002c01064::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{e as default};
+var e={list:"list_33ce2845af"};!function(e){const t="s_id-ed9bf484fec4_3_31_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".list_33ce2845af {\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_33ce2845af::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.list_33ce2845af::-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_bcaa02420a"};!function(e){const n="s_id-6ed55dee5450_3_31_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)}(".scrollableContainer_bcaa02420a {\n  margin: 0;\n  padding: 0;\n  overflow: auto;\n}\n.scrollableContainer_bcaa02420a::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer_bcaa02420a::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{e as default};
+var e={scrollableContainer:"scrollableContainer_0b84293e5d"};!function(e){const n="s_id-6ed55dee5450_3_31_1";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_0b84293e5d {\n  margin: 0;\n  padding: 0;\n  overflow: auto;\n}\n.scrollableContainer_0b84293e5d::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer_0b84293e5d::-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_d8fddd54b7","focus-visible":"focus-visible_fdf9ea2cdf",disabled:"disabled_bca4d11a6a",selected:"selected_bcb7612a42",small:"small_b728fdff2d",medium:"medium_0b3f57631e",large:"large_96d04cfe4a"};!function(e){const d="s_id-8402a299d384_3_31_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+d))return;const a=document.createElement("style");a.id=d,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}(".listItem_d8fddd54b7 {\n  display: flex;\n  align-items: center;\n  padding: 8px 16px;\n  border-radius: 4px;\n  cursor: pointer;\n}\n.listItem_d8fddd54b7:focus-visible, .listItem_d8fddd54b7.focus-visible_fdf9ea2cdf {\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_d8fddd54b7:focus:not(.focus-visible_fdf9ea2cdf) {\n  outline: none;\n}\n.listItem_d8fddd54b7:hover {\n  background-color: var(--primary-background-hover-color);\n}\n.disabled_bca4d11a6a {\n  cursor: not-allowed;\n}\n.disabled_bca4d11a6a:hover {\n  background-color: transparent;\n}\n.selected_bcb7612a42 {\n  background-color: var(--primary-selected-color);\n}\n.selected_bcb7612a42:hover {\n  background-color: var(--primary-selected-color);\n}\n.small_b728fdff2d {\n  height: 32px;\n}\n.medium_0b3f57631e {\n  height: 40px;\n}\n.large_96d04cfe4a {\n  height: 48px;\n}");export{e as default};
+var e={listItem:"listItem_75e4675e33","focus-visible":"focus-visible_ec15aedb99",disabled:"disabled_4989d8ad0e",selected:"selected_9755da1c8d",small:"small_e45415f05a",medium:"medium_8eaf01b2c5",large:"large_c6331daa62"};!function(e){const n="s_id-8402a299d384_3_31_1";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_75e4675e33 {\n  display: flex;\n  align-items: center;\n  padding: 8px 16px;\n  border-radius: 4px;\n  cursor: pointer;\n}\n.listItem_75e4675e33:focus-visible, .listItem_75e4675e33.focus-visible_ec15aedb99 {\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_75e4675e33:focus:not(.focus-visible_ec15aedb99) {\n  outline: none;\n}\n.listItem_75e4675e33:hover {\n  background-color: var(--primary-background-hover-color);\n}\n.disabled_4989d8ad0e {\n  cursor: not-allowed;\n}\n.disabled_4989d8ad0e:hover {\n  background-color: transparent;\n}\n.selected_9755da1c8d {\n  background-color: var(--primary-selected-color);\n}\n.selected_9755da1c8d:hover {\n  background-color: var(--primary-selected-color);\n}\n.small_e45415f05a {\n  height: 32px;\n}\n.medium_8eaf01b2c5 {\n  height: 40px;\n}\n.large_c6331daa62 {\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_1c0b92f51b",avatar:"avatar_bf86b10f92"};!function(e){const t="s_id-64054545c9e6_3_31_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_1c0b92f51b {\n  display: flex;\n  align-items: center;\n  color: var(--primary-text-color);\n}\n\n.avatar_bf86b10f92 {\n  width: 22px;\n  height: 22px;\n  margin-right: var(--spacing-small);\n}");export{e as default};
+var e={listItemAvatar:"listItemAvatar_edb314dd42",avatar:"avatar_bff97446d6"};!function(e){const t="s_id-64054545c9e6_3_31_1";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_edb314dd42 {\n  display: flex;\n  align-items: center;\n  color: var(--primary-text-color);\n}\n\n.avatar_bff97446d6 {\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_1c0b92f51b",start:"start_c879005daf",end:"end_5f939c4cdc"};!function(e){const t="s_id-0831d1bc0202_3_31_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_1c0b92f51b {\n  display: flex;\n  align-items: center;\n  color: var(--primary-text-color);\n}\n\n.start_c879005daf {\n  margin-right: var(--spacing-small);\n}\n\n.end_5f939c4cdc {\n  margin-left: var(--spacing-small);\n}");export{e as default};
+var e={listItemIcon:"listItemIcon_edb314dd42",start:"start_86f986aeee",end:"end_2019f510de"};!function(e){const t="s_id-0831d1bc0202_3_31_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".listItemIcon_edb314dd42 {\n  display: flex;\n  align-items: center;\n  color: var(--primary-text-color);\n}\n\n.start_86f986aeee {\n  margin-right: var(--spacing-small);\n}\n\n.end_2019f510de {\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_eb40edc6ca"};!function(e){const t="s_id-d4e0bfe7508e_3_31_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_eb40edc6ca {\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_d5d328dd50"};!function(e){const t="s_id-d4e0bfe7508e_3_31_1";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,d.firstChild?d.insertBefore(i,d.firstChild):d.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".listTitle_d5d328dd50 {\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_7a7486d2e4",circleLoaderSpinnerBackground:"circleLoaderSpinnerBackground_c4b5309bc5",circleLoaderSpinner:"circleLoaderSpinner_90d8605f34",rotate:"rotate_80ae946b2e",circleLoaderSpinnerPath:"circleLoaderSpinnerPath_041afbd87a",dash:"dash_ec55a5d076"};!function(e){const n="s_id-dcd4d8f866fa_3_31_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_7a7486d2e4 {\n  position: relative;\n  height: 100%;\n  width: 100%;\n}\n.loaderContainer_7a7486d2e4 .circleLoaderSpinnerBackground_c4b5309bc5 {\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_7a7486d2e4 .circleLoaderSpinner_90d8605f34 {\n  animation: rotate_80ae946b2e 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_7a7486d2e4 .circleLoaderSpinner_90d8605f34 .circleLoaderSpinnerPath_041afbd87a {\n  animation: dash_ec55a5d076 1s infinite;\n}\n@keyframes rotate_80ae946b2e {\n  100% {\n    transform: rotate(360deg);\n  }\n}\n@keyframes dash_ec55a5d076 {\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_a7ae6f69fb",circleLoaderSpinnerBackground:"circleLoaderSpinnerBackground_f9e0d4ba3d",circleLoaderSpinner:"circleLoaderSpinner_827deb5aba",rotate:"rotate_031d314554",circleLoaderSpinnerPath:"circleLoaderSpinnerPath_f97002b77e",dash:"dash_af590a27f6"};!function(e){const n="s_id-dcd4d8f866fa_3_31_1";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_a7ae6f69fb {\n  position: relative;\n  height: 100%;\n  width: 100%;\n}\n.loaderContainer_a7ae6f69fb .circleLoaderSpinnerBackground_f9e0d4ba3d {\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_a7ae6f69fb .circleLoaderSpinner_827deb5aba {\n  animation: rotate_031d314554 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_a7ae6f69fb .circleLoaderSpinner_827deb5aba .circleLoaderSpinnerPath_f97002b77e {\n  animation: dash_af590a27f6 1s infinite;\n}\n@keyframes rotate_031d314554 {\n  100% {\n    transform: rotate(360deg);\n  }\n}\n@keyframes dash_af590a27f6 {\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_def3e8d3b2",small:"small_1c9eb7aabd",medium:"medium_6eb43498f2",large:"large_fb7763ea53"};!function(e){const n="s_id-1599ba0bb296_3_31_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_def3e8d3b2 {\n  margin: unset;\n  padding: unset;\n  position: relative;\n}\n\n.menu_def3e8d3b2:focus {\n  outline: none;\n}\n\n.small_1c9eb7aabd {\n  width: 200px;\n}\n\n.medium_6eb43498f2 {\n  width: 220px;\n}\n\n.large_fb7763ea53 {\n  width: 240px;\n}");export{e as default};
+var e={menu:"menu_56e5e3aa37",small:"small_91485c90d7",medium:"medium_6d63ffa7d1",large:"large_12917164ce"};!function(e){const n="s_id-1599ba0bb296_3_31_1";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".menu_56e5e3aa37 {\n  margin: unset;\n  padding: unset;\n  position: relative;\n}\n\n.menu_56e5e3aa37:focus {\n  outline: none;\n}\n\n.small_91485c90d7 {\n  width: 200px;\n}\n\n.medium_6d63ffa7d1 {\n  width: 220px;\n}\n\n.large_12917164ce {\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_0e3a6435e1"};!function(e){const d="s_id-d277a91266dd_3_31_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_0e3a6435e1 {\n  width: 100%;\n  padding: 0 var(--spacing-small);\n}");export{e as default};
+var e={menuChildDivider:"menuChildDivider_eaa3ba2eab"};!function(e){const d="s_id-d277a91266dd_3_31_1";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_eaa3ba2eab {\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_7d5f066895"};!function(e){const t="s_id-b06386a2bb6c_3_31_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_7d5f066895 {\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_b1adda3207"};!function(e){const t="s_id-b06386a2bb6c_3_31_1";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,d.firstChild?d.insertBefore(n,d.firstChild):d.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".title_b1adda3207 {\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_7b319523c9",splitMenuItem:"splitMenuItem_e0c4bf020c",disabled:"disabled_9f5584238e",focused:"focused_73c04a1fb7",initialSelected:"initialSelected_bb375ac0ed",selected:"selected_a5a479452d"};!function(e){const n="s_id-680488cf82d9_3_31_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_7b319523c9 {\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_7b319523c9.splitMenuItem_e0c4bf020c {\n  padding: 0 0 0 var(--spacing-small);\n}\n.item_7b319523c9.disabled_9f5584238e {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n.item_7b319523c9.focused_73c04a1fb7:not(.disabled_9f5584238e) {\n  background-color: var(--primary-background-hover-color);\n  border-radius: var(--border-radius-small);\n}\n.item_7b319523c9.focused_73c04a1fb7:not(.disabled_9f5584238e):not(:hover):not(.initialSelected_bb375ac0ed) {\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_7b319523c9.selected_a5a479452d:not(.disabled_9f5584238e) {\n  background-color: var(--primary-selected-color);\n  border-radius: var(--border-radius-small);\n}");export{e as default};
+var e={item:"item_9552f0cd43",splitMenuItem:"splitMenuItem_b9fbd64e4a",disabled:"disabled_d132efce68",focused:"focused_a4388fdcb0",initialSelected:"initialSelected_aa18ccd896",selected:"selected_976bcdf0e9"};!function(e){const n="s_id-680488cf82d9_3_31_1";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_9552f0cd43 {\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_9552f0cd43.splitMenuItem_b9fbd64e4a {\n  padding: 0 0 0 var(--spacing-small);\n}\n.item_9552f0cd43.disabled_d132efce68 {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n.item_9552f0cd43.focused_a4388fdcb0:not(.disabled_d132efce68) {\n  background-color: var(--primary-background-hover-color);\n  border-radius: var(--border-radius-small);\n}\n.item_9552f0cd43.focused_a4388fdcb0:not(.disabled_d132efce68):not(:hover):not(.initialSelected_aa18ccd896) {\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_9552f0cd43.selected_976bcdf0e9:not(.disabled_d132efce68) {\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_c879005daf",withBackgroundColor:"withBackgroundColor_18f446f4cb",disabled:"disabled_81b47369a3",icon:"icon_14fbd2199d",selected:"selected_efe1df6be6"};!function(e){const o="s_id-f26daa2191ad_3_31_0";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_c879005daf {\n  margin-right: var(--spacing-small);\n}\n.iconWrapper_c879005daf.withBackgroundColor_18f446f4cb {\n  border-radius: var(--spacing-xs);\n}\n.iconWrapper_c879005daf.withBackgroundColor_18f446f4cb.disabled_81b47369a3 {\n  opacity: 0.4;\n}\n.iconWrapper_c879005daf.withBackgroundColor_18f446f4cb .icon_14fbd2199d {\n  color: var(--text-color-on-primary);\n}\n.iconWrapper_c879005daf.disabled_81b47369a3 .icon_14fbd2199d {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n.iconWrapper_c879005daf .icon_14fbd2199d {\n  color: var(--icon-color);\n}\n.iconWrapper_c879005daf .icon_14fbd2199d.selected_efe1df6be6 {\n  color: var(--primary-color);\n}");export{e as default};
+var e={iconWrapper:"iconWrapper_86f986aeee",withBackgroundColor:"withBackgroundColor_807bcf90db",disabled:"disabled_adfb2e3b46",icon:"icon_91e6acc8ca",selected:"selected_3426f52a16"};!function(e){const a="s_id-f26daa2191ad_3_31_1";if("undefined"!=typeof document){const c=document.head||document.getElementsByTagName("head")[0];if(c.querySelector("#"+a))return;const o=document.createElement("style");o.id=a,c.firstChild?c.insertBefore(o,c.firstChild):c.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".iconWrapper_86f986aeee {\n  margin-right: var(--spacing-small);\n}\n.iconWrapper_86f986aeee.withBackgroundColor_807bcf90db {\n  border-radius: var(--spacing-xs);\n}\n.iconWrapper_86f986aeee.withBackgroundColor_807bcf90db.disabled_adfb2e3b46 {\n  opacity: 0.4;\n}\n.iconWrapper_86f986aeee.withBackgroundColor_807bcf90db .icon_91e6acc8ca {\n  color: var(--text-color-on-primary);\n}\n.iconWrapper_86f986aeee.disabled_adfb2e3b46 .icon_91e6acc8ca {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n.iconWrapper_86f986aeee .icon_91e6acc8ca {\n  color: var(--icon-color);\n}\n.iconWrapper_86f986aeee .icon_91e6acc8ca.selected_3426f52a16 {\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_9a88cef370",divider:"divider_12858cd3df",splitSubMenuIcon:"splitSubMenuIcon_88d5859f6f",subMenuIcon:"subMenuIcon_f2ebe3ad8f",disabled:"disabled_9f5584238e",splitMenuItemIconButton:"splitMenuItemIconButton_eba5caaa10"};!function(e){const n="s_id-3539aaaaa2b9_3_31_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_9a88cef370 {\n  margin-left: var(--spacing-xs);\n}\n.subMenuIconWrapper_9a88cef370 .divider_12858cd3df {\n  height: 19px;\n}\n.subMenuIconWrapper_9a88cef370 .splitSubMenuIcon_88d5859f6f {\n  width: 18px;\n  height: 18px;\n}\n.subMenuIconWrapper_9a88cef370 .subMenuIcon_f2ebe3ad8f,\n.subMenuIconWrapper_9a88cef370 .splitSubMenuIcon_88d5859f6f {\n  color: var(--icon-color);\n}\n.subMenuIconWrapper_9a88cef370 .subMenuIcon_f2ebe3ad8f.disabled_9f5584238e,\n.subMenuIconWrapper_9a88cef370 .splitSubMenuIcon_88d5859f6f.disabled_9f5584238e {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n.subMenuIconWrapper_9a88cef370 .splitMenuItemIconButton_eba5caaa10 {\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_4c28b40c7f",divider:"divider_d0db3bd76f",splitSubMenuIcon:"splitSubMenuIcon_3a4c1f924e",subMenuIcon:"subMenuIcon_b7001d1659",disabled:"disabled_d132efce68",splitMenuItemIconButton:"splitMenuItemIconButton_5e9543aebe"};!function(e){const n="s_id-3539aaaaa2b9_3_31_1";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)}(".subMenuIconWrapper_4c28b40c7f {\n  margin-left: var(--spacing-xs);\n}\n.subMenuIconWrapper_4c28b40c7f .divider_d0db3bd76f {\n  height: 19px;\n}\n.subMenuIconWrapper_4c28b40c7f .splitSubMenuIcon_3a4c1f924e {\n  width: 18px;\n  height: 18px;\n}\n.subMenuIconWrapper_4c28b40c7f .subMenuIcon_b7001d1659,\n.subMenuIconWrapper_4c28b40c7f .splitSubMenuIcon_3a4c1f924e {\n  color: var(--icon-color);\n}\n.subMenuIconWrapper_4c28b40c7f .subMenuIcon_b7001d1659.disabled_d132efce68,\n.subMenuIconWrapper_4c28b40c7f .splitSubMenuIcon_3a4c1f924e.disabled_d132efce68 {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n.subMenuIconWrapper_4c28b40c7f .splitMenuItemIconButton_5e9543aebe {\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_d8726e8e09",buttonComponent:"buttonComponent_3f06d7f4f1",content:"content_19fa709e14"};!function(e){const t="s_id-f631346a82ef_3_31_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_d8726e8e09 {\n  margin: unset;\n  display: flex;\n  flex-direction: row;\n  padding: var(--spacing-xs) 0;\n  align-items: center;\n}\n\n.itemButton_d8726e8e09 .buttonComponent_3f06d7f4f1 {\n  width: 100%;\n}\n\n.itemButton_d8726e8e09 .buttonComponent_3f06d7f4f1 .content_19fa709e14 {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}");export{e as default};
+var e={itemButton:"itemButton_5e49687d51",buttonComponent:"buttonComponent_bf6cddf9cf",content:"content_6644955eaf"};!function(e){const t="s_id-f631346a82ef_3_31_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".itemButton_5e49687d51 {\n  margin: unset;\n  display: flex;\n  flex-direction: row;\n  padding: var(--spacing-xs) 0;\n  align-items: center;\n}\n\n.itemButton_5e49687d51 .buttonComponent_bf6cddf9cf {\n  width: 100%;\n}\n\n.itemButton_5e49687d51 .buttonComponent_bf6cddf9cf .content_6644955eaf {\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_5a7c9d7ff7",titleCaption:"titleCaption_c7e4acafa0",titleCaptionCenter:"titleCaptionCenter_a3976cde5b",titleCaptionBottom:"titleCaptionBottom_0e9bf92c90",titleCaptionTop:"titleCaptionTop_d1643ce19d"};!function(t){const e="s_id-48e3e93eaf49_3_31_0";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_5a7c9d7ff7 {\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_c7e4acafa0 {\n  color: var(--icon-color);\n  margin: var(--spacing-small) 0;\n}\n\n.titleCaptionCenter_a3976cde5b {\n  display: flex;\n  flex-basis: 100%;\n  align-items: center;\n}\n\n.titleCaptionBottom_0e9bf92c90,\n.titleCaptionTop_d1643ce19d {\n  padding-left: var(--spacing-small);\n}\n\n.titleCaptionBottom_0e9bf92c90 {\n  padding-bottom: var(--spacing-small);\n}\n\n.titleCaptionCenter_a3976cde5b::before,\n.titleCaptionCenter_a3976cde5b::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_125d3e6a17",titleCaption:"titleCaption_2b8768b1d6",titleCaptionCenter:"titleCaptionCenter_f9e96e3835",titleCaptionBottom:"titleCaptionBottom_954ce2d9e5",titleCaptionTop:"titleCaptionTop_81d9310d84"};!function(t){const e="s_id-48e3e93eaf49_3_31_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const i=document.createElement("style");i.id=e,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}('.title_125d3e6a17 {\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_2b8768b1d6 {\n  color: var(--icon-color);\n  margin: var(--spacing-small) 0;\n}\n\n.titleCaptionCenter_f9e96e3835 {\n  display: flex;\n  flex-basis: 100%;\n  align-items: center;\n}\n\n.titleCaptionBottom_954ce2d9e5,\n.titleCaptionTop_81d9310d84 {\n  padding-left: var(--spacing-small);\n}\n\n.titleCaptionBottom_954ce2d9e5 {\n  padding-bottom: var(--spacing-small);\n}\n\n.titleCaptionCenter_f9e96e3835::before,\n.titleCaptionCenter_f9e96e3835::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}from"../Button/ButtonConstants.js";import{withStaticProps as T}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import{MenuButtonSize as v,MenuButtonComponentPosition as C}from"./MenuButtonConstants.js";import{DialogSize as E,DialogPosition as S,HideShowEvent as w}from"../Dialog/DialogConstants.js";import{NOOP as j}from"../../utils/function-utils.js";import{getStyle as O}from"../../helpers/typesciptCssModulesHelper.js";import{getTestId as y,ComponentDefaultTestId as b}from"../../tests/testIds.js";import M from"./MenuButton.module.scss.js";import P from"../../../icons/dist/react/Menu.js";var D={main:8,secondary:0},N=t((function(t,T){var v=t.id,C=t.className,E=t.openDialogComponentClassName,S=t.children,w=t.component,A=void 0===w?P:w,I=t.componentPosition,_=void 0===I?"start":I,x=t.size,z=void 0===x?"small":x,B=t.open,H=void 0!==B&&B,R=t.onClick,k=void 0===R?j:R,K=t.zIndex,L=void 0===K?null:K,U=t.ariaLabel,Y=void 0===U?"Menu":U,W=t.closeMenuOnItemClick,F=t.dialogOffset,V=void 0===F?D:F,q=t.dialogPosition,G=void 0===q?m.positions.BOTTOM_START:q,J=t.dialogClassName,Q=t.dialogPaddingSize,X=void 0===Q?c.sizes.SMALL:Q,Z=t.dialogShowTriggerIgnoreClass,$=t.dialogHideTriggerIgnoreClass,ee=t.onMenuHide,oe=void 0===ee?j:ee,ie=t.onMenuShow,te=void 0===ie?j:ie,re=t.disabled,ne=void 0!==re&&re,se=t.text,ae=t.tooltipContent,le=t.tooltipProps,de=t.tooltipTriggers,ge=void 0===de?[N.hideTriggers.MOUSE_LEAVE]:de,me=t.tooltipPosition,ce=void 0===me?"right":me,pe=t.startingEdge,ue=void 0===pe?"bottom":pe,fe=t.removeTabCloseTrigger,he=void 0!==fe&&fe,Te=t.tooltipReferenceClassName,ve=t.hideWhenReferenceHidden,Ce=void 0===ve||ve,Ee=t.dialogContainerSelector,Se=t.active,we=t.triggerElement,je=void 0===we?"button":we,Oe=t.showTooltipOnlyOnTriggerElement,ye=t["data-testid"],be=t.closeDialogOnContentClick,Me=void 0!==be&&be,Pe=r(null),De=f(T,Pe),Ne=n(H),Ae=e(Ne,2),Ie=Ae[0],_e=Ae[1],xe=null!=Se?Se:Ie,ze=s((function(e){oe(),_e(!1);var o=Pe.current;o&&e&&window.requestAnimationFrame((function(){o.focus()}))}),[oe]),Be=s((function(e){var o="Escape"===(null==e?void 0:e.key);(o||W)&&e.propagate&&ze(o)}),[W,ze]),He=s((function(e,o){ze(o===m.hideShowTriggers.ESCAPE_KEY)}),[ze]),Re=s((function(){_e(!0),te()}),[_e,te]),ke=a((function(){var e=new Set([m.hideShowTriggers.CLICK_OUTSIDE,m.hideShowTriggers.TAB_KEY,m.hideShowTriggers.ESCAPE_KEY]);return Me&&(e.add(m.hideShowTriggers.CONTENT_CLICK),e.add(m.hideShowTriggers.ENTER)),he&&e.delete(m.hideShowTriggers.TAB_KEY),[i.Children.toArray(S).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=Be),i.cloneElement(o,t)})),Array.from(e)]}),[S,Be,Me,he]),Ke=e(ke,2),Le=Ke[0],Ue=Ke[1],Ye=a((function(){return 0===Le.length?null:i.createElement(c,{size:X,type:c.types.POPOVER},Le)}),[Le,X]),We=a((function(){return Object.assign(Object.assign({},D),V)}),[V]),Fe=A,Ve=a((function(){switch(z){case"xxs":case"xs":return 16;case"small":case"medium":case"large":return h;default:return 24}}),[z]),qe=Fe?i.createElement(Fe,{size:""+Ve,role:"img","aria-hidden":"true"}):null;u((function(){_e(H)}),[H,_e]);var Ge="button"===je?{ref:De}:{active:xe,disabled:ne,ref:g(je)?De:void 0},Je=i.createElement(je,Object.assign({id:v,"data-testid":ye||y(b.MENU_BUTTON,v),type:"button",className:l(M.wrapper,C,O(M,d("size-".concat(z))),o(o(o(o({},M.active,xe),O(M,E),Ie&&E),M.disabled,ne),M.text,se)),"aria-haspopup":"true","aria-expanded":Ie,"aria-label":!se&&Y,onMouseUp:function(e){ne?e.currentTarget.blur():k(e)},"aria-disabled":ne},Ge),"start"===_&&qe,se&&i.createElement("span",{className:M.innerText},se),"end"===_&&qe),Qe=function(e){return i.createElement(m,{wrapperClassName:J,position:G,containerSelector:Ee,startingEdge:ue,animationType:"expand",content:Ye,moveBy:We,showTrigger:ne?[]:["click","enter"],hideTrigger:Ue,showTriggerIgnoreClass:Z,hideTriggerIgnoreClass:$,useDerivedStateFromProps:!0,onDialogDidShow:Re,onDialogDidHide:He,zIndex:L,isOpen:Ie,hideWhenReferenceHidden:Ce},e)},Xe=function(e){return i.createElement(p,Object.assign({content:ae,position:ce,showTrigger:"mouseenter",hideTrigger:ge,referenceWrapperClassName:Te,hideWhenReferenceHidden:Ce},le),e)};return Oe?Qe(Xe(Je)):Xe(Qe(Je))})),A=T(N,{sizes:v,paddingSizes:E,dialogPositions:S,hideTriggers:w,componentPositions:C});export{A 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 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};
 //# sourceMappingURL=MenuButton.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"MenuButton.js","sources":["../../../../src/components/MenuButton/MenuButton.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useMemo, useRef, useState } from \"react\";\nimport cx from \"classnames\";\nimport { camelCase } from \"lodash-es\";\nimport { isForwardRef } from \"react-is\";\nimport Dialog, { DialogEvent } from \"../Dialog/Dialog\";\nimport DialogContentContainer from \"../DialogContentContainer/DialogContentContainer\";\nimport Tooltip, { TooltipProps } from \"../Tooltip/Tooltip\";\nimport useIsomorphicLayoutEffect from \"../../hooks/ssr/useIsomorphicLayoutEffect\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { BUTTON_ICON_SIZE } from \"../Button/ButtonConstants\";\nimport { ElementContent, VibeComponent, VibeComponentProps, withStaticProps } from \"../../types\";\nimport {\n  MenuButtonComponentPosition as MenuButtonComponentPositionEnum,\n  MenuButtonSize as MenuButtonSizeEnum\n} from \"./MenuButtonConstants\";\nimport {\n  DialogPosition as DialogPositionEnum,\n  HideShowEvent as DialogTriggerEventEnum,\n  DialogSize as DialogSizeEnum\n} from \"../Dialog/DialogConstants\";\nimport { MenuButtonComponentPosition, MenuButtonSize } from \"./MenuButton.types\";\nimport { DialogOffset, DialogPosition, DialogSize, DialogTriggerEvent } from \"../Dialog/Dialog.types\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport { Menu } from \"@vibe/icons\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { MenuChild } from \"../Menu/Menu/MenuConstants\";\nimport styles from \"./MenuButton.module.scss\";\nimport { TooltipPositions } from \"../Tooltip/Tooltip.types\";\n\nconst MOVE_BY = { main: 8, secondary: 0 };\n\nexport interface MenuButtonProps extends VibeComponentProps {\n  /**\n   * Control the button's selected state\n   */\n  active?: boolean;\n  /**\n   *Class name to add to the button when the dialog is open\n   */\n  openDialogComponentClassName?: string;\n  /**\n   * Receives React Component\n   */\n  component?: (() => JSX.Element) | React.ElementType;\n  size?: MenuButtonSize;\n  open?: boolean;\n  onClick?: (event: React.MouseEvent) => void;\n  zIndex?: number;\n  ariaLabel?: string;\n  /*\n    Class name to provide the element which wraps the popover/modal/dialog\n   */\n  dialogClassName?: string;\n  /**\n   * main - `dialogOffset.main` - main axis offset; `dialogOffset.secondary` secondary axis offset\n   */\n  dialogOffset?: DialogOffset;\n  dialogPaddingSize?: DialogSize;\n  dialogPosition?: DialogPosition;\n  dialogShowTriggerIgnoreClass?: string;\n  dialogHideTriggerIgnoreClass?: string;\n  /**\n   * the container selector in which to append the dialog\n   * for examples: \"body\" , \".my-class\", \"#my-id\"\n   */\n  dialogContainerSelector?: string;\n  /**\n   * Dialog Alignment\n   */\n  startingEdge?: string;\n  /*\n    Callback function to be called when the menu is shown\n   */\n  onMenuShow?: () => void;\n  /*\n  Callback function to be called when the menu is hidden\n */\n  onMenuHide?: () => void;\n  /**\n   * Text to be displayed after the icon\n   */\n  text?: string;\n  disabled?: boolean;\n  tooltipContent?: string;\n  /**\n   Remove \"Tab\" key from the hide trigger\n   */\n  removeTabCloseTrigger?: boolean;\n  /**\n   is an array with the content of types:\n   CLICK, CLICK_OUTSIDE, ESCAPE_KEY, TAB_KEY, MOUSE_ENTER, MOUSE_LEAVE,\n   ENTER, MOUSE_DOWN, FOCUS, BLUR, CONTENT_CLICK\n   */\n  tooltipTriggers?: DialogTriggerEvent | DialogTriggerEvent[];\n  /**\n   * the disabled/tooltip position of the menu button - one of the MenuButton.dialogPositions\n   */\n  tooltipPosition?: TooltipPositions;\n  /**\n   * Tooltip Element Wrapper ClassName\n   */\n  tooltipReferenceClassName?: string;\n  tooltipProps?: Partial<TooltipProps>;\n  /**\n   * When the MenuButton is hidden hide the dialog and tooltip as well\n   */\n  hideWhenReferenceHidden?: boolean;\n  children?: ElementContent;\n  /**\n   * Specifies whether to render the component before or after the text\n   */\n  componentPosition?: MenuButtonComponentPosition;\n  /**\n   * Element to be used as the trigger element for the Menu - default is button\n   */\n  triggerElement?: React.ElementType;\n  /**\n   * Close the menu when an item is clicked\n   */\n  closeMenuOnItemClick?: boolean;\n  /**\n   * Whether tooltip should appear only when the trigger element is hovered and not the menu dialog\n   */\n  showTooltipOnlyOnTriggerElement?: boolean;\n  closeDialogOnContentClick?: boolean;\n}\n\nconst MenuButton: VibeComponent<MenuButtonProps> & {\n  sizes?: typeof MenuButtonSizeEnum;\n  paddingSizes?: typeof DialogContentContainer.sizes;\n  dialogPositions?: typeof DialogPositionEnum;\n  hideTriggers?: typeof Dialog.hideShowTriggers;\n  componentPositions?: typeof MenuButtonComponentPositionEnum;\n} = forwardRef(\n  (\n    {\n      id,\n      className,\n      openDialogComponentClassName,\n      children,\n      component = Menu,\n      componentPosition = \"start\",\n      size = \"small\",\n      open = false,\n      onClick = NOOP,\n      zIndex = null,\n      ariaLabel = \"Menu\",\n      closeMenuOnItemClick,\n      dialogOffset = MOVE_BY,\n      dialogPosition = Dialog.positions.BOTTOM_START,\n      dialogClassName,\n      dialogPaddingSize = DialogContentContainer.sizes.SMALL,\n      dialogShowTriggerIgnoreClass,\n      dialogHideTriggerIgnoreClass,\n      onMenuHide = NOOP,\n      onMenuShow = NOOP,\n      disabled = false,\n      text,\n      tooltipContent,\n      tooltipProps,\n      tooltipTriggers = [MenuButton.hideTriggers.MOUSE_LEAVE],\n      tooltipPosition = \"right\",\n      startingEdge = \"bottom\",\n      removeTabCloseTrigger = false,\n      tooltipReferenceClassName,\n      hideWhenReferenceHidden = true,\n      dialogContainerSelector,\n      active,\n      triggerElement: TriggerElement = \"button\",\n      showTooltipOnlyOnTriggerElement,\n      \"data-testid\": dataTestId,\n      closeDialogOnContentClick = false\n    }: MenuButtonProps,\n    ref\n  ) => {\n    const componentRef = useRef(null);\n    const mergedRef = useMergeRef(ref, componentRef);\n\n    const [isOpen, setIsOpen] = useState(open);\n    const isActive = active ?? isOpen;\n\n    const handleMenuClose = useCallback(\n      (focusOnMenuButtonAfterClose: boolean) => {\n        onMenuHide();\n        setIsOpen(false);\n        const button = componentRef.current;\n        if (!button || !focusOnMenuButtonAfterClose) {\n          return;\n        }\n        window.requestAnimationFrame(() => {\n          button.focus();\n        });\n      },\n      [onMenuHide]\n    );\n\n    const onMenuDidClose = useCallback(\n      (event: React.KeyboardEvent) => {\n        // TODO: check the functionality of the isEscapeKey since the event is not an actual KeyboardEVent but an object with propagate property only\n        const isEscapeKey = event?.key === \"Escape\";\n        if (isEscapeKey || closeMenuOnItemClick) {\n          // @ts-ignore\n          if (event.propagate) {\n            handleMenuClose(isEscapeKey);\n          }\n        }\n      },\n      [closeMenuOnItemClick, handleMenuClose]\n    );\n\n    const onDialogDidHide = useCallback(\n      (event: DialogEvent, hideEvent: string) => {\n        handleMenuClose(hideEvent === Dialog.hideShowTriggers.ESCAPE_KEY);\n      },\n      [handleMenuClose]\n    );\n\n    const onDialogDidShow = useCallback(() => {\n      setIsOpen(true);\n      onMenuShow();\n    }, [setIsOpen, onMenuShow]);\n\n    const [clonedChildren, hideTrigger] = useMemo(() => {\n      const triggers = new Set([\n        Dialog.hideShowTriggers.CLICK_OUTSIDE,\n        Dialog.hideShowTriggers.TAB_KEY,\n        Dialog.hideShowTriggers.ESCAPE_KEY\n      ]);\n\n      if (closeDialogOnContentClick) {\n        triggers.add(Dialog.hideShowTriggers.CONTENT_CLICK);\n        triggers.add(Dialog.hideShowTriggers.ENTER);\n      }\n\n      if (removeTabCloseTrigger) {\n        triggers.delete(Dialog.hideShowTriggers.TAB_KEY);\n      }\n      const childrenArr = React.Children.toArray(children) as MenuChild[];\n      const cloned = childrenArr.map(child => {\n        if (!React.isValidElement(child)) return null;\n\n        const newProps: { focusOnMount?: boolean; onClose?: (event: React.KeyboardEvent) => void } = {};\n        if (child.type && child.type.supportFocusOnMount) {\n          newProps.focusOnMount = true;\n          triggers.delete(Dialog.hideShowTriggers.ESCAPE_KEY);\n        }\n\n        if (child.type && child.type.isMenu) {\n          newProps.onClose = onMenuDidClose;\n        }\n\n        return React.cloneElement(child, newProps);\n      });\n      return [cloned, Array.from(triggers)];\n    }, [children, onMenuDidClose, closeDialogOnContentClick, removeTabCloseTrigger]);\n\n    const content = useMemo(() => {\n      if (clonedChildren.length === 0) return null;\n      return (\n        <DialogContentContainer size={dialogPaddingSize} type={DialogContentContainer.types.POPOVER}>\n          {clonedChildren}\n        </DialogContentContainer>\n      );\n    }, [clonedChildren, dialogPaddingSize]);\n\n    const computedDialogOffset = useMemo(\n      () => ({\n        ...MOVE_BY,\n        ...dialogOffset\n      }),\n      [dialogOffset]\n    );\n\n    const onMouseUp = (event: React.MouseEvent<HTMLElement>) => {\n      if (disabled) {\n        event.currentTarget.blur();\n        return;\n      }\n      onClick(event);\n    };\n\n    const Icon = component;\n    const iconSize = useMemo(() => {\n      switch (size) {\n        case \"xxs\":\n        case \"xs\":\n          return 16;\n        case \"small\":\n        case \"medium\":\n        case \"large\":\n          return BUTTON_ICON_SIZE;\n        default:\n          return 24;\n      }\n    }, [size]);\n    const icon = Icon ? <Icon size={iconSize.toString()} role=\"img\" aria-hidden=\"true\" /> : null;\n\n    useIsomorphicLayoutEffect(() => {\n      setIsOpen(open);\n    }, [open, setIsOpen]);\n\n    // Trigger element props, which are only relevant for \"button\" element, but might be needed for other elements e.g. Button\n    const triggerElementProps =\n      TriggerElement === \"button\"\n        ? {\n            ref: mergedRef\n          }\n        : {\n            active: isActive,\n            disabled: disabled,\n            ref: isForwardRef(TriggerElement) ? mergedRef : undefined\n          };\n\n    const triggerElementNode = (\n      <TriggerElement\n        id={id}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.MENU_BUTTON, id)}\n        type=\"button\"\n        className={cx(styles.wrapper, className, getStyle(styles, camelCase(`size-${size}`)), {\n          [styles.active]: isActive,\n          [getStyle(styles, openDialogComponentClassName)]: isOpen && openDialogComponentClassName,\n          [styles.disabled]: disabled,\n          [styles.text]: text\n        })}\n        aria-haspopup=\"true\"\n        aria-expanded={isOpen}\n        aria-label={!text && ariaLabel}\n        onMouseUp={onMouseUp}\n        aria-disabled={disabled}\n        {...triggerElementProps}\n      >\n        {componentPosition === \"start\" && icon}\n        {text && <span className={styles.innerText}>{text}</span>}\n        {componentPosition === \"end\" && icon}\n      </TriggerElement>\n    );\n\n    const dialogNode = (dialogChildren: React.ReactElement) => (\n      <Dialog\n        wrapperClassName={dialogClassName}\n        position={dialogPosition}\n        containerSelector={dialogContainerSelector}\n        startingEdge={startingEdge}\n        animationType=\"expand\"\n        content={content}\n        moveBy={computedDialogOffset}\n        showTrigger={disabled ? [] : [\"click\", \"enter\"]}\n        hideTrigger={hideTrigger}\n        showTriggerIgnoreClass={dialogShowTriggerIgnoreClass}\n        hideTriggerIgnoreClass={dialogHideTriggerIgnoreClass}\n        useDerivedStateFromProps={true}\n        onDialogDidShow={onDialogDidShow}\n        onDialogDidHide={onDialogDidHide}\n        zIndex={zIndex}\n        isOpen={isOpen}\n        hideWhenReferenceHidden={hideWhenReferenceHidden}\n      >\n        {dialogChildren}\n      </Dialog>\n    );\n\n    const tooltipNode = (tooltipChildren: React.ReactElement) => (\n      <Tooltip\n        content={tooltipContent}\n        position={tooltipPosition}\n        showTrigger=\"mouseenter\"\n        hideTrigger={tooltipTriggers}\n        referenceWrapperClassName={tooltipReferenceClassName}\n        hideWhenReferenceHidden={hideWhenReferenceHidden}\n        {...tooltipProps}\n      >\n        {tooltipChildren}\n      </Tooltip>\n    );\n\n    if (showTooltipOnlyOnTriggerElement) {\n      return dialogNode(tooltipNode(triggerElementNode));\n    }\n    return tooltipNode(dialogNode(triggerElementNode));\n  }\n);\n\nexport default withStaticProps(MenuButton, {\n  sizes: MenuButtonSizeEnum,\n  paddingSizes: DialogSizeEnum,\n  dialogPositions: DialogPositionEnum,\n  hideTriggers: DialogTriggerEventEnum,\n  componentPositions: MenuButtonComponentPositionEnum\n});\n"],"names":["MOVE_BY","main","secondary","MenuButton","forwardRef","_ref","ref","id","className","openDialogComponentClassName","children","_ref$component","component","Menu","_ref$componentPositio","componentPosition","_ref$size","size","_ref$open","open","_ref$onClick","onClick","NOOP","_ref$zIndex","zIndex","_ref$ariaLabel","ariaLabel","closeMenuOnItemClick","_ref$dialogOffset","dialogOffset","_ref$dialogPosition","dialogPosition","Dialog","positions","BOTTOM_START","dialogClassName","_ref$dialogPaddingSiz","dialogPaddingSize","DialogContentContainer","sizes","SMALL","dialogShowTriggerIgnoreClass","dialogHideTriggerIgnoreClass","_ref$onMenuHide","onMenuHide","_ref$onMenuShow","onMenuShow","_ref$disabled","disabled","text","tooltipContent","tooltipProps","_ref$tooltipTriggers","tooltipTriggers","hideTriggers","MOUSE_LEAVE","_ref$tooltipPosition","tooltipPosition","_ref$startingEdge","startingEdge","_ref$removeTabCloseTr","removeTabCloseTrigger","tooltipReferenceClassName","_ref$hideWhenReferenc","hideWhenReferenceHidden","dialogContainerSelector","active","_ref$triggerElement","triggerElement","TriggerElement","showTooltipOnlyOnTriggerElement","dataTestId","_ref$closeDialogOnCon","closeDialogOnContentClick","componentRef","useRef","mergedRef","useMergeRef","_useState","useState","_useState2","_slicedToArray","isOpen","setIsOpen","isActive","handleMenuClose","useCallback","focusOnMenuButtonAfterClose","button","current","window","requestAnimationFrame","focus","onMenuDidClose","event","isEscapeKey","key","propagate","onDialogDidHide","hideEvent","hideShowTriggers","ESCAPE_KEY","onDialogDidShow","_useMemo","useMemo","triggers","Set","CLICK_OUTSIDE","TAB_KEY","add","CONTENT_CLICK","ENTER","delete","React","Children","toArray","map","child","isValidElement","newProps","type","supportFocusOnMount","focusOnMount","isMenu","onClose","cloneElement","Array","from","_useMemo2","clonedChildren","hideTrigger","content","length","createElement","types","POPOVER","computedDialogOffset","Object","assign","Icon","iconSize","BUTTON_ICON_SIZE","icon","role","useIsomorphicLayoutEffect","triggerElementProps","isForwardRef","undefined","triggerElementNode","getTestId","ComponentDefaultTestId","MENU_BUTTON","cx","styles","wrapper","getStyle","camelCase","concat","_defineProperty","onMouseUp","currentTarget","blur","innerText","dialogNode","dialogChildren","wrapperClassName","position","containerSelector","animationType","moveBy","showTrigger","showTriggerIgnoreClass","hideTriggerIgnoreClass","useDerivedStateFromProps","tooltipNode","tooltipChildren","Tooltip","referenceWrapperClassName","withStaticProps","MenuButtonSizeEnum","paddingSizes","DialogSizeEnum","dialogPositions","DialogPositionEnum","DialogTriggerEventEnum","componentPositions","MenuButtonComponentPositionEnum"],"mappings":"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"}
+{"version":3,"file":"MenuButton.js","sources":["../../../../src/components/MenuButton/MenuButton.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useMemo, useRef, useState } from \"react\";\nimport cx from \"classnames\";\nimport { camelCase } from \"lodash-es\";\nimport { isForwardRef } from \"react-is\";\nimport Dialog, { DialogEvent } from \"../Dialog/Dialog\";\nimport DialogContentContainer from \"../DialogContentContainer/DialogContentContainer\";\nimport Tooltip, { TooltipProps } from \"../Tooltip/Tooltip\";\nimport useIsomorphicLayoutEffect from \"../../hooks/ssr/useIsomorphicLayoutEffect\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { BUTTON_ICON_SIZE, SMALL_BUTTON_ICON_SIZE } from \"../Button/ButtonConstants\";\nimport { ElementContent, VibeComponent, VibeComponentProps, withStaticProps } from \"../../types\";\nimport {\n  MenuButtonComponentPosition as MenuButtonComponentPositionEnum,\n  MenuButtonSize as MenuButtonSizeEnum\n} from \"./MenuButtonConstants\";\nimport {\n  DialogPosition as DialogPositionEnum,\n  HideShowEvent as DialogTriggerEventEnum,\n  DialogSize as DialogSizeEnum\n} from \"../Dialog/DialogConstants\";\nimport { MenuButtonComponentPosition, MenuButtonSize } from \"./MenuButton.types\";\nimport { DialogOffset, DialogPosition, DialogSize, DialogTriggerEvent } from \"../Dialog/Dialog.types\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport { Menu } from \"@vibe/icons\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { MenuChild } from \"../Menu/Menu/MenuConstants\";\nimport styles from \"./MenuButton.module.scss\";\nimport { TooltipPositions } from \"../Tooltip/Tooltip.types\";\n\nconst MOVE_BY = { main: 8, secondary: 0 };\n\nexport interface MenuButtonProps extends VibeComponentProps {\n  /**\n   * Control the button's selected state\n   */\n  active?: boolean;\n  /**\n   *Class name to add to the button when the dialog is open\n   */\n  openDialogComponentClassName?: string;\n  /**\n   * Receives React Component\n   */\n  component?: (() => JSX.Element) | React.ElementType;\n  size?: MenuButtonSize;\n  open?: boolean;\n  onClick?: (event: React.MouseEvent) => void;\n  zIndex?: number;\n  ariaLabel?: string;\n  /*\n    Class name to provide the element which wraps the popover/modal/dialog\n   */\n  dialogClassName?: string;\n  /**\n   * main - `dialogOffset.main` - main axis offset; `dialogOffset.secondary` secondary axis offset\n   */\n  dialogOffset?: DialogOffset;\n  dialogPaddingSize?: DialogSize;\n  dialogPosition?: DialogPosition;\n  dialogShowTriggerIgnoreClass?: string;\n  dialogHideTriggerIgnoreClass?: string;\n  /**\n   * the container selector in which to append the dialog\n   * for examples: \"body\" , \".my-class\", \"#my-id\"\n   */\n  dialogContainerSelector?: string;\n  /**\n   * Dialog Alignment\n   */\n  startingEdge?: string;\n  /*\n    Callback function to be called when the menu is shown\n   */\n  onMenuShow?: () => void;\n  /*\n  Callback function to be called when the menu is hidden\n */\n  onMenuHide?: () => void;\n  /**\n   * Text to be displayed after the icon\n   */\n  text?: string;\n  disabled?: boolean;\n  tooltipContent?: string;\n  /**\n   Remove \"Tab\" key from the hide trigger\n   */\n  removeTabCloseTrigger?: boolean;\n  /**\n   is an array with the content of types:\n   CLICK, CLICK_OUTSIDE, ESCAPE_KEY, TAB_KEY, MOUSE_ENTER, MOUSE_LEAVE,\n   ENTER, MOUSE_DOWN, FOCUS, BLUR, CONTENT_CLICK\n   */\n  tooltipTriggers?: DialogTriggerEvent | DialogTriggerEvent[];\n  /**\n   * the disabled/tooltip position of the menu button - one of the MenuButton.dialogPositions\n   */\n  tooltipPosition?: TooltipPositions;\n  /**\n   * Tooltip Element Wrapper ClassName\n   */\n  tooltipReferenceClassName?: string;\n  tooltipProps?: Partial<TooltipProps>;\n  /**\n   * When the MenuButton is hidden hide the dialog and tooltip as well\n   */\n  hideWhenReferenceHidden?: boolean;\n  children?: ElementContent;\n  /**\n   * Specifies whether to render the component before or after the text\n   */\n  componentPosition?: MenuButtonComponentPosition;\n  /**\n   * Element to be used as the trigger element for the Menu - default is button\n   */\n  triggerElement?: React.ElementType;\n  /**\n   * Close the menu when an item is clicked\n   */\n  closeMenuOnItemClick?: boolean;\n  /**\n   * Whether tooltip should appear only when the trigger element is hovered and not the menu dialog\n   */\n  showTooltipOnlyOnTriggerElement?: boolean;\n  closeDialogOnContentClick?: boolean;\n}\n\nconst MenuButton: VibeComponent<MenuButtonProps> & {\n  sizes?: typeof MenuButtonSizeEnum;\n  paddingSizes?: typeof DialogContentContainer.sizes;\n  dialogPositions?: typeof DialogPositionEnum;\n  hideTriggers?: typeof Dialog.hideShowTriggers;\n  componentPositions?: typeof MenuButtonComponentPositionEnum;\n} = forwardRef(\n  (\n    {\n      id,\n      className,\n      openDialogComponentClassName,\n      children,\n      component = Menu,\n      componentPosition = \"start\",\n      size = \"small\",\n      open = false,\n      onClick = NOOP,\n      zIndex = null,\n      ariaLabel = \"Menu\",\n      closeMenuOnItemClick,\n      dialogOffset = MOVE_BY,\n      dialogPosition = Dialog.positions.BOTTOM_START,\n      dialogClassName,\n      dialogPaddingSize = DialogContentContainer.sizes.SMALL,\n      dialogShowTriggerIgnoreClass,\n      dialogHideTriggerIgnoreClass,\n      onMenuHide = NOOP,\n      onMenuShow = NOOP,\n      disabled = false,\n      text,\n      tooltipContent,\n      tooltipProps,\n      tooltipTriggers = [MenuButton.hideTriggers.MOUSE_LEAVE],\n      tooltipPosition = \"right\",\n      startingEdge = \"bottom\",\n      removeTabCloseTrigger = false,\n      tooltipReferenceClassName,\n      hideWhenReferenceHidden = true,\n      dialogContainerSelector,\n      active,\n      triggerElement: TriggerElement = \"button\",\n      showTooltipOnlyOnTriggerElement,\n      \"data-testid\": dataTestId,\n      closeDialogOnContentClick = false\n    }: MenuButtonProps,\n    ref\n  ) => {\n    const componentRef = useRef(null);\n    const mergedRef = useMergeRef(ref, componentRef);\n\n    const [isOpen, setIsOpen] = useState(open);\n    const isActive = active ?? isOpen;\n\n    const handleMenuClose = useCallback(\n      (focusOnMenuButtonAfterClose: boolean) => {\n        onMenuHide();\n        setIsOpen(false);\n        const button = componentRef.current;\n        if (!button || !focusOnMenuButtonAfterClose) {\n          return;\n        }\n        window.requestAnimationFrame(() => {\n          button.focus();\n        });\n      },\n      [onMenuHide]\n    );\n\n    const onMenuDidClose = useCallback(\n      (event: React.KeyboardEvent) => {\n        // TODO: check the functionality of the isEscapeKey since the event is not an actual KeyboardEVent but an object with propagate property only\n        const isEscapeKey = event?.key === \"Escape\";\n        if (isEscapeKey || closeMenuOnItemClick) {\n          // @ts-ignore\n          if (event.propagate) {\n            handleMenuClose(isEscapeKey);\n          }\n        }\n      },\n      [closeMenuOnItemClick, handleMenuClose]\n    );\n\n    const onDialogDidHide = useCallback(\n      (event: DialogEvent, hideEvent: string) => {\n        handleMenuClose(hideEvent === Dialog.hideShowTriggers.ESCAPE_KEY);\n      },\n      [handleMenuClose]\n    );\n\n    const onDialogDidShow = useCallback(() => {\n      setIsOpen(true);\n      onMenuShow();\n    }, [setIsOpen, onMenuShow]);\n\n    const [clonedChildren, hideTrigger] = useMemo(() => {\n      const triggers = new Set([\n        Dialog.hideShowTriggers.CLICK_OUTSIDE,\n        Dialog.hideShowTriggers.TAB_KEY,\n        Dialog.hideShowTriggers.ESCAPE_KEY\n      ]);\n\n      if (closeDialogOnContentClick) {\n        triggers.add(Dialog.hideShowTriggers.CONTENT_CLICK);\n        triggers.add(Dialog.hideShowTriggers.ENTER);\n      }\n\n      if (removeTabCloseTrigger) {\n        triggers.delete(Dialog.hideShowTriggers.TAB_KEY);\n      }\n      const childrenArr = React.Children.toArray(children) as MenuChild[];\n      const cloned = childrenArr.map(child => {\n        if (!React.isValidElement(child)) return null;\n\n        const newProps: { focusOnMount?: boolean; onClose?: (event: React.KeyboardEvent) => void } = {};\n        if (child.type && child.type.supportFocusOnMount) {\n          newProps.focusOnMount = true;\n          triggers.delete(Dialog.hideShowTriggers.ESCAPE_KEY);\n        }\n\n        if (child.type && child.type.isMenu) {\n          newProps.onClose = onMenuDidClose;\n        }\n\n        return React.cloneElement(child, newProps);\n      });\n      return [cloned, Array.from(triggers)];\n    }, [children, onMenuDidClose, closeDialogOnContentClick, removeTabCloseTrigger]);\n\n    const content = useMemo(() => {\n      if (clonedChildren.length === 0) return null;\n      return (\n        <DialogContentContainer size={dialogPaddingSize} type={DialogContentContainer.types.POPOVER}>\n          {clonedChildren}\n        </DialogContentContainer>\n      );\n    }, [clonedChildren, dialogPaddingSize]);\n\n    const computedDialogOffset = useMemo(\n      () => ({\n        ...MOVE_BY,\n        ...dialogOffset\n      }),\n      [dialogOffset]\n    );\n\n    const onMouseUp = (event: React.MouseEvent<HTMLElement>) => {\n      if (disabled) {\n        event.currentTarget.blur();\n        return;\n      }\n      onClick(event);\n    };\n\n    const Icon = component;\n    const iconSize = useMemo(() => {\n      switch (size) {\n        case \"xxs\":\n        case \"xs\":\n          return 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    const icon = Icon ? <Icon size={iconSize.toString()} role=\"img\" aria-hidden=\"true\" /> : null;\n\n    useIsomorphicLayoutEffect(() => {\n      setIsOpen(open);\n    }, [open, setIsOpen]);\n\n    // Trigger element props, which are only relevant for \"button\" element, but might be needed for other elements e.g. Button\n    const triggerElementProps =\n      TriggerElement === \"button\"\n        ? {\n            ref: mergedRef\n          }\n        : {\n            active: isActive,\n            disabled: disabled,\n            ref: isForwardRef(TriggerElement) ? mergedRef : undefined\n          };\n\n    const triggerElementNode = (\n      <TriggerElement\n        id={id}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.MENU_BUTTON, id)}\n        type=\"button\"\n        className={cx(styles.wrapper, className, getStyle(styles, camelCase(`size-${size}`)), {\n          [styles.active]: isActive,\n          [getStyle(styles, openDialogComponentClassName)]: isOpen && openDialogComponentClassName,\n          [styles.disabled]: disabled,\n          [styles.text]: text\n        })}\n        aria-haspopup=\"true\"\n        aria-expanded={isOpen}\n        aria-label={!text && ariaLabel}\n        onMouseUp={onMouseUp}\n        aria-disabled={disabled}\n        {...triggerElementProps}\n      >\n        {componentPosition === \"start\" && icon}\n        {text && <span className={styles.innerText}>{text}</span>}\n        {componentPosition === \"end\" && icon}\n      </TriggerElement>\n    );\n\n    const dialogNode = (dialogChildren: React.ReactElement) => (\n      <Dialog\n        wrapperClassName={dialogClassName}\n        position={dialogPosition}\n        containerSelector={dialogContainerSelector}\n        startingEdge={startingEdge}\n        animationType=\"expand\"\n        content={content}\n        moveBy={computedDialogOffset}\n        showTrigger={disabled ? [] : [\"click\", \"enter\"]}\n        hideTrigger={hideTrigger}\n        showTriggerIgnoreClass={dialogShowTriggerIgnoreClass}\n        hideTriggerIgnoreClass={dialogHideTriggerIgnoreClass}\n        useDerivedStateFromProps={true}\n        onDialogDidShow={onDialogDidShow}\n        onDialogDidHide={onDialogDidHide}\n        zIndex={zIndex}\n        isOpen={isOpen}\n        hideWhenReferenceHidden={hideWhenReferenceHidden}\n      >\n        {dialogChildren}\n      </Dialog>\n    );\n\n    const tooltipNode = (tooltipChildren: React.ReactElement) => (\n      <Tooltip\n        content={tooltipContent}\n        position={tooltipPosition}\n        showTrigger=\"mouseenter\"\n        hideTrigger={tooltipTriggers}\n        referenceWrapperClassName={tooltipReferenceClassName}\n        hideWhenReferenceHidden={hideWhenReferenceHidden}\n        {...tooltipProps}\n      >\n        {tooltipChildren}\n      </Tooltip>\n    );\n\n    if (showTooltipOnlyOnTriggerElement) {\n      return dialogNode(tooltipNode(triggerElementNode));\n    }\n    return tooltipNode(dialogNode(triggerElementNode));\n  }\n);\n\nexport default withStaticProps(MenuButton, {\n  sizes: MenuButtonSizeEnum,\n  paddingSizes: DialogSizeEnum,\n  dialogPositions: DialogPositionEnum,\n  hideTriggers: DialogTriggerEventEnum,\n  componentPositions: MenuButtonComponentPositionEnum\n});\n"],"names":["MOVE_BY","main","secondary","MenuButton","forwardRef","_ref","ref","id","className","openDialogComponentClassName","children","_ref$component","component","Menu","_ref$componentPositio","componentPosition","_ref$size","size","_ref$open","open","_ref$onClick","onClick","NOOP","_ref$zIndex","zIndex","_ref$ariaLabel","ariaLabel","closeMenuOnItemClick","_ref$dialogOffset","dialogOffset","_ref$dialogPosition","dialogPosition","Dialog","positions","BOTTOM_START","dialogClassName","_ref$dialogPaddingSiz","dialogPaddingSize","DialogContentContainer","sizes","SMALL","dialogShowTriggerIgnoreClass","dialogHideTriggerIgnoreClass","_ref$onMenuHide","onMenuHide","_ref$onMenuShow","onMenuShow","_ref$disabled","disabled","text","tooltipContent","tooltipProps","_ref$tooltipTriggers","tooltipTriggers","hideTriggers","MOUSE_LEAVE","_ref$tooltipPosition","tooltipPosition","_ref$startingEdge","startingEdge","_ref$removeTabCloseTr","removeTabCloseTrigger","tooltipReferenceClassName","_ref$hideWhenReferenc","hideWhenReferenceHidden","dialogContainerSelector","active","_ref$triggerElement","triggerElement","TriggerElement","showTooltipOnlyOnTriggerElement","dataTestId","_ref$closeDialogOnCon","closeDialogOnContentClick","componentRef","useRef","mergedRef","useMergeRef","_useState","useState","_useState2","_slicedToArray","isOpen","setIsOpen","isActive","handleMenuClose","useCallback","focusOnMenuButtonAfterClose","button","current","window","requestAnimationFrame","focus","onMenuDidClose","event","isEscapeKey","key","propagate","onDialogDidHide","hideEvent","hideShowTriggers","ESCAPE_KEY","onDialogDidShow","_useMemo","useMemo","triggers","Set","CLICK_OUTSIDE","TAB_KEY","add","CONTENT_CLICK","ENTER","delete","React","Children","toArray","map","child","isValidElement","newProps","type","supportFocusOnMount","focusOnMount","isMenu","onClose","cloneElement","Array","from","_useMemo2","clonedChildren","hideTrigger","content","length","createElement","types","POPOVER","computedDialogOffset","Object","assign","Icon","iconSize","SMALL_BUTTON_ICON_SIZE","BUTTON_ICON_SIZE","icon","role","useIsomorphicLayoutEffect","triggerElementProps","isForwardRef","undefined","triggerElementNode","getTestId","ComponentDefaultTestId","MENU_BUTTON","cx","styles","wrapper","getStyle","camelCase","concat","_defineProperty","onMouseUp","currentTarget","blur","innerText","dialogNode","dialogChildren","wrapperClassName","position","containerSelector","animationType","moveBy","showTrigger","showTriggerIgnoreClass","hideTriggerIgnoreClass","useDerivedStateFromProps","tooltipNode","tooltipChildren","Tooltip","referenceWrapperClassName","withStaticProps","MenuButtonSizeEnum","paddingSizes","DialogSizeEnum","dialogPositions","DialogPositionEnum","DialogTriggerEventEnum","componentPositions","MenuButtonComponentPositionEnum"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-var n={wrapper:"wrapper_538f71db11","focus-visible":"focus-visible_3fa5442027",active:"active_88de07f2a2",sizeXxs:"sizeXxs_26ad8b2768",sizeXs:"sizeXs_3d6df28280",sizeSmall:"sizeSmall_176920f5a0",sizeMedium:"sizeMedium_54a9a84ead",sizeLarge:"sizeLarge_5e0e90d6ed",disabled:"disabled_08c0c602f0",text:"text_3f06d7f4f1",innerText:"innerText_45b7053b0e"};!function(n){const o="s_id-749f9b8f229f_3_31_0";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+o))return;const t=document.createElement("style");t.id=o,e.firstChild?e.insertBefore(t,e.firstChild):e.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=n)}(".wrapper_538f71db11 {\n  border: none;\n  margin: 0;\n  padding: 0;\n  width: auto;\n  overflow: visible;\n  background: transparent;\n  /* inherit font & color from ancestor */\n  color: inherit;\n  font: inherit;\n  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */\n  line-height: normal;\n  /* Corrects font smoothing for webkit */\n  -webkit-font-smoothing: inherit;\n  -moz-osx-font-smoothing: inherit;\n  /* Corrects inability to style clickable `input` types in iOS */\n  appearance: none;\n  border-radius: var(--border-radius-small);\n  background-color: transparent;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: transform var(--motion-productive-short) var(--motion-timing-transition);\n  color: var(--primary-text-color);\n}\n.wrapper_538f71db11:focus-visible, .wrapper_538f71db11.focus-visible_3fa5442027 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.wrapper_538f71db11:focus:not(.focus-visible_3fa5442027) {\n  outline: none;\n}\n.wrapper_538f71db11:focus-visible, .wrapper_538f71db11.focus-visible_3fa5442027 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.wrapper_538f71db11:focus:not(.focus-visible_3fa5442027) {\n  outline: none;\n}\n.wrapper_538f71db11:focus,\n.wrapper_538f71db11:hover {\n  background-color: var(--primary-background-hover-color);\n}\n.wrapper_538f71db11:active {\n  transform: scale(0.95);\n}\n.active_88de07f2a2 {\n  background-color: var(--primary-selected-color);\n}\n.active_88de07f2a2:focus {\n  background-color: var(--primary-selected-color);\n}\n.active_88de07f2a2:hover {\n  background-color: var(--primary-selected-color);\n}\n.sizeXxs_26ad8b2768 {\n  width: 16px;\n  height: 16px;\n  font: var(--font-text2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.sizeXs_3d6df28280 {\n  width: 24px;\n  height: 24px;\n  font: var(--font-text1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.sizeSmall_176920f5a0 {\n  width: 32px;\n  height: 32px;\n  font: var(--font-text1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.sizeMedium_54a9a84ead {\n  width: 40px;\n  height: 40px;\n  font: var(--font-h3-normal);\n  letter-spacing: var(--letter-spacing-h3-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.sizeLarge_5e0e90d6ed {\n  width: 48px;\n  height: 48px;\n  font: var(--font-h2-normal);\n  letter-spacing: var(--letter-spacing-h2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.disabled_08c0c602f0 {\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.disabled_08c0c602f0:hover {\n  background-color: transparent;\n}\n.text_3f06d7f4f1 {\n  width: 100%;\n}\n.innerText_45b7053b0e {\n  margin: 0 var(--spacing-small);\n}");export{n as default};
+var n={wrapper:"wrapper_3aa1b105d4","focus-visible":"focus-visible_45e9244eed",active:"active_5e53382d94",sizeXxs:"sizeXxs_e8e9c728d2",sizeXs:"sizeXs_5b8f658c67",sizeSmall:"sizeSmall_e8d36ccaf7",sizeMedium:"sizeMedium_3005d81564",sizeLarge:"sizeLarge_0f44483555",disabled:"disabled_a7845f1a9d",text:"text_bf6cddf9cf",innerText:"innerText_450e1c3d0d"};!function(n){const o="s_id-749f9b8f229f_3_31_1";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+o))return;const t=document.createElement("style");t.id=o,e.firstChild?e.insertBefore(t,e.firstChild):e.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=n)}(".wrapper_3aa1b105d4 {\n  border: none;\n  margin: 0;\n  padding: 0;\n  width: auto;\n  overflow: visible;\n  background: transparent;\n  /* inherit font & color from ancestor */\n  color: inherit;\n  font: inherit;\n  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */\n  line-height: normal;\n  /* Corrects font smoothing for webkit */\n  -webkit-font-smoothing: inherit;\n  -moz-osx-font-smoothing: inherit;\n  /* Corrects inability to style clickable `input` types in iOS */\n  appearance: none;\n  border-radius: var(--border-radius-small);\n  background-color: transparent;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: transform var(--motion-productive-short) var(--motion-timing-transition);\n  color: var(--primary-text-color);\n}\n.wrapper_3aa1b105d4:focus-visible, .wrapper_3aa1b105d4.focus-visible_45e9244eed {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.wrapper_3aa1b105d4:focus:not(.focus-visible_45e9244eed) {\n  outline: none;\n}\n.wrapper_3aa1b105d4:focus-visible, .wrapper_3aa1b105d4.focus-visible_45e9244eed {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.wrapper_3aa1b105d4:focus:not(.focus-visible_45e9244eed) {\n  outline: none;\n}\n.wrapper_3aa1b105d4:focus,\n.wrapper_3aa1b105d4:hover {\n  background-color: var(--primary-background-hover-color);\n}\n.wrapper_3aa1b105d4:active {\n  transform: scale(0.95);\n}\n.active_5e53382d94 {\n  background-color: var(--primary-selected-color);\n}\n.active_5e53382d94:focus {\n  background-color: var(--primary-selected-color);\n}\n.active_5e53382d94:hover {\n  background-color: var(--primary-selected-color);\n}\n.sizeXxs_e8e9c728d2 {\n  width: 16px;\n  height: 16px;\n  font: var(--font-text2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.sizeXs_5b8f658c67 {\n  width: 24px;\n  height: 24px;\n  font: var(--font-text1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.sizeSmall_e8d36ccaf7 {\n  width: 32px;\n  height: 32px;\n  font: var(--font-text1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.sizeMedium_3005d81564 {\n  width: 40px;\n  height: 40px;\n  font: var(--font-h3-normal);\n  letter-spacing: var(--letter-spacing-h3-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.sizeLarge_0f44483555 {\n  width: 48px;\n  height: 48px;\n  font: var(--font-h2-normal);\n  letter-spacing: var(--letter-spacing-h2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.disabled_a7845f1a9d {\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.disabled_a7845f1a9d:hover {\n  background-color: transparent;\n}\n.text_bf6cddf9cf {\n  width: 100%;\n}\n.innerText_450e1c3d0d {\n  margin: 0 var(--spacing-small);\n}");export{n as default};
 //# sourceMappingURL=MenuButton.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var n={container:"container_c892357766",overlay:"overlay_61d843dfb5",modal:"modal_b10260fc47",withHeaderAction:"withHeaderAction_a8061056ca",sizeSmall:"sizeSmall_b001d89e71",sizeMedium:"sizeMedium_1264fc49ee",sizeLarge:"sizeLarge_96e5e12829",sizeFullView:"sizeFullView_37d8b4b135"};!function(n){const e="s_id-1ca56cdae57e_3_31_0";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+e))return;const a=document.createElement("style");a.id=e,i.firstChild?i.insertBefore(a,i.firstChild):i.appendChild(a),a.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".container_c892357766 {\n  position: fixed;\n  inset: 0;\n  z-index: var(--monday-modal-z-index, 10000);\n}\n\n.overlay_61d843dfb5 {\n  position: fixed;\n  inset: 0;\n  height: 100%;\n  background-color: var(--color-surface);\n}\n\n.modal_b10260fc47 {\n  --top-actions-margin-inline: var(--spacing-large);\n  --top-actions-margin-block: var(--spacing-large);\n  --top-actions-width: var(--spacing-xl);\n  --modal-inline-padding: var(--spacing-xl);\n  position: relative;\n  top: 50%;\n  left: 50%;\n  display: flex;\n  flex-direction: column;\n  width: var(--modal-width);\n  max-height: var(--modal-max-height);\n  background-color: var(--primary-background-color);\n  overflow: hidden;\n  border-radius: var(--border-radius-big);\n  box-shadow: var(--box-shadow-large);\n  outline: none;\n}\n\n.modal_b10260fc47.withHeaderAction_a8061056ca {\n  --top-actions-width: calc(var(--spacing-xl) * 2);\n}\n\n.modal_b10260fc47.sizeSmall_b001d89e71 {\n  --modal-max-height: 50%;\n  --modal-width: 480px;\n}\n\n.modal_b10260fc47.sizeMedium_1264fc49ee {\n  --modal-max-height: 80%;\n  --modal-width: 580px;\n}\n\n.modal_b10260fc47.sizeLarge_96e5e12829 {\n  --modal-max-height: 80%;\n  --modal-width: 840px;\n}\n\n.modal_b10260fc47.sizeFullView_37d8b4b135 {\n  --top-actions-margin-inline: var(--spacing-xl);\n  --modal-max-height: 100%;\n  --modal-width: auto;\n  position: fixed;\n  inset: 0;\n  height: calc(100% - 40px);\n  margin-inline: 40px;\n  margin-block-start: 40px;\n  border-end-start-radius: unset;\n  border-end-end-radius: unset;\n}");export{n as default};
+var e={container:"container_47fe2c66e6",overlay:"overlay_5fedb03e50",modal:"modal_8d94abe2d6",withHeaderAction:"withHeaderAction_326800a713",sizeSmall:"sizeSmall_e5573b8258",sizeMedium:"sizeMedium_00311fe9d7",sizeLarge:"sizeLarge_ac7746bef8",sizeFullView:"sizeFullView_836f07bd3b"};!function(e){const n="s_id-1ca56cdae57e_3_31_1";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,a.firstChild?a.insertBefore(i,a.firstChild):a.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".container_47fe2c66e6 {\n  position: fixed;\n  inset: 0;\n  z-index: var(--monday-modal-z-index, 10000);\n}\n\n.overlay_5fedb03e50 {\n  position: fixed;\n  inset: 0;\n  height: 100%;\n  background-color: var(--color-surface);\n}\n\n.modal_8d94abe2d6 {\n  --top-actions-margin-inline: var(--spacing-large);\n  --top-actions-margin-block: var(--spacing-large);\n  --top-actions-width: var(--spacing-xl);\n  --modal-inline-padding: var(--spacing-xl);\n  position: relative;\n  top: 50%;\n  left: 50%;\n  display: flex;\n  flex-direction: column;\n  width: var(--modal-width);\n  max-height: var(--modal-max-height);\n  background-color: var(--primary-background-color);\n  overflow: hidden;\n  border-radius: var(--border-radius-big);\n  box-shadow: var(--box-shadow-large);\n  outline: none;\n}\n\n.modal_8d94abe2d6.withHeaderAction_326800a713 {\n  --top-actions-width: calc(var(--spacing-xl) * 2);\n}\n\n.modal_8d94abe2d6.sizeSmall_e5573b8258 {\n  --modal-max-height: 50%;\n  --modal-width: 480px;\n}\n\n.modal_8d94abe2d6.sizeMedium_00311fe9d7 {\n  --modal-max-height: 80%;\n  --modal-width: 580px;\n}\n\n.modal_8d94abe2d6.sizeLarge_ac7746bef8 {\n  --modal-max-height: 80%;\n  --modal-width: 840px;\n}\n\n.modal_8d94abe2d6.sizeFullView_836f07bd3b {\n  --top-actions-margin-inline: var(--spacing-xl);\n  --modal-max-height: 100%;\n  --modal-width: auto;\n  position: fixed;\n  inset: 0;\n  height: calc(100% - 40px);\n  margin-inline: 40px;\n  margin-block-start: 40px;\n  border-end-start-radius: unset;\n  border-end-end-radius: unset;\n}");export{e as default};
 //# sourceMappingURL=Modal.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={header:"header_b847f3c5e4",title:"title_3f06d7f4f1",descriptionIcon:"descriptionIcon_e592f28311"};!function(e){const n="s_id-9882eed3e38d_3_31_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)}(".header_b847f3c5e4 {\n  width: 100%;\n  align-self: flex-start;\n}\n.header_b847f3c5e4 .title_3f06d7f4f1 {\n  width: 100%;\n}\n.header_b847f3c5e4 .descriptionIcon_e592f28311 {\n  flex-shrink: 0;\n  margin-inline-end: var(--spacing-xs);\n  color: var(--icon-color);\n}");export{e as default};
+var e={header:"header_73ed5c25cb",title:"title_bf6cddf9cf",descriptionIcon:"descriptionIcon_6cf04eaea3"};!function(e){const n="s_id-9882eed3e38d_3_31_1";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,d.firstChild?d.insertBefore(t,d.firstChild):d.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".header_73ed5c25cb {\n  width: 100%;\n  align-self: flex-start;\n}\n.header_73ed5c25cb .title_bf6cddf9cf {\n  width: 100%;\n}\n.header_73ed5c25cb .descriptionIcon_6cf04eaea3 {\n  flex-shrink: 0;\n  margin-inline-end: var(--spacing-xs);\n  color: var(--icon-color);\n}");export{e as default};
 //# sourceMappingURL=ModalHeader.module.scss.js.map

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

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