@vibe/core 3.59.0 → 3.61.0

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

@@ -1 +1 @@
-{"version":3,"file":"Avatar.js","sources":["../../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import { camelCase } from \"lodash-es\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport React, { type AriaRole, useCallback, useMemo } from \"react\";\nimport { isNil } from \"lodash-es\";\nimport { ElementAllowedColor as ElementAllowedColorEnum } from \"../../utils/colors-vars-map\";\nimport { type ElementAllowedColor, getElementColor } from \"../../types/Colors\";\nimport { AvatarSize as AvatarSizeEnum, AvatarType as AvatarTypeEnum } from \"./AvatarConstants\";\nimport { type AvatarSize, type AvatarType } from \"./Avatar.types\";\nimport AvatarBadge, { type AvatarBadgeProps } from \"./AvatarBadge\";\nimport AvatarContent from \"./AvatarContent\";\nimport Tooltip, { type TooltipProps } from \"../Tooltip/Tooltip\";\nimport ClickableWrapper from \"../Clickable/ClickableWrapper\";\nimport { type SubIcon, type VibeComponentProps, withStaticPropsWithoutForwardRef } from \"../../types\";\nimport styles from \"./Avatar.module.scss\";\n\nexport interface AvatarProps extends VibeComponentProps {\n  /**\n   * The image source for the avatar.\n   */\n  src?: string;\n  /**\n   * The text displayed inside the avatar.\n   */\n  text?: string;\n  /**\n   * Props passed to the Tooltip component. See full options in the [Tooltip documentation](https://vibe.monday.com/?path=/docs/components-tooltip--docs).\n   */\n  tooltipProps?: Partial<TooltipProps>;\n  /**\n   * The ARIA label of the avatar.\n   */\n  ariaLabel?: string;\n  /**\n   * If true, the tooltip is disabled.\n   */\n  withoutTooltip?: boolean;\n  /**\n   * The icon displayed inside the avatar.\n   */\n  icon?: SubIcon;\n  /**\n   * The type of the avatar.\n   */\n  type?: AvatarType;\n  /**\n   * Class name applied to the text inside the avatar.\n   */\n  textClassName?: string;\n  /**\n   * Class name applied to the avatar content wrapper.\n   */\n  avatarContentWrapperClassName?: string;\n  /**\n   * The background color of the avatar.\n   */\n  backgroundColor?: ElementAllowedColor;\n  /**\n   * A custom background color.\n   */\n  customBackgroundColor?: string;\n  /**\n   * The ARIA role of the avatar.\n   */\n  role?: AriaRole;\n  /**\n   * The size of the avatar.\n   */\n  size?: AvatarSize;\n  /**\n   * A custom size in pixels.\n   */\n  customSize?: number;\n  /**\n   * The tab index of the avatar.\n   */\n  tabIndex?: number;\n  /**\n   * If true, the avatar is hidden from assistive technologies.\n   */\n  ariaHidden?: boolean;\n  /**\n   * If true, the avatar is disabled.\n   */\n  disabled?: boolean;\n  /**\n   * If true, renders the avatar as a square instead of a circle.\n   */\n  square?: boolean;\n  /**\n   * Props for the top-left badge.\n   */\n  topLeftBadgeProps?: AvatarBadgeProps;\n  /**\n   * Props for the top-right badge.\n   */\n  topRightBadgeProps?: AvatarBadgeProps;\n  /**\n   * Props for the bottom-left badge.\n   */\n  bottomLeftBadgeProps?: AvatarBadgeProps;\n  /**\n   * Props for the bottom-right badge.\n   */\n  bottomRightBadgeProps?: AvatarBadgeProps;\n  /**\n   * If true, removes the avatar's border.\n   */\n  withoutBorder?: boolean;\n  /**\n   * Callback fired when the avatar is clicked.\n   */\n  onClick?: (event: React.MouseEvent | React.KeyboardEvent, avatarId: string) => void;\n}\n\nconst Avatar = ({\n  id,\n  type = \"text\",\n  className,\n  avatarContentWrapperClassName,\n  textClassName = \"\",\n  size = \"large\",\n  src,\n  icon,\n  text,\n  tooltipProps,\n  ariaLabel,\n  withoutTooltip = false,\n  role,\n  backgroundColor = \"chili-blue\",\n  square,\n  disabled,\n  tabIndex,\n  ariaHidden = false,\n  topLeftBadgeProps,\n  topRightBadgeProps,\n  bottomLeftBadgeProps,\n  bottomRightBadgeProps,\n  withoutBorder = false,\n  customSize = null,\n  customBackgroundColor = null,\n  onClick,\n  \"data-testid\": dataTestId\n}: AvatarProps) => {\n  const backgroundColorStyle = useMemo(() => {\n    if (customBackgroundColor) return { backgroundColor: customBackgroundColor };\n    return src ? {} : { backgroundColor: getElementColor(backgroundColor) };\n  }, [src, backgroundColor, customBackgroundColor]);\n  const sizeStyle = useMemo(() => {\n    return customSize ? { height: customSize, width: customSize } : {};\n  }, [customSize]);\n\n  const overrideTooltipProps = useMemo(() => {\n    if (withoutTooltip) return undefined;\n\n    if (tooltipProps) {\n      return { content: ariaLabel, ...tooltipProps };\n    } else {\n      return { content: ariaLabel };\n    }\n  }, [ariaLabel, tooltipProps, withoutTooltip]);\n\n  const badgesContainer = useMemo(() => {\n    const badges = [];\n    if (!isNil(topLeftBadgeProps)) {\n      badges.push(\n        <div key=\"top-left-badge\" className={cx(styles.badge, styles.badgeTopLeft)}>\n          <AvatarBadge size={size} {...topLeftBadgeProps} />\n        </div>\n      );\n    }\n    if (!isNil(topRightBadgeProps)) {\n      badges.push(\n        <div key=\"top-right-badge\" className={cx(styles.badge, styles.badgeTopRight)}>\n          <AvatarBadge size={size} {...topRightBadgeProps} />\n        </div>\n      );\n    }\n    if (!isNil(bottomLeftBadgeProps)) {\n      badges.push(\n        <div key=\"bottom-left-badge\" className={cx(styles.badge, styles.badgeBottomLeft)}>\n          <AvatarBadge size={size} {...bottomLeftBadgeProps} />\n        </div>\n      );\n    }\n    if (!isNil(bottomRightBadgeProps)) {\n      badges.push(\n        <div key=\"bottom-right-bade\" className={cx(styles.badge, styles.badgeBottomRight)}>\n          <AvatarBadge size={size} {...bottomRightBadgeProps} />\n        </div>\n      );\n    }\n\n    return badges.length > 0 ? <div className={cx(styles.badges)}>{badges}</div> : null;\n  }, [size, topLeftBadgeProps, topRightBadgeProps, bottomLeftBadgeProps, bottomRightBadgeProps]);\n\n  const defaultTabIndex = useMemo(() => {\n    if (!disabled && (onClick || overrideTooltipProps?.content)) {\n      return 0;\n    }\n    return -1;\n  }, [disabled, onClick, overrideTooltipProps?.content]);\n\n  const overrideTabIndex = tabIndex ?? defaultTabIndex;\n\n  const clickHandler = useCallback(\n    (event: React.MouseEvent | React.KeyboardEvent) => {\n      event.preventDefault();\n      if (onClick) {\n        onClick(event, id);\n      }\n    },\n    [onClick, id]\n  );\n\n  return (\n    <div\n      id={id}\n      data-testid={dataTestId || getTestId(ComponentDefaultTestId.AVATAR, id)}\n      className={cx(styles.avatar, styles[size], className)}\n      style={sizeStyle}\n    >\n      <ClickableWrapper\n        isClickable={!!onClick}\n        clickableProps={{\n          onClick: clickHandler,\n          tabIndex: \"-1\",\n          className: styles.clickableWrapper\n        }}\n      >\n        <Tooltip showTrigger={[\"focus\", \"mouseenter\"]} hideTrigger={[\"blur\", \"mouseleave\"]} {...overrideTooltipProps}>\n          <div\n            className={cx(\n              styles.circle,\n              getStyle(styles, camelCase(\"circle--\" + type)),\n              {\n                [styles.disabled]: disabled,\n                [styles.square]: square,\n                [styles.withoutBorder]: withoutBorder\n              },\n              avatarContentWrapperClassName\n            )}\n            aria-hidden={ariaHidden}\n            tabIndex={overrideTabIndex}\n            style={{ ...backgroundColorStyle }}\n          >\n            <AvatarContent\n              type={type}\n              size={size}\n              src={src}\n              icon={icon}\n              text={text}\n              ariaLabel={ariaLabel}\n              role={role}\n              textClassName={textClassName}\n            />\n          </div>\n          {badgesContainer}\n        </Tooltip>\n      </ClickableWrapper>\n    </div>\n  );\n};\n\ninterface AvatarStaticProps {\n  types: typeof AvatarTypeEnum;\n  sizes: typeof AvatarSizeEnum;\n  colors: typeof ElementAllowedColorEnum;\n  backgroundColors: typeof ElementAllowedColorEnum;\n}\n\nexport default withStaticPropsWithoutForwardRef<AvatarProps, AvatarStaticProps>(Avatar, {\n  types: AvatarTypeEnum,\n  sizes: AvatarSizeEnum,\n  colors: ElementAllowedColorEnum,\n  backgroundColors: ElementAllowedColorEnum\n});\n"],"names":["withStaticPropsWithoutForwardRef","_ref","id","_ref$type","type","className","avatarContentWrapperClassName","_ref$textClassName","textClassName","_ref$size","size","src","icon","text","tooltipProps","ariaLabel","_ref$withoutTooltip","withoutTooltip","role","_ref$backgroundColor","backgroundColor","square","disabled","tabIndex","_ref$ariaHidden","ariaHidden","topLeftBadgeProps","topRightBadgeProps","bottomLeftBadgeProps","bottomRightBadgeProps","_ref$withoutBorder","withoutBorder","_ref$customSize","customSize","_ref$customBackground","customBackgroundColor","onClick","dataTestId","backgroundColorStyle","useMemo","getElementColor","sizeStyle","height","width","overrideTooltipProps","Object","assign","content","badgesContainer","badges","isNil","push","React","key","cx","styles","badge","badgeTopLeft","createElement","AvatarBadge","badgeTopRight","badgeBottomLeft","badgeBottomRight","length","defaultTabIndex","overrideTabIndex","clickHandler","useCallback","event","preventDefault","getTestId","ComponentDefaultTestId","AVATAR","avatar","style","ClickableWrapper","isClickable","clickableProps","clickableWrapper","Tooltip","showTrigger","hideTrigger","circle","getStyle","camelCase","_defineProperty","AvatarContent","types","AvatarTypeEnum","sizes","AvatarSizeEnum","colors","ElementAllowedColorEnum","backgroundColors"],"mappings":"mzBAoHA,IA4JeA,EAAAA,GA5JA,SAAHC,GA4BM,IA3BhBC,EAAED,EAAFC,GAAEC,EAAAF,EACFG,KAAAA,OAAO,IAAHD,EAAG,OAAMA,EACbE,EAASJ,EAATI,UACAC,EAA6BL,EAA7BK,8BAA6BC,EAAAN,EAC7BO,cAAAA,OAAgB,IAAHD,EAAG,GAAEA,EAAAE,EAAAR,EAClBS,KAAAA,OAAO,IAAHD,EAAG,QAAOA,EACdE,EAAGV,EAAHU,IACAC,EAAIX,EAAJW,KACAC,EAAIZ,EAAJY,KACAC,EAAYb,EAAZa,aACAC,EAASd,EAATc,UAASC,EAAAf,EACTgB,eAAAA,OAAiB,IAAHD,GAAQA,EACtBE,EAAIjB,EAAJiB,KAAIC,EAAAlB,EACJmB,gBAAAA,OAAkB,IAAHD,EAAG,aAAYA,EAC9BE,EAAMpB,EAANoB,OACAC,EAAQrB,EAARqB,SACAC,EAAQtB,EAARsB,SAAQC,EAAAvB,EACRwB,WAAAA,OAAa,IAAHD,GAAQA,EAClBE,EAAiBzB,EAAjByB,kBACAC,EAAkB1B,EAAlB0B,mBACAC,EAAoB3B,EAApB2B,qBACAC,EAAqB5B,EAArB4B,sBAAqBC,EAAA7B,EACrB8B,cAAAA,OAAgB,IAAHD,GAAQA,EAAAE,EAAA/B,EACrBgC,WAAAA,OAAa,IAAHD,EAAG,KAAIA,EAAAE,EAAAjC,EACjBkC,sBAAAA,OAAwB,IAAHD,EAAG,KAAIA,EAC5BE,EAAOnC,EAAPmC,QACeC,EAAUpC,EAAzB,eAEMqC,EAAuBC,GAAQ,WACnC,OAAIJ,EAA8B,CAAEf,gBAAiBe,GAC9CxB,EAAM,CAAA,EAAK,CAAES,gBAAiBoB,EAAgBpB,GACtD,GAAE,CAACT,EAAKS,EAAiBe,IACpBM,GAAYF,GAAQ,WACxB,OAAON,EAAa,CAAES,OAAQT,EAAYU,MAAOV,GAAe,EAClE,GAAG,CAACA,IAEEW,GAAuBL,GAAQ,WACnC,IAAItB,EAEJ,OAAIH,EACF+B,OAAAC,OAAA,CAASC,QAAShC,GAAcD,GAEzB,CAAEiC,QAAShC,EAErB,GAAE,CAACA,EAAWD,EAAcG,IAEvB+B,GAAkBT,GAAQ,WAC9B,IAAMU,EAAS,GA8Bf,OA7BKC,EAAMxB,IACTuB,EAAOE,KACLC,uBAAKC,IAAI,iBAAiBhD,UAAWiD,EAAGC,EAAOC,MAAOD,EAAOE,eAC3DL,EAACM,cAAAC,EAAYd,OAAAC,OAAA,CAAApC,KAAMA,GAAUgB,MAI9BwB,EAAMvB,IACTsB,EAAOE,KACLC,uBAAKC,IAAI,kBAAkBhD,UAAWiD,EAAGC,EAAOC,MAAOD,EAAOK,gBAC5DR,EAACM,cAAAC,EAAYd,OAAAC,OAAA,CAAApC,KAAMA,GAAUiB,MAI9BuB,EAAMtB,IACTqB,EAAOE,KACLC,uBAAKC,IAAI,oBAAoBhD,UAAWiD,EAAGC,EAAOC,MAAOD,EAAOM,kBAC9DT,EAACM,cAAAC,EAAYd,OAAAC,OAAA,CAAApC,KAAMA,GAAUkB,MAI9BsB,EAAMrB,IACToB,EAAOE,KACLC,uBAAKC,IAAI,oBAAoBhD,UAAWiD,EAAGC,EAAOC,MAAOD,EAAOO,mBAC9DV,EAACM,cAAAC,EAAYd,OAAAC,OAAA,CAAApC,KAAMA,GAAUmB,MAK5BoB,EAAOc,OAAS,EAAIX,EAAKM,cAAA,MAAA,CAAArD,UAAWiD,EAAGC,EAAON,SAAUA,GAAgB,IACjF,GAAG,CAACvC,EAAMgB,EAAmBC,EAAoBC,EAAsBC,IAEjEmC,GAAkBzB,GAAQ,WAC9B,OAAKjB,IAAac,KAAWQ,gBAAAA,GAAsBG,UAG3C,EAFC,CAGV,GAAE,CAACzB,EAAUc,EAASQ,gBAAAA,GAAsBG,UAEvCkB,GAAmB1C,QAAAA,EAAYyC,GAE/BE,GAAeC,GACnB,SAACC,GACCA,EAAMC,iBACFjC,GACFA,EAAQgC,EAAOlE,EAEnB,GACA,CAACkC,EAASlC,IAGZ,OACEkD,EAAAM,cAAA,MAAA,CACExD,GAAIA,EACS,cAAAmC,GAAciC,EAAUC,EAAuBC,OAAQtE,GACpEG,UAAWiD,EAAGC,EAAOkB,OAAQlB,EAAO7C,GAAOL,GAC3CqE,MAAOjC,IAEPW,EAACM,cAAAiB,GACCC,cAAexC,EACfyC,eAAgB,CACdzC,QAAS8B,GACT3C,SAAU,KACVlB,UAAWkD,EAAOuB,mBAGpB1B,EAAAM,cAACqB,EAAQlC,OAAAC,OAAA,CAAAkC,YAAa,CAAC,QAAS,cAAeC,YAAa,CAAC,OAAQ,eAAmBrC,IACtFQ,EAAAM,cAAA,MAAA,CACErD,UAAWiD,EACTC,EAAO2B,OACPC,EAAS5B,EAAQ6B,EAAU,WAAahF,IAAMiF,EAAAA,EAAAA,EAAA,CAAA,EAE3C9B,EAAOjC,SAAWA,GAClBiC,EAAOlC,OAASA,GAChBkC,EAAOxB,cAAgBA,GAE1BzB,GACD,cACYmB,EACbF,SAAU0C,GACVS,MAAK7B,OAAAC,OAAA,CAAA,EAAOR,IAEZc,EAAAM,cAAC4B,EAAa,CACZlF,KAAMA,EACNM,KAAMA,EACNC,IAAKA,EACLC,KAAMA,EACNC,KAAMA,EACNE,UAAWA,EACXG,KAAMA,EACNV,cAAeA,KAGlBwC,KAKX,GASwF,CACtFuC,MAAOC,EACPC,MAAOC,EACPC,OAAQC,EACRC,iBAAkBD"}
+{"version":3,"file":"Avatar.js","sources":["../../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import { camelCase } from \"lodash-es\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport React, { type AriaRole, useCallback, useMemo } from \"react\";\nimport { isNil } from \"lodash-es\";\nimport { ElementAllowedColor as ElementAllowedColorEnum } from \"../../utils/colors-vars-map\";\nimport { type ElementAllowedColor, getElementColor } from \"../../types/Colors\";\nimport { AvatarSize as AvatarSizeEnum, AvatarType as AvatarTypeEnum } from \"./AvatarConstants\";\nimport { type AvatarSize, type AvatarType } from \"./Avatar.types\";\nimport AvatarBadge, { type AvatarBadgeProps } from \"./AvatarBadge\";\nimport AvatarContent from \"./AvatarContent\";\nimport Tooltip, { type TooltipProps } from \"../Tooltip/Tooltip\";\nimport ClickableWrapper from \"../Clickable/ClickableWrapper\";\nimport { type SubIcon, type VibeComponentProps, withStaticPropsWithoutForwardRef } from \"../../types\";\nimport styles from \"./Avatar.module.scss\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nexport interface AvatarProps extends VibeComponentProps {\n  /**\n   * The image source for the avatar.\n   */\n  src?: string;\n  /**\n   * The text displayed inside the avatar.\n   */\n  text?: string;\n  /**\n   * Props passed to the Tooltip component. See full options in the [Tooltip documentation](https://vibe.monday.com/?path=/docs/components-tooltip--docs).\n   */\n  tooltipProps?: Partial<TooltipProps>;\n  /**\n   * The ARIA label of the avatar.\n   */\n  ariaLabel?: string;\n  /**\n   * If true, the tooltip is disabled.\n   */\n  withoutTooltip?: boolean;\n  /**\n   * The icon displayed inside the avatar.\n   */\n  icon?: SubIcon;\n  /**\n   * The type of the avatar.\n   */\n  type?: AvatarType;\n  /**\n   * Class name applied to the text inside the avatar.\n   */\n  textClassName?: string;\n  /**\n   * Class name applied to the avatar content wrapper.\n   */\n  avatarContentWrapperClassName?: string;\n  /**\n   * The background color of the avatar.\n   */\n  backgroundColor?: ElementAllowedColor;\n  /**\n   * A custom background color.\n   */\n  customBackgroundColor?: string;\n  /**\n   * The ARIA role of the avatar.\n   */\n  role?: AriaRole;\n  /**\n   * The size of the avatar.\n   */\n  size?: AvatarSize;\n  /**\n   * A custom size in pixels.\n   */\n  customSize?: number;\n  /**\n   * The tab index of the avatar.\n   */\n  tabIndex?: number;\n  /**\n   * If true, the avatar is hidden from assistive technologies.\n   */\n  ariaHidden?: boolean;\n  /**\n   * If true, the avatar is disabled.\n   */\n  disabled?: boolean;\n  /**\n   * If true, renders the avatar as a square instead of a circle.\n   */\n  square?: boolean;\n  /**\n   * Props for the top-left badge.\n   */\n  topLeftBadgeProps?: AvatarBadgeProps;\n  /**\n   * Props for the top-right badge.\n   */\n  topRightBadgeProps?: AvatarBadgeProps;\n  /**\n   * Props for the bottom-left badge.\n   */\n  bottomLeftBadgeProps?: AvatarBadgeProps;\n  /**\n   * Props for the bottom-right badge.\n   */\n  bottomRightBadgeProps?: AvatarBadgeProps;\n  /**\n   * If true, removes the avatar's border.\n   */\n  withoutBorder?: boolean;\n  /**\n   * Callback fired when the avatar is clicked.\n   */\n  onClick?: (event: React.MouseEvent | React.KeyboardEvent, avatarId: string) => void;\n}\n\nconst Avatar = ({\n  id,\n  type = \"text\",\n  className,\n  avatarContentWrapperClassName,\n  textClassName = \"\",\n  size = \"large\",\n  src,\n  icon,\n  text,\n  tooltipProps,\n  ariaLabel,\n  withoutTooltip = false,\n  role,\n  backgroundColor = \"chili-blue\",\n  square,\n  disabled,\n  tabIndex,\n  ariaHidden = false,\n  topLeftBadgeProps,\n  topRightBadgeProps,\n  bottomLeftBadgeProps,\n  bottomRightBadgeProps,\n  withoutBorder = false,\n  customSize = null,\n  customBackgroundColor = null,\n  onClick,\n  \"data-testid\": dataTestId\n}: AvatarProps) => {\n  const backgroundColorStyle = useMemo(() => {\n    if (customBackgroundColor) return { backgroundColor: customBackgroundColor };\n    return src ? {} : { backgroundColor: getElementColor(backgroundColor) };\n  }, [src, backgroundColor, customBackgroundColor]);\n  const sizeStyle = useMemo(() => {\n    return customSize ? { height: customSize, width: customSize } : {};\n  }, [customSize]);\n\n  const overrideTooltipProps = useMemo(() => {\n    if (withoutTooltip) return undefined;\n\n    if (tooltipProps) {\n      return { content: ariaLabel, ...tooltipProps };\n    } else {\n      return { content: ariaLabel };\n    }\n  }, [ariaLabel, tooltipProps, withoutTooltip]);\n\n  const badgesContainer = useMemo(() => {\n    const badges = [];\n    if (!isNil(topLeftBadgeProps)) {\n      badges.push(\n        <div key=\"top-left-badge\" className={cx(styles.badge, styles.badgeTopLeft)}>\n          <AvatarBadge size={size} {...topLeftBadgeProps} />\n        </div>\n      );\n    }\n    if (!isNil(topRightBadgeProps)) {\n      badges.push(\n        <div key=\"top-right-badge\" className={cx(styles.badge, styles.badgeTopRight)}>\n          <AvatarBadge size={size} {...topRightBadgeProps} />\n        </div>\n      );\n    }\n    if (!isNil(bottomLeftBadgeProps)) {\n      badges.push(\n        <div key=\"bottom-left-badge\" className={cx(styles.badge, styles.badgeBottomLeft)}>\n          <AvatarBadge size={size} {...bottomLeftBadgeProps} />\n        </div>\n      );\n    }\n    if (!isNil(bottomRightBadgeProps)) {\n      badges.push(\n        <div key=\"bottom-right-bade\" className={cx(styles.badge, styles.badgeBottomRight)}>\n          <AvatarBadge size={size} {...bottomRightBadgeProps} />\n        </div>\n      );\n    }\n\n    return badges.length > 0 ? <div className={cx(styles.badges)}>{badges}</div> : null;\n  }, [size, topLeftBadgeProps, topRightBadgeProps, bottomLeftBadgeProps, bottomRightBadgeProps]);\n\n  const defaultTabIndex = useMemo(() => {\n    if (!disabled && (onClick || overrideTooltipProps?.content)) {\n      return 0;\n    }\n    return -1;\n  }, [disabled, onClick, overrideTooltipProps?.content]);\n\n  const overrideTabIndex = tabIndex ?? defaultTabIndex;\n\n  const clickHandler = useCallback(\n    (event: React.MouseEvent | React.KeyboardEvent) => {\n      event.preventDefault();\n      if (onClick) {\n        onClick(event, id);\n      }\n    },\n    [onClick, id]\n  );\n\n  return (\n    <div\n      id={id}\n      data-testid={dataTestId || getTestId(ComponentDefaultTestId.AVATAR, id)}\n      className={cx(styles.avatar, styles[size], className)}\n      style={sizeStyle}\n      data-vibe={ComponentVibeId.AVATAR}\n    >\n      <ClickableWrapper\n        isClickable={!!onClick}\n        clickableProps={{\n          onClick: clickHandler,\n          tabIndex: \"-1\",\n          className: styles.clickableWrapper\n        }}\n      >\n        <Tooltip showTrigger={[\"focus\", \"mouseenter\"]} hideTrigger={[\"blur\", \"mouseleave\"]} {...overrideTooltipProps}>\n          <div\n            className={cx(\n              styles.circle,\n              getStyle(styles, camelCase(\"circle--\" + type)),\n              {\n                [styles.disabled]: disabled,\n                [styles.square]: square,\n                [styles.withoutBorder]: withoutBorder\n              },\n              avatarContentWrapperClassName\n            )}\n            aria-hidden={ariaHidden}\n            tabIndex={overrideTabIndex}\n            style={{ ...backgroundColorStyle }}\n          >\n            <AvatarContent\n              type={type}\n              size={size}\n              src={src}\n              icon={icon}\n              text={text}\n              ariaLabel={ariaLabel}\n              role={role}\n              textClassName={textClassName}\n            />\n          </div>\n          {badgesContainer}\n        </Tooltip>\n      </ClickableWrapper>\n    </div>\n  );\n};\n\ninterface AvatarStaticProps {\n  types: typeof AvatarTypeEnum;\n  sizes: typeof AvatarSizeEnum;\n  colors: typeof ElementAllowedColorEnum;\n  backgroundColors: typeof ElementAllowedColorEnum;\n}\n\nexport default withStaticPropsWithoutForwardRef<AvatarProps, AvatarStaticProps>(Avatar, {\n  types: AvatarTypeEnum,\n  sizes: AvatarSizeEnum,\n  colors: ElementAllowedColorEnum,\n  backgroundColors: ElementAllowedColorEnum\n});\n"],"names":["withStaticPropsWithoutForwardRef","_ref","id","_ref$type","type","className","avatarContentWrapperClassName","_ref$textClassName","textClassName","_ref$size","size","src","icon","text","tooltipProps","ariaLabel","_ref$withoutTooltip","withoutTooltip","role","_ref$backgroundColor","backgroundColor","square","disabled","tabIndex","_ref$ariaHidden","ariaHidden","topLeftBadgeProps","topRightBadgeProps","bottomLeftBadgeProps","bottomRightBadgeProps","_ref$withoutBorder","withoutBorder","_ref$customSize","customSize","_ref$customBackground","customBackgroundColor","onClick","dataTestId","backgroundColorStyle","useMemo","getElementColor","sizeStyle","height","width","overrideTooltipProps","Object","assign","content","badgesContainer","badges","isNil","push","React","key","cx","styles","badge","badgeTopLeft","createElement","AvatarBadge","badgeTopRight","badgeBottomLeft","badgeBottomRight","length","defaultTabIndex","overrideTabIndex","clickHandler","useCallback","event","preventDefault","getTestId","ComponentDefaultTestId","AVATAR","avatar","style","ComponentVibeId","ClickableWrapper","isClickable","clickableProps","clickableWrapper","Tooltip","showTrigger","hideTrigger","circle","getStyle","camelCase","_defineProperty","AvatarContent","types","AvatarTypeEnum","sizes","AvatarSizeEnum","colors","ElementAllowedColorEnum","backgroundColors"],"mappings":"82BAqHA,IA6JeA,EAAAA,GA7JA,SAAHC,GA4BM,IA3BhBC,EAAED,EAAFC,GAAEC,EAAAF,EACFG,KAAAA,OAAO,IAAHD,EAAG,OAAMA,EACbE,EAASJ,EAATI,UACAC,EAA6BL,EAA7BK,8BAA6BC,EAAAN,EAC7BO,cAAAA,OAAgB,IAAHD,EAAG,GAAEA,EAAAE,EAAAR,EAClBS,KAAAA,OAAO,IAAHD,EAAG,QAAOA,EACdE,EAAGV,EAAHU,IACAC,EAAIX,EAAJW,KACAC,EAAIZ,EAAJY,KACAC,EAAYb,EAAZa,aACAC,EAASd,EAATc,UAASC,EAAAf,EACTgB,eAAAA,OAAiB,IAAHD,GAAQA,EACtBE,EAAIjB,EAAJiB,KAAIC,EAAAlB,EACJmB,gBAAAA,OAAkB,IAAHD,EAAG,aAAYA,EAC9BE,EAAMpB,EAANoB,OACAC,EAAQrB,EAARqB,SACAC,EAAQtB,EAARsB,SAAQC,EAAAvB,EACRwB,WAAAA,OAAa,IAAHD,GAAQA,EAClBE,EAAiBzB,EAAjByB,kBACAC,EAAkB1B,EAAlB0B,mBACAC,EAAoB3B,EAApB2B,qBACAC,EAAqB5B,EAArB4B,sBAAqBC,EAAA7B,EACrB8B,cAAAA,OAAgB,IAAHD,GAAQA,EAAAE,EAAA/B,EACrBgC,WAAAA,OAAa,IAAHD,EAAG,KAAIA,EAAAE,EAAAjC,EACjBkC,sBAAAA,OAAwB,IAAHD,EAAG,KAAIA,EAC5BE,EAAOnC,EAAPmC,QACeC,EAAUpC,EAAzB,eAEMqC,GAAuBC,GAAQ,WACnC,OAAIJ,EAA8B,CAAEf,gBAAiBe,GAC9CxB,EAAM,CAAA,EAAK,CAAES,gBAAiBoB,EAAgBpB,GACtD,GAAE,CAACT,EAAKS,EAAiBe,IACpBM,GAAYF,GAAQ,WACxB,OAAON,EAAa,CAAES,OAAQT,EAAYU,MAAOV,GAAe,EAClE,GAAG,CAACA,IAEEW,GAAuBL,GAAQ,WACnC,IAAItB,EAEJ,OAAIH,EACF+B,OAAAC,OAAA,CAASC,QAAShC,GAAcD,GAEzB,CAAEiC,QAAShC,EAErB,GAAE,CAACA,EAAWD,EAAcG,IAEvB+B,GAAkBT,GAAQ,WAC9B,IAAMU,EAAS,GA8Bf,OA7BKC,EAAMxB,IACTuB,EAAOE,KACLC,uBAAKC,IAAI,iBAAiBhD,UAAWiD,EAAGC,EAAOC,MAAOD,EAAOE,eAC3DL,EAACM,cAAAC,EAAYd,OAAAC,OAAA,CAAApC,KAAMA,GAAUgB,MAI9BwB,EAAMvB,IACTsB,EAAOE,KACLC,uBAAKC,IAAI,kBAAkBhD,UAAWiD,EAAGC,EAAOC,MAAOD,EAAOK,gBAC5DR,EAACM,cAAAC,EAAYd,OAAAC,OAAA,CAAApC,KAAMA,GAAUiB,MAI9BuB,EAAMtB,IACTqB,EAAOE,KACLC,uBAAKC,IAAI,oBAAoBhD,UAAWiD,EAAGC,EAAOC,MAAOD,EAAOM,kBAC9DT,EAACM,cAAAC,EAAYd,OAAAC,OAAA,CAAApC,KAAMA,GAAUkB,MAI9BsB,EAAMrB,IACToB,EAAOE,KACLC,uBAAKC,IAAI,oBAAoBhD,UAAWiD,EAAGC,EAAOC,MAAOD,EAAOO,mBAC9DV,EAACM,cAAAC,EAAYd,OAAAC,OAAA,CAAApC,KAAMA,GAAUmB,MAK5BoB,EAAOc,OAAS,EAAIX,EAAKM,cAAA,MAAA,CAAArD,UAAWiD,EAAGC,EAAON,SAAUA,GAAgB,IACjF,GAAG,CAACvC,EAAMgB,EAAmBC,EAAoBC,EAAsBC,IAEjEmC,GAAkBzB,GAAQ,WAC9B,OAAKjB,IAAac,KAAWQ,gBAAAA,GAAsBG,UAG3C,EAFC,CAGV,GAAE,CAACzB,EAAUc,EAASQ,gBAAAA,GAAsBG,UAEvCkB,GAAmB1C,QAAAA,EAAYyC,GAE/BE,GAAeC,GACnB,SAACC,GACCA,EAAMC,iBACFjC,GACFA,EAAQgC,EAAOlE,EAEnB,GACA,CAACkC,EAASlC,IAGZ,OACEkD,EACEM,cAAA,MAAA,CAAAxD,GAAIA,gBACSmC,GAAciC,EAAUC,EAAuBC,OAAQtE,GACpEG,UAAWiD,EAAGC,EAAOkB,OAAQlB,EAAO7C,GAAOL,GAC3CqE,MAAOjC,GACI,YAAAkC,EAAgBH,QAE3BpB,EAACM,cAAAkB,GACCC,cAAezC,EACf0C,eAAgB,CACd1C,QAAS8B,GACT3C,SAAU,KACVlB,UAAWkD,EAAOwB,mBAGpB3B,EAAAM,cAACsB,EAAQnC,OAAAC,OAAA,CAAAmC,YAAa,CAAC,QAAS,cAAeC,YAAa,CAAC,OAAQ,eAAmBtC,IACtFQ,EAAAM,cAAA,MAAA,CACErD,UAAWiD,EACTC,EAAO4B,OACPC,EAAS7B,EAAQ8B,EAAU,WAAajF,IAAMkF,EAAAA,EAAAA,EAAA,CAAA,EAE3C/B,EAAOjC,SAAWA,GAClBiC,EAAOlC,OAASA,GAChBkC,EAAOxB,cAAgBA,GAE1BzB,GACD,cACYmB,EACbF,SAAU0C,GACVS,MAAK7B,OAAAC,OAAA,CAAA,EAAOR,KAEZc,EAAAM,cAAC6B,EAAa,CACZnF,KAAMA,EACNM,KAAMA,EACNC,IAAKA,EACLC,KAAMA,EACNC,KAAMA,EACNE,UAAWA,EACXG,KAAMA,EACNV,cAAeA,KAGlBwC,KAKX,GASwF,CACtFwC,MAAOC,EACPC,MAAOC,EACPC,OAAQC,EACRC,iBAAkBD"}

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

@@ -1,2 +1,2 @@
-var e={avatar:"avatar_733435283b",large:"large_82c5e85f1d",medium:"medium_4aa78fcd78",small:"small_a0e8b5788e",xs:"xs_31b33f212d",clickableWrapper:"clickableWrapper_fe57ca71ad",circle:"circle_5cfdd09428","focus-visible":"focus-visible_dbf34d0abc",circleImg:"circleImg_14d0450b1c",circleText:"circleText_8498144303",disabled:"disabled_733435283b",square:"square_3cb328233a",withoutBorder:"withoutBorder_a75d3e71a5",badges:"badges_7b4d048eae",badge:"badge_ca0b26ac93",badgeTopLeft:"badgeTopLeft_d409fb80c1",badgeTopRight:"badgeTopRight_f2f9a32ab8",badgeBottomLeft:"badgeBottomLeft_67d22a8fdc",badgeBottomRight:"badgeBottomRight_56ca72f6d7"};!function(e){const n="s_id-dccf983c2f60_3_58_4";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,a.firstChild?a.insertBefore(d,a.firstChild):a.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}('.avatar_733435283b {\n  position: relative;\n}\n\n.large_82c5e85f1d {\n  height: 50px;\n  width: 50px;\n}\n\n.medium_4aa78fcd78 {\n  height: 32px;\n  width: 32px;\n}\n\n.small_a0e8b5788e {\n  height: 28px;\n  width: 28px;\n}\n\n.xs_31b33f212d {\n  height: 20px;\n  width: 20px;\n}\n\n.clickableWrapper_fe57ca71ad {\n  height: 100%;\n  width: 100%;\n}\n\n.circle_5cfdd09428 {\n  height: 100%;\n  width: 100%;\n  position: relative;\n  border: 1px solid;\n  border-radius: 50%;\n  overflow: hidden;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: var(--text-color-on-primary);\n}\n\n.circle_5cfdd09428:focus {\n  outline: none;\n}\n\n.circle_5cfdd09428:focus:focus-visible, .circle_5cfdd09428:focus.focus-visible_dbf34d0abc {\n  outline: none;\n  z-index: 11;\n  border-radius: 50%;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n\n.circle_5cfdd09428:focus:focus:not(.focus-visible_dbf34d0abc) {\n  outline: none;\n}\n\n.circleImg_14d0450b1c {\n  border-color: var(--primary-background-color);\n}\n\n.circleText_8498144303 {\n  border-color: var(--layout-border-color);\n}\n\n.disabled_733435283b:before {\n  content: "";\n  height: 100%;\n  width: 100%;\n  position: absolute;\n  top: 0;\n  opacity: 0.7;\n  background: var(--primary-background-color);\n}\n\n.square_3cb328233a {\n  border-radius: var(--border-radius-small);\n}\n\n.square_3cb328233a:focus {\n  outline: none;\n}\n\n.square_3cb328233a:focus:focus-visible, .square_3cb328233a:focus.focus-visible_dbf34d0abc {\n  outline: none;\n  z-index: 11;\n  border-radius: var(--border-radius-small);\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n\n.square_3cb328233a:focus:focus:not(.focus-visible_dbf34d0abc) {\n  outline: none;\n}\n\n.withoutBorder_a75d3e71a5 {\n  border: none;\n}\n\n.badges_7b4d048eae {\n  position: absolute;\n  top: 50%;\n  left: 50%; /* position the left edge of the element at the middle of the parent */\n  transform: translate(-50%, -50%);\n  display: grid;\n  grid-template-columns: 50% 50%;\n  margin-left: auto;\n  margin-right: auto;\n  height: 110%;\n  width: 110%;\n}\n\n.badges_7b4d048eae .badge_ca0b26ac93 {\n  display: flex;\n}\n\n.badges_7b4d048eae .badgeTopLeft_d409fb80c1 {\n  grid-row: 1;\n  grid-column: 1;\n  justify-self: start;\n}\n\n.badges_7b4d048eae .badgeTopRight_f2f9a32ab8 {\n  grid-row: 1;\n  grid-column: 2;\n  justify-self: end;\n}\n\n.badges_7b4d048eae .badgeBottomLeft_67d22a8fdc {\n  grid-row: 2;\n  grid-column: 1;\n  justify-self: start;\n  align-self: end;\n}\n\n.badges_7b4d048eae .badgeBottomRight_56ca72f6d7 {\n  grid-row: 2;\n  grid-column: 2;\n  justify-self: end;\n  align-self: end;\n}');export{e as default};
+var e={avatar:"avatar_e1b0a21f0d",large:"large_c28f99e32f",medium:"medium_8f5575634b",small:"small_ac1f4eb9dc",xs:"xs_d1ea6fa838",clickableWrapper:"clickableWrapper_0b00afab63",circle:"circle_9770c1f8c3","focus-visible":"focus-visible_3c3734b6ca",circleImg:"circleImg_f386da5d19",circleText:"circleText_4f54819d93",disabled:"disabled_e1b0a21f0d",square:"square_892f0c0f6d",withoutBorder:"withoutBorder_da5ae58dbf",badges:"badges_977a0e1151",badge:"badge_e91cc7f974",badgeTopLeft:"badgeTopLeft_a65e023f7d",badgeTopRight:"badgeTopRight_51807479d3",badgeBottomLeft:"badgeBottomLeft_294e30e231",badgeBottomRight:"badgeBottomRight_83124a51b4"};!function(e){const n="s_id-dccf983c2f60_3_60_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,a.firstChild?a.insertBefore(o,a.firstChild):a.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}('.avatar_e1b0a21f0d {\n  position: relative;\n}\n\n.large_c28f99e32f {\n  height: 50px;\n  width: 50px;\n}\n\n.medium_8f5575634b {\n  height: 32px;\n  width: 32px;\n}\n\n.small_ac1f4eb9dc {\n  height: 28px;\n  width: 28px;\n}\n\n.xs_d1ea6fa838 {\n  height: 20px;\n  width: 20px;\n}\n\n.clickableWrapper_0b00afab63 {\n  height: 100%;\n  width: 100%;\n}\n\n.circle_9770c1f8c3 {\n  height: 100%;\n  width: 100%;\n  position: relative;\n  border: 1px solid;\n  border-radius: 50%;\n  overflow: hidden;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: var(--text-color-on-primary);\n}\n\n.circle_9770c1f8c3:focus {\n  outline: none;\n}\n\n.circle_9770c1f8c3:focus:focus-visible, .circle_9770c1f8c3:focus.focus-visible_3c3734b6ca {\n  outline: none;\n  z-index: 11;\n  border-radius: 50%;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n\n.circle_9770c1f8c3:focus:focus:not(.focus-visible_3c3734b6ca) {\n  outline: none;\n}\n\n.circleImg_f386da5d19 {\n  border-color: var(--primary-background-color);\n}\n\n.circleText_4f54819d93 {\n  border-color: var(--layout-border-color);\n}\n\n.disabled_e1b0a21f0d:before {\n  content: "";\n  height: 100%;\n  width: 100%;\n  position: absolute;\n  top: 0;\n  opacity: 0.7;\n  background: var(--primary-background-color);\n}\n\n.square_892f0c0f6d {\n  border-radius: var(--border-radius-small);\n}\n\n.square_892f0c0f6d:focus {\n  outline: none;\n}\n\n.square_892f0c0f6d:focus:focus-visible, .square_892f0c0f6d:focus.focus-visible_3c3734b6ca {\n  outline: none;\n  z-index: 11;\n  border-radius: var(--border-radius-small);\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n\n.square_892f0c0f6d:focus:focus:not(.focus-visible_3c3734b6ca) {\n  outline: none;\n}\n\n.withoutBorder_da5ae58dbf {\n  border: none;\n}\n\n.badges_977a0e1151 {\n  position: absolute;\n  top: 50%;\n  left: 50%; /* position the left edge of the element at the middle of the parent */\n  transform: translate(-50%, -50%);\n  display: grid;\n  grid-template-columns: 50% 50%;\n  margin-left: auto;\n  margin-right: auto;\n  height: 110%;\n  width: 110%;\n}\n\n.badges_977a0e1151 .badge_e91cc7f974 {\n  display: flex;\n}\n\n.badges_977a0e1151 .badgeTopLeft_a65e023f7d {\n  grid-row: 1;\n  grid-column: 1;\n  justify-self: start;\n}\n\n.badges_977a0e1151 .badgeTopRight_51807479d3 {\n  grid-row: 1;\n  grid-column: 2;\n  justify-self: end;\n}\n\n.badges_977a0e1151 .badgeBottomLeft_294e30e231 {\n  grid-row: 2;\n  grid-column: 1;\n  justify-self: start;\n  align-self: end;\n}\n\n.badges_977a0e1151 .badgeBottomRight_83124a51b4 {\n  grid-row: 2;\n  grid-column: 2;\n  justify-self: end;\n  align-self: end;\n}');export{e as default};
 //# sourceMappingURL=Avatar.module.scss.js.map

package/dist/src/components/Avatar/AvatarBadge.module.scss.js

@@ -1,2 +1,2 @@
-var e={badgeLarge:"badgeLarge_9d1a7097a7",badgeMedium:"badgeMedium_1debeefad2",badgeSmall:"badgeSmall_5107c87caf",badgeXs:"badgeXs_a31f695c2d"};!function(e){const d="s_id-e545a08d61b0_3_58_4";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+d))return;const n=document.createElement("style");n.id=d,a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}(".badgeLarge_9d1a7097a7 {\n  height: 19px;\n  width: 19px;\n}\n\n.badgeMedium_1debeefad2 {\n  height: 13px;\n  width: 13px;\n}\n\n.badgeSmall_5107c87caf,\n.badgeXs_a31f695c2d {\n  height: 10px;\n  width: 10px;\n}");export{e as default};
+var e={badgeLarge:"badgeLarge_ca3f66360d",badgeMedium:"badgeMedium_3d1b17f067",badgeSmall:"badgeSmall_5bac14bbf1",badgeXs:"badgeXs_c17c955718"};!function(e){const d="s_id-e545a08d61b0_3_60_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+d))return;const n=document.createElement("style");n.id=d,a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}(".badgeLarge_ca3f66360d {\n  height: 19px;\n  width: 19px;\n}\n\n.badgeMedium_3d1b17f067 {\n  height: 13px;\n  width: 13px;\n}\n\n.badgeSmall_5bac14bbf1,\n.badgeXs_c17c955718 {\n  height: 10px;\n  width: 10px;\n}");export{e as default};
 //# sourceMappingURL=AvatarBadge.module.scss.js.map

package/dist/src/components/Avatar/AvatarContent.module.scss.js

@@ -1,2 +1,2 @@
-var n={contentImg:"contentImg_410ea82739",contentText:"contentText_2dc19ec2dc",contentTextLarge:"contentTextLarge_0927684164",contentTextMedium:"contentTextMedium_1e0c9f4b1e",contentTextSmall:"contentTextSmall_ca12587ae6",contentTextXs:"contentTextXs_40672d0e95",contentIconLarge:"contentIconLarge_a0e8b5788e",contentIconMedium:"contentIconMedium_d6e6e466a6",contentIconSmall:"contentIconSmall_85c5fa4b7c"};!function(n){const t="s_id-50188146c7c7_3_58_4";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,e.firstChild?e.insertBefore(o,e.firstChild):e.appendChild(o),o.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=n)}(".contentImg_410ea82739 {\n  object-fit: cover;\n  width: 100%;\n  height: 100%;\n}\n\n.contentText_2dc19ec2dc {\n  font-family: var(--font-family);\n  font-weight: 400;\n  line-height: 21px;\n  letter-spacing: -0.5px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n}\n\n.contentTextLarge_0927684164 {\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  font-family: var(--font-family) !important;\n}\n\n.contentTextMedium_1e0c9f4b1e {\n  font: var(--font-text1-normal);\n  margin-top: 1px;\n}\n\n.contentTextSmall_ca12587ae6 {\n  margin-top: 1px;\n  font-size: 12px;\n}\n\n.contentTextXs_40672d0e95 {\n  margin-top: 1px;\n  font: var(--font-text3-normal);\n}\n\n.contentIconLarge_a0e8b5788e {\n  height: 28px;\n  width: 28px;\n}\n\n.contentIconMedium_d6e6e466a6 {\n  height: 18px;\n  width: 18px;\n}\n\n.contentIconSmall_85c5fa4b7c {\n  height: 12px;\n  width: 12px;\n}");export{n as default};
+var n={contentImg:"contentImg_f3582d4878",contentText:"contentText_630f290abe",contentTextLarge:"contentTextLarge_d60575d131",contentTextMedium:"contentTextMedium_8cc3783081",contentTextSmall:"contentTextSmall_1ad2ee4382",contentTextXs:"contentTextXs_29d652747f",contentIconLarge:"contentIconLarge_ac1f4eb9dc",contentIconMedium:"contentIconMedium_fbfecbefea",contentIconSmall:"contentIconSmall_ec7c85cb39"};!function(n){const t="s_id-50188146c7c7_3_60_0";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,e.firstChild?e.insertBefore(o,e.firstChild):e.appendChild(o),o.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=n)}(".contentImg_f3582d4878 {\n  object-fit: cover;\n  width: 100%;\n  height: 100%;\n}\n\n.contentText_630f290abe {\n  font-family: var(--font-family);\n  font-weight: 400;\n  line-height: 21px;\n  letter-spacing: -0.5px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n}\n\n.contentTextLarge_d60575d131 {\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  font-family: var(--font-family) !important;\n}\n\n.contentTextMedium_8cc3783081 {\n  font: var(--font-text1-normal);\n  margin-top: 1px;\n}\n\n.contentTextSmall_1ad2ee4382 {\n  margin-top: 1px;\n  font-size: 12px;\n}\n\n.contentTextXs_29d652747f {\n  margin-top: 1px;\n  font: var(--font-text3-normal);\n}\n\n.contentIconLarge_ac1f4eb9dc {\n  height: 28px;\n  width: 28px;\n}\n\n.contentIconMedium_fbfecbefea {\n  height: 18px;\n  width: 18px;\n}\n\n.contentIconSmall_ec7c85cb39 {\n  height: 12px;\n  width: 12px;\n}");export{n as default};
 //# sourceMappingURL=AvatarContent.module.scss.js.map

package/dist/src/components/AvatarGroup/AvatarGroup.js

@@ -1,2 +1,2 @@
-import r,{useMemo as o}from"react";import t from"classnames";import a from"./AvatarGroupCounter.js";import{avatarOnClick as e}from"./AvatarGroupHelper.js";import i from"./AvatarGroup.module.scss.js";var s=function(s){var l=s.className,n=s.avatarClassName,p=s.id,u=s.children,c=s.size,d=s.type,v=s.max,m=void 0===v?5:v,f=s.counterProps,A=s.counterTooltipCustomProps,y=s.counterTooltipIsVirtualizedList,C=void 0!==y&&y,T=s.disabled,z=o((function(){if(!u)return{};var o=Array.isArray(u)?u:[u];return{displayAvatars:o.slice(0,m).map((function(o,a){var s,l;return r.cloneElement(o,Object.assign(Object.assign({key:a},null==o?void 0:o.props),{size:c||(null===(s=null==o?void 0:o.props)||void 0===s?void 0:s.size),type:d||(null===(l=null==o?void 0:o.props)||void 0===l?void 0:l.type),className:t(i.avatarContainer,n),onClick:function(r){return e(r,o.props)},disabled:T}))})),counterTooltipAvatars:o.slice(m)}}),[n,u,T,m,c,d]),b=z.displayAvatars,j=z.counterTooltipAvatars;return u?r.createElement("div",{className:t(i.avatarGroupContainer,l),id:p},b,r.createElement(a,{counterTooltipAvatars:j,counterProps:f,counterTooltipCustomProps:A,counterTooltipIsVirtualizedList:C,size:c,type:d,disabled:T})):null};export{s as default};
+import r,{useMemo as o}from"react";import t from"classnames";import a from"./AvatarGroupCounter.js";import{avatarOnClick as e}from"./AvatarGroupHelper.js";import s from"./AvatarGroup.module.scss.js";import{ComponentVibeId as i}from"../../tests/constants.js";var n=function(n){var l=n.className,p=n.avatarClassName,u=n.id,c=n.children,d=n.size,v=n.type,m=n.max,A=void 0===m?5:m,f=n.counterProps,y=n.counterTooltipCustomProps,T=n.counterTooltipIsVirtualizedList,C=void 0!==T&&T,b=n.disabled,j=o((function(){if(!c)return{};var o=Array.isArray(c)?c:[c];return{displayAvatars:o.slice(0,A).map((function(o,a){var i,n;return r.cloneElement(o,Object.assign(Object.assign({key:a},null==o?void 0:o.props),{size:d||(null===(i=null==o?void 0:o.props)||void 0===i?void 0:i.size),type:v||(null===(n=null==o?void 0:o.props)||void 0===n?void 0:n.type),className:t(s.avatarContainer,p),onClick:function(r){return e(r,o.props)},disabled:b}))})),counterTooltipAvatars:o.slice(A)}}),[p,c,b,A,d,v]),z=j.displayAvatars,G=j.counterTooltipAvatars;return c?r.createElement("div",{className:t(s.avatarGroupContainer,l),id:u,"data-vibe":i.AVATAR_GROUP},z,r.createElement(a,{counterTooltipAvatars:G,counterProps:f,counterTooltipCustomProps:y,counterTooltipIsVirtualizedList:C,size:d,type:v,disabled:b})):null};export{n as default};
 //# sourceMappingURL=AvatarGroup.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"AvatarGroup.js","sources":["../../../../src/components/AvatarGroup/AvatarGroup.tsx"],"sourcesContent":["import React, { type ReactElement, useMemo } from \"react\";\nimport cx from \"classnames\";\nimport { type AvatarProps } from \"../Avatar/Avatar\";\nimport AvatarGroupCounter from \"./AvatarGroupCounter\";\nimport type VibeComponentProps from \"../../types/VibeComponentProps\";\nimport { type AvatarSize, type AvatarType } from \"../Avatar/Avatar.types\";\nimport { avatarOnClick } from \"./AvatarGroupHelper\";\nimport { type TooltipProps } from \"../Tooltip/Tooltip\";\nimport styles from \"./AvatarGroup.module.scss\";\nimport { type AvatarGroupCounterVisualProps } from \"./AvatarGroup.types\";\n\nexport interface AvatarGroupProps extends VibeComponentProps {\n  /**\n   * Class name applied to each avatar.\n   */\n  avatarClassName?: string;\n  /**\n   * The avatars displayed in the group.\n   */\n  children?: ReactElement<AvatarProps> | ReactElement<AvatarProps>[];\n  /**\n   * The size of the avatars in the group.\n   */\n  size?: AvatarSize;\n  /**\n   * The type of the avatars in the group.\n   */\n  type?: AvatarType;\n  /**\n   * The maximum number of avatars displayed before showing a counter.\n   */\n  max?: number;\n  /**\n   * Props for customizing the counter display.\n   */\n  counterProps?: AvatarGroupCounterVisualProps;\n  /**\n   * Props passed to the Tooltip component. See full options in the [Tooltip documentation](https://vibe.monday.com/?path=/docs/components-tooltip--docs).\n   */\n  counterTooltipCustomProps?: Partial<TooltipProps>;\n  /**\n   * If true, the counter tooltip uses a virtualized list for performance optimization.\n   */\n  counterTooltipIsVirtualizedList?: boolean;\n  /**\n   * If true, the component is disabled and non-interactive.\n   */\n  disabled?: boolean;\n}\n\nconst AvatarGroup: React.FC<AvatarGroupProps> = ({\n  className,\n  avatarClassName,\n  id,\n  children,\n  size,\n  type,\n  max = 5,\n  counterProps,\n  counterTooltipCustomProps,\n  counterTooltipIsVirtualizedList = false,\n  disabled\n}) => {\n  const { displayAvatars, counterTooltipAvatars } = useMemo(() => {\n    if (!children) {\n      return {};\n    }\n    const childrenArray = Array.isArray(children) ? children : [children];\n    return {\n      displayAvatars: childrenArray.slice(0, max).map((avatar, index) => {\n        return React.cloneElement(avatar, {\n          key: index,\n          ...avatar?.props,\n          size: size || avatar?.props?.size,\n          type: type || avatar?.props?.type,\n          className: cx(styles.avatarContainer, avatarClassName),\n          onClick: (event: React.MouseEvent | React.KeyboardEvent) => avatarOnClick(event, avatar.props),\n          disabled\n        });\n      }),\n      counterTooltipAvatars: childrenArray.slice(max)\n    };\n  }, [avatarClassName, children, disabled, max, size, type]);\n\n  if (!children) {\n    return null;\n  }\n\n  return (\n    <div className={cx(styles.avatarGroupContainer, className)} id={id}>\n      {displayAvatars}\n      <AvatarGroupCounter\n        counterTooltipAvatars={counterTooltipAvatars}\n        counterProps={counterProps}\n        counterTooltipCustomProps={counterTooltipCustomProps}\n        counterTooltipIsVirtualizedList={counterTooltipIsVirtualizedList}\n        size={size}\n        type={type}\n        disabled={disabled}\n      />\n    </div>\n  );\n};\n\nexport default AvatarGroup;\n"],"names":["AvatarGroup","_ref","className","avatarClassName","id","children","size","type","_ref$max","max","counterProps","counterTooltipCustomProps","_ref$counterTooltipIs","counterTooltipIsVirtualizedList","disabled","_useMemo","useMemo","childrenArray","Array","isArray","displayAvatars","slice","map","avatar","index","React","cloneElement","key","props","_a","_b","cx","styles","avatarContainer","onClick","event","avatarOnClick","counterTooltipAvatars","createElement","avatarGroupContainer","AvatarGroupCounter"],"mappings":"uMAkDA,IAAMA,EAA0C,SAA/BC,GAYZ,IAXHC,EAASD,EAATC,UACAC,EAAeF,EAAfE,gBACAC,EAAEH,EAAFG,GACAC,EAAQJ,EAARI,SACAC,EAAIL,EAAJK,KACAC,EAAIN,EAAJM,KAAIC,EAAAP,EACJQ,IAAAA,OAAM,IAAHD,EAAG,EAACA,EACPE,EAAYT,EAAZS,aACAC,EAAyBV,EAAzBU,0BAAyBC,EAAAX,EACzBY,gCAAAA,OAAkC,IAAHD,GAAQA,EACvCE,EAAQb,EAARa,SAEAC,EAAkDC,GAAQ,WACxD,IAAKX,EACH,MAAO,GAET,IAAMY,EAAgBC,MAAMC,QAAQd,GAAYA,EAAW,CAACA,GAC5D,MAAO,CACLe,eAAgBH,EAAcI,MAAM,EAAGZ,GAAKa,KAAI,SAACC,EAAQC,WACvD,OAAOC,EAAMC,aAAaH,+BACxBI,IAAKH,GACFD,aAAA,EAAAA,EAAQK,OAAK,CAChBtB,KAAMA,YAAQuB,EAAAN,aAAA,EAAAA,EAAQK,4BAAOtB,MAC7BC,KAAMA,YAAQuB,EAAAP,aAAA,EAAAA,EAAQK,4BAAOrB,MAC7BL,UAAW6B,EAAGC,EAAOC,gBAAiB9B,GACtC+B,QAAS,SAACC,GAA6C,OAAKC,EAAcD,EAAOZ,EAAOK,MAAM,EAC9Fd,SAAAA,IAEJ,IACAuB,sBAAuBpB,EAAcI,MAAMZ,GAE/C,GAAG,CAACN,EAAiBE,EAAUS,EAAUL,EAAKH,EAAMC,IAnB5Ca,EAAcL,EAAdK,eAAgBiB,EAAqBtB,EAArBsB,sBAqBxB,OAAKhC,EAKHoB,EAAAa,cAAA,MAAA,CAAKpC,UAAW6B,EAAGC,EAAOO,qBAAsBrC,GAAYE,GAAIA,GAC7DgB,EACDK,EAAAa,cAACE,EAAkB,CACjBH,sBAAuBA,EACvB3B,aAAcA,EACdC,0BAA2BA,EAC3BE,gCAAiCA,EACjCP,KAAMA,EACNC,KAAMA,EACNO,SAAUA,KAbP,IAiBX"}
+{"version":3,"file":"AvatarGroup.js","sources":["../../../../src/components/AvatarGroup/AvatarGroup.tsx"],"sourcesContent":["import React, { type ReactElement, useMemo } from \"react\";\nimport cx from \"classnames\";\nimport { type AvatarProps } from \"../Avatar/Avatar\";\nimport AvatarGroupCounter from \"./AvatarGroupCounter\";\nimport type VibeComponentProps from \"../../types/VibeComponentProps\";\nimport { type AvatarSize, type AvatarType } from \"../Avatar/Avatar.types\";\nimport { avatarOnClick } from \"./AvatarGroupHelper\";\nimport { type TooltipProps } from \"../Tooltip/Tooltip\";\nimport styles from \"./AvatarGroup.module.scss\";\nimport { type AvatarGroupCounterVisualProps } from \"./AvatarGroup.types\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nexport interface AvatarGroupProps extends VibeComponentProps {\n  /**\n   * Class name applied to each avatar.\n   */\n  avatarClassName?: string;\n  /**\n   * The avatars displayed in the group.\n   */\n  children?: ReactElement<AvatarProps> | ReactElement<AvatarProps>[];\n  /**\n   * The size of the avatars in the group.\n   */\n  size?: AvatarSize;\n  /**\n   * The type of the avatars in the group.\n   */\n  type?: AvatarType;\n  /**\n   * The maximum number of avatars displayed before showing a counter.\n   */\n  max?: number;\n  /**\n   * Props for customizing the counter display.\n   */\n  counterProps?: AvatarGroupCounterVisualProps;\n  /**\n   * Props passed to the Tooltip component. See full options in the [Tooltip documentation](https://vibe.monday.com/?path=/docs/components-tooltip--docs).\n   */\n  counterTooltipCustomProps?: Partial<TooltipProps>;\n  /**\n   * If true, the counter tooltip uses a virtualized list for performance optimization.\n   */\n  counterTooltipIsVirtualizedList?: boolean;\n  /**\n   * If true, the component is disabled and non-interactive.\n   */\n  disabled?: boolean;\n}\n\nconst AvatarGroup: React.FC<AvatarGroupProps> = ({\n  className,\n  avatarClassName,\n  id,\n  children,\n  size,\n  type,\n  max = 5,\n  counterProps,\n  counterTooltipCustomProps,\n  counterTooltipIsVirtualizedList = false,\n  disabled\n}) => {\n  const { displayAvatars, counterTooltipAvatars } = useMemo(() => {\n    if (!children) {\n      return {};\n    }\n    const childrenArray = Array.isArray(children) ? children : [children];\n    return {\n      displayAvatars: childrenArray.slice(0, max).map((avatar, index) => {\n        return React.cloneElement(avatar, {\n          key: index,\n          ...avatar?.props,\n          size: size || avatar?.props?.size,\n          type: type || avatar?.props?.type,\n          className: cx(styles.avatarContainer, avatarClassName),\n          onClick: (event: React.MouseEvent | React.KeyboardEvent) => avatarOnClick(event, avatar.props),\n          disabled\n        });\n      }),\n      counterTooltipAvatars: childrenArray.slice(max)\n    };\n  }, [avatarClassName, children, disabled, max, size, type]);\n\n  if (!children) {\n    return null;\n  }\n\n  return (\n    <div className={cx(styles.avatarGroupContainer, className)} id={id} data-vibe={ComponentVibeId.AVATAR_GROUP}>\n      {displayAvatars}\n      <AvatarGroupCounter\n        counterTooltipAvatars={counterTooltipAvatars}\n        counterProps={counterProps}\n        counterTooltipCustomProps={counterTooltipCustomProps}\n        counterTooltipIsVirtualizedList={counterTooltipIsVirtualizedList}\n        size={size}\n        type={type}\n        disabled={disabled}\n      />\n    </div>\n  );\n};\n\nexport default AvatarGroup;\n"],"names":["AvatarGroup","_ref","className","avatarClassName","id","children","size","type","_ref$max","max","counterProps","counterTooltipCustomProps","_ref$counterTooltipIs","counterTooltipIsVirtualizedList","disabled","_useMemo","useMemo","childrenArray","Array","isArray","displayAvatars","slice","map","avatar","index","React","cloneElement","key","props","_a","_b","cx","styles","avatarContainer","onClick","event","avatarOnClick","counterTooltipAvatars","createElement","avatarGroupContainer","ComponentVibeId","AVATAR_GROUP","AvatarGroupCounter"],"mappings":"kQAmDA,IAAMA,EAA0C,SAA/BC,GAYZ,IAXHC,EAASD,EAATC,UACAC,EAAeF,EAAfE,gBACAC,EAAEH,EAAFG,GACAC,EAAQJ,EAARI,SACAC,EAAIL,EAAJK,KACAC,EAAIN,EAAJM,KAAIC,EAAAP,EACJQ,IAAAA,OAAM,IAAHD,EAAG,EAACA,EACPE,EAAYT,EAAZS,aACAC,EAAyBV,EAAzBU,0BAAyBC,EAAAX,EACzBY,gCAAAA,OAAkC,IAAHD,GAAQA,EACvCE,EAAQb,EAARa,SAEAC,EAAkDC,GAAQ,WACxD,IAAKX,EACH,MAAO,GAET,IAAMY,EAAgBC,MAAMC,QAAQd,GAAYA,EAAW,CAACA,GAC5D,MAAO,CACLe,eAAgBH,EAAcI,MAAM,EAAGZ,GAAKa,KAAI,SAACC,EAAQC,WACvD,OAAOC,EAAMC,aAAaH,+BACxBI,IAAKH,GACFD,aAAA,EAAAA,EAAQK,OAAK,CAChBtB,KAAMA,YAAQuB,EAAAN,aAAA,EAAAA,EAAQK,4BAAOtB,MAC7BC,KAAMA,YAAQuB,EAAAP,aAAA,EAAAA,EAAQK,4BAAOrB,MAC7BL,UAAW6B,EAAGC,EAAOC,gBAAiB9B,GACtC+B,QAAS,SAACC,GAA6C,OAAKC,EAAcD,EAAOZ,EAAOK,MAAM,EAC9Fd,SAAAA,IAEJ,IACAuB,sBAAuBpB,EAAcI,MAAMZ,GAE/C,GAAG,CAACN,EAAiBE,EAAUS,EAAUL,EAAKH,EAAMC,IAnB5Ca,EAAcL,EAAdK,eAAgBiB,EAAqBtB,EAArBsB,sBAqBxB,OAAKhC,EAKHoB,EAAKa,cAAA,MAAA,CAAApC,UAAW6B,EAAGC,EAAOO,qBAAsBrC,GAAYE,GAAIA,EAAe,YAAAoC,EAAgBC,cAC5FrB,EACDK,EAAAa,cAACI,EAAkB,CACjBL,sBAAuBA,EACvB3B,aAAcA,EACdC,0BAA2BA,EAC3BE,gCAAiCA,EACjCP,KAAMA,EACNC,KAAMA,EACNO,SAAUA,KAbP,IAiBX"}

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

@@ -1,2 +1,2 @@
-var e={avatarGroupContainer:"avatarGroupContainer_af729576de",avatarContainer:"avatarContainer_90926549b7"};!function(e){const a="s_id-0d36779f5b9e_3_58_4";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+a))return;const t=document.createElement("style");t.id=a,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".avatarGroupContainer_af729576de {\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  position: relative;\n  padding: 0;\n  margin: 0;\n}\n\n.avatarContainer_90926549b7 {\n  margin-left: calc(-1 * var(--spacing-small));\n}");export{e as default};
+var e={avatarGroupContainer:"avatarGroupContainer_620b0d80af",avatarContainer:"avatarContainer_e97831e90a"};!function(e){const a="s_id-0d36779f5b9e_3_60_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+a))return;const t=document.createElement("style");t.id=a,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".avatarGroupContainer_620b0d80af {\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  position: relative;\n  padding: 0;\n  margin: 0;\n}\n\n.avatarContainer_e97831e90a {\n  margin-left: calc(-1 * var(--spacing-small));\n}");export{e as default};
 //# sourceMappingURL=AvatarGroup.module.scss.js.map

package/dist/src/components/AvatarGroup/AvatarGroupCounter.module.scss.js

@@ -1,2 +1,2 @@
-var n={counterContainer:"counterContainer_02788cf382","focus-visible":"focus-visible_2dbe4a5ef3",xs:"xs_f1fed5052b",small:"small_ce65b118bd",medium:"medium_bc21cea4dc",large:"large_bc3cf249bb",primary:"primary_0a9895829a",dark:"dark_f1335faa3e",negative:"negative_803d321835",light:"light_fb8bf6a142",disabled:"disabled_336febcf10",menu:"menu_9a788ccbf7"};!function(n){const e="s_id-61cbbafd7170_3_58_4";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,o.firstChild?o.insertBefore(r,o.firstChild):o.appendChild(r),r.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".counterContainer_02788cf382 {\n  background: var(--ui-background-color);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin-left: calc(-1 * var(--spacing-small));\n  z-index: 1;\n  border: 1px solid var(--primary-background-color);\n}\n.counterContainer_02788cf382:focus-visible, .counterContainer_02788cf382.focus-visible_2dbe4a5ef3 { /* stylelint-disable-line selector-class-pattern */\n  outline: none;\n}\n.counterContainer_02788cf382:focus-visible:focus-visible, .counterContainer_02788cf382:focus-visible.focus-visible_2dbe4a5ef3, .counterContainer_02788cf382.focus-visible_2dbe4a5ef3:focus-visible, .counterContainer_02788cf382.focus-visible_2dbe4a5ef3.focus-visible_2dbe4a5ef3 {\n  outline: none;\n  z-index: 11;\n  border-radius: 50%;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.counterContainer_02788cf382:focus-visible:focus:not(.focus-visible_2dbe4a5ef3), .counterContainer_02788cf382.focus-visible_2dbe4a5ef3:focus:not(.focus-visible_2dbe4a5ef3) {\n  outline: none;\n}\n.counterContainer_02788cf382.xs_f1fed5052b {\n  height: 20px;\n  min-width: 20px;\n  border-radius: 10px;\n  padding: 0 1px;\n}\n.counterContainer_02788cf382.small_ce65b118bd {\n  height: 28px;\n  min-width: 28px;\n  border-radius: 14px;\n  padding: 0 1px;\n}\n.counterContainer_02788cf382.medium_bc21cea4dc {\n  height: 32px;\n  min-width: 32px;\n  border-radius: 16px;\n  padding: 0 2px;\n}\n.counterContainer_02788cf382.large_bc3cf249bb {\n  height: 50px;\n  min-width: 50px;\n  border-radius: 25px;\n  padding: 0 var(--spacing-xs);\n}\n.counterContainer_02788cf382.primary_0a9895829a {\n  color: var(--text-color-on-primary);\n  background-color: var(--primary-color);\n}\n.counterContainer_02788cf382.dark_f1335faa3e {\n  color: var(--text-color-on-inverted);\n  background-color: var(--inverted-color-background);\n}\n.counterContainer_02788cf382.negative_803d321835 {\n  color: var(--text-color-on-primary);\n  background-color: var(--negative-color);\n}\n.counterContainer_02788cf382.light_fb8bf6a142 {\n  color: var(--primary-text-color);\n  background-color: var(--ui-background-color);\n}\n.counterContainer_02788cf382 .disabled_336febcf10, .counterContainer_02788cf382.disabled_336febcf10 {\n  background-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n}\n.menu_9a788ccbf7 {\n  max-height: 300px;\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n.menu_9a788ccbf7::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.menu_9a788ccbf7::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{n as default};
+var n={counterContainer:"counterContainer_c8503ac05c","focus-visible":"focus-visible_e45989cccc",xs:"xs_41988d70f7",small:"small_030e422b3c",medium:"medium_214a35978c",large:"large_0cd4604c1c",primary:"primary_633f3e5afd",dark:"dark_107baaaa38",negative:"negative_3c833e438d",light:"light_3450740f11",disabled:"disabled_1be2da0df3",menu:"menu_5a83c6105c"};!function(n){const c="s_id-61cbbafd7170_3_60_0";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+c))return;const o=document.createElement("style");o.id=c,e.firstChild?e.insertBefore(o,e.firstChild):e.appendChild(o),o.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[c]=n)}(".counterContainer_c8503ac05c {\n  background: var(--ui-background-color);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin-left: calc(-1 * var(--spacing-small));\n  z-index: 1;\n  border: 1px solid var(--primary-background-color);\n}\n.counterContainer_c8503ac05c:focus-visible, .counterContainer_c8503ac05c.focus-visible_e45989cccc { /* stylelint-disable-line selector-class-pattern */\n  outline: none;\n}\n.counterContainer_c8503ac05c:focus-visible:focus-visible, .counterContainer_c8503ac05c:focus-visible.focus-visible_e45989cccc, .counterContainer_c8503ac05c.focus-visible_e45989cccc:focus-visible, .counterContainer_c8503ac05c.focus-visible_e45989cccc.focus-visible_e45989cccc {\n  outline: none;\n  z-index: 11;\n  border-radius: 50%;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.counterContainer_c8503ac05c:focus-visible:focus:not(.focus-visible_e45989cccc), .counterContainer_c8503ac05c.focus-visible_e45989cccc:focus:not(.focus-visible_e45989cccc) {\n  outline: none;\n}\n.counterContainer_c8503ac05c.xs_41988d70f7 {\n  height: 20px;\n  min-width: 20px;\n  border-radius: 10px;\n  padding: 0 1px;\n}\n.counterContainer_c8503ac05c.small_030e422b3c {\n  height: 28px;\n  min-width: 28px;\n  border-radius: 14px;\n  padding: 0 1px;\n}\n.counterContainer_c8503ac05c.medium_214a35978c {\n  height: 32px;\n  min-width: 32px;\n  border-radius: 16px;\n  padding: 0 2px;\n}\n.counterContainer_c8503ac05c.large_0cd4604c1c {\n  height: 50px;\n  min-width: 50px;\n  border-radius: 25px;\n  padding: 0 var(--spacing-xs);\n}\n.counterContainer_c8503ac05c.primary_633f3e5afd {\n  color: var(--text-color-on-primary);\n  background-color: var(--primary-color);\n}\n.counterContainer_c8503ac05c.dark_107baaaa38 {\n  color: var(--text-color-on-inverted);\n  background-color: var(--inverted-color-background);\n}\n.counterContainer_c8503ac05c.negative_3c833e438d {\n  color: var(--text-color-on-primary);\n  background-color: var(--negative-color);\n}\n.counterContainer_c8503ac05c.light_3450740f11 {\n  color: var(--primary-text-color);\n  background-color: var(--ui-background-color);\n}\n.counterContainer_c8503ac05c .disabled_1be2da0df3, .counterContainer_c8503ac05c.disabled_1be2da0df3 {\n  background-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n}\n.menu_5a83c6105c {\n  max-height: 300px;\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n.menu_5a83c6105c::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.menu_5a83c6105c::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{n as default};
 //# sourceMappingURL=AvatarGroupCounter.module.scss.js.map

package/dist/src/components/AvatarGroup/AvatarGroupCounterTooltipContent.module.scss.js

@@ -1,2 +1,2 @@
-var t={tooltipAvatarItemTitle:"tooltipAvatarItemTitle_9767c50ee7",tooltipAvatarItemAvatar:"tooltipAvatarItemAvatar_5bf1667002",tooltipContainer:"tooltipContainer_c055c05949","focus-visible":"focus-visible_2dbe4a5ef3",tooltipGridContainer:"tooltipGridContainer_3eecfd6560",scrollableContainer:"scrollableContainer_cc54a81138"};!function(t){const e="s_id-f3cc0fae9cc4_3_58_4";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}(".tooltipAvatarItemTitle_9767c50ee7 {\n  white-space: nowrap;\n}\n\n.tooltipAvatarItemAvatar_5bf1667002 {\n  flex-shrink: 0;\n}\n\n.tooltipContainer_c055c05949 {\n  max-height: 300px;\n  padding-right: var(--spacing-medium);\n  align-items: flex-start !important;\n  overflow-x: visible;\n  overflow-y: auto;\n  margin-top: var(--spacing-small);\n}\n\n.tooltipContainer_c055c05949:focus, .tooltipContainer_c055c05949:focus-visible, .tooltipContainer_c055c05949.focus-visible_2dbe4a5ef3 { /* stylelint-disable-line selector-class-pattern */\n  outline: none;\n}\n\n.tooltipGridContainer_3eecfd6560 {\n  max-width: 160px;\n  padding-right: 0;\n}\n\n.scrollableContainer_cc54a81138::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n\n.scrollableContainer_cc54a81138::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{t as default};
+var t={tooltipAvatarItemTitle:"tooltipAvatarItemTitle_e6407c5cc3",tooltipAvatarItemAvatar:"tooltipAvatarItemAvatar_588e4bd3bd",tooltipContainer:"tooltipContainer_c91a5e3a3d","focus-visible":"focus-visible_e45989cccc",tooltipGridContainer:"tooltipGridContainer_1242f431f8",scrollableContainer:"scrollableContainer_6067b03a77"};!function(t){const e="s_id-f3cc0fae9cc4_3_60_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}(".tooltipAvatarItemTitle_e6407c5cc3 {\n  white-space: nowrap;\n}\n\n.tooltipAvatarItemAvatar_588e4bd3bd {\n  flex-shrink: 0;\n}\n\n.tooltipContainer_c91a5e3a3d {\n  max-height: 300px;\n  padding-right: var(--spacing-medium);\n  align-items: flex-start !important;\n  overflow-x: visible;\n  overflow-y: auto;\n  margin-top: var(--spacing-small);\n}\n\n.tooltipContainer_c91a5e3a3d:focus, .tooltipContainer_c91a5e3a3d:focus-visible, .tooltipContainer_c91a5e3a3d.focus-visible_e45989cccc { /* stylelint-disable-line selector-class-pattern */\n  outline: none;\n}\n\n.tooltipGridContainer_1242f431f8 {\n  max-width: 160px;\n  padding-right: 0;\n}\n\n.scrollableContainer_6067b03a77::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n\n.scrollableContainer_6067b03a77::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{t as default};
 //# sourceMappingURL=AvatarGroupCounterTooltipContent.module.scss.js.map

package/dist/src/components/AvatarGroup/AvatarGroupCounterTooltipContentVirtualizedList.module.scss.js

@@ -1,2 +1,2 @@
-var e={scrollableContainer:"scrollableContainer_c78c5a54af",virtualizedTooltipContainer:"virtualizedTooltipContainer_c9fbd52b73","focus-visible":"focus-visible_2dbe4a5ef3"};!function(e){const i="s_id-700dae3ddae4_3_58_4";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+i))return;const t=document.createElement("style");t.id=i,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[i]=e)}(".scrollableContainer_c78c5a54af::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer_c78c5a54af::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.virtualizedTooltipContainer_c9fbd52b73 {\n  align-items: flex-start !important;\n  display: flex;\n  overflow-y: hidden;\n  overflow-x: visible;\n}\n.virtualizedTooltipContainer_c9fbd52b73:focus, .virtualizedTooltipContainer_c9fbd52b73:focus-visible, .virtualizedTooltipContainer_c9fbd52b73.focus-visible_2dbe4a5ef3 { /* stylelint-disable-line selector-class-pattern */\n  outline: none;\n}");export{e as default};
+var e={scrollableContainer:"scrollableContainer_fd7857838a",virtualizedTooltipContainer:"virtualizedTooltipContainer_dfad182935","focus-visible":"focus-visible_e45989cccc"};!function(e){const i="s_id-700dae3ddae4_3_60_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+i))return;const t=document.createElement("style");t.id=i,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[i]=e)}(".scrollableContainer_fd7857838a::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer_fd7857838a::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.virtualizedTooltipContainer_dfad182935 {\n  align-items: flex-start !important;\n  display: flex;\n  overflow-y: hidden;\n  overflow-x: visible;\n}\n.virtualizedTooltipContainer_dfad182935:focus, .virtualizedTooltipContainer_dfad182935:focus-visible, .virtualizedTooltipContainer_dfad182935.focus-visible_e45989cccc { /* stylelint-disable-line selector-class-pattern */\n  outline: none;\n}");export{e as default};
 //# sourceMappingURL=AvatarGroupCounterTooltipContentVirtualizedList.module.scss.js.map

package/dist/src/components/Badge/Badge.js

@@ -1,2 +1,2 @@
-import{__rest as t}from"../../../_virtual/_tslib.js";import e,{forwardRef as r,useRef as o}from"react";import s from"classnames";import{camelCase as a}from"lodash-es";import i from"../../hooks/useMergeRef.js";import{getTestId as m}from"../../tests/testIds.js";import{ComponentDefaultTestId as n}from"../../tests/constants.js";import{BadgeType as c,BadgeAlignments as d,BadgeAnchor as l}from"./BadgeConstants.js";import p from"./Indicator/Indicator.js";import f from"../Counter/Counter.js";import{getStyle as j}from"../../helpers/typesciptCssModulesHelper.js";import u from"./Badge.module.scss.js";import{withStaticProps as g}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";var v=g(r((function(r,c){var d=r.type,l=void 0===d?"indicator":d,g=r.anchor,v=void 0===g?"top-end":g,h=r.alignment,b=void 0===h?"rectangular":h,y=r.className,E=r.id,C=r["data-testid"],N=r.children,B=t(r,["type","anchor","alignment","className","id","data-testid","children"]),I=o(null),M=i(c,I),O=s(u.badge,j(u,a(v)),j(u,b)),_=B.color||"indicator"===l?"notification":"negative";return e.createElement("div",{ref:M,className:s(u.badgeWrapper,y),id:E},N,e.createElement("div",{className:O,"data-testid":C||m(n.BADGE,E)},"indicator"===l?e.createElement(p,Object.assign({color:_},B)):"counter"===l&&e.createElement(f,Object.assign({color:_},B))))})),{types:c,alignments:d,anchors:l});export{v as default};
+import{__rest as t}from"../../../_virtual/_tslib.js";import e,{forwardRef as r,useRef as o}from"react";import s from"classnames";import{camelCase as a}from"lodash-es";import i from"../../hooks/useMergeRef.js";import{getTestId as m}from"../../tests/testIds.js";import{ComponentVibeId as n,ComponentDefaultTestId as c}from"../../tests/constants.js";import{BadgeType as d,BadgeAlignments as l,BadgeAnchor as p}from"./BadgeConstants.js";import f from"./Indicator/Indicator.js";import j from"../Counter/Counter.js";import{getStyle as u}from"../../helpers/typesciptCssModulesHelper.js";import g from"./Badge.module.scss.js";import{withStaticProps as v}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";var h=v(r((function(r,d){var l=r.type,p=void 0===l?"indicator":l,v=r.anchor,h=void 0===v?"top-end":v,b=r.alignment,E=void 0===b?"rectangular":b,y=r.className,B=r.id,C=r["data-testid"],N=r.children,I=t(r,["type","anchor","alignment","className","id","data-testid","children"]),A=o(null),D=i(d,A),G=s(g.badge,u(g,a(h)),u(g,E)),M=I.color||"indicator"===p?"notification":"negative";return e.createElement("div",{ref:D,className:s(g.badgeWrapper,y),id:B,"data-vibe":n.BADGE},N,e.createElement("div",{className:G,"data-testid":C||m(c.BADGE,B)},"indicator"===p?e.createElement(f,Object.assign({color:M},I)):"counter"===p&&e.createElement(j,Object.assign({color:M},I))))})),{types:d,alignments:l,anchors:p});export{h as default};
 //# sourceMappingURL=Badge.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Badge.js","sources":["../../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from \"react\";\nimport cx from \"classnames\";\nimport { camelCase } from \"lodash-es\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\nimport {\n  BadgeAlignments as BadgeAlignmentsEnum,\n  BadgeAnchor as BadgeAnchorEnum,\n  BadgeType as BadgeTypeEnum\n} from \"./BadgeConstants\";\nimport { type BadgeAlignments, type BadgeAnchor, type BadgeType } from \"./Badge.types\";\nimport Indicator, { type IndicatorProps } from \"./Indicator/Indicator\";\nimport Counter, { type CounterProps } from \"../Counter/Counter\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { type IndicatorColor } from \"./Indicator/IndicatorConstants\";\nimport { type CounterColor } from \"../Counter/CounterConstants\";\nimport styles from \"./Badge.module.scss\";\nimport { type VibeComponentProps, withStaticProps } from \"../../types\";\n\nexport interface BadgeBaseProps extends VibeComponentProps {\n  /**\n   * The position of the badge relative to its parent.\n   */\n  anchor?: BadgeAnchor;\n  /**\n   * The alignment style of the badge.\n   */\n  alignment?: BadgeAlignments;\n  /**\n   * The content the badge is attached to.\n   */\n  children: React.ReactNode;\n}\n\ninterface CounterBadgeProps extends CounterProps {\n  /**\n   * The type of badge, set to `\"counter\"` for numeric values.\n   */\n  type: Extract<BadgeType, \"counter\">;\n}\n\ninterface IndicatorBadgeProps extends IndicatorProps {\n  /**\n   * The type of badge, set to `\"indicator\"` for a simple dot.\n   */\n  type?: Extract<BadgeType, \"indicator\">;\n}\n\nexport type BadgeProps = BadgeBaseProps & (CounterBadgeProps | IndicatorBadgeProps);\n\nconst Badge = forwardRef(\n  (\n    {\n      type = \"indicator\",\n      anchor = \"top-end\",\n      alignment = \"rectangular\",\n      className,\n      id,\n      \"data-testid\": dataTestId,\n      children,\n      ...badgeProps\n    }: BadgeProps,\n    ref: React.ForwardedRef<HTMLElement>\n  ) => {\n    const componentRef = useRef(null);\n    const mergedRef = useMergeRef(ref, componentRef);\n    const badgeClassNames = cx(\n      styles.badge,\n      getStyle(styles, camelCase(anchor as unknown as string)),\n      getStyle(styles, alignment)\n    );\n\n    const color = badgeProps.color || type === \"indicator\" ? \"notification\" : \"negative\";\n\n    return (\n      <div ref={mergedRef} className={cx(styles.badgeWrapper, className)} id={id}>\n        {children}\n        <div className={badgeClassNames} data-testid={dataTestId || getTestId(ComponentDefaultTestId.BADGE, id)}>\n          {type === \"indicator\" ? (\n            <Indicator color={color as IndicatorColor} {...(badgeProps as IndicatorBadgeProps)} />\n          ) : (\n            type === \"counter\" && <Counter color={color as CounterColor} {...(badgeProps as CounterBadgeProps)} />\n          )}\n        </div>\n      </div>\n    );\n  }\n);\n\ninterface BadgeStaticProps {\n  types: typeof BadgeTypeEnum;\n  alignments: typeof BadgeAlignmentsEnum;\n  anchors: typeof BadgeAnchorEnum;\n}\n\nexport default withStaticProps<BadgeProps, BadgeStaticProps>(Badge, {\n  types: BadgeTypeEnum,\n  alignments: BadgeAlignmentsEnum,\n  anchors: BadgeAnchorEnum\n});\n"],"names":["withStaticProps","forwardRef","_a","ref","type","_a$type","_a$anchor","anchor","_a$alignment","alignment","className","id","dataTestId","children","badgeProps","__rest","componentRef","useRef","mergedRef","useMergeRef","badgeClassNames","cx","styles","badge","getStyle","camelCase","color","React","createElement","badgeWrapper","getTestId","ComponentDefaultTestId","BADGE","Indicator","Object","assign","Counter","types","BadgeTypeEnum","alignments","BadgeAlignmentsEnum","anchors","BadgeAnchorEnum"],"mappings":"6rBAmDA,IA6CeA,EAAAA,EA7CDC,GACZ,SACEC,EAUAC,SAHUD,EANRE,KAAAA,OAAO,IAAHC,EAAG,YAAWA,EAAAC,EAMVJ,EALRK,OAAAA,OAAS,IAAHD,EAAG,UAASA,EAAAE,EAKVN,EAJRO,UAAAA,OAAY,IAAHD,EAAG,cAAaA,EACzBE,EAGQR,EAHRQ,UACAC,EAEQT,EAFRS,GACeC,EACPV,EADR,eACAW,EAAQX,EAARW,SACGC,EARLC,EAAAb,EAAA,CAAA,OAAA,SAAA,YAAA,YAAA,KAAA,cAAA,aAYMc,EAAeC,EAAO,MACtBC,EAAYC,EAAYhB,EAAKa,GAC7BI,EAAkBC,EACtBC,EAAOC,MACPC,EAASF,EAAQG,EAAUlB,IAC3BiB,EAASF,EAAQb,IAGbiB,EAAQZ,EAAWY,OAAkB,cAATtB,EAAuB,eAAiB,WAE1E,OACEuB,EAAKC,cAAA,MAAA,CAAAzB,IAAKe,EAAWR,UAAWW,EAAGC,EAAOO,aAAcnB,GAAYC,GAAIA,GACrEE,EACDc,EAAKC,cAAA,MAAA,CAAAlB,UAAWU,EAA8B,cAAAR,GAAckB,EAAUC,EAAuBC,MAAOrB,IACxF,cAATP,EACCuB,EAACC,cAAAK,EAAUC,OAAAC,OAAA,CAAAT,MAAOA,GAA8BZ,IAEvC,YAATV,GAAsBuB,gBAACS,EAAOF,OAAAC,OAAA,CAACT,MAAOA,GAA4BZ,KAK5E,IASkE,CAClEuB,MAAOC,EACPC,WAAYC,EACZC,QAASC"}
+{"version":3,"file":"Badge.js","sources":["../../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from \"react\";\nimport cx from \"classnames\";\nimport { camelCase } from \"lodash-es\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId, ComponentVibeId } from \"../../tests/constants\";\nimport {\n  BadgeAlignments as BadgeAlignmentsEnum,\n  BadgeAnchor as BadgeAnchorEnum,\n  BadgeType as BadgeTypeEnum\n} from \"./BadgeConstants\";\nimport { type BadgeAlignments, type BadgeAnchor, type BadgeType } from \"./Badge.types\";\nimport Indicator, { type IndicatorProps } from \"./Indicator/Indicator\";\nimport Counter, { type CounterProps } from \"../Counter/Counter\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { type IndicatorColor } from \"./Indicator/IndicatorConstants\";\nimport { type CounterColor } from \"../Counter/CounterConstants\";\nimport styles from \"./Badge.module.scss\";\nimport { type VibeComponentProps, withStaticProps } from \"../../types\";\n\nexport interface BadgeBaseProps extends VibeComponentProps {\n  /**\n   * The position of the badge relative to its parent.\n   */\n  anchor?: BadgeAnchor;\n  /**\n   * The alignment style of the badge.\n   */\n  alignment?: BadgeAlignments;\n  /**\n   * The content the badge is attached to.\n   */\n  children: React.ReactNode;\n}\n\ninterface CounterBadgeProps extends CounterProps {\n  /**\n   * The type of badge, set to `\"counter\"` for numeric values.\n   */\n  type: Extract<BadgeType, \"counter\">;\n}\n\ninterface IndicatorBadgeProps extends IndicatorProps {\n  /**\n   * The type of badge, set to `\"indicator\"` for a simple dot.\n   */\n  type?: Extract<BadgeType, \"indicator\">;\n}\n\nexport type BadgeProps = BadgeBaseProps & (CounterBadgeProps | IndicatorBadgeProps);\n\nconst Badge = forwardRef(\n  (\n    {\n      type = \"indicator\",\n      anchor = \"top-end\",\n      alignment = \"rectangular\",\n      className,\n      id,\n      \"data-testid\": dataTestId,\n      children,\n      ...badgeProps\n    }: BadgeProps,\n    ref: React.ForwardedRef<HTMLElement>\n  ) => {\n    const componentRef = useRef(null);\n    const mergedRef = useMergeRef(ref, componentRef);\n    const badgeClassNames = cx(\n      styles.badge,\n      getStyle(styles, camelCase(anchor as unknown as string)),\n      getStyle(styles, alignment)\n    );\n\n    const color = badgeProps.color || type === \"indicator\" ? \"notification\" : \"negative\";\n\n    return (\n      <div ref={mergedRef} className={cx(styles.badgeWrapper, className)} id={id} data-vibe={ComponentVibeId.BADGE}>\n        {children}\n        <div className={badgeClassNames} data-testid={dataTestId || getTestId(ComponentDefaultTestId.BADGE, id)}>\n          {type === \"indicator\" ? (\n            <Indicator color={color as IndicatorColor} {...(badgeProps as IndicatorBadgeProps)} />\n          ) : (\n            type === \"counter\" && <Counter color={color as CounterColor} {...(badgeProps as CounterBadgeProps)} />\n          )}\n        </div>\n      </div>\n    );\n  }\n);\n\ninterface BadgeStaticProps {\n  types: typeof BadgeTypeEnum;\n  alignments: typeof BadgeAlignmentsEnum;\n  anchors: typeof BadgeAnchorEnum;\n}\n\nexport default withStaticProps<BadgeProps, BadgeStaticProps>(Badge, {\n  types: BadgeTypeEnum,\n  alignments: BadgeAlignmentsEnum,\n  anchors: BadgeAnchorEnum\n});\n"],"names":["withStaticProps","forwardRef","_a","ref","type","_a$type","_a$anchor","anchor","_a$alignment","alignment","className","id","dataTestId","children","badgeProps","__rest","componentRef","useRef","mergedRef","useMergeRef","badgeClassNames","cx","styles","badge","getStyle","camelCase","color","React","badgeWrapper","ComponentVibeId","BADGE","createElement","getTestId","ComponentDefaultTestId","Indicator","Object","assign","Counter","types","BadgeTypeEnum","alignments","BadgeAlignmentsEnum","anchors","BadgeAnchorEnum"],"mappings":"ktBAmDA,IA6CeA,EAAAA,EA7CDC,GACZ,SACEC,EAUAC,SAHUD,EANRE,KAAAA,OAAO,IAAHC,EAAG,YAAWA,EAAAC,EAMVJ,EALRK,OAAAA,OAAS,IAAHD,EAAG,UAASA,EAAAE,EAKVN,EAJRO,UAAAA,OAAY,IAAHD,EAAG,cAAaA,EACzBE,EAGQR,EAHRQ,UACAC,EAEQT,EAFRS,GACeC,EACPV,EADR,eACAW,EAAQX,EAARW,SACGC,EARLC,EAAAb,EAAA,CAAA,OAAA,SAAA,YAAA,YAAA,KAAA,cAAA,aAYMc,EAAeC,EAAO,MACtBC,EAAYC,EAAYhB,EAAKa,GAC7BI,EAAkBC,EACtBC,EAAOC,MACPC,EAASF,EAAQG,EAAUlB,IAC3BiB,EAASF,EAAQb,IAGbiB,EAAQZ,EAAWY,OAAkB,cAATtB,EAAuB,eAAiB,WAE1E,OACEuB,uBAAKxB,IAAKe,EAAWR,UAAWW,EAAGC,EAAOM,aAAclB,GAAYC,GAAIA,EAAE,YAAakB,EAAgBC,OACpGjB,EACDc,EAAKI,cAAA,MAAA,CAAArB,UAAWU,EAA8B,cAAAR,GAAcoB,EAAUC,EAAuBH,MAAOnB,IACxF,cAATP,EACCuB,EAACI,cAAAG,EAAUC,OAAAC,OAAA,CAAAV,MAAOA,GAA8BZ,IAEvC,YAATV,GAAsBuB,gBAACU,EAAOF,OAAAC,OAAA,CAACV,MAAOA,GAA4BZ,KAK5E,IASkE,CAClEwB,MAAOC,EACPC,WAAYC,EACZC,QAASC"}

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

@@ -1,2 +1,2 @@
-var a={badgeWrapper:"badgeWrapper_733435283b",badge:"badge_cba10a4c60",outside:"outside_9dbf3b0d43",topEnd:"topEnd_437a471ec9",rectangular:"rectangular_1e3127929a",circular:"circular_6049263ef6",topStart:"topStart_35beda6d17",bottomEnd:"bottomEnd_5ae84f849f",bottomStart:"bottomStart_a8ad09c1f6"};!function(a){const e="s_id-b5dca6298ea9_3_58_4";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const n=document.createElement("style");n.id=e,t.firstChild?t.insertBefore(n,t.firstChild):t.appendChild(n),n.appendChild(document.createTextNode(a))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=a)}(".badgeWrapper_733435283b {\n  position: relative;\n}\n.badgeWrapper_733435283b .badge_cba10a4c60 {\n  z-index: 1;\n  position: absolute;\n  border-radius: 16px;\n}\n.badgeWrapper_733435283b .badge_cba10a4c60:not(.outside_9dbf3b0d43) {\n  border: 2px solid;\n  border-color: var(--primary-background-color);\n}\n.badgeWrapper_733435283b .badge_cba10a4c60.topEnd_437a471ec9.rectangular_1e3127929a {\n  top: 0;\n  right: 0;\n  translate: 50% -50%;\n}\n.badgeWrapper_733435283b .badge_cba10a4c60.topEnd_437a471ec9.outside_9dbf3b0d43 {\n  top: 0;\n  right: -2px;\n  translate: 100% 0;\n}\n.badgeWrapper_733435283b .badge_cba10a4c60.topEnd_437a471ec9.circular_6049263ef6 {\n  top: 15%;\n  right: 15%;\n  translate: 50% -50%;\n}\n.badgeWrapper_733435283b .badge_cba10a4c60.topStart_35beda6d17.rectangular_1e3127929a {\n  top: 0;\n  left: 0;\n  translate: -50% -50%;\n}\n.badgeWrapper_733435283b .badge_cba10a4c60.topStart_35beda6d17.outside_9dbf3b0d43 {\n  top: 0;\n  left: -2px;\n  translate: -100% 0;\n}\n.badgeWrapper_733435283b .badge_cba10a4c60.topStart_35beda6d17.circular_6049263ef6 {\n  top: 15%;\n  left: 15%;\n  translate: -50% -50%;\n}\n.badgeWrapper_733435283b .badge_cba10a4c60.bottomEnd_5ae84f849f.rectangular_1e3127929a {\n  bottom: 0;\n  right: 0;\n  translate: 50% 50%;\n}\n.badgeWrapper_733435283b .badge_cba10a4c60.bottomEnd_5ae84f849f.outside_9dbf3b0d43 {\n  bottom: 0;\n  right: -2px;\n  translate: 100% 0;\n}\n.badgeWrapper_733435283b .badge_cba10a4c60.bottomEnd_5ae84f849f.circular_6049263ef6 {\n  bottom: 15%;\n  right: 15%;\n  translate: 50% 50%;\n}\n.badgeWrapper_733435283b .badge_cba10a4c60.bottomStart_a8ad09c1f6.rectangular_1e3127929a {\n  bottom: 0;\n  left: 0;\n  translate: -50% 50%;\n}\n.badgeWrapper_733435283b .badge_cba10a4c60.bottomStart_a8ad09c1f6.outside_9dbf3b0d43 {\n  bottom: 0;\n  left: -2px;\n  translate: -100% 0;\n}\n.badgeWrapper_733435283b .badge_cba10a4c60.bottomStart_a8ad09c1f6.circular_6049263ef6 {\n  bottom: 15%;\n  left: 15%;\n  translate: -50% 50%;\n}");export{a as default};
+var a={badgeWrapper:"badgeWrapper_e1b0a21f0d",badge:"badge_c1dc4a885a",outside:"outside_d8e2a28b65",topEnd:"topEnd_0cac4299ed",rectangular:"rectangular_161a046b2b",circular:"circular_3ba386f2cf",topStart:"topStart_d87abeda4f",bottomEnd:"bottomEnd_c1ff296df1",bottomStart:"bottomStart_c83fba7efd"};!function(a){const e="s_id-b5dca6298ea9_3_60_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const d=document.createElement("style");d.id=e,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(a))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=a)}(".badgeWrapper_e1b0a21f0d {\n  position: relative;\n}\n.badgeWrapper_e1b0a21f0d .badge_c1dc4a885a {\n  z-index: 1;\n  position: absolute;\n  border-radius: 16px;\n}\n.badgeWrapper_e1b0a21f0d .badge_c1dc4a885a:not(.outside_d8e2a28b65) {\n  border: 2px solid;\n  border-color: var(--primary-background-color);\n}\n.badgeWrapper_e1b0a21f0d .badge_c1dc4a885a.topEnd_0cac4299ed.rectangular_161a046b2b {\n  top: 0;\n  right: 0;\n  translate: 50% -50%;\n}\n.badgeWrapper_e1b0a21f0d .badge_c1dc4a885a.topEnd_0cac4299ed.outside_d8e2a28b65 {\n  top: 0;\n  right: -2px;\n  translate: 100% 0;\n}\n.badgeWrapper_e1b0a21f0d .badge_c1dc4a885a.topEnd_0cac4299ed.circular_3ba386f2cf {\n  top: 15%;\n  right: 15%;\n  translate: 50% -50%;\n}\n.badgeWrapper_e1b0a21f0d .badge_c1dc4a885a.topStart_d87abeda4f.rectangular_161a046b2b {\n  top: 0;\n  left: 0;\n  translate: -50% -50%;\n}\n.badgeWrapper_e1b0a21f0d .badge_c1dc4a885a.topStart_d87abeda4f.outside_d8e2a28b65 {\n  top: 0;\n  left: -2px;\n  translate: -100% 0;\n}\n.badgeWrapper_e1b0a21f0d .badge_c1dc4a885a.topStart_d87abeda4f.circular_3ba386f2cf {\n  top: 15%;\n  left: 15%;\n  translate: -50% -50%;\n}\n.badgeWrapper_e1b0a21f0d .badge_c1dc4a885a.bottomEnd_c1ff296df1.rectangular_161a046b2b {\n  bottom: 0;\n  right: 0;\n  translate: 50% 50%;\n}\n.badgeWrapper_e1b0a21f0d .badge_c1dc4a885a.bottomEnd_c1ff296df1.outside_d8e2a28b65 {\n  bottom: 0;\n  right: -2px;\n  translate: 100% 0;\n}\n.badgeWrapper_e1b0a21f0d .badge_c1dc4a885a.bottomEnd_c1ff296df1.circular_3ba386f2cf {\n  bottom: 15%;\n  right: 15%;\n  translate: 50% 50%;\n}\n.badgeWrapper_e1b0a21f0d .badge_c1dc4a885a.bottomStart_c83fba7efd.rectangular_161a046b2b {\n  bottom: 0;\n  left: 0;\n  translate: -50% 50%;\n}\n.badgeWrapper_e1b0a21f0d .badge_c1dc4a885a.bottomStart_c83fba7efd.outside_d8e2a28b65 {\n  bottom: 0;\n  left: -2px;\n  translate: -100% 0;\n}\n.badgeWrapper_e1b0a21f0d .badge_c1dc4a885a.bottomStart_c83fba7efd.circular_3ba386f2cf {\n  bottom: 15%;\n  left: 15%;\n  translate: -50% 50%;\n}");export{a as default};
 //# sourceMappingURL=Badge.module.scss.js.map

package/dist/src/components/Badge/Indicator/Indicator.module.scss.js

@@ -1,2 +1,2 @@
-var e={indicator:"indicator_a225564507",primary:"primary_909babe047",notification:"notification_cde5b2f9a6"};!function(e){const i="s_id-d6448d74722f_3_58_4";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+i))return;const t=document.createElement("style");t.id=i,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[i]=e)}(".indicator_a225564507 {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n}\n.indicator_a225564507.primary_909babe047 {\n  background-color: var(--primary-color);\n}\n.indicator_a225564507.notification_cde5b2f9a6 {\n  background-color: var(--negative-color);\n}");export{e as default};
+var e={indicator:"indicator_d544f71ee7",primary:"primary_42424ade6c",notification:"notification_f47c379907"};!function(e){const i="s_id-d6448d74722f_3_60_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+i))return;const t=document.createElement("style");t.id=i,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[i]=e)}(".indicator_d544f71ee7 {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n}\n.indicator_d544f71ee7.primary_42424ade6c {\n  background-color: var(--primary-color);\n}\n.indicator_d544f71ee7.notification_f47c379907 {\n  background-color: var(--negative-color);\n}");export{e as default};
 //# sourceMappingURL=Indicator.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var r={wrapper:"wrapper_97a671934e",small:"small_31d72cbf46",medium:"medium_41a60debde",large:"large_e642f4c5d9",rightThinnerPadding:"rightThinnerPadding_d9187e0520",input:"input_6020c7cb9a",success:"success_6daa82f719",readOnly:"readOnly_a82ca58b36",disabled:"disabled_cfb8cac06c",error:"error_cfce57be45"};!function(r){const e="s_id-8dc268c8a1a1_3_58_4";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const a=document.createElement("style");a.id=e,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(r))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=r)}(".wrapper_97a671934e {\n  width: 100%;\n  position: relative;\n  display: flex;\n  align-items: center;\n  gap: var(--spacing-small);\n  padding-block: var(--spacing-xs);\n  padding-inline: var(--spacing-medium) var(--spacing-xs);\n  font: var(--font-text1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  outline: none;\n  border: 1px solid var(--ui-border-color);\n  border-radius: var(--border-radius-small);\n  color: var(--primary-text-color);\n  background-color: var(--secondary-background-color);\n  transition: border-color var(--motion-productive-medium) ease-in;\n}\n.wrapper_97a671934e.small_31d72cbf46 {\n  min-height: 32px;\n  height: 32px;\n  font: var(--font-text2-normal);\n}\n.wrapper_97a671934e.medium_41a60debde {\n  min-height: 40px;\n  height: 40px;\n}\n.wrapper_97a671934e.large_e642f4c5d9 {\n  min-height: 48px;\n  height: 48px;\n  padding-block: var(--spacing-small);\n}\n.wrapper_97a671934e.rightThinnerPadding_d9187e0520 {\n  padding-inline-end: var(--spacing-medium);\n}\n.wrapper_97a671934e:hover {\n  border-color: var(--primary-text-color);\n}\n@supports selector(:has(*)) {\n  .wrapper_97a671934e:has(.input_6020c7cb9a:active, .input_6020c7cb9a:focus) {\n    border-color: var(--primary-color);\n  }\n  .wrapper_97a671934e:has(.input_6020c7cb9a:read-only) {\n    background-color: var(--allgrey-background-color);\n    border: none;\n  }\n  .wrapper_97a671934e:has(.input_6020c7cb9a:read-only) .input_6020c7cb9a {\n    background-color: var(--allgrey-background-color);\n  }\n  .wrapper_97a671934e:has(.input_6020c7cb9a:disabled) {\n    cursor: not-allowed;\n    user-select: none;\n    border: none;\n    pointer-events: none;\n    background-color: var(--disabled-background-color);\n    color: var(--disabled-text-color);\n  }\n  .wrapper_97a671934e:has(.input_6020c7cb9a:disabled) .input_6020c7cb9a {\n    background-color: var(--disabled-background-color);\n  }\n  .wrapper_97a671934e.success_6daa82f719 {\n    border-color: var(--positive-color);\n  }\n  .wrapper_97a671934e.success_6daa82f719:hover {\n    border-color: var(--positive-color);\n  }\n  .wrapper_97a671934e.success_6daa82f719:has(.input_6020c7cb9a:active, .input_6020c7cb9a:focus) {\n    border-color: var(--positive-color);\n  }\n  .wrapper_97a671934e:has(.input_6020c7cb9a[aria-invalid=true]) {\n    border-color: var(--negative-color);\n  }\n  .wrapper_97a671934e:has(.input_6020c7cb9a[aria-invalid=true]):hover {\n    border-color: var(--negative-color);\n  }\n  .wrapper_97a671934e:has(.input_6020c7cb9a[aria-invalid=true]):has(.input_6020c7cb9a:active, .input_6020c7cb9a:focus) {\n    border-color: var(--negative-color);\n  }\n}\n@supports not selector(:has(*)) {\n  .wrapper_97a671934e:focus-within {\n    border-color: var(--primary-color);\n  }\n  .wrapper_97a671934e.readOnly_a82ca58b36 {\n    background-color: var(--allgrey-background-color);\n    border: none;\n  }\n  .wrapper_97a671934e.readOnly_a82ca58b36 .input_6020c7cb9a {\n    background-color: var(--allgrey-background-color);\n  }\n  .wrapper_97a671934e.disabled_cfb8cac06c {\n    cursor: not-allowed;\n    user-select: none;\n    border: none;\n    pointer-events: none;\n    background-color: var(--disabled-background-color);\n  }\n  .wrapper_97a671934e.disabled_cfb8cac06c .input_6020c7cb9a {\n    background-color: var(--disabled-background-color);\n  }\n  .wrapper_97a671934e.success_6daa82f719 {\n    border-color: var(--positive-color);\n  }\n  .wrapper_97a671934e.success_6daa82f719:hover {\n    border-color: var(--positive-color);\n  }\n  .wrapper_97a671934e.success_6daa82f719:focus-within {\n    border-color: var(--positive-color);\n  }\n  .wrapper_97a671934e.error_cfce57be45 {\n    border-color: var(--negative-color);\n  }\n  .wrapper_97a671934e.error_cfce57be45:hover {\n    border-color: var(--negative-color);\n  }\n  .wrapper_97a671934e.error_cfce57be45:focus-within {\n    border-color: var(--negative-color);\n  }\n}\n.wrapper_97a671934e .input_6020c7cb9a {\n  all: unset;\n  flex: 1;\n  width: 100%;\n  height: 100%;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  border: none;\n  outline: none;\n}\n.wrapper_97a671934e .input_6020c7cb9a::placeholder {\n  color: var(--secondary-text-color);\n  font-weight: 400;\n}\n.wrapper_97a671934e .input_6020c7cb9a:disabled::placeholder {\n  color: var(--disabled-text-color);\n}");export{r as default};
+var e={wrapper:"wrapper_71e80e9cff",small:"small_c331930c80",medium:"medium_6b3a685f69",large:"large_0dc02a7dd6",rightThinnerPadding:"rightThinnerPadding_7b85738124",input:"input_f5862d9915",success:"success_993f8d8fdc",readOnly:"readOnly_257788c146",disabled:"disabled_2cfd46fde6",error:"error_18e80ec825"};!function(e){const r="s_id-8dc268c8a1a1_3_60_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+r))return;const o=document.createElement("style");o.id=r,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=e)}(".wrapper_71e80e9cff {\n  width: 100%;\n  position: relative;\n  display: flex;\n  align-items: center;\n  gap: var(--spacing-small);\n  padding-block: var(--spacing-xs);\n  padding-inline: var(--spacing-medium) var(--spacing-xs);\n  font: var(--font-text1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  outline: none;\n  border: 1px solid var(--ui-border-color);\n  border-radius: var(--border-radius-small);\n  color: var(--primary-text-color);\n  background-color: var(--secondary-background-color);\n  transition: border-color var(--motion-productive-medium) ease-in;\n}\n.wrapper_71e80e9cff.small_c331930c80 {\n  min-height: 32px;\n  height: 32px;\n  font: var(--font-text2-normal);\n}\n.wrapper_71e80e9cff.medium_6b3a685f69 {\n  min-height: 40px;\n  height: 40px;\n}\n.wrapper_71e80e9cff.large_0dc02a7dd6 {\n  min-height: 48px;\n  height: 48px;\n  padding-block: var(--spacing-small);\n}\n.wrapper_71e80e9cff.rightThinnerPadding_7b85738124 {\n  padding-inline-end: var(--spacing-medium);\n}\n.wrapper_71e80e9cff:hover {\n  border-color: var(--primary-text-color);\n}\n@supports selector(:has(*)) {\n  .wrapper_71e80e9cff:has(.input_f5862d9915:active, .input_f5862d9915:focus) {\n    border-color: var(--primary-color);\n  }\n  .wrapper_71e80e9cff:has(.input_f5862d9915:read-only) {\n    background-color: var(--allgrey-background-color);\n    border: none;\n  }\n  .wrapper_71e80e9cff:has(.input_f5862d9915:read-only) .input_f5862d9915 {\n    background-color: var(--allgrey-background-color);\n  }\n  .wrapper_71e80e9cff:has(.input_f5862d9915:disabled) {\n    cursor: not-allowed;\n    user-select: none;\n    border: none;\n    pointer-events: none;\n    background-color: var(--disabled-background-color);\n    color: var(--disabled-text-color);\n  }\n  .wrapper_71e80e9cff:has(.input_f5862d9915:disabled) .input_f5862d9915 {\n    background-color: var(--disabled-background-color);\n  }\n  .wrapper_71e80e9cff.success_993f8d8fdc {\n    border-color: var(--positive-color);\n  }\n  .wrapper_71e80e9cff.success_993f8d8fdc:hover {\n    border-color: var(--positive-color);\n  }\n  .wrapper_71e80e9cff.success_993f8d8fdc:has(.input_f5862d9915:active, .input_f5862d9915:focus) {\n    border-color: var(--positive-color);\n  }\n  .wrapper_71e80e9cff:has(.input_f5862d9915[aria-invalid=true]) {\n    border-color: var(--negative-color);\n  }\n  .wrapper_71e80e9cff:has(.input_f5862d9915[aria-invalid=true]):hover {\n    border-color: var(--negative-color);\n  }\n  .wrapper_71e80e9cff:has(.input_f5862d9915[aria-invalid=true]):has(.input_f5862d9915:active, .input_f5862d9915:focus) {\n    border-color: var(--negative-color);\n  }\n}\n@supports not selector(:has(*)) {\n  .wrapper_71e80e9cff:focus-within {\n    border-color: var(--primary-color);\n  }\n  .wrapper_71e80e9cff.readOnly_257788c146 {\n    background-color: var(--allgrey-background-color);\n    border: none;\n  }\n  .wrapper_71e80e9cff.readOnly_257788c146 .input_f5862d9915 {\n    background-color: var(--allgrey-background-color);\n  }\n  .wrapper_71e80e9cff.disabled_2cfd46fde6 {\n    cursor: not-allowed;\n    user-select: none;\n    border: none;\n    pointer-events: none;\n    background-color: var(--disabled-background-color);\n  }\n  .wrapper_71e80e9cff.disabled_2cfd46fde6 .input_f5862d9915 {\n    background-color: var(--disabled-background-color);\n  }\n  .wrapper_71e80e9cff.success_993f8d8fdc {\n    border-color: var(--positive-color);\n  }\n  .wrapper_71e80e9cff.success_993f8d8fdc:hover {\n    border-color: var(--positive-color);\n  }\n  .wrapper_71e80e9cff.success_993f8d8fdc:focus-within {\n    border-color: var(--positive-color);\n  }\n  .wrapper_71e80e9cff.error_18e80ec825 {\n    border-color: var(--negative-color);\n  }\n  .wrapper_71e80e9cff.error_18e80ec825:hover {\n    border-color: var(--negative-color);\n  }\n  .wrapper_71e80e9cff.error_18e80ec825:focus-within {\n    border-color: var(--negative-color);\n  }\n}\n.wrapper_71e80e9cff .input_f5862d9915 {\n  all: unset;\n  flex: 1;\n  width: 100%;\n  height: 100%;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  border: none;\n  outline: none;\n}\n.wrapper_71e80e9cff .input_f5862d9915::placeholder {\n  color: var(--secondary-text-color);\n  font-weight: 400;\n}\n.wrapper_71e80e9cff .input_f5862d9915:disabled::placeholder {\n  color: var(--disabled-text-color);\n}");export{e as default};
 //# sourceMappingURL=BaseInput.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={wrapper:"wrapper_7e4dac9579",groupTitle:"groupTitle_3c8b767307",sticky:"sticky_e91ba8b1b1"};!function(e){const n="s_id-b5d224c4ed03_3_58_4";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".wrapper_7e4dac9579 {\n  overflow-y: auto;\n  padding: 0;\n  margin: 0;\n}\n.wrapper_7e4dac9579 .groupTitle_3c8b767307 {\n  color: var(--secondary-text-color);\n  padding: var(--spacing-small) var(--spacing-xs);\n  background-color: var(--secondary-background-color);\n}\n.wrapper_7e4dac9579 .groupTitle_3c8b767307.sticky_e91ba8b1b1 {\n  position: sticky;\n  top: 0;\n}\n.wrapper_7e4dac9579 > li:not(:last-child) {\n  margin-bottom: 2px;\n}");export{e as default};
+var e={wrapper:"wrapper_fe625950a6",groupTitle:"groupTitle_92de5a71ef",sticky:"sticky_8d53bfa732"};!function(e){const n="s_id-b5d224c4ed03_3_60_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)}(".wrapper_fe625950a6 {\n  overflow-y: auto;\n  padding: 0;\n  margin: 0;\n}\n.wrapper_fe625950a6 .groupTitle_92de5a71ef {\n  color: var(--secondary-text-color);\n  padding: var(--spacing-small) var(--spacing-xs);\n  background-color: var(--secondary-background-color);\n}\n.wrapper_fe625950a6 .groupTitle_92de5a71ef.sticky_8d53bfa732 {\n  position: sticky;\n  top: 0;\n}\n.wrapper_fe625950a6 > li:not(:last-child) {\n  margin-bottom: 2px;\n}");export{e as default};
 //# sourceMappingURL=BaseList.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={wrapper:"wrapper_05cde57d80",highlighted:"highlighted_49d46c022f",disabled:"disabled_d1fe0bf508",readOnly:"readOnly_49e09db850",selected:"selected_5a2a474b14",small:"small_b83851af66",medium:"medium_f3add0fbc2",large:"large_415d18b4b3",avatar:"avatar_00dcf22dcc",icon:"icon_5bf1667002",indent:"indent_ec6764da13",endElement:"endElement_573799ac15"};!function(e){const d="s_id-410c7e21b012_3_58_4";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+d))return;const n=document.createElement("style");n.id=d,a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}(".wrapper_05cde57d80 {\n  display: flex;\n  align-items: center;\n  gap: var(--spacing-xs);\n  border-radius: var(--border-radius-small);\n  color: var(--primary-text-color);\n  cursor: pointer;\n}\n.wrapper_05cde57d80.highlighted_49d46c022f {\n  background-color: var(--primary-background-hover-color);\n}\n.wrapper_05cde57d80.disabled_d1fe0bf508 {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n.wrapper_05cde57d80.readOnly_49e09db850 {\n  cursor: default;\n}\n.wrapper_05cde57d80.selected_5a2a474b14 {\n  background-color: var(--primary-selected-color);\n}\n.wrapper_05cde57d80.selected_5a2a474b14.highlighted_49d46c022f {\n  background-color: var(--primary-selected-hover-color);\n}\n.wrapper_05cde57d80.small_b83851af66 {\n  padding: 6px var(--spacing-small);\n}\n.wrapper_05cde57d80.medium_f3add0fbc2 {\n  padding: 9px 12px;\n}\n.wrapper_05cde57d80.large_415d18b4b3 {\n  padding: 13px 12px;\n}\n.wrapper_05cde57d80 .avatar_00dcf22dcc,\n.wrapper_05cde57d80 .icon_5bf1667002 {\n  flex-shrink: 0;\n}\n.wrapper_05cde57d80 .indent_ec6764da13 {\n  width: 20px;\n}\n.wrapper_05cde57d80 .endElement_573799ac15 {\n  padding-inline-start: var(--spacing-small);\n  margin-inline-start: auto;\n  display: flex;\n}");export{e as default};
+var e={wrapper:"wrapper_c3ee8d9078",highlighted:"highlighted_c680aa23a2",disabled:"disabled_401a3b89e9",readOnly:"readOnly_bfa0c0a36d",selected:"selected_5ae6ff6b06",small:"small_2267005f8c",medium:"medium_43ecbcd2cb",large:"large_91ab5ecb58",avatar:"avatar_fe002dcbe0",icon:"icon_588e4bd3bd",indent:"indent_ba59a7a52f",endElement:"endElement_c71fcb6b00"};!function(e){const a="s_id-410c7e21b012_3_60_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+a))return;const r=document.createElement("style");r.id=a,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".wrapper_c3ee8d9078 {\n  display: flex;\n  align-items: center;\n  gap: var(--spacing-xs);\n  border-radius: var(--border-radius-small);\n  color: var(--primary-text-color);\n  cursor: pointer;\n}\n.wrapper_c3ee8d9078.highlighted_c680aa23a2 {\n  background-color: var(--primary-background-hover-color);\n}\n.wrapper_c3ee8d9078.disabled_401a3b89e9 {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n.wrapper_c3ee8d9078.readOnly_bfa0c0a36d {\n  cursor: default;\n}\n.wrapper_c3ee8d9078.selected_5ae6ff6b06 {\n  background-color: var(--primary-selected-color);\n}\n.wrapper_c3ee8d9078.selected_5ae6ff6b06.highlighted_c680aa23a2 {\n  background-color: var(--primary-selected-hover-color);\n}\n.wrapper_c3ee8d9078.small_2267005f8c {\n  padding: 6px var(--spacing-small);\n}\n.wrapper_c3ee8d9078.medium_43ecbcd2cb {\n  padding: 9px 12px;\n}\n.wrapper_c3ee8d9078.large_91ab5ecb58 {\n  padding: 13px 12px;\n}\n.wrapper_c3ee8d9078 .avatar_fe002dcbe0,\n.wrapper_c3ee8d9078 .icon_588e4bd3bd {\n  flex-shrink: 0;\n}\n.wrapper_c3ee8d9078 .indent_ba59a7a52f {\n  width: 20px;\n}\n.wrapper_c3ee8d9078 .endElement_c71fcb6b00 {\n  padding-inline-start: var(--spacing-small);\n  margin-inline-start: auto;\n  display: flex;\n}");export{e as default};
 //# sourceMappingURL=BaseListItem.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var n={box:"box_6230477bd3",scrollable:"scrollable_fee11a48b8",opacityDisabled:"opacityDisabled_ac25a06da2",border:"border_97f3eb0797",borderColorUiBorderColor:"borderColorUiBorderColor_3309d43892",borderColorLayoutBorderColor:"borderColorLayoutBorderColor_410ffa1938",rounded0:"rounded0_9ce303c94d",roundedSmall:"roundedSmall_f310da3665",roundedMedium:"roundedMedium_a882a5c51a",roundedBig:"roundedBig_92aa117ebb",shadowXs:"shadowXs_4f31254f60",shadowSmall:"shadowSmall_906665e8ea",shadowMedium:"shadowMedium_ffb8f9ca1e",shadowLarge:"shadowLarge_4144798f15",m0:"m0_17838ed04d",mXs:"mXs_5c2e9e6768",mSmall:"mSmall_5480cb4127",mMedium:"mMedium_9f81da429f",mLarge:"mLarge_9286aaea2a",mXl:"mXl_57060de0c2",mXxl:"mXxl_f814ad1600",mXxxl:"mXxxl_4717d49bd6",mAuto:"mAuto_02b1e0a347",mx0:"mx0_10ac7c2bef",mxXs:"mxXs_cb2cae07a0",mxSmall:"mxSmall_ddeb1954b9",mxMedium:"mxMedium_98082d6da5",mxLarge:"mxLarge_b9036b573a",mxXl:"mxXl_0f29eb0649",mxXxl:"mxXxl_d5da7c15fc",mxXxxl:"mxXxxl_418cb3349c",mxAuto:"mxAuto_f85637183b",my0:"my0_d59c13823b",myXs:"myXs_2960890f5e",mySmall:"mySmall_f4d75f37a9",myMedium:"myMedium_31b5d5e1de",myLarge:"myLarge_7aa568bec6",myXl:"myXl_dcd9b92577",myXxl:"myXxl_bce96f3a9a",myXxxl:"myXxxl_bfc9afb8c8",myAuto:"myAuto_e43588b6ba",mt0:"mt0_9111e7e678",mtXs:"mtXs_d67a84c60c",mtSmall:"mtSmall_1a620f53a7",mtMedium:"mtMedium_8ed54c7dec",mtLarge:"mtLarge_e3e9d76260",mtXl:"mtXl_78a1db7d7c",mtXxl:"mtXxl_8b57c2d6e9",mtXxxl:"mtXxxl_466765a4ce",mtAuto:"mtAuto_16a38aec14",me0:"me0_3ac2028507",meXs:"meXs_921ea1df8c",meSmall:"meSmall_e11ec6075a",meMedium:"meMedium_f5b54dc205",meLarge:"meLarge_53e09cdc0d",meXl:"meXl_99f5c40fde",meXxl:"meXxl_ca0166a91e",meXxxl:"meXxxl_c96380a811",meAuto:"meAuto_3335044e60",mb0:"mb0_88c4d4a3c0",mbXs:"mbXs_44b4012b32",mbSmall:"mbSmall_972dafa7ad",mbMedium:"mbMedium_99b24f1805",mbLarge:"mbLarge_7ab358e804",mbXl:"mbXl_ce5118da03",mbXxl:"mbXxl_3bdf81ed50",mbXxxl:"mbXxxl_fac264ff40",mbAuto:"mbAuto_9bd0dd1c9e",ms0:"ms0_133146d913",msXs:"msXs_358555e7ad",msSmall:"msSmall_61aaeb85b9",msMedium:"msMedium_3a8c0f0d0a",msLarge:"msLarge_3ce2afae6e",msXl:"msXl_3a26c713f6",msXxl:"msXxl_5ca72929ca",msXxxl:"msXxxl_28f7a5a86c",msAuto:"msAuto_e63d8b29ee",p0:"p0_f9af61b610",pXs:"pXs_522317d13b",pSmall:"pSmall_ff23ccc712",pMedium:"pMedium_3a1fb78b23",pLarge:"pLarge_15bc502c90",pXl:"pXl_64c7112524",pXxl:"pXxl_87adbe43f4",pXxxl:"pXxxl_f85e2fa152",px0:"px0_4db3d6af97",pxXs:"pxXs_3a3d75824e",pxSmall:"pxSmall_38f2ff1796",pxMedium:"pxMedium_03bbc580fd",pxLarge:"pxLarge_76dc6a650d",pxXl:"pxXl_77ffb3e6b9",pxXxl:"pxXxl_b3a883463d",pxXxxl:"pxXxxl_84257e8e2f",py0:"py0_5df554547d",pyXs:"pyXs_7b2f1fa1c6",pySmall:"pySmall_018cd2b919",pyMedium:"pyMedium_2d3e8b0fdf",pyLarge:"pyLarge_833434d534",pyXl:"pyXl_17a681b1da",pyXxl:"pyXxl_b2bc89442d",pyXxxl:"pyXxxl_deb797c5c1",pt0:"pt0_8a3281125a",ptXs:"ptXs_6dcb5732ce",ptSmall:"ptSmall_62b5b953e0",ptMedium:"ptMedium_428116bd52",ptLarge:"ptLarge_1fdb060d5b",ptXl:"ptXl_6dd4888e93",ptXxl:"ptXxl_334a27b090",ptXxxl:"ptXxxl_207dab9b0f",pe0:"pe0_28894ec55a",peXs:"peXs_d3018500bd",peSmall:"peSmall_a081c1c9c6",peMedium:"peMedium_89e3326d17",peLarge:"peLarge_8cae14e490",peXl:"peXl_bc36188ada",peXxl:"peXxl_0c8ab2abae",peXxxl:"peXxxl_36b1217039",pb0:"pb0_7546f0519d",pbXs:"pbXs_f4a41bdbd5",pbSmall:"pbSmall_135bfd4693",pbMedium:"pbMedium_e832ad468d",pbLarge:"pbLarge_44cc1e62aa",pbXl:"pbXl_a8f73b48f3",pbXxl:"pbXxl_a02fdc8f90",pbXxxl:"pbXxxl_ca9adce2ec",ps0:"ps0_0c0aea8e53",psXs:"psXs_5e1c833e05",psSmall:"psSmall_de836ac74d",psMedium:"psMedium_4f2d063ffb",psLarge:"psLarge_65ae8b4140",psXl:"psXl_2cc00e60d2",psXxl:"psXxl_bfed83e6ad",psXxxl:"psXxxl_c5bc338efc",textPrimaryTextColor:"textPrimaryTextColor_4e9c0a169e",textTextColorOnInverted:"textTextColorOnInverted_ca6dcb203f",textSecondaryTextColor:"textSecondaryTextColor_22a6ef38b5",bgPrimaryBackgroundColor:"bgPrimaryBackgroundColor_9149563f74",bgSecondaryBackgroundColor:"bgSecondaryBackgroundColor_06cdb4a844",bgGreyBackgroundColor:"bgGreyBackgroundColor_2f5b4b8595",bgAllgreyBackgroundColor:"bgAllgreyBackgroundColor_cde4a420b0",bgInvertedColorBackground:"bgInvertedColorBackground_0ac3169362"};!function(n){const a="s_id-1ea68be2c9b7_3_58_4";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+a))return;const t=document.createElement("style");t.id=a,r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=n)}("/*  stylelint-disable scss/at-if-no-null */\n/*  stylelint-enable scss/at-if-no-null */\n.box_6230477bd3 {\n  overflow: hidden;\n}\n.box_6230477bd3.scrollable_fee11a48b8 {\n  overflow: auto;\n}\n.box_6230477bd3.scrollable_fee11a48b8::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.box_6230477bd3.scrollable_fee11a48b8::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.opacityDisabled_ac25a06da2 {\n  opacity: var(--disabled-component-opacity) !important;\n}\n.border_97f3eb0797 {\n  border: var(--border-width) var(--border-style) var(--ui-border-color) !important;\n}\n.borderColorUiBorderColor_3309d43892 {\n  border-color: var(--ui-border-color) !important;\n}\n.borderColorLayoutBorderColor_410ffa1938 {\n  border-color: var(--layout-border-color) !important;\n}\n.rounded0_9ce303c94d {\n  border-radius: 0 !important;\n}\n.roundedSmall_f310da3665 {\n  border-radius: var(--border-radius-small) !important;\n}\n.roundedMedium_a882a5c51a {\n  border-radius: var(--border-radius-medium) !important;\n}\n.roundedBig_92aa117ebb {\n  border-radius: var(--border-radius-big) !important;\n}\n.shadowXs_4f31254f60 {\n  box-shadow: var(--box-shadow-xs) !important;\n}\n.shadowSmall_906665e8ea {\n  box-shadow: var(--box-shadow-small) !important;\n}\n.shadowMedium_ffb8f9ca1e {\n  box-shadow: var(--box-shadow-medium) !important;\n}\n.shadowLarge_4144798f15 {\n  box-shadow: var(--box-shadow-large) !important;\n}\n.m0_17838ed04d {\n  margin: 0 !important;\n}\n.mXs_5c2e9e6768 {\n  margin: var(--spacing-xs) !important;\n}\n.mSmall_5480cb4127 {\n  margin: var(--spacing-small) !important;\n}\n.mMedium_9f81da429f {\n  margin: var(--spacing-medium) !important;\n}\n.mLarge_9286aaea2a {\n  margin: var(--spacing-large) !important;\n}\n.mXl_57060de0c2 {\n  margin: var(--spacing-xl) !important;\n}\n.mXxl_f814ad1600 {\n  margin: var(--spacing-xxl) !important;\n}\n.mXxxl_4717d49bd6 {\n  margin: var(--spacing-xxxl) !important;\n}\n.mAuto_02b1e0a347 {\n  margin: auto !important;\n}\n.mx0_10ac7c2bef {\n  margin-right: 0 !important;\n  margin-left: 0 !important;\n}\n.mxXs_cb2cae07a0 {\n  margin-right: var(--spacing-xs) !important;\n  margin-left: var(--spacing-xs) !important;\n}\n.mxSmall_ddeb1954b9 {\n  margin-right: var(--spacing-small) !important;\n  margin-left: var(--spacing-small) !important;\n}\n.mxMedium_98082d6da5 {\n  margin-right: var(--spacing-medium) !important;\n  margin-left: var(--spacing-medium) !important;\n}\n.mxLarge_b9036b573a {\n  margin-right: var(--spacing-large) !important;\n  margin-left: var(--spacing-large) !important;\n}\n.mxXl_0f29eb0649 {\n  margin-right: var(--spacing-xl) !important;\n  margin-left: var(--spacing-xl) !important;\n}\n.mxXxl_d5da7c15fc {\n  margin-right: var(--spacing-xxl) !important;\n  margin-left: var(--spacing-xxl) !important;\n}\n.mxXxxl_418cb3349c {\n  margin-right: var(--spacing-xxxl) !important;\n  margin-left: var(--spacing-xxxl) !important;\n}\n.mxAuto_f85637183b {\n  margin-right: auto !important;\n  margin-left: auto !important;\n}\n.my0_d59c13823b {\n  margin-top: 0 !important;\n  margin-bottom: 0 !important;\n}\n.myXs_2960890f5e {\n  margin-top: var(--spacing-xs) !important;\n  margin-bottom: var(--spacing-xs) !important;\n}\n.mySmall_f4d75f37a9 {\n  margin-top: var(--spacing-small) !important;\n  margin-bottom: var(--spacing-small) !important;\n}\n.myMedium_31b5d5e1de {\n  margin-top: var(--spacing-medium) !important;\n  margin-bottom: var(--spacing-medium) !important;\n}\n.myLarge_7aa568bec6 {\n  margin-top: var(--spacing-large) !important;\n  margin-bottom: var(--spacing-large) !important;\n}\n.myXl_dcd9b92577 {\n  margin-top: var(--spacing-xl) !important;\n  margin-bottom: var(--spacing-xl) !important;\n}\n.myXxl_bce96f3a9a {\n  margin-top: var(--spacing-xxl) !important;\n  margin-bottom: var(--spacing-xxl) !important;\n}\n.myXxxl_bfc9afb8c8 {\n  margin-top: var(--spacing-xxxl) !important;\n  margin-bottom: var(--spacing-xxxl) !important;\n}\n.myAuto_e43588b6ba {\n  margin-top: auto !important;\n  margin-bottom: auto !important;\n}\n.mt0_9111e7e678 {\n  margin-top: 0 !important;\n}\n.mtXs_d67a84c60c {\n  margin-top: var(--spacing-xs) !important;\n}\n.mtSmall_1a620f53a7 {\n  margin-top: var(--spacing-small) !important;\n}\n.mtMedium_8ed54c7dec {\n  margin-top: var(--spacing-medium) !important;\n}\n.mtLarge_e3e9d76260 {\n  margin-top: var(--spacing-large) !important;\n}\n.mtXl_78a1db7d7c {\n  margin-top: var(--spacing-xl) !important;\n}\n.mtXxl_8b57c2d6e9 {\n  margin-top: var(--spacing-xxl) !important;\n}\n.mtXxxl_466765a4ce {\n  margin-top: var(--spacing-xxxl) !important;\n}\n.mtAuto_16a38aec14 {\n  margin-top: auto !important;\n}\n.me0_3ac2028507 {\n  margin-inline-end: 0 !important;\n}\n.meXs_921ea1df8c {\n  margin-inline-end: var(--spacing-xs) !important;\n}\n.meSmall_e11ec6075a {\n  margin-inline-end: var(--spacing-small) !important;\n}\n.meMedium_f5b54dc205 {\n  margin-inline-end: var(--spacing-medium) !important;\n}\n.meLarge_53e09cdc0d {\n  margin-inline-end: var(--spacing-large) !important;\n}\n.meXl_99f5c40fde {\n  margin-inline-end: var(--spacing-xl) !important;\n}\n.meXxl_ca0166a91e {\n  margin-inline-end: var(--spacing-xxl) !important;\n}\n.meXxxl_c96380a811 {\n  margin-inline-end: var(--spacing-xxxl) !important;\n}\n.meAuto_3335044e60 {\n  margin-inline-end: auto !important;\n}\n.mb0_88c4d4a3c0 {\n  margin-bottom: 0 !important;\n}\n.mbXs_44b4012b32 {\n  margin-bottom: var(--spacing-xs) !important;\n}\n.mbSmall_972dafa7ad {\n  margin-bottom: var(--spacing-small) !important;\n}\n.mbMedium_99b24f1805 {\n  margin-bottom: var(--spacing-medium) !important;\n}\n.mbLarge_7ab358e804 {\n  margin-bottom: var(--spacing-large) !important;\n}\n.mbXl_ce5118da03 {\n  margin-bottom: var(--spacing-xl) !important;\n}\n.mbXxl_3bdf81ed50 {\n  margin-bottom: var(--spacing-xxl) !important;\n}\n.mbXxxl_fac264ff40 {\n  margin-bottom: var(--spacing-xxxl) !important;\n}\n.mbAuto_9bd0dd1c9e {\n  margin-bottom: auto !important;\n}\n.ms0_133146d913 {\n  margin-inline-start: 0 !important;\n}\n.msXs_358555e7ad {\n  margin-inline-start: var(--spacing-xs) !important;\n}\n.msSmall_61aaeb85b9 {\n  margin-inline-start: var(--spacing-small) !important;\n}\n.msMedium_3a8c0f0d0a {\n  margin-inline-start: var(--spacing-medium) !important;\n}\n.msLarge_3ce2afae6e {\n  margin-inline-start: var(--spacing-large) !important;\n}\n.msXl_3a26c713f6 {\n  margin-inline-start: var(--spacing-xl) !important;\n}\n.msXxl_5ca72929ca {\n  margin-inline-start: var(--spacing-xxl) !important;\n}\n.msXxxl_28f7a5a86c {\n  margin-inline-start: var(--spacing-xxxl) !important;\n}\n.msAuto_e63d8b29ee {\n  margin-inline-start: auto !important;\n}\n.p0_f9af61b610 {\n  padding: 0 !important;\n}\n.pXs_522317d13b {\n  padding: var(--spacing-xs) !important;\n}\n.pSmall_ff23ccc712 {\n  padding: var(--spacing-small) !important;\n}\n.pMedium_3a1fb78b23 {\n  padding: var(--spacing-medium) !important;\n}\n.pLarge_15bc502c90 {\n  padding: var(--spacing-large) !important;\n}\n.pXl_64c7112524 {\n  padding: var(--spacing-xl) !important;\n}\n.pXxl_87adbe43f4 {\n  padding: var(--spacing-xxl) !important;\n}\n.pXxxl_f85e2fa152 {\n  padding: var(--spacing-xxxl) !important;\n}\n.px0_4db3d6af97 {\n  padding-right: 0 !important;\n  padding-left: 0 !important;\n}\n.pxXs_3a3d75824e {\n  padding-right: var(--spacing-xs) !important;\n  padding-left: var(--spacing-xs) !important;\n}\n.pxSmall_38f2ff1796 {\n  padding-right: var(--spacing-small) !important;\n  padding-left: var(--spacing-small) !important;\n}\n.pxMedium_03bbc580fd {\n  padding-right: var(--spacing-medium) !important;\n  padding-left: var(--spacing-medium) !important;\n}\n.pxLarge_76dc6a650d {\n  padding-right: var(--spacing-large) !important;\n  padding-left: var(--spacing-large) !important;\n}\n.pxXl_77ffb3e6b9 {\n  padding-right: var(--spacing-xl) !important;\n  padding-left: var(--spacing-xl) !important;\n}\n.pxXxl_b3a883463d {\n  padding-right: var(--spacing-xxl) !important;\n  padding-left: var(--spacing-xxl) !important;\n}\n.pxXxxl_84257e8e2f {\n  padding-right: var(--spacing-xxxl) !important;\n  padding-left: var(--spacing-xxxl) !important;\n}\n.py0_5df554547d {\n  padding-top: 0 !important;\n  padding-bottom: 0 !important;\n}\n.pyXs_7b2f1fa1c6 {\n  padding-top: var(--spacing-xs) !important;\n  padding-bottom: var(--spacing-xs) !important;\n}\n.pySmall_018cd2b919 {\n  padding-top: var(--spacing-small) !important;\n  padding-bottom: var(--spacing-small) !important;\n}\n.pyMedium_2d3e8b0fdf {\n  padding-top: var(--spacing-medium) !important;\n  padding-bottom: var(--spacing-medium) !important;\n}\n.pyLarge_833434d534 {\n  padding-top: var(--spacing-large) !important;\n  padding-bottom: var(--spacing-large) !important;\n}\n.pyXl_17a681b1da {\n  padding-top: var(--spacing-xl) !important;\n  padding-bottom: var(--spacing-xl) !important;\n}\n.pyXxl_b2bc89442d {\n  padding-top: var(--spacing-xxl) !important;\n  padding-bottom: var(--spacing-xxl) !important;\n}\n.pyXxxl_deb797c5c1 {\n  padding-top: var(--spacing-xxxl) !important;\n  padding-bottom: var(--spacing-xxxl) !important;\n}\n.pt0_8a3281125a {\n  padding-top: 0 !important;\n}\n.ptXs_6dcb5732ce {\n  padding-top: var(--spacing-xs) !important;\n}\n.ptSmall_62b5b953e0 {\n  padding-top: var(--spacing-small) !important;\n}\n.ptMedium_428116bd52 {\n  padding-top: var(--spacing-medium) !important;\n}\n.ptLarge_1fdb060d5b {\n  padding-top: var(--spacing-large) !important;\n}\n.ptXl_6dd4888e93 {\n  padding-top: var(--spacing-xl) !important;\n}\n.ptXxl_334a27b090 {\n  padding-top: var(--spacing-xxl) !important;\n}\n.ptXxxl_207dab9b0f {\n  padding-top: var(--spacing-xxxl) !important;\n}\n.pe0_28894ec55a {\n  padding-inline-end: 0 !important;\n}\n.peXs_d3018500bd {\n  padding-inline-end: var(--spacing-xs) !important;\n}\n.peSmall_a081c1c9c6 {\n  padding-inline-end: var(--spacing-small) !important;\n}\n.peMedium_89e3326d17 {\n  padding-inline-end: var(--spacing-medium) !important;\n}\n.peLarge_8cae14e490 {\n  padding-inline-end: var(--spacing-large) !important;\n}\n.peXl_bc36188ada {\n  padding-inline-end: var(--spacing-xl) !important;\n}\n.peXxl_0c8ab2abae {\n  padding-inline-end: var(--spacing-xxl) !important;\n}\n.peXxxl_36b1217039 {\n  padding-inline-end: var(--spacing-xxxl) !important;\n}\n.pb0_7546f0519d {\n  padding-bottom: 0 !important;\n}\n.pbXs_f4a41bdbd5 {\n  padding-bottom: var(--spacing-xs) !important;\n}\n.pbSmall_135bfd4693 {\n  padding-bottom: var(--spacing-small) !important;\n}\n.pbMedium_e832ad468d {\n  padding-bottom: var(--spacing-medium) !important;\n}\n.pbLarge_44cc1e62aa {\n  padding-bottom: var(--spacing-large) !important;\n}\n.pbXl_a8f73b48f3 {\n  padding-bottom: var(--spacing-xl) !important;\n}\n.pbXxl_a02fdc8f90 {\n  padding-bottom: var(--spacing-xxl) !important;\n}\n.pbXxxl_ca9adce2ec {\n  padding-bottom: var(--spacing-xxxl) !important;\n}\n.ps0_0c0aea8e53 {\n  padding-inline-start: 0 !important;\n}\n.psXs_5e1c833e05 {\n  padding-inline-start: var(--spacing-xs) !important;\n}\n.psSmall_de836ac74d {\n  padding-inline-start: var(--spacing-small) !important;\n}\n.psMedium_4f2d063ffb {\n  padding-inline-start: var(--spacing-medium) !important;\n}\n.psLarge_65ae8b4140 {\n  padding-inline-start: var(--spacing-large) !important;\n}\n.psXl_2cc00e60d2 {\n  padding-inline-start: var(--spacing-xl) !important;\n}\n.psXxl_bfed83e6ad {\n  padding-inline-start: var(--spacing-xxl) !important;\n}\n.psXxxl_c5bc338efc {\n  padding-inline-start: var(--spacing-xxxl) !important;\n}\n.textPrimaryTextColor_4e9c0a169e {\n  color: var(--primary-text-color) !important;\n}\n.textTextColorOnInverted_ca6dcb203f {\n  color: var(--text-color-on-inverted) !important;\n}\n.textSecondaryTextColor_22a6ef38b5 {\n  color: var(--secondary-text-color) !important;\n}\n.bgPrimaryBackgroundColor_9149563f74 {\n  background-color: var(--primary-background-color) !important;\n}\n.bgSecondaryBackgroundColor_06cdb4a844 {\n  background-color: var(--secondary-background-color) !important;\n}\n.bgGreyBackgroundColor_2f5b4b8595 {\n  background-color: var(--grey-background-color) !important;\n}\n.bgAllgreyBackgroundColor_cde4a420b0 {\n  background-color: var(--allgrey-background-color) !important;\n}\n.bgInvertedColorBackground_0ac3169362 {\n  background-color: var(--inverted-color-background) !important;\n}");export{n as default};
+var n={box:"box_1ae1a32b9a",scrollable:"scrollable_6d5f2fdb10",opacityDisabled:"opacityDisabled_f7fd704f32",border:"border_749c60c19f",borderColorUiBorderColor:"borderColorUiBorderColor_b0503e3ec5",borderColorLayoutBorderColor:"borderColorLayoutBorderColor_0ee1bfcc40",rounded0:"rounded0_1536bda2e7",roundedSmall:"roundedSmall_ccda7b50a4",roundedMedium:"roundedMedium_b6b6b6fcf7",roundedBig:"roundedBig_acc8162ac3",shadowXs:"shadowXs_86bec6a1ab",shadowSmall:"shadowSmall_ea81188c24",shadowMedium:"shadowMedium_eefd9554e6",shadowLarge:"shadowLarge_1b7a271144",m0:"m0_5a1992025b",mXs:"mXs_9beaba8356",mSmall:"mSmall_05f00027f1",mMedium:"mMedium_facfd4b613",mLarge:"mLarge_1e9c36f80a",mXl:"mXl_b6075059ec",mXxl:"mXxl_c6d23c2988",mXxxl:"mXxxl_802f4bc4bf",mAuto:"mAuto_ed51fecc98",mx0:"mx0_bf44c08463",mxXs:"mxXs_97c278afd1",mxSmall:"mxSmall_fd53ef2462",mxMedium:"mxMedium_eae3d7a363",mxLarge:"mxLarge_57441bb22f",mxXl:"mxXl_8cc993ab98",mxXxl:"mxXxl_6ff1c5e0e3",mxXxxl:"mxXxxl_34c2e8925a",mxAuto:"mxAuto_ac3338cc3e",my0:"my0_9789153476",myXs:"myXs_3a52cc7253",mySmall:"mySmall_9ff07fb284",myMedium:"myMedium_b5f41a3ebf",myLarge:"myLarge_123a57b582",myXl:"myXl_3a4a009876",myXxl:"myXxl_16c787ddb9",myXxxl:"myXxxl_a02c104379",myAuto:"myAuto_b82e473985",mt0:"mt0_38a642b043",mtXs:"mtXs_d13f78ef42",mtSmall:"mtSmall_d82fbd1f39",mtMedium:"mtMedium_17e2829bf5",mtLarge:"mtLarge_3c4efa6073",mtXl:"mtXl_f5932939ee",mtXxl:"mtXxl_4db3033013",mtXxxl:"mtXxxl_215ec0cf68",mtAuto:"mtAuto_00928a0f37",me0:"me0_7f1db0b287",meXs:"meXs_dfe997962d",meSmall:"meSmall_fc05bdfad7",meMedium:"meMedium_9b94fe3706",meLarge:"meLarge_70e8ef905f",meXl:"meXl_3ba3993f64",meXxl:"meXxl_a954e196e5",meXxxl:"meXxxl_c559d2e380",meAuto:"meAuto_924ab0afb2",mb0:"mb0_614072d8e4",mbXs:"mbXs_f2344ba020",mbSmall:"mbSmall_31029902a5",mbMedium:"mbMedium_75ed26333b",mbLarge:"mbLarge_d7ae2b8b5d",mbXl:"mbXl_15722fd072",mbXxl:"mbXxl_e19cf4cf85",mbXxxl:"mbXxxl_551fb161f0",mbAuto:"mbAuto_95f541159f",ms0:"ms0_5f366106fe",msXs:"msXs_fa7514e94a",msSmall:"msSmall_1d305b785a",msMedium:"msMedium_bff373716e",msLarge:"msLarge_c9870b854c",msXl:"msXl_a248461d9e",msXxl:"msXxl_31a95782fb",msXxxl:"msXxxl_b870c5595f",msAuto:"msAuto_7a85319600",p0:"p0_2d4dcf7c70",pXs:"pXs_6c61dcf40f",pSmall:"pSmall_807f506073",pMedium:"pMedium_4d96dc2c77",pLarge:"pLarge_f611473a38",pXl:"pXl_a9ad826859",pXxl:"pXxl_2ba7c80f3b",pXxxl:"pXxxl_5f08751a9c",px0:"px0_ef858b4ad8",pxXs:"pxXs_dda2fa0871",pxSmall:"pxSmall_8437946de8",pxMedium:"pxMedium_bc5326c79e",pxLarge:"pxLarge_2aa5da5c6b",pxXl:"pxXl_f8232cbf62",pxXxl:"pxXxl_71e7dbecf6",pxXxxl:"pxXxxl_9db1e379e2",py0:"py0_3ff2415583",pyXs:"pyXs_f5d95b6d8f",pySmall:"pySmall_ccc451fafb",pyMedium:"pyMedium_9953223e9b",pyLarge:"pyLarge_cb97cc2d10",pyXl:"pyXl_1cc9ebcb95",pyXxl:"pyXxl_01c5c2da09",pyXxxl:"pyXxxl_fa0980b8e0",pt0:"pt0_0bbcda5750",ptXs:"ptXs_c26d714661",ptSmall:"ptSmall_f03158df79",ptMedium:"ptMedium_694e5a4e2b",ptLarge:"ptLarge_4fa2dbe905",ptXl:"ptXl_0037e680f6",ptXxl:"ptXxl_bcd8b34aa9",ptXxxl:"ptXxxl_fb08d3ead7",pe0:"pe0_b6893f2601",peXs:"peXs_26494ee04f",peSmall:"peSmall_e9f53b63d6",peMedium:"peMedium_ed74f0723e",peLarge:"peLarge_fb2bd2a14d",peXl:"peXl_abbd12105f",peXxl:"peXxl_08e1968a0a",peXxxl:"peXxxl_f7c5c4fc04",pb0:"pb0_127d493bd9",pbXs:"pbXs_5fd4249338",pbSmall:"pbSmall_84f4d99d79",pbMedium:"pbMedium_c6ffd4d389",pbLarge:"pbLarge_70c66c2cdc",pbXl:"pbXl_c51a6f6028",pbXxl:"pbXxl_a3379692d4",pbXxxl:"pbXxxl_c80466558b",ps0:"ps0_6eea3c4c01",psXs:"psXs_a8864d3bbe",psSmall:"psSmall_5f563cd951",psMedium:"psMedium_e2e6620693",psLarge:"psLarge_f8e1ee321f",psXl:"psXl_0e8600c599",psXxl:"psXxl_09ed8b4b3f",psXxxl:"psXxxl_8873990fb8",textPrimaryTextColor:"textPrimaryTextColor_9b2012edd7",textTextColorOnInverted:"textTextColorOnInverted_be5e59b5ff",textSecondaryTextColor:"textSecondaryTextColor_995f315105",bgPrimaryBackgroundColor:"bgPrimaryBackgroundColor_8c8f6c2fad",bgSecondaryBackgroundColor:"bgSecondaryBackgroundColor_ccc3ef0c9a",bgGreyBackgroundColor:"bgGreyBackgroundColor_fed9b9a232",bgAllgreyBackgroundColor:"bgAllgreyBackgroundColor_2a270024c6",bgInvertedColorBackground:"bgInvertedColorBackground_3db852b6e7"};!function(n){const a="s_id-1ea68be2c9b7_3_60_0";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+a))return;const t=document.createElement("style");t.id=a,r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=n)}("/*  stylelint-disable scss/at-if-no-null */\n/*  stylelint-enable scss/at-if-no-null */\n.box_1ae1a32b9a {\n  overflow: hidden;\n}\n.box_1ae1a32b9a.scrollable_6d5f2fdb10 {\n  overflow: auto;\n}\n.box_1ae1a32b9a.scrollable_6d5f2fdb10::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.box_1ae1a32b9a.scrollable_6d5f2fdb10::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.opacityDisabled_f7fd704f32 {\n  opacity: var(--disabled-component-opacity) !important;\n}\n.border_749c60c19f {\n  border: var(--border-width) var(--border-style) var(--ui-border-color) !important;\n}\n.borderColorUiBorderColor_b0503e3ec5 {\n  border-color: var(--ui-border-color) !important;\n}\n.borderColorLayoutBorderColor_0ee1bfcc40 {\n  border-color: var(--layout-border-color) !important;\n}\n.rounded0_1536bda2e7 {\n  border-radius: 0 !important;\n}\n.roundedSmall_ccda7b50a4 {\n  border-radius: var(--border-radius-small) !important;\n}\n.roundedMedium_b6b6b6fcf7 {\n  border-radius: var(--border-radius-medium) !important;\n}\n.roundedBig_acc8162ac3 {\n  border-radius: var(--border-radius-big) !important;\n}\n.shadowXs_86bec6a1ab {\n  box-shadow: var(--box-shadow-xs) !important;\n}\n.shadowSmall_ea81188c24 {\n  box-shadow: var(--box-shadow-small) !important;\n}\n.shadowMedium_eefd9554e6 {\n  box-shadow: var(--box-shadow-medium) !important;\n}\n.shadowLarge_1b7a271144 {\n  box-shadow: var(--box-shadow-large) !important;\n}\n.m0_5a1992025b {\n  margin: 0 !important;\n}\n.mXs_9beaba8356 {\n  margin: var(--spacing-xs) !important;\n}\n.mSmall_05f00027f1 {\n  margin: var(--spacing-small) !important;\n}\n.mMedium_facfd4b613 {\n  margin: var(--spacing-medium) !important;\n}\n.mLarge_1e9c36f80a {\n  margin: var(--spacing-large) !important;\n}\n.mXl_b6075059ec {\n  margin: var(--spacing-xl) !important;\n}\n.mXxl_c6d23c2988 {\n  margin: var(--spacing-xxl) !important;\n}\n.mXxxl_802f4bc4bf {\n  margin: var(--spacing-xxxl) !important;\n}\n.mAuto_ed51fecc98 {\n  margin: auto !important;\n}\n.mx0_bf44c08463 {\n  margin-right: 0 !important;\n  margin-left: 0 !important;\n}\n.mxXs_97c278afd1 {\n  margin-right: var(--spacing-xs) !important;\n  margin-left: var(--spacing-xs) !important;\n}\n.mxSmall_fd53ef2462 {\n  margin-right: var(--spacing-small) !important;\n  margin-left: var(--spacing-small) !important;\n}\n.mxMedium_eae3d7a363 {\n  margin-right: var(--spacing-medium) !important;\n  margin-left: var(--spacing-medium) !important;\n}\n.mxLarge_57441bb22f {\n  margin-right: var(--spacing-large) !important;\n  margin-left: var(--spacing-large) !important;\n}\n.mxXl_8cc993ab98 {\n  margin-right: var(--spacing-xl) !important;\n  margin-left: var(--spacing-xl) !important;\n}\n.mxXxl_6ff1c5e0e3 {\n  margin-right: var(--spacing-xxl) !important;\n  margin-left: var(--spacing-xxl) !important;\n}\n.mxXxxl_34c2e8925a {\n  margin-right: var(--spacing-xxxl) !important;\n  margin-left: var(--spacing-xxxl) !important;\n}\n.mxAuto_ac3338cc3e {\n  margin-right: auto !important;\n  margin-left: auto !important;\n}\n.my0_9789153476 {\n  margin-top: 0 !important;\n  margin-bottom: 0 !important;\n}\n.myXs_3a52cc7253 {\n  margin-top: var(--spacing-xs) !important;\n  margin-bottom: var(--spacing-xs) !important;\n}\n.mySmall_9ff07fb284 {\n  margin-top: var(--spacing-small) !important;\n  margin-bottom: var(--spacing-small) !important;\n}\n.myMedium_b5f41a3ebf {\n  margin-top: var(--spacing-medium) !important;\n  margin-bottom: var(--spacing-medium) !important;\n}\n.myLarge_123a57b582 {\n  margin-top: var(--spacing-large) !important;\n  margin-bottom: var(--spacing-large) !important;\n}\n.myXl_3a4a009876 {\n  margin-top: var(--spacing-xl) !important;\n  margin-bottom: var(--spacing-xl) !important;\n}\n.myXxl_16c787ddb9 {\n  margin-top: var(--spacing-xxl) !important;\n  margin-bottom: var(--spacing-xxl) !important;\n}\n.myXxxl_a02c104379 {\n  margin-top: var(--spacing-xxxl) !important;\n  margin-bottom: var(--spacing-xxxl) !important;\n}\n.myAuto_b82e473985 {\n  margin-top: auto !important;\n  margin-bottom: auto !important;\n}\n.mt0_38a642b043 {\n  margin-top: 0 !important;\n}\n.mtXs_d13f78ef42 {\n  margin-top: var(--spacing-xs) !important;\n}\n.mtSmall_d82fbd1f39 {\n  margin-top: var(--spacing-small) !important;\n}\n.mtMedium_17e2829bf5 {\n  margin-top: var(--spacing-medium) !important;\n}\n.mtLarge_3c4efa6073 {\n  margin-top: var(--spacing-large) !important;\n}\n.mtXl_f5932939ee {\n  margin-top: var(--spacing-xl) !important;\n}\n.mtXxl_4db3033013 {\n  margin-top: var(--spacing-xxl) !important;\n}\n.mtXxxl_215ec0cf68 {\n  margin-top: var(--spacing-xxxl) !important;\n}\n.mtAuto_00928a0f37 {\n  margin-top: auto !important;\n}\n.me0_7f1db0b287 {\n  margin-inline-end: 0 !important;\n}\n.meXs_dfe997962d {\n  margin-inline-end: var(--spacing-xs) !important;\n}\n.meSmall_fc05bdfad7 {\n  margin-inline-end: var(--spacing-small) !important;\n}\n.meMedium_9b94fe3706 {\n  margin-inline-end: var(--spacing-medium) !important;\n}\n.meLarge_70e8ef905f {\n  margin-inline-end: var(--spacing-large) !important;\n}\n.meXl_3ba3993f64 {\n  margin-inline-end: var(--spacing-xl) !important;\n}\n.meXxl_a954e196e5 {\n  margin-inline-end: var(--spacing-xxl) !important;\n}\n.meXxxl_c559d2e380 {\n  margin-inline-end: var(--spacing-xxxl) !important;\n}\n.meAuto_924ab0afb2 {\n  margin-inline-end: auto !important;\n}\n.mb0_614072d8e4 {\n  margin-bottom: 0 !important;\n}\n.mbXs_f2344ba020 {\n  margin-bottom: var(--spacing-xs) !important;\n}\n.mbSmall_31029902a5 {\n  margin-bottom: var(--spacing-small) !important;\n}\n.mbMedium_75ed26333b {\n  margin-bottom: var(--spacing-medium) !important;\n}\n.mbLarge_d7ae2b8b5d {\n  margin-bottom: var(--spacing-large) !important;\n}\n.mbXl_15722fd072 {\n  margin-bottom: var(--spacing-xl) !important;\n}\n.mbXxl_e19cf4cf85 {\n  margin-bottom: var(--spacing-xxl) !important;\n}\n.mbXxxl_551fb161f0 {\n  margin-bottom: var(--spacing-xxxl) !important;\n}\n.mbAuto_95f541159f {\n  margin-bottom: auto !important;\n}\n.ms0_5f366106fe {\n  margin-inline-start: 0 !important;\n}\n.msXs_fa7514e94a {\n  margin-inline-start: var(--spacing-xs) !important;\n}\n.msSmall_1d305b785a {\n  margin-inline-start: var(--spacing-small) !important;\n}\n.msMedium_bff373716e {\n  margin-inline-start: var(--spacing-medium) !important;\n}\n.msLarge_c9870b854c {\n  margin-inline-start: var(--spacing-large) !important;\n}\n.msXl_a248461d9e {\n  margin-inline-start: var(--spacing-xl) !important;\n}\n.msXxl_31a95782fb {\n  margin-inline-start: var(--spacing-xxl) !important;\n}\n.msXxxl_b870c5595f {\n  margin-inline-start: var(--spacing-xxxl) !important;\n}\n.msAuto_7a85319600 {\n  margin-inline-start: auto !important;\n}\n.p0_2d4dcf7c70 {\n  padding: 0 !important;\n}\n.pXs_6c61dcf40f {\n  padding: var(--spacing-xs) !important;\n}\n.pSmall_807f506073 {\n  padding: var(--spacing-small) !important;\n}\n.pMedium_4d96dc2c77 {\n  padding: var(--spacing-medium) !important;\n}\n.pLarge_f611473a38 {\n  padding: var(--spacing-large) !important;\n}\n.pXl_a9ad826859 {\n  padding: var(--spacing-xl) !important;\n}\n.pXxl_2ba7c80f3b {\n  padding: var(--spacing-xxl) !important;\n}\n.pXxxl_5f08751a9c {\n  padding: var(--spacing-xxxl) !important;\n}\n.px0_ef858b4ad8 {\n  padding-right: 0 !important;\n  padding-left: 0 !important;\n}\n.pxXs_dda2fa0871 {\n  padding-right: var(--spacing-xs) !important;\n  padding-left: var(--spacing-xs) !important;\n}\n.pxSmall_8437946de8 {\n  padding-right: var(--spacing-small) !important;\n  padding-left: var(--spacing-small) !important;\n}\n.pxMedium_bc5326c79e {\n  padding-right: var(--spacing-medium) !important;\n  padding-left: var(--spacing-medium) !important;\n}\n.pxLarge_2aa5da5c6b {\n  padding-right: var(--spacing-large) !important;\n  padding-left: var(--spacing-large) !important;\n}\n.pxXl_f8232cbf62 {\n  padding-right: var(--spacing-xl) !important;\n  padding-left: var(--spacing-xl) !important;\n}\n.pxXxl_71e7dbecf6 {\n  padding-right: var(--spacing-xxl) !important;\n  padding-left: var(--spacing-xxl) !important;\n}\n.pxXxxl_9db1e379e2 {\n  padding-right: var(--spacing-xxxl) !important;\n  padding-left: var(--spacing-xxxl) !important;\n}\n.py0_3ff2415583 {\n  padding-top: 0 !important;\n  padding-bottom: 0 !important;\n}\n.pyXs_f5d95b6d8f {\n  padding-top: var(--spacing-xs) !important;\n  padding-bottom: var(--spacing-xs) !important;\n}\n.pySmall_ccc451fafb {\n  padding-top: var(--spacing-small) !important;\n  padding-bottom: var(--spacing-small) !important;\n}\n.pyMedium_9953223e9b {\n  padding-top: var(--spacing-medium) !important;\n  padding-bottom: var(--spacing-medium) !important;\n}\n.pyLarge_cb97cc2d10 {\n  padding-top: var(--spacing-large) !important;\n  padding-bottom: var(--spacing-large) !important;\n}\n.pyXl_1cc9ebcb95 {\n  padding-top: var(--spacing-xl) !important;\n  padding-bottom: var(--spacing-xl) !important;\n}\n.pyXxl_01c5c2da09 {\n  padding-top: var(--spacing-xxl) !important;\n  padding-bottom: var(--spacing-xxl) !important;\n}\n.pyXxxl_fa0980b8e0 {\n  padding-top: var(--spacing-xxxl) !important;\n  padding-bottom: var(--spacing-xxxl) !important;\n}\n.pt0_0bbcda5750 {\n  padding-top: 0 !important;\n}\n.ptXs_c26d714661 {\n  padding-top: var(--spacing-xs) !important;\n}\n.ptSmall_f03158df79 {\n  padding-top: var(--spacing-small) !important;\n}\n.ptMedium_694e5a4e2b {\n  padding-top: var(--spacing-medium) !important;\n}\n.ptLarge_4fa2dbe905 {\n  padding-top: var(--spacing-large) !important;\n}\n.ptXl_0037e680f6 {\n  padding-top: var(--spacing-xl) !important;\n}\n.ptXxl_bcd8b34aa9 {\n  padding-top: var(--spacing-xxl) !important;\n}\n.ptXxxl_fb08d3ead7 {\n  padding-top: var(--spacing-xxxl) !important;\n}\n.pe0_b6893f2601 {\n  padding-inline-end: 0 !important;\n}\n.peXs_26494ee04f {\n  padding-inline-end: var(--spacing-xs) !important;\n}\n.peSmall_e9f53b63d6 {\n  padding-inline-end: var(--spacing-small) !important;\n}\n.peMedium_ed74f0723e {\n  padding-inline-end: var(--spacing-medium) !important;\n}\n.peLarge_fb2bd2a14d {\n  padding-inline-end: var(--spacing-large) !important;\n}\n.peXl_abbd12105f {\n  padding-inline-end: var(--spacing-xl) !important;\n}\n.peXxl_08e1968a0a {\n  padding-inline-end: var(--spacing-xxl) !important;\n}\n.peXxxl_f7c5c4fc04 {\n  padding-inline-end: var(--spacing-xxxl) !important;\n}\n.pb0_127d493bd9 {\n  padding-bottom: 0 !important;\n}\n.pbXs_5fd4249338 {\n  padding-bottom: var(--spacing-xs) !important;\n}\n.pbSmall_84f4d99d79 {\n  padding-bottom: var(--spacing-small) !important;\n}\n.pbMedium_c6ffd4d389 {\n  padding-bottom: var(--spacing-medium) !important;\n}\n.pbLarge_70c66c2cdc {\n  padding-bottom: var(--spacing-large) !important;\n}\n.pbXl_c51a6f6028 {\n  padding-bottom: var(--spacing-xl) !important;\n}\n.pbXxl_a3379692d4 {\n  padding-bottom: var(--spacing-xxl) !important;\n}\n.pbXxxl_c80466558b {\n  padding-bottom: var(--spacing-xxxl) !important;\n}\n.ps0_6eea3c4c01 {\n  padding-inline-start: 0 !important;\n}\n.psXs_a8864d3bbe {\n  padding-inline-start: var(--spacing-xs) !important;\n}\n.psSmall_5f563cd951 {\n  padding-inline-start: var(--spacing-small) !important;\n}\n.psMedium_e2e6620693 {\n  padding-inline-start: var(--spacing-medium) !important;\n}\n.psLarge_f8e1ee321f {\n  padding-inline-start: var(--spacing-large) !important;\n}\n.psXl_0e8600c599 {\n  padding-inline-start: var(--spacing-xl) !important;\n}\n.psXxl_09ed8b4b3f {\n  padding-inline-start: var(--spacing-xxl) !important;\n}\n.psXxxl_8873990fb8 {\n  padding-inline-start: var(--spacing-xxxl) !important;\n}\n.textPrimaryTextColor_9b2012edd7 {\n  color: var(--primary-text-color) !important;\n}\n.textTextColorOnInverted_be5e59b5ff {\n  color: var(--text-color-on-inverted) !important;\n}\n.textSecondaryTextColor_995f315105 {\n  color: var(--secondary-text-color) !important;\n}\n.bgPrimaryBackgroundColor_8c8f6c2fad {\n  background-color: var(--primary-background-color) !important;\n}\n.bgSecondaryBackgroundColor_ccc3ef0c9a {\n  background-color: var(--secondary-background-color) !important;\n}\n.bgGreyBackgroundColor_fed9b9a232 {\n  background-color: var(--grey-background-color) !important;\n}\n.bgAllgreyBackgroundColor_2a270024c6 {\n  background-color: var(--allgrey-background-color) !important;\n}\n.bgInvertedColorBackground_3db852b6e7 {\n  background-color: var(--inverted-color-background) !important;\n}");export{n as default};
 //# sourceMappingURL=Box.module.scss.js.map

package/dist/src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbContent/BreadcrumbContent.module.scss.js

@@ -1,2 +1,2 @@
-var e={breadcrumbContent:"breadcrumbContent_fc48cb06dd",withoutText:"withoutText_1e4c1aa8e9",breadcrumbText:"breadcrumbText_7d8133515b",breadcrumbIcon:"breadcrumbIcon_f8b44f351a",clickable:"clickable_83ee00d0a9",current:"current_78b179b526",disabled:"disabled_e4ece82997",notClickable:"notClickable_14afd9bf48"};!function(e){const n="s_id-55ff70da99a4_3_58_4";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable selector-class-pattern */\n.breadcrumbContent_fc48cb06dd {\n  font: var(--font-text2-normal);\n  color: var(--secondary-text-color);\n  display: inline-flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  padding: 0 2px;\n  overflow: hidden;\n  text-decoration: none;\n}\n.breadcrumbContent_fc48cb06dd.withoutText_1e4c1aa8e9 {\n  padding: 4px;\n}\na.breadcrumbContent_fc48cb06dd:hover {\n  color: var(--secondary-text-color);\n  text-decoration: none;\n}\n.breadcrumbContent_fc48cb06dd .breadcrumbText_7d8133515b {\n  color: inherit;\n  margin: 0 4px;\n  line-height: 22px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.breadcrumbContent_fc48cb06dd .breadcrumbIcon_f8b44f351a {\n  height: 14px;\n  width: 14px;\n  flex-shrink: 0;\n}\n.breadcrumbContent_fc48cb06dd:focus {\n  outline: none;\n}\n.breadcrumbContent_fc48cb06dd.clickable_83ee00d0a9 {\n  cursor: pointer;\n}\n.breadcrumbContent_fc48cb06dd.clickable_83ee00d0a9:hover,\n.breadcrumbContent_fc48cb06dd:focus-within {\n  background-color: var(--primary-background-hover-color);\n  border-radius: 4px;\n}\n.breadcrumbContent_fc48cb06dd.current_78b179b526 {\n  color: var(--primary-text-color);\n  font-weight: 500;\n}\n.breadcrumbContent_fc48cb06dd.disabled_e4ece82997 {\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.breadcrumbContent_fc48cb06dd.disabled_e4ece82997:hover {\n  background-color: transparent;\n}\n.breadcrumbContent_fc48cb06dd.notClickable_14afd9bf48 {\n  pointer-events: none;\n}");export{e as default};
+var e={breadcrumbContent:"breadcrumbContent_e15b560137",withoutText:"withoutText_6900de85ed",breadcrumbText:"breadcrumbText_6f428cece1",breadcrumbIcon:"breadcrumbIcon_2614682031",clickable:"clickable_268b7a2598",current:"current_f686eb1e6f",disabled:"disabled_3326cb3e4c",notClickable:"notClickable_0fef3105b7"};!function(e){const n="s_id-55ff70da99a4_3_60_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable selector-class-pattern */\n.breadcrumbContent_e15b560137 {\n  font: var(--font-text2-normal);\n  color: var(--secondary-text-color);\n  display: inline-flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  padding: 0 2px;\n  overflow: hidden;\n  text-decoration: none;\n}\n.breadcrumbContent_e15b560137.withoutText_6900de85ed {\n  padding: 4px;\n}\na.breadcrumbContent_e15b560137:hover {\n  color: var(--secondary-text-color);\n  text-decoration: none;\n}\n.breadcrumbContent_e15b560137 .breadcrumbText_6f428cece1 {\n  color: inherit;\n  margin: 0 4px;\n  line-height: 22px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.breadcrumbContent_e15b560137 .breadcrumbIcon_2614682031 {\n  height: 14px;\n  width: 14px;\n  flex-shrink: 0;\n}\n.breadcrumbContent_e15b560137:focus {\n  outline: none;\n}\n.breadcrumbContent_e15b560137.clickable_268b7a2598 {\n  cursor: pointer;\n}\n.breadcrumbContent_e15b560137.clickable_268b7a2598:hover,\n.breadcrumbContent_e15b560137:focus-within {\n  background-color: var(--primary-background-hover-color);\n  border-radius: 4px;\n}\n.breadcrumbContent_e15b560137.current_f686eb1e6f {\n  color: var(--primary-text-color);\n  font-weight: 500;\n}\n.breadcrumbContent_e15b560137.disabled_3326cb3e4c {\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.breadcrumbContent_e15b560137.disabled_3326cb3e4c:hover {\n  background-color: transparent;\n}\n.breadcrumbContent_e15b560137.notClickable_0fef3105b7 {\n  pointer-events: none;\n}");export{e as default};
 //# sourceMappingURL=BreadcrumbContent.module.scss.js.map

package/dist/src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbItem.module.scss.js

@@ -1,2 +1,2 @@
-var e={breadcrumbItemWrapper:"breadcrumbItemWrapper_e212157abc",disabled:"disabled_fc523ef26d"};!function(e){const d="s_id-03f482333e23_3_58_4";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+d))return;const n=document.createElement("style");n.id=d,t.firstChild?t.insertBefore(n,t.firstChild):t.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}(".breadcrumbItemWrapper_e212157abc {\n  display: inline-flex;\n  overflow: hidden;\n  list-style-type: none;\n  cursor: default;\n}\n\n.breadcrumbItemWrapper_e212157abc.disabled_fc523ef26d {\n  cursor: not-allowed;\n}");export{e as default};
+var e={breadcrumbItemWrapper:"breadcrumbItemWrapper_292465514b",disabled:"disabled_79ee383eb2"};!function(e){const t="s_id-03f482333e23_3_60_0";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)}(".breadcrumbItemWrapper_292465514b {\n  display: inline-flex;\n  overflow: hidden;\n  list-style-type: none;\n  cursor: default;\n}\n\n.breadcrumbItemWrapper_292465514b.disabled_79ee383eb2 {\n  cursor: not-allowed;\n}");export{e as default};
 //# sourceMappingURL=BreadcrumbItem.module.scss.js.map

package/dist/src/components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbsMenu.module.scss.js

@@ -1,2 +1,2 @@
-var e={breadcrumbMenuWrapper:"breadcrumbMenuWrapper_e212157abc"};!function(e){const n="s_id-fc5ae89c4b65_3_58_4";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".breadcrumbMenuWrapper_e212157abc {\n  display: inline-flex;\n  overflow: hidden;\n  list-style-type: none;\n  cursor: default;\n}");export{e as default};
+var e={breadcrumbMenuWrapper:"breadcrumbMenuWrapper_292465514b"};!function(e){const n="s_id-fc5ae89c4b65_3_60_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)}(".breadcrumbMenuWrapper_292465514b {\n  display: inline-flex;\n  overflow: hidden;\n  list-style-type: none;\n  cursor: default;\n}");export{e as default};
 //# sourceMappingURL=BreadcrumbsMenu.module.scss.js.map

package/dist/src/components/BreadcrumbsBar/BreadcrumbsBar.js

@@ -1,2 +1,2 @@
-import t from"react";import e from"classnames";import{getTestId as r,ComponentDefaultTestId as a}from"../../tests/testIds.js";import{BreadcrumbsBarType as s}from"./BreadcrumbsConstants.js";import{withStaticPropsWithoutForwardRef as i}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import o from"./BreadcrumbsBar.module.scss.js";import n from"../../../icons/dist/react/NavigationChevronRight.js";var m=i((function(s){var i=s.children,m=s.type,l=void 0===m?"indication":m,c=s.id,d=s["data-testid"];return t.createElement("nav",{"aria-label":"Breadcrumb",className:e(o.breadcrumbsBar,s.className),id:c,"data-testid":d||r(a.BREADCRUMBS_BAR,c)},t.createElement("ol",null,i&&t.Children.map(i,(function(e,r){return t.isValidElement(e)?[r>0&&t.createElement(n,{className:o.separatorIcon,size:"14","aria-hidden":"true"}),t.cloneElement(e,Object.assign(Object.assign({},null==e?void 0:e.props),{isClickable:"indication"!==l}))]:null}))))}),{types:s});export{m as default};
+import t from"react";import e from"classnames";import{getTestId as s,ComponentDefaultTestId as a}from"../../tests/testIds.js";import{BreadcrumbsBarType as r}from"./BreadcrumbsConstants.js";import{withStaticPropsWithoutForwardRef as i}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import o from"./BreadcrumbsBar.module.scss.js";import{ComponentVibeId as n}from"../../tests/constants.js";import m from"../../../icons/dist/react/NavigationChevronRight.js";var c=i((function(r){var i=r.children,c=r.type,l=void 0===c?"indication":c,d=r.id,p=r["data-testid"];return t.createElement("nav",{"aria-label":"Breadcrumb",className:e(o.breadcrumbsBar,r.className),id:d,"data-testid":p||s(a.BREADCRUMBS_BAR,d),"data-vibe":n.BREADCRUMBS_BAR},t.createElement("ol",null,i&&t.Children.map(i,(function(e,s){return t.isValidElement(e)?[s>0&&t.createElement(m,{className:o.separatorIcon,size:"14","aria-hidden":"true"}),t.cloneElement(e,Object.assign(Object.assign({},null==e?void 0:e.props),{isClickable:"indication"!==l}))]:null}))))}),{types:r});export{c as default};
 //# sourceMappingURL=BreadcrumbsBar.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BreadcrumbsBar.js","sources":["../../../../src/components/BreadcrumbsBar/BreadcrumbsBar.tsx"],"sourcesContent":["import React, { type ReactElement } from \"react\";\nimport cx from \"classnames\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { NavigationChevronRight } from \"@vibe/icons\";\nimport { BreadcrumbsBarType as BreadcrumbsBarTypeEnum } from \"./BreadcrumbsConstants\";\nimport { type BreadcrumbsBarType } from \"./Breadcrumbs.types\";\nimport { type BreadcrumbItemProps } from \"./BreadcrumbItem/BreadcrumbItem\";\nimport { type VibeComponentProps, withStaticPropsWithoutForwardRef } from \"../../types\";\nimport styles from \"./BreadcrumbsBar.module.scss\";\nimport { type BreadcrumbMenuProps } from \"./BreadcrumbMenu/BreadcrumbMenu\";\n\nexport interface BreadcrumbBarProps extends VibeComponentProps {\n  /**\n   * The type of the breadcrumb bar, determining if it is navigational or for indication only.\n   */\n  type: BreadcrumbsBarType;\n  /**\n   * The breadcrumb items displayed in the bar.\n   */\n  children:\n    | ReactElement<BreadcrumbItemProps | BreadcrumbMenuProps>\n    | ReactElement<BreadcrumbItemProps | BreadcrumbMenuProps>[];\n}\n\nconst BreadcrumbsBar = ({\n  className,\n  children,\n  type = \"indication\",\n  id,\n  \"data-testid\": dataTestId\n}: BreadcrumbBarProps) => (\n  <nav\n    aria-label=\"Breadcrumb\"\n    className={cx(styles.breadcrumbsBar, className)}\n    id={id}\n    data-testid={dataTestId || getTestId(ComponentDefaultTestId.BREADCRUMBS_BAR, id)}\n  >\n    <ol>\n      {children &&\n        React.Children.map(children, (child, index) =>\n          React.isValidElement(child)\n            ? [\n                index > 0 && <NavigationChevronRight className={styles.separatorIcon} size=\"14\" aria-hidden=\"true\" />,\n                React.cloneElement(child, {\n                  ...child?.props,\n                  isClickable: type !== \"indication\"\n                })\n              ]\n            : null\n        )}\n    </ol>\n  </nav>\n);\n\ninterface BreadcrumbsBarStaticProps {\n  types: typeof BreadcrumbsBarTypeEnum;\n}\n\nexport default withStaticPropsWithoutForwardRef<BreadcrumbBarProps, BreadcrumbsBarStaticProps>(BreadcrumbsBar, {\n  types: BreadcrumbsBarTypeEnum\n});\n"],"names":["withStaticPropsWithoutForwardRef","_ref","children","_ref$type","type","id","dataTestId","React","createElement","className","cx","styles","breadcrumbsBar","getTestId","ComponentDefaultTestId","BREADCRUMBS_BAR","Children","map","child","index","isValidElement","NavigationChevronRight","separatorIcon","size","cloneElement","Object","assign","props","isClickable","types","BreadcrumbsBarTypeEnum"],"mappings":"waAwBA,IAkCeA,EAAAA,GAlCQ,SAAHC,GAAA,IAElBC,EAAQD,EAARC,SAAQC,EAAAF,EACRG,KAAAA,OAAO,IAAHD,EAAG,aAAYA,EACnBE,EAAEJ,EAAFI,GACeC,EAAUL,EAAzB,eAAa,OAEbM,EACaC,cAAA,MAAA,CAAA,aAAA,aACXC,UAAWC,EAAGC,EAAOC,eARdX,EAATQ,WASEJ,GAAIA,EAAE,cACOC,GAAcO,EAAUC,EAAuBC,gBAAiBV,IAE7EE,EAAAC,cAAA,KAAA,KACGN,GACCK,EAAMS,SAASC,IAAIf,GAAU,SAACgB,EAAOC,GAAK,OACxCZ,EAAMa,eAAeF,GACjB,CACEC,EAAQ,GAAKZ,EAACC,cAAAa,GAAuBZ,UAAWE,EAAOW,cAAeC,KAAK,KAAI,cAAa,SAC5FhB,EAAMiB,aAAaN,EACdO,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAR,aAAK,EAALA,EAAOS,OACV,CAAAC,YAAsB,eAATxB,MAGjB,IAAI,KAGV,GAOuG,CAC7GyB,MAAOC"}
+{"version":3,"file":"BreadcrumbsBar.js","sources":["../../../../src/components/BreadcrumbsBar/BreadcrumbsBar.tsx"],"sourcesContent":["import React, { type ReactElement } from \"react\";\nimport cx from \"classnames\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { NavigationChevronRight } from \"@vibe/icons\";\nimport { BreadcrumbsBarType as BreadcrumbsBarTypeEnum } from \"./BreadcrumbsConstants\";\nimport { type BreadcrumbsBarType } from \"./Breadcrumbs.types\";\nimport { type BreadcrumbItemProps } from \"./BreadcrumbItem/BreadcrumbItem\";\nimport { type VibeComponentProps, withStaticPropsWithoutForwardRef } from \"../../types\";\nimport styles from \"./BreadcrumbsBar.module.scss\";\nimport { type BreadcrumbMenuProps } from \"./BreadcrumbMenu/BreadcrumbMenu\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nexport interface BreadcrumbBarProps extends VibeComponentProps {\n  /**\n   * The type of the breadcrumb bar, determining if it is navigational or for indication only.\n   */\n  type: BreadcrumbsBarType;\n  /**\n   * The breadcrumb items displayed in the bar.\n   */\n  children:\n    | ReactElement<BreadcrumbItemProps | BreadcrumbMenuProps>\n    | ReactElement<BreadcrumbItemProps | BreadcrumbMenuProps>[];\n}\n\nconst BreadcrumbsBar = ({\n  className,\n  children,\n  type = \"indication\",\n  id,\n  \"data-testid\": dataTestId\n}: BreadcrumbBarProps) => (\n  <nav\n    aria-label=\"Breadcrumb\"\n    className={cx(styles.breadcrumbsBar, className)}\n    id={id}\n    data-testid={dataTestId || getTestId(ComponentDefaultTestId.BREADCRUMBS_BAR, id)}\n    data-vibe={ComponentVibeId.BREADCRUMBS_BAR}\n  >\n    <ol>\n      {children &&\n        React.Children.map(children, (child, index) =>\n          React.isValidElement(child)\n            ? [\n                index > 0 && <NavigationChevronRight className={styles.separatorIcon} size=\"14\" aria-hidden=\"true\" />,\n                React.cloneElement(child, {\n                  ...child?.props,\n                  isClickable: type !== \"indication\"\n                })\n              ]\n            : null\n        )}\n    </ol>\n  </nav>\n);\n\ninterface BreadcrumbsBarStaticProps {\n  types: typeof BreadcrumbsBarTypeEnum;\n}\n\nexport default withStaticPropsWithoutForwardRef<BreadcrumbBarProps, BreadcrumbsBarStaticProps>(BreadcrumbsBar, {\n  types: BreadcrumbsBarTypeEnum\n});\n"],"names":["withStaticPropsWithoutForwardRef","_ref","children","_ref$type","type","id","dataTestId","React","createElement","className","cx","styles","breadcrumbsBar","getTestId","ComponentDefaultTestId","BREADCRUMBS_BAR","ComponentVibeId","Children","map","child","index","isValidElement","NavigationChevronRight","separatorIcon","size","cloneElement","Object","assign","props","isClickable","types","BreadcrumbsBarTypeEnum"],"mappings":"meAyBA,IAmCeA,EAAAA,GAnCQ,SAAHC,GAAA,IAElBC,EAAQD,EAARC,SAAQC,EAAAF,EACRG,KAAAA,OAAO,IAAHD,EAAG,aAAYA,EACnBE,EAAEJ,EAAFI,GACeC,EAAUL,EAAzB,eAAa,OAEbM,EACaC,cAAA,MAAA,CAAA,aAAA,aACXC,UAAWC,EAAGC,EAAOC,eARdX,EAATQ,WASEJ,GAAIA,EAAE,cACOC,GAAcO,EAAUC,EAAuBC,gBAAiBV,GAAG,YACrEW,EAAgBD,iBAE3BR,EAAAC,cAAA,KAAA,KACGN,GACCK,EAAMU,SAASC,IAAIhB,GAAU,SAACiB,EAAOC,GAAK,OACxCb,EAAMc,eAAeF,GACjB,CACEC,EAAQ,GAAKb,EAACC,cAAAc,GAAuBb,UAAWE,EAAOY,cAAeC,KAAK,KAAI,cAAa,SAC5FjB,EAAMkB,aAAaN,EACdO,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAR,aAAK,EAALA,EAAOS,OACV,CAAAC,YAAsB,eAATzB,MAGjB,IAAI,KAGV,GAOuG,CAC7G0B,MAAOC"}

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

@@ -1,2 +1,2 @@
-var e={breadcrumbsBar:"breadcrumbsBar_498c94bc2a",separatorIcon:"separatorIcon_2769fab9b3"};!function(e){const n="s_id-24567fd55d40_3_58_4";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,r.firstChild?r.insertBefore(a,r.firstChild):r.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".breadcrumbsBar_498c94bc2a ol {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  white-space: nowrap;\n}\n\n.breadcrumbsBar_498c94bc2a ol .separatorIcon_2769fab9b3 {\n  color: var(--secondary-text-color);\n  flex-shrink: 0;\n}");export{e as default};
+var e={breadcrumbsBar:"breadcrumbsBar_14f3a3b3c0",separatorIcon:"separatorIcon_2d132ebc4c"};!function(e){const n="s_id-24567fd55d40_3_60_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)}(".breadcrumbsBar_14f3a3b3c0 ol {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  white-space: nowrap;\n}\n\n.breadcrumbsBar_14f3a3b3c0 ol .separatorIcon_2d132ebc4c {\n  color: var(--secondary-text-color);\n  flex-shrink: 0;\n}");export{e as default};
 //# sourceMappingURL=BreadcrumbsBar.module.scss.js.map