@vibe/core 3.36.0-alpha-94da6.0 → 3.36.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, { AriaRole, useCallback, useMemo } from \"react\";\nimport { isNil } from \"lodash-es\";\nimport { ElementAllowedColor as ElementAllowedColorEnum } from \"../../utils/colors-vars-map\";\nimport { ElementAllowedColor, getElementColor } from \"../../types/Colors\";\nimport { AvatarSize as AvatarSizeEnum, AvatarType as AvatarTypeEnum } from \"./AvatarConstants\";\nimport { AvatarSize, AvatarType } from \"./Avatar.types\";\nimport { AvatarBadge, AvatarBadgeProps } from \"./AvatarBadge\";\nimport { AvatarContent } from \"./AvatarContent\";\nimport Tooltip, { TooltipProps } from \"../Tooltip/Tooltip\";\nimport ClickableWrapper from \"../Clickable/ClickableWrapper\";\nimport { SubIcon, VibeComponentProps, withStaticProps } from \"../../types\";\nimport styles from \"./Avatar.module.scss\";\n\nexport interface AvatarProps extends VibeComponentProps {\n  src?: string;\n  text?: string;\n  /**\n   * Props passed to the Tooltip component. See full options in the [Tooltip documentation](/?path=/docs/components-tooltip--docs).\n   */\n  tooltipProps?: Partial<TooltipProps>;\n  ariaLabel?: string;\n  withoutTooltip?: boolean;\n  icon?: SubIcon;\n  type?: AvatarType;\n  /** Class name for the avatar content of text type */\n  textClassName?: string;\n  /** Class name for a div-wrapper of avatar content */\n  avatarContentWrapperClassName?: string;\n  backgroundColor?: ElementAllowedColor;\n  customBackgroundColor?: string;\n  role?: AriaRole;\n  size?: AvatarSize;\n  customSize?: number;\n  tabIndex?: number;\n  ariaHidden?: boolean;\n  disabled?: boolean;\n  square?: boolean;\n  topLeftBadgeProps?: AvatarBadgeProps;\n  topRightBadgeProps?: AvatarBadgeProps;\n  bottomLeftBadgeProps?: AvatarBadgeProps;\n  bottomRightBadgeProps?: AvatarBadgeProps;\n  withoutBorder?: boolean;\n  onClick?: (event: React.MouseEvent | React.KeyboardEvent, avatarId: string) => void;\n}\n\nconst Avatar: React.FC<AvatarProps> & {\n  types?: typeof AvatarTypeEnum;\n  sizes?: typeof AvatarSizeEnum;\n  colors?: typeof ElementAllowedColorEnum;\n  backgroundColors?: typeof ElementAllowedColorEnum;\n} = ({\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\nexport default withStaticProps(Avatar, {\n  types: AvatarTypeEnum,\n  sizes: AvatarSizeEnum,\n  colors: ElementAllowedColorEnum,\n  backgroundColors: ElementAllowedColorEnum\n});\n"],"names":["withStaticProps","_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":"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"}
+{"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, { AriaRole, useCallback, useMemo } from \"react\";\nimport { isNil } from \"lodash-es\";\nimport { ElementAllowedColor as ElementAllowedColorEnum } from \"../../utils/colors-vars-map\";\nimport { ElementAllowedColor, getElementColor } from \"../../types/Colors\";\nimport { AvatarSize as AvatarSizeEnum, AvatarType as AvatarTypeEnum } from \"./AvatarConstants\";\nimport { AvatarSize, AvatarType } from \"./Avatar.types\";\nimport { AvatarBadge, AvatarBadgeProps } from \"./AvatarBadge\";\nimport { AvatarContent } from \"./AvatarContent\";\nimport Tooltip, { TooltipProps } from \"../Tooltip/Tooltip\";\nimport ClickableWrapper from \"../Clickable/ClickableWrapper\";\nimport { SubIcon, VibeComponentProps, withStaticProps } 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: React.FC<AvatarProps> & {\n  types?: typeof AvatarTypeEnum;\n  sizes?: typeof AvatarSizeEnum;\n  colors?: typeof ElementAllowedColorEnum;\n  backgroundColors?: typeof ElementAllowedColorEnum;\n} = ({\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\nexport default withStaticProps(Avatar, {\n  types: AvatarTypeEnum,\n  sizes: AvatarSizeEnum,\n  colors: ElementAllowedColorEnum,\n  backgroundColors: ElementAllowedColorEnum\n});\n"],"names":["withStaticProps","_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":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"AvatarBadge.js","sources":["../../../../src/components/Avatar/AvatarBadge.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 from \"react\";\nimport CustomSvgIcon from \"../Icon/CustomSvgIcon/CustomSvgIcon\";\nimport { AvatarSize as AvatarSizeEnum } from \"./AvatarConstants\";\nimport { AvatarSize } from \"./Avatar.types\";\nimport VibeComponentProps from \"../../types/VibeComponentProps\";\nimport styles from \"./AvatarBadge.module.scss\";\nimport Icon from \"../Icon/Icon\";\nimport { SubIcon } from \"../../types\";\n\nexport interface AvatarBadgeProps extends VibeComponentProps {\n  src?: string;\n  /**\n   * Use to provide SVG Components\n   */\n  icon?: SubIcon;\n  tabIndex?: string | number;\n  className?: string;\n  size?: AvatarSize;\n}\n\nexport const AvatarBadge: React.FC<AvatarBadgeProps> & {\n  sizes?: typeof AvatarSizeEnum;\n} = ({\n  src,\n  icon,\n  tabIndex = 0,\n  className,\n  size = \"large\",\n  id,\n  \"data-testid\": dataTestId,\n  ...otherProps\n}: AvatarBadgeProps) => {\n  const classNames = cx(getStyle(styles, camelCase(\"badge--\" + size)), className);\n  const testId = dataTestId || getTestId(ComponentDefaultTestId.AVATAR_BADGE, id);\n\n  if (icon) {\n    return <Icon icon={icon} className={classNames} {...otherProps} data-testid={testId} />;\n  }\n\n  return src ? (\n    <CustomSvgIcon src={src} className={classNames} clickable={tabIndex === -1} {...otherProps} data-testid={testId} />\n  ) : null;\n};\n\nObject.assign(AvatarBadge, {\n  sizes: AvatarSizeEnum\n});\n"],"names":["AvatarBadge","_a","src","icon","_a$tabIndex","tabIndex","className","_a$size","size","id","dataTestId","otherProps","__rest","classNames","cx","getStyle","styles","camelCase","testId","getTestId","ComponentDefaultTestId","AVATAR_BADGE","React","createElement","Icon","Object","assign","CustomSvgIcon","clickable","sizes","AvatarSizeEnum"],"mappings":"sdAwBaA,EAET,SAACC,OACHC,IAAAA,IACAC,IAAAA,KAAIC,IACJC,SAAAA,OAAW,IAAHD,EAAG,EAACA,EACZE,IAAAA,UAASC,IACTC,KAAAA,OAAO,IAAHD,EAAG,QAAOA,EACdE,IAAAA,GACeC,IAAf,eACGC,EARAC,EAAAX,EAAA,CAAA,MAAA,OAAA,WAAA,YAAA,OAAA,KAAA,gBAUGY,EAAaC,EAAGC,EAASC,EAAQC,EAAU,UAAYT,IAAQF,GAC/DY,EAASR,GAAcS,EAAUC,EAAuBC,aAAcZ,GAE5E,OAAIN,EACKmB,EAACC,cAAAC,EAAKC,OAAAC,OAAA,CAAAvB,KAAMA,EAAMG,UAAWO,GAAgBF,EAAyB,CAAA,cAAAO,KAGxEhB,EACLoB,EAACC,cAAAI,EAAcF,OAAAC,OAAA,CAAAxB,IAAKA,EAAKI,UAAWO,EAAYe,WAAyB,IAAdvB,GAAqBM,EAAU,CAAA,cAAeO,KACvG,IACN,EAEAO,OAAOC,OAAO1B,EAAa,CACzB6B,MAAOC"}
+{"version":3,"file":"AvatarBadge.js","sources":["../../../../src/components/Avatar/AvatarBadge.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 from \"react\";\nimport CustomSvgIcon from \"../Icon/CustomSvgIcon/CustomSvgIcon\";\nimport { AvatarSize as AvatarSizeEnum } from \"./AvatarConstants\";\nimport { AvatarSize } from \"./Avatar.types\";\nimport VibeComponentProps from \"../../types/VibeComponentProps\";\nimport styles from \"./AvatarBadge.module.scss\";\nimport Icon from \"../Icon/Icon\";\nimport { SubIcon } from \"../../types\";\n\nexport interface AvatarBadgeProps extends VibeComponentProps {\n  /**\n   * The image source for the badge.\n   */\n  src?: string;\n  /**\n   * The icon displayed inside the badge.\n   */\n  icon?: SubIcon;\n  /**\n   * The tab index of the badge.\n   */\n  tabIndex?: string | number;\n  /**\n   * The size of the badge.\n   */\n  size?: AvatarSize;\n}\n\nexport const AvatarBadge: React.FC<AvatarBadgeProps> & {\n  sizes?: typeof AvatarSizeEnum;\n} = ({\n  src,\n  icon,\n  tabIndex = 0,\n  className,\n  size = \"large\",\n  id,\n  \"data-testid\": dataTestId,\n  ...otherProps\n}: AvatarBadgeProps) => {\n  const classNames = cx(getStyle(styles, camelCase(\"badge--\" + size)), className);\n  const testId = dataTestId || getTestId(ComponentDefaultTestId.AVATAR_BADGE, id);\n\n  if (icon) {\n    return <Icon icon={icon} className={classNames} {...otherProps} data-testid={testId} />;\n  }\n\n  return src ? (\n    <CustomSvgIcon src={src} className={classNames} clickable={tabIndex === -1} {...otherProps} data-testid={testId} />\n  ) : null;\n};\n\nObject.assign(AvatarBadge, {\n  sizes: AvatarSizeEnum\n});\n"],"names":["AvatarBadge","_a","src","icon","_a$tabIndex","tabIndex","className","_a$size","size","id","dataTestId","otherProps","__rest","classNames","cx","getStyle","styles","camelCase","testId","getTestId","ComponentDefaultTestId","AVATAR_BADGE","React","createElement","Icon","Object","assign","CustomSvgIcon","clickable","sizes","AvatarSizeEnum"],"mappings":"sdAgCaA,EAET,SAACC,OACHC,IAAAA,IACAC,IAAAA,KAAIC,IACJC,SAAAA,OAAW,IAAHD,EAAG,EAACA,EACZE,IAAAA,UAASC,IACTC,KAAAA,OAAO,IAAHD,EAAG,QAAOA,EACdE,IAAAA,GACeC,IAAf,eACGC,EARAC,EAAAX,EAAA,CAAA,MAAA,OAAA,WAAA,YAAA,OAAA,KAAA,gBAUGY,EAAaC,EAAGC,EAASC,EAAQC,EAAU,UAAYT,IAAQF,GAC/DY,EAASR,GAAcS,EAAUC,EAAuBC,aAAcZ,GAE5E,OAAIN,EACKmB,EAACC,cAAAC,EAAKC,OAAAC,OAAA,CAAAvB,KAAMA,EAAMG,UAAWO,GAAgBF,EAAyB,CAAA,cAAAO,KAGxEhB,EACLoB,EAACC,cAAAI,EAAcF,OAAAC,OAAA,CAAAxB,IAAKA,EAAKI,UAAWO,EAAYe,WAAyB,IAAdvB,GAAqBM,EAAU,CAAA,cAAeO,KACvG,IACN,EAEAO,OAAOC,OAAO1B,EAAa,CACzB6B,MAAOC"}

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

@@ -1 +1 @@
-{"version":3,"file":"AvatarContent.js","sources":["../../../../src/components/Avatar/AvatarContent.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 from \"react\";\nimport { AvatarSize as AvatarSizeEnum, AvatarType as AvatarTypeEnum } from \"./AvatarConstants\";\nimport { AvatarSize, AvatarType } from \"./Avatar.types\";\nimport Icon from \"../Icon/Icon\";\nimport { SubIcon, VibeComponentProps } from \"../../types\";\nimport styles from \"./AvatarContent.module.scss\";\n\nexport interface AvatarContentProps extends VibeComponentProps {\n  src?: string;\n  type?: AvatarType;\n  size?: AvatarSize;\n  role?: string;\n  ariaLabel?: string;\n  /** we support two types of icons - SVG and FONT (classname) so this prop is either the name of the icon or the component */\n  icon?: SubIcon;\n  textClassName?: string;\n  text?: string;\n}\n\nexport const AvatarContent: React.FC<AvatarContentProps> & {\n  sizes?: typeof AvatarSizeEnum;\n  types?: typeof AvatarTypeEnum;\n} = ({\n  type = \"text\",\n  src,\n  icon,\n  text,\n  ariaLabel,\n  role,\n  size = \"large\",\n  textClassName = \"\",\n  id,\n  \"data-testid\": dataTestId\n}: AvatarContentProps) => {\n  const className = cx(\n    getStyle(styles, camelCase(\"content_\" + type)),\n    getStyle(styles, camelCase(\"content_\" + type + \"--\" + size))\n  );\n  switch (type) {\n    case \"img\":\n      return (\n        <img\n          role={role}\n          alt={ariaLabel}\n          src={src}\n          className={className}\n          id={id}\n          data-testid={dataTestId || getTestId(ComponentDefaultTestId.AVATAR_CONTENT, id)}\n        />\n      );\n    case \"icon\":\n      return (\n        <Icon\n          icon={icon}\n          aria-label={ariaLabel}\n          // role={role}\n          className={className}\n          ariaHidden={false}\n          id={id}\n          data-testid={dataTestId || getTestId(ComponentDefaultTestId.AVATAR_CONTENT, id)}\n        />\n      );\n    case \"text\":\n      return (\n        <span\n          aria-label={ariaLabel}\n          role={role}\n          className={cx(className, textClassName)}\n          id={id}\n          data-testid={dataTestId || getTestId(ComponentDefaultTestId.AVATAR_CONTENT, id)}\n        >\n          {text}\n        </span>\n      );\n    default:\n      return null;\n  }\n};\n\nObject.assign(AvatarContent, {\n  types: AvatarTypeEnum,\n  sizes: AvatarSizeEnum\n});\n"],"names":["AvatarContent","_ref","_ref$type","type","src","icon","text","ariaLabel","role","_ref$size","size","_ref$textClassName","textClassName","id","dataTestId","className","cx","getStyle","styles","camelCase","React","createElement","alt","getTestId","ComponentDefaultTestId","AVATAR_CONTENT","Icon","ariaHidden","Object","assign","types","AvatarTypeEnum","sizes","AvatarSizeEnum"],"mappings":"6XAuBaA,EAGT,SAHsBC,GAcD,IAAAC,EAAAD,EAVvBE,KAAAA,OAAO,IAAHD,EAAG,OAAMA,EACbE,EAAGH,EAAHG,IACAC,EAAIJ,EAAJI,KACAC,EAAIL,EAAJK,KACAC,EAASN,EAATM,UACAC,EAAIP,EAAJO,KAAIC,EAAAR,EACJS,KAAAA,OAAO,IAAHD,EAAG,QAAOA,EAAAE,EAAAV,EACdW,cAAAA,OAAgB,IAAHD,EAAG,GAAEA,EAClBE,EAAEZ,EAAFY,GACeC,EAAUb,EAAzB,eAEMc,EAAYC,EAChBC,EAASC,EAAQC,EAAU,WAAahB,IACxCc,EAASC,EAAQC,EAAU,WAAahB,EAAO,KAAOO,KAExD,OAAQP,GACN,IAAK,MACH,OACEiB,EAAAC,cAAA,MAAA,CACEb,KAAMA,EACNc,IAAKf,EACLH,IAAKA,EACLW,UAAWA,EACXF,GAAIA,EACS,cAAAC,GAAcS,EAAUC,EAAuBC,eAAgBZ,KAGlF,IAAK,OACH,OACEO,gBAACM,EAAI,CACHrB,KAAMA,eACME,EAEZQ,UAAWA,EACXY,YAAY,EACZd,GAAIA,EAAE,cACOC,GAAcS,EAAUC,EAAuBC,eAAgBZ,KAGlF,IAAK,OACH,OACEO,EAAAC,cAAA,OAAA,CAAA,aACcd,EACZC,KAAMA,EACNO,UAAWC,EAAGD,EAAWH,GACzBC,GAAIA,EACS,cAAAC,GAAcS,EAAUC,EAAuBC,eAAgBZ,IAE3EP,GAGP,QACE,OAAO,KAEb,EAEAsB,OAAOC,OAAO7B,EAAe,CAC3B8B,MAAOC,EACPC,MAAOC"}
+{"version":3,"file":"AvatarContent.js","sources":["../../../../src/components/Avatar/AvatarContent.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 from \"react\";\nimport { AvatarSize as AvatarSizeEnum, AvatarType as AvatarTypeEnum } from \"./AvatarConstants\";\nimport { AvatarSize, AvatarType } from \"./Avatar.types\";\nimport Icon from \"../Icon/Icon\";\nimport { SubIcon, VibeComponentProps } from \"../../types\";\nimport styles from \"./AvatarContent.module.scss\";\n\nexport interface AvatarContentProps extends VibeComponentProps {\n  /**\n   * The image source when the type is set to `img`.\n   */\n  src?: string;\n  /**\n   * The type of content displayed inside the avatar.\n   */\n  type?: AvatarType;\n  /**\n   * The size of the avatar content.\n   */\n  size?: AvatarSize;\n  /**\n   * The ARIA role of the content.\n   */\n  role?: string;\n  /**\n   * The label of the content for accessibility.\n   */\n  ariaLabel?: string;\n  /**\n   * The icon displayed when the type is set to `icon`.\n   */\n  icon?: SubIcon;\n  /**\n   * Class name applied to the text content.\n   */\n  textClassName?: string;\n  /**\n   * The text displayed when the type is set to `text`.\n   */\n  text?: string;\n}\n\nexport const AvatarContent: React.FC<AvatarContentProps> & {\n  sizes?: typeof AvatarSizeEnum;\n  types?: typeof AvatarTypeEnum;\n} = ({\n  type = \"text\",\n  src,\n  icon,\n  text,\n  ariaLabel,\n  role,\n  size = \"large\",\n  textClassName = \"\",\n  id,\n  \"data-testid\": dataTestId\n}: AvatarContentProps) => {\n  const className = cx(\n    getStyle(styles, camelCase(\"content_\" + type)),\n    getStyle(styles, camelCase(\"content_\" + type + \"--\" + size))\n  );\n  switch (type) {\n    case \"img\":\n      return (\n        <img\n          role={role}\n          alt={ariaLabel}\n          src={src}\n          className={className}\n          id={id}\n          data-testid={dataTestId || getTestId(ComponentDefaultTestId.AVATAR_CONTENT, id)}\n        />\n      );\n    case \"icon\":\n      return (\n        <Icon\n          icon={icon}\n          aria-label={ariaLabel}\n          // role={role}\n          className={className}\n          ariaHidden={false}\n          id={id}\n          data-testid={dataTestId || getTestId(ComponentDefaultTestId.AVATAR_CONTENT, id)}\n        />\n      );\n    case \"text\":\n      return (\n        <span\n          aria-label={ariaLabel}\n          role={role}\n          className={cx(className, textClassName)}\n          id={id}\n          data-testid={dataTestId || getTestId(ComponentDefaultTestId.AVATAR_CONTENT, id)}\n        >\n          {text}\n        </span>\n      );\n    default:\n      return null;\n  }\n};\n\nObject.assign(AvatarContent, {\n  types: AvatarTypeEnum,\n  sizes: AvatarSizeEnum\n});\n"],"names":["AvatarContent","_ref","_ref$type","type","src","icon","text","ariaLabel","role","_ref$size","size","_ref$textClassName","textClassName","id","dataTestId","className","cx","getStyle","styles","camelCase","React","createElement","alt","getTestId","ComponentDefaultTestId","AVATAR_CONTENT","Icon","ariaHidden","Object","assign","types","AvatarTypeEnum","sizes","AvatarSizeEnum"],"mappings":"6XA8CaA,EAGT,SAHsBC,GAcD,IAAAC,EAAAD,EAVvBE,KAAAA,OAAO,IAAHD,EAAG,OAAMA,EACbE,EAAGH,EAAHG,IACAC,EAAIJ,EAAJI,KACAC,EAAIL,EAAJK,KACAC,EAASN,EAATM,UACAC,EAAIP,EAAJO,KAAIC,EAAAR,EACJS,KAAAA,OAAO,IAAHD,EAAG,QAAOA,EAAAE,EAAAV,EACdW,cAAAA,OAAgB,IAAHD,EAAG,GAAEA,EAClBE,EAAEZ,EAAFY,GACeC,EAAUb,EAAzB,eAEMc,EAAYC,EAChBC,EAASC,EAAQC,EAAU,WAAahB,IACxCc,EAASC,EAAQC,EAAU,WAAahB,EAAO,KAAOO,KAExD,OAAQP,GACN,IAAK,MACH,OACEiB,EAAAC,cAAA,MAAA,CACEb,KAAMA,EACNc,IAAKf,EACLH,IAAKA,EACLW,UAAWA,EACXF,GAAIA,EACS,cAAAC,GAAcS,EAAUC,EAAuBC,eAAgBZ,KAGlF,IAAK,OACH,OACEO,gBAACM,EAAI,CACHrB,KAAMA,eACME,EAEZQ,UAAWA,EACXY,YAAY,EACZd,GAAIA,EAAE,cACOC,GAAcS,EAAUC,EAAuBC,eAAgBZ,KAGlF,IAAK,OACH,OACEO,EAAAC,cAAA,OAAA,CAAA,aACcd,EACZC,KAAMA,EACNO,UAAWC,EAAGD,EAAWH,GACzBC,GAAIA,EACS,cAAAC,GAAcS,EAAUC,EAAuBC,eAAgBZ,IAE3EP,GAGP,QACE,OAAO,KAEb,EAEAsB,OAAOC,OAAO7B,EAAe,CAC3B8B,MAAOC,EACPC,MAAOC"}

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

@@ -1 +1 @@
-{"version":3,"file":"AvatarGroup.js","sources":["../../../../src/components/AvatarGroup/AvatarGroup.tsx"],"sourcesContent":["import React, { ReactElement, useMemo } from \"react\";\nimport cx from \"classnames\";\nimport { AvatarProps } from \"../Avatar/Avatar\";\nimport AvatarGroupCounter from \"./AvatarGroupCounter\";\nimport VibeComponentProps from \"../../types/VibeComponentProps\";\nimport { AvatarSize, AvatarType } from \"../Avatar/Avatar.types\";\nimport { avatarOnClick } from \"./AvatarGroupHelper\";\nimport { TooltipProps } from \"../Tooltip/Tooltip\";\nimport styles from \"./AvatarGroup.module.scss\";\nimport { AvatarGroupCounterVisualProps } from \"./AvatarGroup.types\";\n\nexport interface AvatarGroupProps extends VibeComponentProps {\n  avatarClassName?: string;\n  /**\n   * Array of `Avatar` components\n   */\n  children?: ReactElement<AvatarProps> | ReactElement<AvatarProps>[];\n  size?: AvatarSize;\n  type?: AvatarType;\n  max?: number;\n  /**\n   * 4 `Counter.props` for customization + ariaLabelItemsName for specifying the \"items\" name in aria label\n   */\n  counterProps?: AvatarGroupCounterVisualProps;\n  /**\n   * Props passed to the Tooltip component. See full options in the [Tooltip documentation](/?path=/docs/components-tooltip--docs).\n   */\n  counterTooltipCustomProps?: Partial<TooltipProps>;\n  /**\n   * Using counter default tooltip virtualized list for rendering only visible items (performance optimization)\n   */\n  counterTooltipIsVirtualizedList?: boolean;\n  /**\n   * If true, the component will be 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":"uMAsCA,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, { ReactElement, useMemo } from \"react\";\nimport cx from \"classnames\";\nimport { AvatarProps } from \"../Avatar/Avatar\";\nimport AvatarGroupCounter from \"./AvatarGroupCounter\";\nimport VibeComponentProps from \"../../types/VibeComponentProps\";\nimport { AvatarSize, AvatarType } from \"../Avatar/Avatar.types\";\nimport { avatarOnClick } from \"./AvatarGroupHelper\";\nimport { TooltipProps } from \"../Tooltip/Tooltip\";\nimport styles from \"./AvatarGroup.module.scss\";\nimport { 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"}

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

@@ -1 +1 @@
-{"version":3,"file":"AvatarGroupCounter.js","sources":["../../../../src/components/AvatarGroup/AvatarGroupCounter.tsx"],"sourcesContent":["import React, { ReactElement, useCallback, useRef } from \"react\";\nimport cx from \"classnames\";\nimport { AvatarProps } from \"../Avatar/Avatar\";\nimport Counter from \"../Counter/Counter\";\nimport MenuButton from \"../MenuButton/MenuButton\";\nimport Menu from \"../Menu/Menu/Menu\";\nimport AvatarMenuItem from \"../Menu/MenuItem/AvatarMenuItem\";\nimport AvatarGroupCounterTooltipContainer from \"./AvatarGroupCounterTooltipContainer\";\nimport VibeComponentProps from \"../../types/VibeComponentProps\";\nimport { AvatarSize, AvatarType } from \"../Avatar/Avatar.types\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { AvatarGroupCounterVisualProps } from \"./AvatarGroup.types\";\nimport { TooltipProps } from \"../Tooltip/Tooltip\";\nimport { avatarOnClick } from \"./AvatarGroupHelper\";\nimport styles from \"./AvatarGroupCounter.module.scss\";\nimport { AVATAR_GROUP_COUNTER_AVATAR_SIZE } from \"./AvatarGroupConstants\";\n\nexport interface AvatarGroupCounterProps extends VibeComponentProps {\n  /**\n   * Array of Avatar elements\n   */\n  counterTooltipAvatars?: ReactElement<AvatarProps>[];\n  /**\n   * AvatarGroupCounterVisualProps: props for counter\n   */\n  counterProps?: AvatarGroupCounterVisualProps;\n  counterTooltipCustomProps?: Partial<TooltipProps>;\n  counterTooltipIsVirtualizedList?: boolean;\n  size?: AvatarSize;\n  type?: AvatarType;\n  counterAriaLabel?: string;\n  disabled?: boolean;\n}\n\nconst AvatarGroupCounter: React.FC<AvatarGroupCounterProps> = ({\n  counterTooltipAvatars = [],\n  counterProps,\n  counterTooltipCustomProps,\n  counterTooltipIsVirtualizedList = false,\n  size = \"medium\",\n  type,\n  counterAriaLabel,\n  disabled\n}: AvatarGroupCounterProps) => {\n  const {\n    color: counterColor = \"light\",\n    count: counterValue = counterTooltipAvatars.length,\n    prefix: counterPrefix = \"+\",\n    maxDigits: counterMaxDigits = 3,\n    ariaLabelItemsName: counterAriaLabelItemsName = \"items\",\n    noAnimation,\n    dialogContainerSelector,\n    tabIndex: counterTabIndex = 0\n  } = counterProps || {};\n\n  const counterSizeStyle = getStyle(styles, size?.toString());\n  const counterColorStyle = styles[counterColor];\n\n  const focusPrevPlaceholderRef = useRef(null);\n  const focusNextPlaceholderRef = useRef(null);\n  const counterContainerRef = useRef(null);\n  const counterComponent = useCallback(() => {\n    return (\n      <Counter\n        color={counterColor}\n        count={counterValue}\n        prefix={counterPrefix}\n        maxDigits={counterMaxDigits}\n        ariaLabel={counterAriaLabel ? counterAriaLabel : `Tab for more ${counterAriaLabelItemsName}`}\n        noAnimation={noAnimation}\n        counterClassName={cx({ [styles.disabled]: disabled })}\n        size={size === \"xs\" ? \"xs\" : undefined}\n      />\n    );\n  }, [\n    counterAriaLabel,\n    counterAriaLabelItemsName,\n    counterColor,\n    counterMaxDigits,\n    counterPrefix,\n    counterValue,\n    disabled,\n    noAnimation\n  ]);\n\n  if (!counterTooltipAvatars.length && !counterValue) {\n    return null;\n  }\n\n  if (disabled) {\n    return (\n      <div\n        ref={counterContainerRef}\n        className={cx(styles.counterContainer, styles.disabled, counterSizeStyle, counterColorStyle)}\n      >\n        {counterComponent()}\n      </div>\n    );\n  }\n\n  const areAvatarsClickable = counterTooltipAvatars.some(a => a.props?.onClick);\n  if (areAvatarsClickable) {\n    return (\n      <MenuButton\n        component={counterComponent}\n        zIndex={1}\n        className={cx(styles.counterContainer, counterSizeStyle, counterColorStyle)}\n        ariaLabel={counterAriaLabel ? counterAriaLabel : `${counterValue} additional ${counterAriaLabelItemsName}`}\n        dialogContainerSelector={dialogContainerSelector}\n      >\n        <Menu id=\"menu\" size={Menu.sizes.MEDIUM} className={styles.menu} focusItemIndexOnMount={0}>\n          {counterTooltipAvatars.map((avatar, index) => {\n            return (\n              // eslint-disable-next-line react/jsx-key\n              <AvatarMenuItem\n                menuItemProps={{\n                  key: avatar.props?.id || String(index),\n                  title: (avatar.props?.tooltipProps?.content as string) || avatar?.props?.ariaLabel,\n                  onClick: (event: React.MouseEvent | React.KeyboardEvent) => avatarOnClick(event, avatar.props)\n                }}\n                avatarProps={{\n                  ...avatar.props,\n                  customSize: AVATAR_GROUP_COUNTER_AVATAR_SIZE,\n                  ariaLabel: \"\",\n                  tabIndex: -1\n                }}\n              />\n            );\n          })}\n        </Menu>\n      </MenuButton>\n    );\n  }\n\n  return (\n    <AvatarGroupCounterTooltipContainer\n      focusPrevPlaceholderRef={focusPrevPlaceholderRef}\n      focusNextPlaceholderRef={focusNextPlaceholderRef}\n      counterContainerRef={counterContainerRef}\n      avatars={counterTooltipAvatars}\n      counterTooltipCustomProps={counterTooltipCustomProps}\n      counterTooltipIsVirtualizedList={counterTooltipIsVirtualizedList}\n      type={type}\n    >\n      <div tabIndex={-1} ref={focusPrevPlaceholderRef} />\n      {/* eslint-disable jsx-a11y/no-noninteractive-tabindex */}\n      <div\n        tabIndex={counterTabIndex}\n        className={cx(styles.counterContainer, counterSizeStyle, counterColorStyle)}\n        ref={counterContainerRef}\n      >\n        {/* eslint-enable jsx-a11y/no-noninteractive-tabindex */}\n        {counterComponent()}\n        <div tabIndex={-1} ref={focusNextPlaceholderRef} />\n      </div>\n    </AvatarGroupCounterTooltipContainer>\n  );\n};\n\nexport default AvatarGroupCounter;\n"],"names":["AvatarGroupCounter","_ref","_ref$counterTooltipAv","counterTooltipAvatars","counterTooltipCustomProps","_ref$counterTooltipIs","counterTooltipIsVirtualizedList","_ref$size","size","type","counterAriaLabel","disabled","_ref2","counterProps","_ref2$color","color","counterColor","_ref2$count","count","counterValue","length","_ref2$prefix","prefix","counterPrefix","_ref2$maxDigits","maxDigits","counterMaxDigits","_ref2$ariaLabelItemsN","ariaLabelItemsName","counterAriaLabelItemsName","noAnimation","dialogContainerSelector","_ref2$tabIndex","tabIndex","counterTabIndex","counterSizeStyle","getStyle","styles","counterColorStyle","focusPrevPlaceholderRef","useRef","focusNextPlaceholderRef","counterContainerRef","counterComponent","useCallback","React","createElement","Counter","ariaLabel","concat","counterClassName","cx","_defineProperty","undefined","ref","className","counterContainer","some","a","_a","props","onClick","MenuButton","component","zIndex","Menu","id","sizes","MEDIUM","menu","focusItemIndexOnMount","map","avatar","index","AvatarMenuItem","menuItemProps","key","String","title","_c","_b","tooltipProps","content","_d","event","avatarOnClick","avatarProps","customSize","AVATAR_GROUP_COUNTER_AVATAR_SIZE","AvatarGroupCounterTooltipContainer","avatars"],"mappings":"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"}
+{"version":3,"file":"AvatarGroupCounter.js","sources":["../../../../src/components/AvatarGroup/AvatarGroupCounter.tsx"],"sourcesContent":["import React, { ReactElement, useCallback, useRef } from \"react\";\nimport cx from \"classnames\";\nimport { AvatarProps } from \"../Avatar/Avatar\";\nimport Counter from \"../Counter/Counter\";\nimport MenuButton from \"../MenuButton/MenuButton\";\nimport Menu from \"../Menu/Menu/Menu\";\nimport AvatarMenuItem from \"../Menu/MenuItem/AvatarMenuItem\";\nimport AvatarGroupCounterTooltipContainer from \"./AvatarGroupCounterTooltipContainer\";\nimport VibeComponentProps from \"../../types/VibeComponentProps\";\nimport { AvatarSize, AvatarType } from \"../Avatar/Avatar.types\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { AvatarGroupCounterVisualProps } from \"./AvatarGroup.types\";\nimport { TooltipProps } from \"../Tooltip/Tooltip\";\nimport { avatarOnClick } from \"./AvatarGroupHelper\";\nimport styles from \"./AvatarGroupCounter.module.scss\";\nimport { AVATAR_GROUP_COUNTER_AVATAR_SIZE } from \"./AvatarGroupConstants\";\n\nexport interface AvatarGroupCounterProps extends VibeComponentProps {\n  /**\n   * The list of avatars hidden behind the counter.\n   */\n  counterTooltipAvatars?: ReactElement<AvatarProps>[];\n  /**\n   * Props for customizing the counter appearance.\n   */\n  counterProps?: AvatarGroupCounterVisualProps;\n  /**\n   * Props for customizing the counter tooltip.\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   * The size of the counter.\n   */\n  size?: AvatarSize;\n  /**\n   * The type of the avatars in the counter.\n   */\n  type?: AvatarType;\n  /**\n   * The label of the counter for accessibility.\n   */\n  counterAriaLabel?: string;\n  /**\n   * If true, the counter is disabled and non-interactive.\n   */\n  disabled?: boolean;\n}\n\nconst AvatarGroupCounter: React.FC<AvatarGroupCounterProps> = ({\n  counterTooltipAvatars = [],\n  counterProps,\n  counterTooltipCustomProps,\n  counterTooltipIsVirtualizedList = false,\n  size = \"medium\",\n  type,\n  counterAriaLabel,\n  disabled\n}: AvatarGroupCounterProps) => {\n  const {\n    color: counterColor = \"light\",\n    count: counterValue = counterTooltipAvatars.length,\n    prefix: counterPrefix = \"+\",\n    maxDigits: counterMaxDigits = 3,\n    ariaLabelItemsName: counterAriaLabelItemsName = \"items\",\n    noAnimation,\n    dialogContainerSelector,\n    tabIndex: counterTabIndex = 0\n  } = counterProps || {};\n\n  const counterSizeStyle = getStyle(styles, size?.toString());\n  const counterColorStyle = styles[counterColor];\n\n  const focusPrevPlaceholderRef = useRef(null);\n  const focusNextPlaceholderRef = useRef(null);\n  const counterContainerRef = useRef(null);\n  const counterComponent = useCallback(() => {\n    return (\n      <Counter\n        color={counterColor}\n        count={counterValue}\n        prefix={counterPrefix}\n        maxDigits={counterMaxDigits}\n        ariaLabel={counterAriaLabel ? counterAriaLabel : `Tab for more ${counterAriaLabelItemsName}`}\n        noAnimation={noAnimation}\n        counterClassName={cx({ [styles.disabled]: disabled })}\n        size={size === \"xs\" ? \"xs\" : undefined}\n      />\n    );\n  }, [\n    counterAriaLabel,\n    counterAriaLabelItemsName,\n    counterColor,\n    counterMaxDigits,\n    counterPrefix,\n    counterValue,\n    disabled,\n    noAnimation\n  ]);\n\n  if (!counterTooltipAvatars.length && !counterValue) {\n    return null;\n  }\n\n  if (disabled) {\n    return (\n      <div\n        ref={counterContainerRef}\n        className={cx(styles.counterContainer, styles.disabled, counterSizeStyle, counterColorStyle)}\n      >\n        {counterComponent()}\n      </div>\n    );\n  }\n\n  const areAvatarsClickable = counterTooltipAvatars.some(a => a.props?.onClick);\n  if (areAvatarsClickable) {\n    return (\n      <MenuButton\n        component={counterComponent}\n        zIndex={1}\n        className={cx(styles.counterContainer, counterSizeStyle, counterColorStyle)}\n        ariaLabel={counterAriaLabel ? counterAriaLabel : `${counterValue} additional ${counterAriaLabelItemsName}`}\n        dialogContainerSelector={dialogContainerSelector}\n      >\n        <Menu id=\"menu\" size={Menu.sizes.MEDIUM} className={styles.menu} focusItemIndexOnMount={0}>\n          {counterTooltipAvatars.map((avatar, index) => {\n            return (\n              // eslint-disable-next-line react/jsx-key\n              <AvatarMenuItem\n                menuItemProps={{\n                  key: avatar.props?.id || String(index),\n                  title: (avatar.props?.tooltipProps?.content as string) || avatar?.props?.ariaLabel,\n                  onClick: (event: React.MouseEvent | React.KeyboardEvent) => avatarOnClick(event, avatar.props)\n                }}\n                avatarProps={{\n                  ...avatar.props,\n                  customSize: AVATAR_GROUP_COUNTER_AVATAR_SIZE,\n                  ariaLabel: \"\",\n                  tabIndex: -1\n                }}\n              />\n            );\n          })}\n        </Menu>\n      </MenuButton>\n    );\n  }\n\n  return (\n    <AvatarGroupCounterTooltipContainer\n      focusPrevPlaceholderRef={focusPrevPlaceholderRef}\n      focusNextPlaceholderRef={focusNextPlaceholderRef}\n      counterContainerRef={counterContainerRef}\n      avatars={counterTooltipAvatars}\n      counterTooltipCustomProps={counterTooltipCustomProps}\n      counterTooltipIsVirtualizedList={counterTooltipIsVirtualizedList}\n      type={type}\n    >\n      <div tabIndex={-1} ref={focusPrevPlaceholderRef} />\n      {/* eslint-disable jsx-a11y/no-noninteractive-tabindex */}\n      <div\n        tabIndex={counterTabIndex}\n        className={cx(styles.counterContainer, counterSizeStyle, counterColorStyle)}\n        ref={counterContainerRef}\n      >\n        {/* eslint-enable jsx-a11y/no-noninteractive-tabindex */}\n        {counterComponent()}\n        <div tabIndex={-1} ref={focusNextPlaceholderRef} />\n      </div>\n    </AvatarGroupCounterTooltipContainer>\n  );\n};\n\nexport default AvatarGroupCounter;\n"],"names":["AvatarGroupCounter","_ref","_ref$counterTooltipAv","counterTooltipAvatars","counterTooltipCustomProps","_ref$counterTooltipIs","counterTooltipIsVirtualizedList","_ref$size","size","type","counterAriaLabel","disabled","_ref2","counterProps","_ref2$color","color","counterColor","_ref2$count","count","counterValue","length","_ref2$prefix","prefix","counterPrefix","_ref2$maxDigits","maxDigits","counterMaxDigits","_ref2$ariaLabelItemsN","ariaLabelItemsName","counterAriaLabelItemsName","noAnimation","dialogContainerSelector","_ref2$tabIndex","tabIndex","counterTabIndex","counterSizeStyle","getStyle","styles","counterColorStyle","focusPrevPlaceholderRef","useRef","focusNextPlaceholderRef","counterContainerRef","counterComponent","useCallback","React","createElement","Counter","ariaLabel","concat","counterClassName","cx","_defineProperty","undefined","ref","className","counterContainer","some","a","_a","props","onClick","MenuButton","component","zIndex","Menu","id","sizes","MEDIUM","menu","focusItemIndexOnMount","map","avatar","index","AvatarMenuItem","menuItemProps","key","String","title","_c","_b","tooltipProps","content","_d","event","avatarOnClick","avatarProps","customSize","AVATAR_GROUP_COUNTER_AVATAR_SIZE","AvatarGroupCounterTooltipContainer","avatars"],"mappings":"unBAoDA,IAAMA,EAAwD,SAAtCC,GASM,IAAAC,EAAAD,EAR5BE,sBAAAA,OAAwB,IAAHD,EAAG,GAAEA,EAE1BE,EAAyBH,EAAzBG,0BAAyBC,EAAAJ,EACzBK,gCAAAA,OAAkC,IAAHD,GAAQA,EAAAE,EAAAN,EACvCO,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EACfE,EAAIR,EAAJQ,KACAC,EAAgBT,EAAhBS,iBACAC,EAAQV,EAARU,SAEAC,EARYX,EAAZY,cAiBoB,CAAE,EAAAC,EAAAF,EARpBG,MAAOC,OAAe,IAAHF,EAAG,QAAOA,EAAAG,EAAAL,EAC7BM,MAAOC,OAAY,IAAAF,EAAGd,EAAsBiB,OAAMH,EAAAI,EAAAT,EAClDU,OAAQC,OAAgB,IAAHF,EAAG,IAAGA,EAAAG,EAAAZ,EAC3Ba,UAAWC,OAAmB,IAAHF,EAAG,EAACA,EAAAG,EAAAf,EAC/BgB,mBAAoBC,OAA4B,IAAHF,EAAG,QAAOA,EACvDG,EAAWlB,EAAXkB,YACAC,EAAuBnB,EAAvBmB,wBAAuBC,EAAApB,EACvBqB,SAAUC,OAAkB,IAAHF,EAAG,EAACA,EAGzBG,EAAmBC,EAASC,EAAQ7B,eAAAA,MACpC8B,EAAoBD,EAAOrB,GAE3BuB,EAA0BC,EAAO,MACjCC,EAA0BD,EAAO,MACjCE,EAAsBF,EAAO,MAC7BG,EAAmBC,GAAY,WACnC,OACEC,EAAAC,cAACC,EAAO,CACNhC,MAAOC,EACPE,MAAOC,EACPG,OAAQC,EACRE,UAAWC,EACXsB,UAAWtC,mBAAmCuC,OAAmBpB,GACjEC,YAAaA,EACboB,iBAAkBC,EAAEC,EAAA,CAAA,EAAIf,EAAO1B,SAAWA,IAC1CH,KAAe,OAATA,EAAgB,UAAO6C,GAGnC,GAAG,CACD3C,EACAmB,EACAb,EACAU,EACAH,EACAJ,EACAR,EACAmB,IAGF,OAAK3B,EAAsBiB,QAAWD,EAIlCR,EAEAkC,EACEC,cAAA,MAAA,CAAAQ,IAAKZ,EACLa,UAAWJ,EAAGd,EAAOmB,iBAAkBnB,EAAO1B,SAAUwB,EAAkBG,IAEzEK,KAKqBxC,EAAsBsD,MAAK,SAAAC,GAAI,IAAAC,EAAC,OAAO,QAAPA,EAAAD,EAAEE,aAAK,IAAAD,OAAA,EAAAA,EAAEE,OAAO,IAGxEhB,EAACC,cAAAgB,GACCC,UAAWpB,EACXqB,OAAQ,EACRT,UAAWJ,EAAGd,EAAOmB,iBAAkBrB,EAAkBG,GACzDU,UAAWtC,GAAmCuC,GAAAA,OAAM9B,EAAY8B,gBAAAA,OAAepB,GAC/EE,wBAAyBA,GAEzBc,EAAAC,cAACmB,EAAI,CAACC,GAAG,OAAO1D,KAAMyD,EAAKE,MAAMC,OAAQb,UAAWlB,EAAOgC,KAAMC,sBAAuB,GACrFnE,EAAsBoE,KAAI,SAACC,EAAQC,eAClC,OAEE5B,EAACC,cAAA4B,EACC,CAAAC,cAAe,CACbC,KAAmB,QAAdjB,EAAAa,EAAOZ,aAAO,IAAAD,OAAA,EAAAA,EAAAO,KAAaO,EAAPI,GACzBC,OAAoC,QAA5BC,EAAc,QAAdC,EAAAR,EAAOZ,aAAO,IAAAoB,OAAA,EAAAA,EAAAC,oBAAc,IAAAF,OAAA,EAAAA,EAAAG,WAAqC,QAAfC,EAAAX,aAAM,EAANA,EAAQZ,aAAO,IAAAuB,OAAA,EAAAA,EAAAnC,WACzEa,QAAS,SAACuB,GAA6C,OAAKC,EAAcD,EAAOZ,EAAOZ,MAAM,GAEhG0B,2CACKd,EAAOZ,OACV,CAAA2B,WAAYC,EACZxC,UAAW,GACXf,UAAW,KAIlB,MAOPY,EAAAC,cAAC2C,EAAkC,CACjClD,wBAAyBA,EACzBE,wBAAyBA,EACzBC,oBAAqBA,EACrBgD,QAASvF,EACTC,0BAA2BA,EAC3BE,gCAAiCA,EACjCG,KAAMA,GAENoC,EAAKC,cAAA,MAAA,CAAAb,UAAW,EAAGqB,IAAKf,IAExBM,EAAAC,cAAA,MAAA,CACEb,SAAUC,EACVqB,UAAWJ,EAAGd,EAAOmB,iBAAkBrB,EAAkBG,GACzDgB,IAAKZ,GAGJC,IACDE,EAAAC,cAAA,MAAA,CAAKb,UAAW,EAAGqB,IAAKb,MAnErB,IAuEX"}

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

@@ -1 +1 @@
-{"version":3,"file":"AvatarGroupCounterTooltipContainer.js","sources":["../../../../src/components/AvatarGroup/AvatarGroupCounterTooltipContainer.tsx"],"sourcesContent":["import React, { ReactElement, RefObject, useCallback, useMemo, useRef, useState } from \"react\";\nimport Tooltip, { TooltipProps } from \"../Tooltip/Tooltip\";\nimport { AvatarProps } from \"../Avatar/Avatar\";\nimport AvatarGroupCounterTooltipContent from \"./AvatarGroupCounterTooltipContent\";\nimport { useTooltipContentTabNavigation } from \"./AvatarGroupCounterTooltipHelper\";\nimport VibeComponentProps from \"../../types/VibeComponentProps\";\nimport { AvatarType } from \"../Avatar/Avatar.types\";\nimport { AVATAR_GROUP_COUNTER_TOOLTIP_SHOW_DELAY } from \"./AvatarGroupConstants\";\n\nexport interface AvatarGroupCounterTooltipContainerProps extends VibeComponentProps {\n  className?: string;\n  type?: AvatarType;\n  /**\n   * Counter element & focus placeholders\n   */\n  children?: ReactElement[];\n  /**\n   * Array of Avatar elements\n   */\n  avatars?: ReactElement<AvatarProps>[];\n  counterTooltipCustomProps?: Partial<TooltipProps>;\n  counterTooltipIsVirtualizedList?: boolean;\n  focusPrevPlaceholderRef?: RefObject<HTMLDivElement>;\n  focusNextPlaceholderRef?: RefObject<HTMLDivElement>;\n  counterContainerRef?: RefObject<HTMLDivElement>;\n}\n\nconst AvatarGroupCounterTooltipContainer: React.FC<AvatarGroupCounterTooltipContainerProps> = ({\n  focusPrevPlaceholderRef,\n  focusNextPlaceholderRef,\n  counterContainerRef,\n  children = [],\n  avatars = [],\n  type,\n  className,\n  counterTooltipCustomProps,\n  counterTooltipIsVirtualizedList = false\n}) => {\n  const [isKeyboardTooltipVisible, setIsKeyboardTooltipVisible] = useState(false);\n  const tooltipContentContainerRef = useRef(null);\n  const tooltipContent = useMemo(\n    () =>\n      counterTooltipCustomProps?.content || (\n        <AvatarGroupCounterTooltipContent\n          avatars={avatars}\n          type={type}\n          className={className}\n          isVirtualizedList={counterTooltipIsVirtualizedList}\n          tooltipContentContainerRef={tooltipContentContainerRef}\n        />\n      ),\n    [avatars, className, counterTooltipCustomProps?.content, counterTooltipIsVirtualizedList, type]\n  );\n\n  useTooltipContentTabNavigation({\n    counterContainerRef,\n    tooltipContentContainerRef,\n    focusPrevPlaceholderRef,\n    focusNextPlaceholderRef,\n    setIsKeyboardTooltipVisible,\n    isKeyboardTooltipVisible\n  });\n\n  // Tooltip props\n  const onHide = useCallback(() => {\n    setIsKeyboardTooltipVisible(false);\n  }, []);\n\n  if (!avatars?.length && !counterTooltipCustomProps?.content) {\n    return <>{children}</>;\n  }\n  return (\n    <Tooltip\n      open={isKeyboardTooltipVisible}\n      hideDelay={AVATAR_GROUP_COUNTER_TOOLTIP_SHOW_DELAY}\n      showTrigger={[\"mouseenter\"]}\n      hideTrigger={[\"mouseleave\"]}\n      onTooltipHide={onHide}\n      {...(counterTooltipCustomProps || {})}\n      content={tooltipContent}\n    >\n      {children}\n    </Tooltip>\n  );\n};\n\nexport default AvatarGroupCounterTooltipContainer;\n"],"names":["AvatarGroupCounterTooltipContainer","_ref","focusPrevPlaceholderRef","focusNextPlaceholderRef","counterContainerRef","_ref$children","children","_ref$avatars","avatars","type","className","counterTooltipCustomProps","_ref$counterTooltipIs","counterTooltipIsVirtualizedList","_useState","useState","_useState2","_slicedToArray","isKeyboardTooltipVisible","setIsKeyboardTooltipVisible","tooltipContentContainerRef","useRef","tooltipContent","useMemo","content","React","createElement","AvatarGroupCounterTooltipContent","isVirtualizedList","useTooltipContentTabNavigation","onHide","useCallback","length","Tooltip","open","hideDelay","AVATAR_GROUP_COUNTER_TOOLTIP_SHOW_DELAY","showTrigger","hideTrigger","onTooltipHide","Fragment"],"mappings":"iaA2BA,IAAMA,EAAwF,SAAtDC,GAUnC,IATHC,EAAuBD,EAAvBC,wBACAC,EAAuBF,EAAvBE,wBACAC,EAAmBH,EAAnBG,oBAAmBC,EAAAJ,EACnBK,SAAAA,OAAW,IAAHD,EAAG,GAAEA,EAAAE,EAAAN,EACbO,QAAAA,OAAU,IAAHD,EAAG,GAAEA,EACZE,EAAIR,EAAJQ,KACAC,EAAST,EAATS,UACAC,EAAyBV,EAAzBU,0BAAyBC,EAAAX,EACzBY,gCAAAA,OAAkC,IAAHD,GAAQA,EAEvCE,EAAgEC,GAAS,GAAMC,EAAAC,EAAAH,EAAA,GAAxEI,EAAwBF,EAAA,GAAEG,EAA2BH,EAAA,GACtDI,EAA6BC,EAAO,MACpCC,EAAiBC,GACrB,WAAA,OACEZ,aAAyB,EAAzBA,EAA2Ba,UACzBC,EAAAC,cAACC,EAAgC,CAC/BnB,QAASA,EACTC,KAAMA,EACNC,UAAWA,EACXkB,kBAAmBf,EACnBO,2BAA4BA,GAGlC,GAAA,CAACZ,EAASE,EAAWC,aAAA,EAAAA,EAA2Ba,QAASX,EAAiCJ,IAG5FoB,EAA+B,CAC7BzB,oBAAAA,EACAgB,2BAAAA,EACAlB,wBAAAA,EACAC,wBAAAA,EACAgB,4BAAAA,EACAD,yBAAAA,IAIF,IAAMY,EAASC,GAAY,WACzBZ,GAA4B,EAC7B,GAAE,IAEH,OAAKX,aAAA,EAAAA,EAASwB,UAAWrB,eAAAA,EAA2Ba,SAIlDC,EAACC,cAAAO,iBACCC,KAAMhB,EACNiB,UAAWC,EACXC,YAAa,CAAC,cACdC,YAAa,CAAC,cACdC,cAAeT,GACVnB,GAA6B,CAAA,EAAG,CACrCa,QAASF,IAERhB,GAZImB,EAAAC,cAAAD,EAAAe,SAAA,KAAGlC,EAed"}
+{"version":3,"file":"AvatarGroupCounterTooltipContainer.js","sources":["../../../../src/components/AvatarGroup/AvatarGroupCounterTooltipContainer.tsx"],"sourcesContent":["import React, { ReactElement, RefObject, useCallback, useMemo, useRef, useState } from \"react\";\nimport Tooltip, { TooltipProps } from \"../Tooltip/Tooltip\";\nimport { AvatarProps } from \"../Avatar/Avatar\";\nimport AvatarGroupCounterTooltipContent from \"./AvatarGroupCounterTooltipContent\";\nimport { useTooltipContentTabNavigation } from \"./AvatarGroupCounterTooltipHelper\";\nimport VibeComponentProps from \"../../types/VibeComponentProps\";\nimport { AvatarType } from \"../Avatar/Avatar.types\";\nimport { AVATAR_GROUP_COUNTER_TOOLTIP_SHOW_DELAY } from \"./AvatarGroupConstants\";\n\nexport interface AvatarGroupCounterTooltipContainerProps extends VibeComponentProps {\n  /**\n   * The type of avatars displayed in the tooltip.\n   */\n  type?: AvatarType;\n  /**\n   * The counter element and focus placeholders.\n   */\n  children?: ReactElement[];\n  /**\n   * The list of avatars displayed inside the tooltip.\n   */\n  avatars?: ReactElement<AvatarProps>[];\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 tooltip uses a virtualized list for performance optimization.\n   */\n  counterTooltipIsVirtualizedList?: boolean;\n  /**\n   * Ref for the element before the tooltip content, used for keyboard navigation.\n   */\n  focusPrevPlaceholderRef?: RefObject<HTMLDivElement>;\n  /**\n   * Ref for the element after the tooltip content, used for keyboard navigation.\n   */\n  focusNextPlaceholderRef?: RefObject<HTMLDivElement>;\n  /**\n   * Ref for the counter container element.\n   */\n  counterContainerRef?: RefObject<HTMLDivElement>;\n}\n\nconst AvatarGroupCounterTooltipContainer: React.FC<AvatarGroupCounterTooltipContainerProps> = ({\n  focusPrevPlaceholderRef,\n  focusNextPlaceholderRef,\n  counterContainerRef,\n  children = [],\n  avatars = [],\n  type,\n  className,\n  counterTooltipCustomProps,\n  counterTooltipIsVirtualizedList = false\n}) => {\n  const [isKeyboardTooltipVisible, setIsKeyboardTooltipVisible] = useState(false);\n  const tooltipContentContainerRef = useRef(null);\n  const tooltipContent = useMemo(\n    () =>\n      counterTooltipCustomProps?.content || (\n        <AvatarGroupCounterTooltipContent\n          avatars={avatars}\n          type={type}\n          className={className}\n          isVirtualizedList={counterTooltipIsVirtualizedList}\n          tooltipContentContainerRef={tooltipContentContainerRef}\n        />\n      ),\n    [avatars, className, counterTooltipCustomProps?.content, counterTooltipIsVirtualizedList, type]\n  );\n\n  useTooltipContentTabNavigation({\n    counterContainerRef,\n    tooltipContentContainerRef,\n    focusPrevPlaceholderRef,\n    focusNextPlaceholderRef,\n    setIsKeyboardTooltipVisible,\n    isKeyboardTooltipVisible\n  });\n\n  // Tooltip props\n  const onHide = useCallback(() => {\n    setIsKeyboardTooltipVisible(false);\n  }, []);\n\n  if (!avatars?.length && !counterTooltipCustomProps?.content) {\n    return <>{children}</>;\n  }\n  return (\n    <Tooltip\n      open={isKeyboardTooltipVisible}\n      hideDelay={AVATAR_GROUP_COUNTER_TOOLTIP_SHOW_DELAY}\n      showTrigger={[\"mouseenter\"]}\n      hideTrigger={[\"mouseleave\"]}\n      onTooltipHide={onHide}\n      {...(counterTooltipCustomProps || {})}\n      content={tooltipContent}\n    >\n      {children}\n    </Tooltip>\n  );\n};\n\nexport default AvatarGroupCounterTooltipContainer;\n"],"names":["AvatarGroupCounterTooltipContainer","_ref","focusPrevPlaceholderRef","focusNextPlaceholderRef","counterContainerRef","_ref$children","children","_ref$avatars","avatars","type","className","counterTooltipCustomProps","_ref$counterTooltipIs","counterTooltipIsVirtualizedList","_useState","useState","_useState2","_slicedToArray","isKeyboardTooltipVisible","setIsKeyboardTooltipVisible","tooltipContentContainerRef","useRef","tooltipContent","useMemo","content","React","createElement","AvatarGroupCounterTooltipContent","isVirtualizedList","useTooltipContentTabNavigation","onHide","useCallback","length","Tooltip","open","hideDelay","AVATAR_GROUP_COUNTER_TOOLTIP_SHOW_DELAY","showTrigger","hideTrigger","onTooltipHide","Fragment"],"mappings":"iaA4CA,IAAMA,EAAwF,SAAtDC,GAUnC,IATHC,EAAuBD,EAAvBC,wBACAC,EAAuBF,EAAvBE,wBACAC,EAAmBH,EAAnBG,oBAAmBC,EAAAJ,EACnBK,SAAAA,OAAW,IAAHD,EAAG,GAAEA,EAAAE,EAAAN,EACbO,QAAAA,OAAU,IAAHD,EAAG,GAAEA,EACZE,EAAIR,EAAJQ,KACAC,EAAST,EAATS,UACAC,EAAyBV,EAAzBU,0BAAyBC,EAAAX,EACzBY,gCAAAA,OAAkC,IAAHD,GAAQA,EAEvCE,EAAgEC,GAAS,GAAMC,EAAAC,EAAAH,EAAA,GAAxEI,EAAwBF,EAAA,GAAEG,EAA2BH,EAAA,GACtDI,EAA6BC,EAAO,MACpCC,EAAiBC,GACrB,WAAA,OACEZ,aAAyB,EAAzBA,EAA2Ba,UACzBC,EAAAC,cAACC,EAAgC,CAC/BnB,QAASA,EACTC,KAAMA,EACNC,UAAWA,EACXkB,kBAAmBf,EACnBO,2BAA4BA,GAGlC,GAAA,CAACZ,EAASE,EAAWC,aAAA,EAAAA,EAA2Ba,QAASX,EAAiCJ,IAG5FoB,EAA+B,CAC7BzB,oBAAAA,EACAgB,2BAAAA,EACAlB,wBAAAA,EACAC,wBAAAA,EACAgB,4BAAAA,EACAD,yBAAAA,IAIF,IAAMY,EAASC,GAAY,WACzBZ,GAA4B,EAC7B,GAAE,IAEH,OAAKX,aAAA,EAAAA,EAASwB,UAAWrB,eAAAA,EAA2Ba,SAIlDC,EAACC,cAAAO,iBACCC,KAAMhB,EACNiB,UAAWC,EACXC,YAAa,CAAC,cACdC,YAAa,CAAC,cACdC,cAAeT,GACVnB,GAA6B,CAAA,EAAG,CACrCa,QAASF,IAERhB,GAZImB,EAAAC,cAAAD,EAAAe,SAAA,KAAGlC,EAed"}

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

@@ -1 +1 @@
-{"version":3,"file":"AvatarGroupCounterTooltipContent.js","sources":["../../../../src/components/AvatarGroup/AvatarGroupCounterTooltipContent.tsx"],"sourcesContent":["import React, { ReactElement, Ref, useCallback, useMemo } from \"react\";\nimport cx from \"classnames\";\nimport Flex from \"../Flex/Flex\";\nimport { AvatarProps } from \"../Avatar/Avatar\";\nimport AvatarGroupCounterTooltipContentVirtualizedList from \"./AvatarGroupCounterTooltipContentVirtualizedList\";\nimport { avatarRenderer } from \"./AvatarGroupCounterTooltipHelper\";\nimport VibeComponentProps from \"../../types/VibeComponentProps\";\nimport { AvatarType } from \"../Avatar/Avatar.types\";\nimport styles from \"./AvatarGroupCounterTooltipContent.module.scss\";\n\nexport interface AvatarGroupCounterTooltipContentProps extends VibeComponentProps {\n  className?: string;\n  type?: AvatarType;\n  /**\n   * Array of Avatar components\n   */\n  avatars?: ReactElement<AvatarProps>[];\n  isVirtualizedList?: boolean;\n  tooltipContentContainerRef?: Ref<HTMLDivElement>;\n}\n\nconst AvatarGroupCounterTooltipContent: React.FC<AvatarGroupCounterTooltipContentProps> = ({\n  avatars = [],\n  type,\n  className,\n  isVirtualizedList = false,\n  tooltipContentContainerRef\n}) => {\n  const getTooltipContent = useCallback((avatarProps: AvatarProps) => {\n    return avatarProps?.tooltipProps?.content || avatarProps?.ariaLabel;\n  }, []);\n\n  const { avatarItems, displayAsGrid, tooltipContainerAriaLabel } = useMemo(() => {\n    const avatarItems = avatars.map(avatar => ({\n      value: { ...avatar.props, tooltipContent: getTooltipContent(avatar.props) }\n    }));\n    const displayAsGrid = !avatarItems.some(item => item.value.tooltipContent);\n    const tooltipContainerAriaLabel = !displayAsGrid\n      ? avatarItems.map(item => item.value.tooltipContent).join(\",\")\n      : undefined;\n    return { avatarItems, displayAsGrid, tooltipContainerAriaLabel };\n  }, [avatars, getTooltipContent]);\n\n  const renderedItems = useMemo(\n    () => avatarItems.map((item, index) => avatarRenderer(item, index, undefined, type, displayAsGrid)),\n    [avatarItems, displayAsGrid, type]\n  );\n\n  if (isVirtualizedList) {\n    return (\n      <AvatarGroupCounterTooltipContentVirtualizedList\n        avatarRenderer={avatarRenderer}\n        tooltipContentContainerRef={tooltipContentContainerRef}\n        tooltipContainerAriaLabel={tooltipContainerAriaLabel}\n        avatarItems={avatarItems}\n        type={type}\n      />\n    );\n  }\n\n  const flexProps = {\n    ref: tooltipContentContainerRef,\n    tabIndex: -1,\n    role: \"treegrid\",\n    ariaLabel: tooltipContainerAriaLabel,\n    className: displayAsGrid\n      ? cx(styles.scrollableContainer, styles.tooltipContainer, styles.tooltipGridContainer, className)\n      : cx(styles.scrollableContainer, styles.tooltipContainer, className),\n    direction: displayAsGrid ? Flex.directions.ROW : Flex.directions.COLUMN,\n    gap: displayAsGrid ? Flex.gaps.XS : Flex.gaps.SMALL,\n    wrap: displayAsGrid\n  };\n\n  return <Flex {...flexProps}>{renderedItems}</Flex>;\n};\n\nexport default AvatarGroupCounterTooltipContent;\n"],"names":["AvatarGroupCounterTooltipContent","_ref","_ref$avatars","avatars","type","className","_ref$isVirtualizedLis","isVirtualizedList","tooltipContentContainerRef","getTooltipContent","useCallback","avatarProps","tooltipProps","_a","content","ariaLabel","_useMemo","useMemo","avatarItems","map","avatar","value","Object","assign","props","tooltipContent","displayAsGrid","some","item","tooltipContainerAriaLabel","undefined","join","renderedItems","index","avatarRenderer","React","createElement","AvatarGroupCounterTooltipContentVirtualizedList","flexProps","ref","tabIndex","role","cx","styles","scrollableContainer","tooltipContainer","tooltipGridContainer","direction","Flex","directions","ROW","COLUMN","gap","gaps","XS","SMALL","wrap"],"mappings":"wTAqBA,IAAMA,EAAoF,SAApDC,GAMjC,IAAAC,EAAAD,EALHE,QAAAA,OAAU,IAAHD,EAAG,GAAEA,EACZE,EAAIH,EAAJG,KACAC,EAASJ,EAATI,UAASC,EAAAL,EACTM,kBAAAA,OAAoB,IAAHD,GAAQA,EACzBE,EAA0BP,EAA1BO,2BAEMC,EAAoBC,GAAY,SAACC,SACrC,OAAgC,UAAzBA,aAAA,EAAAA,EAAaC,oBAAY,IAAAC,OAAA,EAAAA,EAAEC,WAAWH,aAAW,EAAXA,EAAaI,UAC3D,GAAE,IAEHC,EAAkEC,GAAQ,WACxE,IAAMC,EAAcf,EAAQgB,KAAI,SAAAC,GAAM,MAAK,CACzCC,MAAYC,OAAAC,OAAAD,OAAAC,OAAA,GAAAH,EAAOI,OAAO,CAAAC,eAAgBhB,EAAkBW,EAAOI,SACpE,IACKE,GAAiBR,EAAYS,MAAK,SAAAC,GAAI,OAAIA,EAAKP,MAAMI,kBACrDI,EAA6BH,OAE/BI,EADAZ,EAAYC,KAAI,SAAAS,GAAI,OAAIA,EAAKP,MAAMI,cAAc,IAAEM,KAAK,KAE5D,MAAO,CAAEb,YAAAA,EAAaQ,cAAAA,EAAeG,0BAAAA,EACvC,GAAG,CAAC1B,EAASM,IATLS,EAAWF,EAAXE,YAAaQ,EAAaV,EAAbU,cAAeG,EAAyBb,EAAzBa,0BAW9BG,EAAgBf,GACpB,WAAA,OAAMC,EAAYC,KAAI,SAACS,EAAMK,GAAK,OAAKC,EAAeN,EAAMK,OAAOH,EAAW1B,EAAMsB,KAAe,GACnG,CAACR,EAAaQ,EAAetB,IAG/B,GAAIG,EACF,OACE4B,EAACC,cAAAC,EACC,CAAAH,eAAgBA,EAChB1B,2BAA4BA,EAC5BqB,0BAA2BA,EAC3BX,YAAaA,EACbd,KAAMA,IAKZ,IAAMkC,EAAY,CAChBC,IAAK/B,EACLgC,UAAW,EACXC,KAAM,WACN1B,UAAWc,EACXxB,UAAWqB,EACPgB,EAAGC,EAAOC,oBAAqBD,EAAOE,iBAAkBF,EAAOG,qBAAsBzC,GACrFqC,EAAGC,EAAOC,oBAAqBD,EAAOE,iBAAkBxC,GAC5D0C,UAAWrB,EAAgBsB,EAAKC,WAAWC,IAAMF,EAAKC,WAAWE,OACjEC,IAAK1B,EAAgBsB,EAAKK,KAAKC,GAAKN,EAAKK,KAAKE,MAC9CC,KAAM9B,GAGR,OAAOS,gBAACa,EAAI1B,OAAAC,OAAA,GAAKe,GAAYN,EAC/B"}
+{"version":3,"file":"AvatarGroupCounterTooltipContent.js","sources":["../../../../src/components/AvatarGroup/AvatarGroupCounterTooltipContent.tsx"],"sourcesContent":["import React, { ReactElement, Ref, useCallback, useMemo } from \"react\";\nimport cx from \"classnames\";\nimport Flex from \"../Flex/Flex\";\nimport { AvatarProps } from \"../Avatar/Avatar\";\nimport AvatarGroupCounterTooltipContentVirtualizedList from \"./AvatarGroupCounterTooltipContentVirtualizedList\";\nimport { avatarRenderer } from \"./AvatarGroupCounterTooltipHelper\";\nimport VibeComponentProps from \"../../types/VibeComponentProps\";\nimport { AvatarType } from \"../Avatar/Avatar.types\";\nimport styles from \"./AvatarGroupCounterTooltipContent.module.scss\";\n\nexport interface AvatarGroupCounterTooltipContentProps extends VibeComponentProps {\n  /**\n   * The type of avatars displayed inside the tooltip.\n   */\n  type?: AvatarType;\n  /**\n   * The avatars shown in the tooltip.\n   */\n  avatars?: ReactElement<AvatarProps>[];\n  /**\n   * If true, the tooltip uses a virtualized list for performance optimization.\n   */\n  isVirtualizedList?: boolean;\n  /**\n   * Ref for the tooltip content container.\n   */\n  tooltipContentContainerRef?: Ref<HTMLDivElement>;\n}\n\nconst AvatarGroupCounterTooltipContent: React.FC<AvatarGroupCounterTooltipContentProps> = ({\n  avatars = [],\n  type,\n  className,\n  isVirtualizedList = false,\n  tooltipContentContainerRef\n}) => {\n  const getTooltipContent = useCallback((avatarProps: AvatarProps) => {\n    return avatarProps?.tooltipProps?.content || avatarProps?.ariaLabel;\n  }, []);\n\n  const { avatarItems, displayAsGrid, tooltipContainerAriaLabel } = useMemo(() => {\n    const avatarItems = avatars.map(avatar => ({\n      value: { ...avatar.props, tooltipContent: getTooltipContent(avatar.props) }\n    }));\n    const displayAsGrid = !avatarItems.some(item => item.value.tooltipContent);\n    const tooltipContainerAriaLabel = !displayAsGrid\n      ? avatarItems.map(item => item.value.tooltipContent).join(\",\")\n      : undefined;\n    return { avatarItems, displayAsGrid, tooltipContainerAriaLabel };\n  }, [avatars, getTooltipContent]);\n\n  const renderedItems = useMemo(\n    () => avatarItems.map((item, index) => avatarRenderer(item, index, undefined, type, displayAsGrid)),\n    [avatarItems, displayAsGrid, type]\n  );\n\n  if (isVirtualizedList) {\n    return (\n      <AvatarGroupCounterTooltipContentVirtualizedList\n        avatarRenderer={avatarRenderer}\n        tooltipContentContainerRef={tooltipContentContainerRef}\n        tooltipContainerAriaLabel={tooltipContainerAriaLabel}\n        avatarItems={avatarItems}\n        type={type}\n      />\n    );\n  }\n\n  const flexProps = {\n    ref: tooltipContentContainerRef,\n    tabIndex: -1,\n    role: \"treegrid\",\n    ariaLabel: tooltipContainerAriaLabel,\n    className: displayAsGrid\n      ? cx(styles.scrollableContainer, styles.tooltipContainer, styles.tooltipGridContainer, className)\n      : cx(styles.scrollableContainer, styles.tooltipContainer, className),\n    direction: displayAsGrid ? Flex.directions.ROW : Flex.directions.COLUMN,\n    gap: displayAsGrid ? Flex.gaps.XS : Flex.gaps.SMALL,\n    wrap: displayAsGrid\n  };\n\n  return <Flex {...flexProps}>{renderedItems}</Flex>;\n};\n\nexport default AvatarGroupCounterTooltipContent;\n"],"names":["AvatarGroupCounterTooltipContent","_ref","_ref$avatars","avatars","type","className","_ref$isVirtualizedLis","isVirtualizedList","tooltipContentContainerRef","getTooltipContent","useCallback","avatarProps","tooltipProps","_a","content","ariaLabel","_useMemo","useMemo","avatarItems","map","avatar","value","Object","assign","props","tooltipContent","displayAsGrid","some","item","tooltipContainerAriaLabel","undefined","join","renderedItems","index","avatarRenderer","React","createElement","AvatarGroupCounterTooltipContentVirtualizedList","flexProps","ref","tabIndex","role","cx","styles","scrollableContainer","tooltipContainer","tooltipGridContainer","direction","Flex","directions","ROW","COLUMN","gap","gaps","XS","SMALL","wrap"],"mappings":"wTA6BA,IAAMA,EAAoF,SAApDC,GAMjC,IAAAC,EAAAD,EALHE,QAAAA,OAAU,IAAHD,EAAG,GAAEA,EACZE,EAAIH,EAAJG,KACAC,EAASJ,EAATI,UAASC,EAAAL,EACTM,kBAAAA,OAAoB,IAAHD,GAAQA,EACzBE,EAA0BP,EAA1BO,2BAEMC,EAAoBC,GAAY,SAACC,SACrC,OAAgC,UAAzBA,aAAA,EAAAA,EAAaC,oBAAY,IAAAC,OAAA,EAAAA,EAAEC,WAAWH,aAAW,EAAXA,EAAaI,UAC3D,GAAE,IAEHC,EAAkEC,GAAQ,WACxE,IAAMC,EAAcf,EAAQgB,KAAI,SAAAC,GAAM,MAAK,CACzCC,MAAYC,OAAAC,OAAAD,OAAAC,OAAA,GAAAH,EAAOI,OAAO,CAAAC,eAAgBhB,EAAkBW,EAAOI,SACpE,IACKE,GAAiBR,EAAYS,MAAK,SAAAC,GAAI,OAAIA,EAAKP,MAAMI,kBACrDI,EAA6BH,OAE/BI,EADAZ,EAAYC,KAAI,SAAAS,GAAI,OAAIA,EAAKP,MAAMI,cAAc,IAAEM,KAAK,KAE5D,MAAO,CAAEb,YAAAA,EAAaQ,cAAAA,EAAeG,0BAAAA,EACvC,GAAG,CAAC1B,EAASM,IATLS,EAAWF,EAAXE,YAAaQ,EAAaV,EAAbU,cAAeG,EAAyBb,EAAzBa,0BAW9BG,EAAgBf,GACpB,WAAA,OAAMC,EAAYC,KAAI,SAACS,EAAMK,GAAK,OAAKC,EAAeN,EAAMK,OAAOH,EAAW1B,EAAMsB,KAAe,GACnG,CAACR,EAAaQ,EAAetB,IAG/B,GAAIG,EACF,OACE4B,EAACC,cAAAC,EACC,CAAAH,eAAgBA,EAChB1B,2BAA4BA,EAC5BqB,0BAA2BA,EAC3BX,YAAaA,EACbd,KAAMA,IAKZ,IAAMkC,EAAY,CAChBC,IAAK/B,EACLgC,UAAW,EACXC,KAAM,WACN1B,UAAWc,EACXxB,UAAWqB,EACPgB,EAAGC,EAAOC,oBAAqBD,EAAOE,iBAAkBF,EAAOG,qBAAsBzC,GACrFqC,EAAGC,EAAOC,oBAAqBD,EAAOE,iBAAkBxC,GAC5D0C,UAAWrB,EAAgBsB,EAAKC,WAAWC,IAAMF,EAAKC,WAAWE,OACjEC,IAAK1B,EAAgBsB,EAAKK,KAAKC,GAAKN,EAAKK,KAAKE,MAC9CC,KAAM9B,GAGR,OAAOS,gBAACa,EAAI1B,OAAAC,OAAA,GAAKe,GAAYN,EAC/B"}

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

@@ -1 +1 @@
-{"version":3,"file":"AvatarGroupCounterTooltipContentVirtualizedList.js","sources":["../../../../src/components/AvatarGroup/AvatarGroupCounterTooltipContentVirtualizedList.tsx"],"sourcesContent":["import React, { CSSProperties, ReactElement, Ref, useMemo } from \"react\";\nimport { VirtualizedList, VirtualizedListItem } from \"../VirtualizedList\";\nimport VibeComponentProps from \"../../types/VibeComponentProps\";\nimport { AvatarType } from \"../Avatar/Avatar.types\";\nimport { AvatarProps } from \"../Avatar/Avatar\";\nimport { ElementContent } from \"../../types\";\nimport styles from \"./AvatarGroupCounterTooltipContentVirtualizedList.module.scss\";\n\nconst LIST_OPTIONS = Object.freeze({\n  maxItemsWithoutScroll: 10,\n  itemLineHeight: 34,\n  itemLineWidth: 150\n});\n\nexport type AvatarItem = {\n  value: AvatarProps & { tooltipContent: ElementContent };\n};\n\nexport interface AvatarGroupCounterTooltipContentVirtualizedListProps extends VibeComponentProps {\n  /**\n   * Array of Avatar components\n   */\n  avatarItems?: AvatarItem[];\n  avatarRenderer?: (\n    item: AvatarItem,\n    index: number,\n    style: CSSProperties,\n    type: AvatarType,\n    displayAsGrid: boolean\n  ) => ReactElement;\n  tooltipContainerAriaLabel?: string;\n  tooltipContentContainerRef?: Ref<HTMLDivElement>;\n  type?: AvatarType;\n}\n\nconst AvatarGroupCounterTooltipContentVirtualizedList: React.FC<\n  AvatarGroupCounterTooltipContentVirtualizedListProps\n> = ({ avatarItems = [], avatarRenderer, type, tooltipContainerAriaLabel, tooltipContentContainerRef }) => {\n  const virtualizedItems: VirtualizedListItem[] = useMemo(\n    () => avatarItems.map(item => ({ value: item, height: LIST_OPTIONS.itemLineHeight } as VirtualizedListItem)),\n    [avatarItems]\n  );\n\n  const minCount = Math.min(avatarItems.length, LIST_OPTIONS.maxItemsWithoutScroll);\n  const virtualizedListStyle = {\n    height: LIST_OPTIONS.itemLineHeight * minCount,\n    minWidth: LIST_OPTIONS.itemLineWidth\n  };\n\n  return (\n    <div\n      className={styles.virtualizedTooltipContainer}\n      aria-label={tooltipContainerAriaLabel}\n      ref={tooltipContentContainerRef}\n      tabIndex={-1}\n    >\n      <VirtualizedList\n        items={virtualizedItems}\n        itemRenderer={(item: VirtualizedListItem, index: number, style: CSSProperties) =>\n          avatarRenderer(item.value as AvatarItem, index, style, type, false)\n        }\n        role=\"treegrid\"\n        scrollableClassName={styles.scrollableContainer}\n        getItemId={(item: VirtualizedListItem, index: number) => String(index)}\n        style={virtualizedListStyle}\n      />\n    </div>\n  );\n};\n\nexport default AvatarGroupCounterTooltipContentVirtualizedList;\n"],"names":["LIST_OPTIONS","Object","freeze","maxItemsWithoutScroll","itemLineHeight","itemLineWidth","AvatarGroupCounterTooltipContentVirtualizedList","_ref","_ref$avatarItems","avatarItems","avatarRenderer","type","tooltipContainerAriaLabel","tooltipContentContainerRef","virtualizedItems","useMemo","map","item","value","height","React","createElement","className","styles","virtualizedTooltipContainer","ref","tabIndex","VirtualizedList","items","itemRenderer","index","style","role","scrollableClassName","scrollableContainer","getItemId","String","Math","min","length","minWidth"],"mappings":"wKAQA,IAAMA,EAAeC,OAAOC,OAAO,CACjCC,sBAAuB,GACvBC,eAAgB,GAChBC,cAAe,MAwBXC,EAEF,SAFiDC,GAEqD,IAAAC,EAAAD,EAAnGE,YAAAA,OAAc,IAAHD,EAAG,GAAEA,EAAEE,EAAcH,EAAdG,eAAgBC,EAAIJ,EAAJI,KAAMC,EAAyBL,EAAzBK,0BAA2BC,EAA0BN,EAA1BM,2BAClEC,EAA0CC,GAC9C,WAAA,OAAMN,EAAYO,KAAI,SAAAC,GAAI,MAAK,CAAEC,MAAOD,EAAME,OAAQnB,EAAaI,eAAwC,MAC3G,CAACK,IASH,OACEW,EACEC,cAAA,MAAA,CAAAC,UAAWC,EAAOC,4BAA2B,aACjCZ,EACZa,IAAKZ,EACLa,UAAW,GAEXN,EAAAC,cAACM,EAAe,CACdC,MAAOd,EACPe,aAAc,SAACZ,EAA2Ba,EAAeC,GAAoB,OAC3ErB,EAAeO,EAAKC,MAAqBY,EAAOC,EAAOpB,GAAM,EAAM,EAErEqB,KAAK,WACLC,oBAAqBV,EAAOW,oBAC5BC,UAAW,SAAClB,EAA2Ba,GAAa,OAAYA,EAAPM,EAAa,EACtEL,MApBuB,CAC3BZ,OAAQnB,EAAaI,eAFNiC,KAAKC,IAAI7B,EAAY8B,OAAQvC,EAAaG,uBAGzDqC,SAAUxC,EAAaK,iBAsB3B"}
+{"version":3,"file":"AvatarGroupCounterTooltipContentVirtualizedList.js","sources":["../../../../src/components/AvatarGroup/AvatarGroupCounterTooltipContentVirtualizedList.tsx"],"sourcesContent":["import React, { CSSProperties, ReactElement, Ref, useMemo } from \"react\";\nimport { VirtualizedList, VirtualizedListItem } from \"../VirtualizedList\";\nimport VibeComponentProps from \"../../types/VibeComponentProps\";\nimport { AvatarType } from \"../Avatar/Avatar.types\";\nimport { AvatarProps } from \"../Avatar/Avatar\";\nimport { ElementContent } from \"../../types\";\nimport styles from \"./AvatarGroupCounterTooltipContentVirtualizedList.module.scss\";\n\nconst LIST_OPTIONS = Object.freeze({\n  maxItemsWithoutScroll: 10,\n  itemLineHeight: 34,\n  itemLineWidth: 150\n});\n\nexport type AvatarItem = {\n  value: AvatarProps & { tooltipContent: ElementContent };\n};\n\nexport interface AvatarGroupCounterTooltipContentVirtualizedListProps extends VibeComponentProps {\n  /**\n   * The list of avatars displayed in the virtualized tooltip.\n   */\n  avatarItems?: AvatarItem[];\n  /**\n   * Function to render each avatar item.\n   */\n  avatarRenderer?: (\n    item: AvatarItem,\n    index: number,\n    style: CSSProperties,\n    type: AvatarType,\n    displayAsGrid: boolean\n  ) => ReactElement;\n  /**\n   * The ARIA label of the tooltip container.\n   */\n  tooltipContainerAriaLabel?: string;\n  /**\n   * Ref for the tooltip content container.\n   */\n  tooltipContentContainerRef?: Ref<HTMLDivElement>;\n  /**\n   * The type of avatars in the tooltip.\n   */\n  type?: AvatarType;\n}\n\nconst AvatarGroupCounterTooltipContentVirtualizedList: React.FC<\n  AvatarGroupCounterTooltipContentVirtualizedListProps\n> = ({ avatarItems = [], avatarRenderer, type, tooltipContainerAriaLabel, tooltipContentContainerRef }) => {\n  const virtualizedItems: VirtualizedListItem[] = useMemo(\n    () => avatarItems.map(item => ({ value: item, height: LIST_OPTIONS.itemLineHeight } as VirtualizedListItem)),\n    [avatarItems]\n  );\n\n  const minCount = Math.min(avatarItems.length, LIST_OPTIONS.maxItemsWithoutScroll);\n  const virtualizedListStyle = {\n    height: LIST_OPTIONS.itemLineHeight * minCount,\n    minWidth: LIST_OPTIONS.itemLineWidth\n  };\n\n  return (\n    <div\n      className={styles.virtualizedTooltipContainer}\n      aria-label={tooltipContainerAriaLabel}\n      ref={tooltipContentContainerRef}\n      tabIndex={-1}\n    >\n      <VirtualizedList\n        items={virtualizedItems}\n        itemRenderer={(item: VirtualizedListItem, index: number, style: CSSProperties) =>\n          avatarRenderer(item.value as AvatarItem, index, style, type, false)\n        }\n        role=\"treegrid\"\n        scrollableClassName={styles.scrollableContainer}\n        getItemId={(item: VirtualizedListItem, index: number) => String(index)}\n        style={virtualizedListStyle}\n      />\n    </div>\n  );\n};\n\nexport default AvatarGroupCounterTooltipContentVirtualizedList;\n"],"names":["LIST_OPTIONS","Object","freeze","maxItemsWithoutScroll","itemLineHeight","itemLineWidth","AvatarGroupCounterTooltipContentVirtualizedList","_ref","_ref$avatarItems","avatarItems","avatarRenderer","type","tooltipContainerAriaLabel","tooltipContentContainerRef","virtualizedItems","useMemo","map","item","value","height","React","createElement","className","styles","virtualizedTooltipContainer","ref","tabIndex","VirtualizedList","items","itemRenderer","index","style","role","scrollableClassName","scrollableContainer","getItemId","String","Math","min","length","minWidth"],"mappings":"wKAQA,IAAMA,EAAeC,OAAOC,OAAO,CACjCC,sBAAuB,GACvBC,eAAgB,GAChBC,cAAe,MAoCXC,EAEF,SAFiDC,GAEqD,IAAAC,EAAAD,EAAnGE,YAAAA,OAAc,IAAHD,EAAG,GAAEA,EAAEE,EAAcH,EAAdG,eAAgBC,EAAIJ,EAAJI,KAAMC,EAAyBL,EAAzBK,0BAA2BC,EAA0BN,EAA1BM,2BAClEC,EAA0CC,GAC9C,WAAA,OAAMN,EAAYO,KAAI,SAAAC,GAAI,MAAK,CAAEC,MAAOD,EAAME,OAAQnB,EAAaI,eAAwC,MAC3G,CAACK,IASH,OACEW,EACEC,cAAA,MAAA,CAAAC,UAAWC,EAAOC,4BAA2B,aACjCZ,EACZa,IAAKZ,EACLa,UAAW,GAEXN,EAAAC,cAACM,EAAe,CACdC,MAAOd,EACPe,aAAc,SAACZ,EAA2Ba,EAAeC,GAAoB,OAC3ErB,EAAeO,EAAKC,MAAqBY,EAAOC,EAAOpB,GAAM,EAAM,EAErEqB,KAAK,WACLC,oBAAqBV,EAAOW,oBAC5BC,UAAW,SAAClB,EAA2Ba,GAAa,OAAYA,EAAPM,EAAa,EACtEL,MApBuB,CAC3BZ,OAAQnB,EAAaI,eAFNiC,KAAKC,IAAI7B,EAAY8B,OAAQvC,EAAaG,uBAGzDqC,SAAUxC,EAAaK,iBAsB3B"}

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 VibeComponentProps from \"../../types/VibeComponentProps\";\nimport VibeComponent from \"../../types/VibeComponent\";\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 { BadgeAlignments, BadgeAnchor, BadgeType } from \"./Badge.types\";\nimport Indicator, { IndicatorProps } from \"./Indicator/Indicator\";\nimport Counter, { CounterProps } from \"../Counter/Counter\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { IndicatorColor } from \"./Indicator/IndicatorConstants\";\nimport { CounterColor } from \"../Counter/CounterConstants\";\nimport styles from \"./Badge.module.scss\";\n\nexport interface BadgeBaseProps extends VibeComponentProps {\n  anchor?: BadgeAnchor;\n  alignment?: BadgeAlignments;\n  children: React.ReactNode;\n}\n\ninterface CounterBadgeProps extends CounterProps {\n  type: Extract<BadgeType, \"counter\">;\n}\n\ninterface IndicatorBadgeProps extends IndicatorProps {\n  type?: Extract<BadgeType, \"indicator\">;\n}\n\nexport type BadgeProps = BadgeBaseProps & (CounterBadgeProps | IndicatorBadgeProps);\n\nconst Badge: VibeComponent<BadgeProps> & {\n  types?: typeof BadgeTypeEnum;\n  alignments?: typeof BadgeAlignmentsEnum;\n  anchors?: typeof BadgeAnchorEnum;\n} = 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\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\nBadge.types = BadgeTypeEnum;\nBadge.alignments = BadgeAlignmentsEnum;\nBadge.anchors = BadgeAnchorEnum;\n\nexport default Badge;\n"],"names":["Badge","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":"qlBAqCMA,IAAAA,EAIFC,GACF,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,IAGFd,EAAMqC,MAAQC,EACdtC,EAAMuC,WAAaC,EACnBxC,EAAMyC,QAAUC"}
+{"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 VibeComponentProps from \"../../types/VibeComponentProps\";\nimport VibeComponent from \"../../types/VibeComponent\";\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 { BadgeAlignments, BadgeAnchor, BadgeType } from \"./Badge.types\";\nimport Indicator, { IndicatorProps } from \"./Indicator/Indicator\";\nimport Counter, { CounterProps } from \"../Counter/Counter\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { IndicatorColor } from \"./Indicator/IndicatorConstants\";\nimport { CounterColor } from \"../Counter/CounterConstants\";\nimport styles from \"./Badge.module.scss\";\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: VibeComponent<BadgeProps> & {\n  types?: typeof BadgeTypeEnum;\n  alignments?: typeof BadgeAlignmentsEnum;\n  anchors?: typeof BadgeAnchorEnum;\n} = 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\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\nBadge.types = BadgeTypeEnum;\nBadge.alignments = BadgeAlignmentsEnum;\nBadge.anchors = BadgeAnchorEnum;\n\nexport default Badge;\n"],"names":["Badge","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":"qlBAoDMA,IAAAA,EAIFC,GACF,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,IAGFd,EAAMqC,MAAQC,EACdtC,EAAMuC,WAAaC,EACnBxC,EAAMyC,QAAUC"}

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

@@ -1 +1 @@
-{"version":3,"file":"Indicator.js","sources":["../../../../../src/components/Badge/Indicator/Indicator.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport styles from \"./Indicator.module.scss\";\nimport { IndicatorColor as IndicatorColorEnum } from \"./IndicatorConstants\";\nimport { IndicatorColor } from \"./Indicator.types\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\nimport { VibeComponentProps } from \"../../../types\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\n\nexport interface IndicatorProps extends VibeComponentProps {\n  color?: IndicatorColor;\n}\n\nconst Indicator: React.FC<IndicatorProps> & { colors?: typeof IndicatorColorEnum } = ({\n  color = \"notification\",\n  className,\n  id,\n  \"data-testid\": dataTestId\n}: IndicatorProps) => {\n  return (\n    <div\n      className={cx(styles.indicator, styles[color], className)}\n      data-testid={dataTestId || getTestId(ComponentDefaultTestId.INDICATOR, id)}\n    />\n  );\n};\n\nIndicator.colors = IndicatorColorEnum;\n\nexport default Indicator;\n"],"names":["Indicator","_ref","_ref$color","color","id","dataTestId","React","createElement","className","cx","styles","indicator","getTestId","ComponentDefaultTestId","INDICATOR","colors","IndicatorColorEnum"],"mappings":"6QAaA,IAAMA,EAA+E,SAAtEC,GAKM,IAAAC,EAAAD,EAJnBE,MAEAC,EAAEH,EAAFG,GACeC,EAAUJ,EAAzB,eAEA,OACEK,EAAAC,cAAA,MAAA,CACEC,UAAWC,EAAGC,EAAOC,UAAWD,OAP5B,IAAHR,EAAG,eAAcA,GACbD,EAATO,WAOiB,cAAAH,GAAcO,EAAUC,EAAuBC,UAAWV,IAG7E,EAEAJ,EAAUe,OAASC"}
+{"version":3,"file":"Indicator.js","sources":["../../../../../src/components/Badge/Indicator/Indicator.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport styles from \"./Indicator.module.scss\";\nimport { IndicatorColor as IndicatorColorEnum } from \"./IndicatorConstants\";\nimport { IndicatorColor } from \"./Indicator.types\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\nimport { VibeComponentProps } from \"../../../types\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\n\nexport interface IndicatorProps extends VibeComponentProps {\n  /**\n   * The color of the indicator.\n   */\n  color?: IndicatorColor;\n}\n\nconst Indicator: React.FC<IndicatorProps> & { colors?: typeof IndicatorColorEnum } = ({\n  color = \"notification\",\n  className,\n  id,\n  \"data-testid\": dataTestId\n}: IndicatorProps) => {\n  return (\n    <div\n      className={cx(styles.indicator, styles[color], className)}\n      data-testid={dataTestId || getTestId(ComponentDefaultTestId.INDICATOR, id)}\n    />\n  );\n};\n\nIndicator.colors = IndicatorColorEnum;\n\nexport default Indicator;\n"],"names":["Indicator","_ref","_ref$color","color","id","dataTestId","React","createElement","className","cx","styles","indicator","getTestId","ComponentDefaultTestId","INDICATOR","colors","IndicatorColorEnum"],"mappings":"6QAgBA,IAAMA,EAA+E,SAAtEC,GAKM,IAAAC,EAAAD,EAJnBE,MAEAC,EAAEH,EAAFG,GACeC,EAAUJ,EAAzB,eAEA,OACEK,EAAAC,cAAA,MAAA,CACEC,UAAWC,EAAGC,EAAOC,UAAWD,OAP5B,IAAHR,EAAG,eAAcA,GACbD,EAATO,WAOiB,cAAAH,GAAcO,EAAUC,EAAuBC,UAAWV,IAG7E,EAEAJ,EAAUe,OAASC"}

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

@@ -1 +1 @@
-{"version":3,"file":"Box.js","sources":["../../../../src/components/Box/Box.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from \"react\";\nimport { camelCase } from \"lodash-es\";\nimport cx from \"classnames\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport {\n  BackgroundColor as BackgroundColorEnum,\n  BorderColor as BorderColorEnum,\n  BoxTextColor as BoxTextColorEnum,\n  Margin as MarginEnum,\n  MarginBottom as MarginBottomEnum,\n  MarginEnd as MarginEndEnum,\n  MarginStart as MarginStartEnum,\n  MarginTop as MarginTopEnum,\n  MarginX as MarginXEnum,\n  MarginY as MarginYEnum,\n  Padding as PaddingEnum,\n  PaddingBottom as PaddingBottomEnum,\n  PaddingEnd as PaddingEndEnum,\n  PaddingStart as PaddingStartEnum,\n  PaddingTop as PaddingTopEnum,\n  PaddingX as PaddingXEnum,\n  PaddingY as PaddingYEnum,\n  Rounded as RoundedEnum,\n  Shadow as ShadowEnum,\n  SizePrefixMapping\n} from \"./BoxConstants\";\nimport { BackgroundColor, BorderColor, BaseBoxSize, BoxSize, BoxTextColor, RoundedSize, Shadow } from \"./Box.types\";\nimport { VibeComponent, VibeComponentProps, withStaticProps, ElementContent } from \"../../types\";\nimport styles from \"./Box.module.scss\";\n\nexport interface BoxProps extends VibeComponentProps {\n  elementType?: keyof JSX.IntrinsicElements | string;\n  children?: ElementContent;\n  disabled?: boolean;\n  border?: boolean;\n  borderColor?: BorderColor;\n  rounded?: RoundedSize;\n  shadow?: Shadow;\n  margin?: BoxSize;\n  marginX?: BoxSize;\n  marginY?: BoxSize;\n  marginTop?: BoxSize;\n  marginEnd?: BoxSize;\n  marginBottom?: BaseBoxSize;\n  marginStart?: BaseBoxSize;\n  padding?: BaseBoxSize;\n  paddingX?: BaseBoxSize;\n  paddingY?: BaseBoxSize;\n  paddingTop?: BaseBoxSize;\n  paddingEnd?: BaseBoxSize;\n  paddingBottom?: BaseBoxSize;\n  paddingStart?: BaseBoxSize;\n  backgroundColor?: BackgroundColor;\n  textColor?: BoxTextColor;\n  scrollable?: boolean;\n  style?: React.CSSProperties;\n}\n\nconst Box: VibeComponent<BoxProps> & {\n  borderColors?: typeof BorderColorEnum;\n  roundeds?: typeof RoundedEnum;\n  shadows?: typeof ShadowEnum;\n  margins?: typeof MarginEnum;\n  marginXs?: typeof MarginXEnum;\n  marginYs?: typeof MarginYEnum;\n  marginTops?: typeof MarginTopEnum;\n  marginEnds?: typeof MarginEndEnum;\n  marginBottoms?: typeof MarginBottomEnum;\n  marginStarts?: typeof MarginStartEnum;\n  paddings?: typeof PaddingEnum;\n  paddingXs?: typeof PaddingXEnum;\n  paddingYs?: typeof PaddingYEnum;\n  paddingTops?: typeof PaddingTopEnum;\n  paddingEnds?: typeof PaddingEndEnum;\n  paddingBottoms?: typeof PaddingBottomEnum;\n  paddingStarts?: typeof PaddingStartEnum;\n  backgroundColors?: typeof BackgroundColorEnum;\n  textColors?: typeof BoxTextColorEnum;\n} = forwardRef(\n  ({ className, id, elementType = \"div\", children, disabled, border, scrollable, style, ...props }: BoxProps, ref) => {\n    const componentRef = useRef(null);\n    const mergedRef = useMergeRef(ref, componentRef);\n\n    const getClassNames = (styles: Record<string, string>, props: Record<string, any | undefined>) => {\n      return Object.keys(props)\n        .filter(prop => props[prop])\n        .map(prop => {\n          const value = props[prop];\n          const prefix = SizePrefixMapping[prop as keyof typeof SizePrefixMapping];\n          return prefix && typeof value === \"string\" ? styles[camelCase(`${prefix}-${value}`)] : styles[value];\n        })\n        .filter(Boolean);\n    };\n\n    return React.createElement(\n      elementType,\n      {\n        ref: mergedRef,\n        className: cx(\n          styles.box,\n          className,\n          { [styles.opacityDisabled]: disabled, [styles.scrollable]: scrollable, [styles.border]: border },\n          ...getClassNames(styles, props)\n        ),\n        id: id,\n        style\n      },\n      children\n    );\n  }\n);\n\nexport default withStaticProps(Box, {\n  borderColors: BorderColorEnum,\n  roundeds: RoundedEnum,\n  shadows: ShadowEnum,\n  margins: MarginEnum,\n  marginXs: MarginXEnum,\n  marginYs: MarginYEnum,\n  marginTops: MarginTopEnum,\n  marginEnds: MarginEndEnum,\n  marginBottoms: MarginBottomEnum,\n  marginStarts: MarginStartEnum,\n  paddings: PaddingEnum,\n  paddingXs: PaddingXEnum,\n  paddingYs: PaddingYEnum,\n  paddingTops: PaddingTopEnum,\n  paddingEnds: PaddingEndEnum,\n  paddingBottoms: PaddingBottomEnum,\n  paddingStarts: PaddingStartEnum,\n  backgroundColors: BackgroundColorEnum,\n  textColors: BoxTextColorEnum\n});\n"],"names":["withStaticProps","forwardRef","_a","ref","className","id","_a$elementType","elementType","children","disabled","border","scrollable","style","props","__rest","componentRef","useRef","mergedRef","useMergeRef","React","createElement","cx","apply","styles","box","_defineProperty","opacityDisabled","concat","_toConsumableArray","Object","keys","filter","prop","map","value","prefix","SizePrefixMapping","camelCase","Boolean","getClassNames","borderColors","BorderColorEnum","roundeds","RoundedEnum","shadows","ShadowEnum","margins","MarginEnum","marginXs","MarginXEnum","marginYs","MarginYEnum","marginTops","MarginTopEnum","marginEnds","MarginEndEnum","marginBottoms","MarginBottomEnum","marginStarts","MarginStartEnum","paddings","PaddingEnum","paddingXs","PaddingXEnum","paddingYs","PaddingYEnum","paddingTops","PaddingTopEnum","paddingEnds","PaddingEndEnum","paddingBottoms","PaddingBottomEnum","paddingStarts","PaddingStartEnum","backgroundColors","BackgroundColorEnum","textColors","BoxTextColorEnum"],"mappings":"gyBA0DA,IAsDeA,EAAAA,EAlCXC,GACF,SAACC,EAA2GC,OAAzGC,IAAAA,UAAWC,IAAAA,GAAEC,IAAEC,YAAAA,OAAc,IAAHD,EAAG,MAAKA,EAAEE,IAAAA,SAAUC,IAAAA,SAAUC,IAAAA,OAAQC,IAAAA,WAAYC,IAAAA,MAAUC,EAAxFC,EAAAZ,EAAA,CAAA,YAAA,KAAA,cAAA,WAAA,WAAA,SAAA,aAAA,UACOa,EAAeC,EAAO,MACtBC,EAAYC,EAAYf,EAAKY,GAanC,OAAOI,EAAMC,cACXb,EACA,CACEJ,IAAKc,EACLb,UAAWiB,EAAEC,cACXC,EAAOC,IACPpB,EAASqB,EAAAA,EAAAA,KACNF,EAAOG,gBAAkBjB,GAAWc,EAAOZ,WAAaA,GAAaY,EAAOb,OAASA,IAAMiB,OAAAC,EAlB9E,SAACL,EAAgCV,GACrD,OAAOgB,OAAOC,KAAKjB,GAChBkB,QAAO,SAAAC,GAAI,OAAInB,EAAMmB,EAAK,IAC1BC,KAAI,SAAAD,GACH,IAAME,EAAQrB,EAAMmB,GACdG,EAASC,EAAkBJ,GACjC,OAAOG,GAA2B,iBAAVD,EAAqBX,EAAOc,EAASV,GAAAA,OAAIQ,EAAM,KAAAR,OAAIO,KAAYX,EAAOW,EAChG,IACCH,OAAOO,SAWHC,CAAchB,EAAQV,MAE3BR,GAAIA,EACJO,MAAAA,GAEFJ,EAEJ,IAGkC,CAClCgC,aAAcC,EACdC,SAAUC,EACVC,QAASC,EACTC,QAASC,EACTC,SAAUC,EACVC,SAAUC,EACVC,WAAYC,EACZC,WAAYC,EACZC,cAAeC,EACfC,aAAcC,EACdC,SAAUC,EACVC,UAAWC,EACXC,UAAWC,EACXC,YAAaC,EACbC,YAAaC,EACbC,eAAgBC,EAChBC,cAAeC,EACfC,iBAAkBC,EAClBC,WAAYC"}
+{"version":3,"file":"Box.js","sources":["../../../../src/components/Box/Box.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from \"react\";\nimport { camelCase } from \"lodash-es\";\nimport cx from \"classnames\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport {\n  BackgroundColor as BackgroundColorEnum,\n  BorderColor as BorderColorEnum,\n  BoxTextColor as BoxTextColorEnum,\n  Margin as MarginEnum,\n  MarginBottom as MarginBottomEnum,\n  MarginEnd as MarginEndEnum,\n  MarginStart as MarginStartEnum,\n  MarginTop as MarginTopEnum,\n  MarginX as MarginXEnum,\n  MarginY as MarginYEnum,\n  Padding as PaddingEnum,\n  PaddingBottom as PaddingBottomEnum,\n  PaddingEnd as PaddingEndEnum,\n  PaddingStart as PaddingStartEnum,\n  PaddingTop as PaddingTopEnum,\n  PaddingX as PaddingXEnum,\n  PaddingY as PaddingYEnum,\n  Rounded as RoundedEnum,\n  Shadow as ShadowEnum,\n  SizePrefixMapping\n} from \"./BoxConstants\";\nimport { BackgroundColor, BorderColor, BaseBoxSize, BoxSize, BoxTextColor, RoundedSize, Shadow } from \"./Box.types\";\nimport { VibeComponent, VibeComponentProps, withStaticProps, ElementContent } from \"../../types\";\nimport styles from \"./Box.module.scss\";\n\nexport interface BoxProps extends VibeComponentProps {\n  /**\n   * The HTML element or custom component used as the root.\n   */\n  elementType?: keyof JSX.IntrinsicElements | string;\n  /**\n   * The content inside the box.\n   */\n  children?: ElementContent;\n  /**\n   * If true, the box is disabled.\n   */\n  disabled?: boolean;\n  /**\n   * If true, applies a border to the box.\n   */\n  border?: boolean;\n  /**\n   * The color of the border.\n   */\n  borderColor?: BorderColor;\n  /**\n   * The border radius of the box.\n   */\n  rounded?: RoundedSize;\n  /**\n   * The shadow style applied to the box.\n   */\n  shadow?: Shadow;\n  /**\n   * The margin applied to all sides.\n   */\n  margin?: BoxSize;\n  /**\n   * The horizontal margin.\n   */\n  marginX?: BoxSize;\n  /**\n   * The vertical margin.\n   */\n  marginY?: BoxSize;\n  /**\n   * The top margin.\n   */\n  marginTop?: BoxSize;\n  /**\n   * The end (right in LTR, left in RTL) margin.\n   */\n  marginEnd?: BoxSize;\n  /**\n   * The bottom margin.\n   */\n  marginBottom?: BaseBoxSize;\n  /**\n   * The start (left in LTR, right in RTL) margin.\n   */\n  marginStart?: BaseBoxSize;\n  /**\n   * The padding applied to all sides.\n   */\n  padding?: BaseBoxSize;\n  /**\n   * The horizontal padding.\n   */\n  paddingX?: BaseBoxSize;\n  /**\n   * The vertical padding.\n   */\n  paddingY?: BaseBoxSize;\n  /**\n   * The top padding.\n   */\n  paddingTop?: BaseBoxSize;\n  /**\n   * The end (right in LTR, left in RTL) padding.\n   */\n  paddingEnd?: BaseBoxSize;\n  /**\n   * The bottom padding.\n   */\n  paddingBottom?: BaseBoxSize;\n  /**\n   * The start (left in LTR, right in RTL) padding.\n   */\n  paddingStart?: BaseBoxSize;\n  /**\n   * The background color of the box.\n   */\n  backgroundColor?: BackgroundColor;\n  /**\n   * The text color inside the box.\n   */\n  textColor?: BoxTextColor;\n  /**\n   * If true, the box content is scrollable.\n   */\n  scrollable?: boolean;\n  /**\n   * Inline styles applied to the box.\n   */\n  style?: React.CSSProperties;\n}\n\nconst Box: VibeComponent<BoxProps> & {\n  borderColors?: typeof BorderColorEnum;\n  roundeds?: typeof RoundedEnum;\n  shadows?: typeof ShadowEnum;\n  margins?: typeof MarginEnum;\n  marginXs?: typeof MarginXEnum;\n  marginYs?: typeof MarginYEnum;\n  marginTops?: typeof MarginTopEnum;\n  marginEnds?: typeof MarginEndEnum;\n  marginBottoms?: typeof MarginBottomEnum;\n  marginStarts?: typeof MarginStartEnum;\n  paddings?: typeof PaddingEnum;\n  paddingXs?: typeof PaddingXEnum;\n  paddingYs?: typeof PaddingYEnum;\n  paddingTops?: typeof PaddingTopEnum;\n  paddingEnds?: typeof PaddingEndEnum;\n  paddingBottoms?: typeof PaddingBottomEnum;\n  paddingStarts?: typeof PaddingStartEnum;\n  backgroundColors?: typeof BackgroundColorEnum;\n  textColors?: typeof BoxTextColorEnum;\n} = forwardRef(\n  ({ className, id, elementType = \"div\", children, disabled, border, scrollable, style, ...props }: BoxProps, ref) => {\n    const componentRef = useRef(null);\n    const mergedRef = useMergeRef(ref, componentRef);\n\n    const getClassNames = (styles: Record<string, string>, props: Record<string, any | undefined>) => {\n      return Object.keys(props)\n        .filter(prop => props[prop])\n        .map(prop => {\n          const value = props[prop];\n          const prefix = SizePrefixMapping[prop as keyof typeof SizePrefixMapping];\n          return prefix && typeof value === \"string\" ? styles[camelCase(`${prefix}-${value}`)] : styles[value];\n        })\n        .filter(Boolean);\n    };\n\n    return React.createElement(\n      elementType,\n      {\n        ref: mergedRef,\n        className: cx(\n          styles.box,\n          className,\n          { [styles.opacityDisabled]: disabled, [styles.scrollable]: scrollable, [styles.border]: border },\n          ...getClassNames(styles, props)\n        ),\n        id: id,\n        style\n      },\n      children\n    );\n  }\n);\n\nexport default withStaticProps(Box, {\n  borderColors: BorderColorEnum,\n  roundeds: RoundedEnum,\n  shadows: ShadowEnum,\n  margins: MarginEnum,\n  marginXs: MarginXEnum,\n  marginYs: MarginYEnum,\n  marginTops: MarginTopEnum,\n  marginEnds: MarginEndEnum,\n  marginBottoms: MarginBottomEnum,\n  marginStarts: MarginStartEnum,\n  paddings: PaddingEnum,\n  paddingXs: PaddingXEnum,\n  paddingYs: PaddingYEnum,\n  paddingTops: PaddingTopEnum,\n  paddingEnds: PaddingEndEnum,\n  paddingBottoms: PaddingBottomEnum,\n  paddingStarts: PaddingStartEnum,\n  backgroundColors: BackgroundColorEnum,\n  textColors: BoxTextColorEnum\n});\n"],"names":["withStaticProps","forwardRef","_a","ref","className","id","_a$elementType","elementType","children","disabled","border","scrollable","style","props","__rest","componentRef","useRef","mergedRef","useMergeRef","React","createElement","cx","apply","styles","box","_defineProperty","opacityDisabled","concat","_toConsumableArray","Object","keys","filter","prop","map","value","prefix","SizePrefixMapping","camelCase","Boolean","getClassNames","borderColors","BorderColorEnum","roundeds","RoundedEnum","shadows","ShadowEnum","margins","MarginEnum","marginXs","MarginXEnum","marginYs","MarginYEnum","marginTops","MarginTopEnum","marginEnds","MarginEndEnum","marginBottoms","MarginBottomEnum","marginStarts","MarginStartEnum","paddings","PaddingEnum","paddingXs","PaddingXEnum","paddingYs","PaddingYEnum","paddingTops","PaddingTopEnum","paddingEnds","PaddingEndEnum","paddingBottoms","PaddingBottomEnum","paddingStarts","PaddingStartEnum","backgroundColors","BackgroundColorEnum","textColors","BoxTextColorEnum"],"mappings":"gyBAqIA,IAsDeA,EAAAA,EAlCXC,GACF,SAACC,EAA2GC,OAAzGC,IAAAA,UAAWC,IAAAA,GAAEC,IAAEC,YAAAA,OAAc,IAAHD,EAAG,MAAKA,EAAEE,IAAAA,SAAUC,IAAAA,SAAUC,IAAAA,OAAQC,IAAAA,WAAYC,IAAAA,MAAUC,EAAxFC,EAAAZ,EAAA,CAAA,YAAA,KAAA,cAAA,WAAA,WAAA,SAAA,aAAA,UACOa,EAAeC,EAAO,MACtBC,EAAYC,EAAYf,EAAKY,GAanC,OAAOI,EAAMC,cACXb,EACA,CACEJ,IAAKc,EACLb,UAAWiB,EAAEC,cACXC,EAAOC,IACPpB,EAASqB,EAAAA,EAAAA,KACNF,EAAOG,gBAAkBjB,GAAWc,EAAOZ,WAAaA,GAAaY,EAAOb,OAASA,IAAMiB,OAAAC,EAlB9E,SAACL,EAAgCV,GACrD,OAAOgB,OAAOC,KAAKjB,GAChBkB,QAAO,SAAAC,GAAI,OAAInB,EAAMmB,EAAK,IAC1BC,KAAI,SAAAD,GACH,IAAME,EAAQrB,EAAMmB,GACdG,EAASC,EAAkBJ,GACjC,OAAOG,GAA2B,iBAAVD,EAAqBX,EAAOc,EAASV,GAAAA,OAAIQ,EAAM,KAAAR,OAAIO,KAAYX,EAAOW,EAChG,IACCH,OAAOO,SAWHC,CAAchB,EAAQV,MAE3BR,GAAIA,EACJO,MAAAA,GAEFJ,EAEJ,IAGkC,CAClCgC,aAAcC,EACdC,SAAUC,EACVC,QAASC,EACTC,QAASC,EACTC,SAAUC,EACVC,SAAUC,EACVC,WAAYC,EACZC,WAAYC,EACZC,cAAeC,EACfC,aAAcC,EACdC,SAAUC,EACVC,UAAWC,EACXC,UAAWC,EACXC,YAAaC,EACbC,YAAaC,EACbC,eAAgBC,EAChBC,cAAeC,EACfC,iBAAkBC,EAClBC,WAAYC"}

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

@@ -1 +1 @@
-{"version":3,"file":"BreadcrumbContent.js","sources":["../../../../../../src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbContent/BreadcrumbContent.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef, useCallback, useMemo } from \"react\";\nimport { keyCodes } from \"../../../../constants\";\nimport { SubIcon, VibeComponentProps } from \"../../../../types\";\nimport cx from \"classnames\";\nimport styles from \"./BreadcrumbContent.module.scss\";\n\nexport interface BreadcrumbContentProps extends VibeComponentProps {\n  isClickable?: boolean;\n  link?: string;\n  onClick?: () => void;\n  text?: string;\n  icon?: SubIcon;\n  isCurrent?: boolean;\n  disabled?: boolean;\n  showText?: boolean;\n}\n\nconst iconProps = { className: styles.breadcrumbIcon, size: 14, clickable: false };\n\nexport const BreadcrumbContent: React.ForwardRefExoticComponent<BreadcrumbContentProps & React.RefAttributes<unknown>> =\n  forwardRef<unknown, BreadcrumbContentProps>(\n    (\n      { className, isClickable, link, onClick, text, icon, isCurrent, disabled = false, showText = true },\n      ref: ForwardedRef<HTMLSpanElement>\n    ) => {\n      const Icon = icon;\n\n      const onKeyDown = useCallback(\n        (event: React.KeyboardEvent) => {\n          if (event.key === keyCodes.ENTER || event.key === keyCodes.SPACE) {\n            link ? (window.parent.location.href = link) : onClick();\n          }\n        },\n        [onClick, link]\n      );\n\n      const tabIndex = useMemo(() => (disabled ? -1 : 0), [disabled]);\n\n      if (isClickable && (link || onClick)) {\n        if (link) {\n          return (\n            <a\n              className={cx(styles.breadcrumbContent, className, {\n                [styles.disabled]: disabled,\n                [styles.clickable]: isClickable,\n                [styles.current]: isCurrent,\n                [styles.withoutText]: !showText\n              })}\n              href={link}\n              onKeyDown={onKeyDown}\n              aria-current={isCurrent ? \"page\" : undefined}\n            >\n              {Icon && <Icon {...iconProps} />}\n              {showText && (\n                <span ref={ref} className={styles.breadcrumbText}>\n                  {text}\n                </span>\n              )}\n            </a>\n          );\n        }\n        return (\n          <span\n            className={cx(styles.breadcrumbContent, className, {\n              [styles.disabled]: disabled,\n              [styles.clickable]: isClickable,\n              [styles.current]: isCurrent,\n              [styles.withoutText]: !showText\n            })}\n            onClick={onClick}\n            onKeyDown={onKeyDown}\n            tabIndex={tabIndex}\n            aria-current={isCurrent ? \"page\" : undefined}\n            role=\"button\"\n          >\n            {Icon && <Icon {...iconProps} />}\n            {showText && (\n              <span ref={ref} className={styles.breadcrumbText}>\n                {text}\n              </span>\n            )}\n          </span>\n        );\n      }\n      return (\n        <span\n          className={cx(styles.breadcrumbContent, className, {\n            [styles.disabled]: disabled,\n            [styles.clickable]: isClickable,\n            [styles.current]: isCurrent,\n            [styles.notClickable]: !isClickable,\n            [styles.withoutText]: !showText\n          })}\n          aria-disabled=\"true\"\n          tabIndex={tabIndex}\n          aria-current={isCurrent ? \"page\" : undefined}\n        >\n          {Icon && <Icon {...iconProps} />}\n          {showText && (\n            <span ref={ref} className={styles.breadcrumbText}>\n              {text}\n            </span>\n          )}\n        </span>\n      );\n    }\n  );\n"],"names":["iconProps","className","styles","breadcrumbIcon","size","clickable","BreadcrumbContent","forwardRef","_ref","ref","isClickable","link","onClick","text","isCurrent","_ref$disabled","disabled","_ref$showText","showText","Icon","icon","onKeyDown","useCallback","event","key","keyCodes","ENTER","SPACE","window","parent","location","href","tabIndex","useMemo","React","createElement","cx","breadcrumbContent","_defineProperty","current","withoutText","undefined","Object","assign","breadcrumbText","role","notClickable"],"mappings":"0UAiBA,IAAMA,EAAY,CAAEC,UAAWC,EAAOC,eAAgBC,KAAM,GAAIC,WAAW,GAE9DC,EACXC,GACE,SAAAC,EAEEC,GACE,IAFAR,EAASO,EAATP,UAAWS,EAAWF,EAAXE,YAAaC,EAAIH,EAAJG,KAAMC,EAAOJ,EAAPI,QAASC,EAAIL,EAAJK,KAAYC,EAASN,EAATM,UAASC,EAAAP,EAAEQ,SAAAA,OAAW,IAAHD,GAAQA,EAAAE,EAAAT,EAAEU,SAAAA,OAAW,IAAHD,GAAOA,EAG3FE,EAH6CX,EAAJY,KAKzCC,EAAYC,GAChB,SAACC,GACKA,EAAMC,MAAQC,EAASC,OAASH,EAAMC,MAAQC,EAASE,QACzDhB,EAAQiB,OAAOC,OAAOC,SAASC,KAAOpB,EAAQC,IAElD,GACA,CAACA,EAASD,IAGNqB,EAAWC,GAAQ,WAAA,OAAOjB,GAAY,EAAI,CAAC,GAAG,CAACA,IAErD,OAAIN,IAAgBC,GAAQC,GACtBD,EAEAuB,EACEC,cAAA,IAAA,CAAAlC,UAAWmC,EAAGlC,EAAOmC,kBAAmBpC,EAASqC,EAAAA,EAAAA,EAAAA,EAC9CpC,CAAAA,EAAAA,EAAOc,SAAWA,GAClBd,EAAOG,UAAYK,GACnBR,EAAOqC,QAAUzB,GACjBZ,EAAOsC,aAAetB,IAEzBa,KAAMpB,EACNU,UAAWA,EACG,eAAAP,EAAY,YAAS2B,GAElCtB,GAAQe,EAAAC,cAAChB,EAAIuB,OAAAC,OAAA,GAAK3C,IAClBkB,GACCgB,EAAAC,cAAA,OAAA,CAAM1B,IAAKA,EAAKR,UAAWC,EAAO0C,gBAC/B/B,IAOTqB,EACEC,cAAA,OAAA,CAAAlC,UAAWmC,EAAGlC,EAAOmC,kBAAmBpC,EAASqC,EAAAA,EAAAA,EAAAA,EAC9CpC,CAAAA,EAAAA,EAAOc,SAAWA,GAClBd,EAAOG,UAAYK,GACnBR,EAAOqC,QAAUzB,GACjBZ,EAAOsC,aAAetB,IAEzBN,QAASA,EACTS,UAAWA,EACXW,SAAUA,iBACIlB,EAAY,YAAS2B,EACnCI,KAAK,UAEJ1B,GAAQe,EAAAC,cAAChB,EAAIuB,OAAAC,OAAA,GAAK3C,IAClBkB,GACCgB,EAAAC,cAAA,OAAA,CAAM1B,IAAKA,EAAKR,UAAWC,EAAO0C,gBAC/B/B,IAOTqB,EACEC,cAAA,OAAA,CAAAlC,UAAWmC,EAAGlC,EAAOmC,kBAAmBpC,EAASqC,EAAAA,EAAAA,EAAAA,EAAAA,KAC9CpC,EAAOc,SAAWA,GAClBd,EAAOG,UAAYK,GACnBR,EAAOqC,QAAUzB,GACjBZ,EAAO4C,cAAgBpC,GACvBR,EAAOsC,aAAetB,IAEX,gBAAA,OACdc,SAAUA,EAAQ,eACJlB,EAAY,YAAS2B,GAElCtB,GAAQe,EAAAC,cAAChB,EAAIuB,OAAAC,OAAA,GAAK3C,IAClBkB,GACCgB,EAAAC,cAAA,OAAA,CAAM1B,IAAKA,EAAKR,UAAWC,EAAO0C,gBAC/B/B,GAKX"}
+{"version":3,"file":"BreadcrumbContent.js","sources":["../../../../../../src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbContent/BreadcrumbContent.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef, useCallback, useMemo } from \"react\";\nimport { keyCodes } from \"../../../../constants\";\nimport { SubIcon, VibeComponentProps } from \"../../../../types\";\nimport cx from \"classnames\";\nimport styles from \"./BreadcrumbContent.module.scss\";\n\nexport interface BreadcrumbContentProps extends VibeComponentProps {\n  /**\n   * If true, the breadcrumb is clickable.\n   */\n  isClickable?: boolean;\n  /**\n   * The URL the breadcrumb links to.\n   */\n  link?: string;\n  /**\n   * Callback fired when the breadcrumb is clicked.\n   */\n  onClick?: () => void;\n  /**\n   * The text displayed inside the breadcrumb.\n   */\n  text?: string;\n  /**\n   * The icon displayed next to the text.\n   */\n  icon?: SubIcon;\n  /**\n   * If true, the breadcrumb represents the current page.\n   */\n  isCurrent?: boolean;\n  /**\n   * If true, the breadcrumb is disabled.\n   */\n  disabled?: boolean;\n  /**\n   * If true, the breadcrumb text is shown.\n   */\n  showText?: boolean;\n}\n\nconst iconProps = { className: styles.breadcrumbIcon, size: 14, clickable: false };\n\nexport const BreadcrumbContent: React.ForwardRefExoticComponent<BreadcrumbContentProps & React.RefAttributes<unknown>> =\n  forwardRef<unknown, BreadcrumbContentProps>(\n    (\n      { className, isClickable, link, onClick, text, icon, isCurrent, disabled = false, showText = true },\n      ref: ForwardedRef<HTMLSpanElement>\n    ) => {\n      const Icon = icon;\n\n      const onKeyDown = useCallback(\n        (event: React.KeyboardEvent) => {\n          if (event.key === keyCodes.ENTER || event.key === keyCodes.SPACE) {\n            link ? (window.parent.location.href = link) : onClick();\n          }\n        },\n        [onClick, link]\n      );\n\n      const tabIndex = useMemo(() => (disabled ? -1 : 0), [disabled]);\n\n      if (isClickable && (link || onClick)) {\n        if (link) {\n          return (\n            <a\n              className={cx(styles.breadcrumbContent, className, {\n                [styles.disabled]: disabled,\n                [styles.clickable]: isClickable,\n                [styles.current]: isCurrent,\n                [styles.withoutText]: !showText\n              })}\n              href={link}\n              onKeyDown={onKeyDown}\n              aria-current={isCurrent ? \"page\" : undefined}\n            >\n              {Icon && <Icon {...iconProps} />}\n              {showText && (\n                <span ref={ref} className={styles.breadcrumbText}>\n                  {text}\n                </span>\n              )}\n            </a>\n          );\n        }\n        return (\n          <span\n            className={cx(styles.breadcrumbContent, className, {\n              [styles.disabled]: disabled,\n              [styles.clickable]: isClickable,\n              [styles.current]: isCurrent,\n              [styles.withoutText]: !showText\n            })}\n            onClick={onClick}\n            onKeyDown={onKeyDown}\n            tabIndex={tabIndex}\n            aria-current={isCurrent ? \"page\" : undefined}\n            role=\"button\"\n          >\n            {Icon && <Icon {...iconProps} />}\n            {showText && (\n              <span ref={ref} className={styles.breadcrumbText}>\n                {text}\n              </span>\n            )}\n          </span>\n        );\n      }\n      return (\n        <span\n          className={cx(styles.breadcrumbContent, className, {\n            [styles.disabled]: disabled,\n            [styles.clickable]: isClickable,\n            [styles.current]: isCurrent,\n            [styles.notClickable]: !isClickable,\n            [styles.withoutText]: !showText\n          })}\n          aria-disabled=\"true\"\n          tabIndex={tabIndex}\n          aria-current={isCurrent ? \"page\" : undefined}\n        >\n          {Icon && <Icon {...iconProps} />}\n          {showText && (\n            <span ref={ref} className={styles.breadcrumbText}>\n              {text}\n            </span>\n          )}\n        </span>\n      );\n    }\n  );\n"],"names":["iconProps","className","styles","breadcrumbIcon","size","clickable","BreadcrumbContent","forwardRef","_ref","ref","isClickable","link","onClick","text","isCurrent","_ref$disabled","disabled","_ref$showText","showText","Icon","icon","onKeyDown","useCallback","event","key","keyCodes","ENTER","SPACE","window","parent","location","href","tabIndex","useMemo","React","createElement","cx","breadcrumbContent","_defineProperty","current","withoutText","undefined","Object","assign","breadcrumbText","role","notClickable"],"mappings":"0UAyCA,IAAMA,EAAY,CAAEC,UAAWC,EAAOC,eAAgBC,KAAM,GAAIC,WAAW,GAE9DC,EACXC,GACE,SAAAC,EAEEC,GACE,IAFAR,EAASO,EAATP,UAAWS,EAAWF,EAAXE,YAAaC,EAAIH,EAAJG,KAAMC,EAAOJ,EAAPI,QAASC,EAAIL,EAAJK,KAAYC,EAASN,EAATM,UAASC,EAAAP,EAAEQ,SAAAA,OAAW,IAAHD,GAAQA,EAAAE,EAAAT,EAAEU,SAAAA,OAAW,IAAHD,GAAOA,EAG3FE,EAH6CX,EAAJY,KAKzCC,EAAYC,GAChB,SAACC,GACKA,EAAMC,MAAQC,EAASC,OAASH,EAAMC,MAAQC,EAASE,QACzDhB,EAAQiB,OAAOC,OAAOC,SAASC,KAAOpB,EAAQC,IAElD,GACA,CAACA,EAASD,IAGNqB,EAAWC,GAAQ,WAAA,OAAOjB,GAAY,EAAI,CAAC,GAAG,CAACA,IAErD,OAAIN,IAAgBC,GAAQC,GACtBD,EAEAuB,EACEC,cAAA,IAAA,CAAAlC,UAAWmC,EAAGlC,EAAOmC,kBAAmBpC,EAASqC,EAAAA,EAAAA,EAAAA,EAC9CpC,CAAAA,EAAAA,EAAOc,SAAWA,GAClBd,EAAOG,UAAYK,GACnBR,EAAOqC,QAAUzB,GACjBZ,EAAOsC,aAAetB,IAEzBa,KAAMpB,EACNU,UAAWA,EACG,eAAAP,EAAY,YAAS2B,GAElCtB,GAAQe,EAAAC,cAAChB,EAAIuB,OAAAC,OAAA,GAAK3C,IAClBkB,GACCgB,EAAAC,cAAA,OAAA,CAAM1B,IAAKA,EAAKR,UAAWC,EAAO0C,gBAC/B/B,IAOTqB,EACEC,cAAA,OAAA,CAAAlC,UAAWmC,EAAGlC,EAAOmC,kBAAmBpC,EAASqC,EAAAA,EAAAA,EAAAA,EAC9CpC,CAAAA,EAAAA,EAAOc,SAAWA,GAClBd,EAAOG,UAAYK,GACnBR,EAAOqC,QAAUzB,GACjBZ,EAAOsC,aAAetB,IAEzBN,QAASA,EACTS,UAAWA,EACXW,SAAUA,iBACIlB,EAAY,YAAS2B,EACnCI,KAAK,UAEJ1B,GAAQe,EAAAC,cAAChB,EAAIuB,OAAAC,OAAA,GAAK3C,IAClBkB,GACCgB,EAAAC,cAAA,OAAA,CAAM1B,IAAKA,EAAKR,UAAWC,EAAO0C,gBAC/B/B,IAOTqB,EACEC,cAAA,OAAA,CAAAlC,UAAWmC,EAAGlC,EAAOmC,kBAAmBpC,EAASqC,EAAAA,EAAAA,EAAAA,EAAAA,KAC9CpC,EAAOc,SAAWA,GAClBd,EAAOG,UAAYK,GACnBR,EAAOqC,QAAUzB,GACjBZ,EAAO4C,cAAgBpC,GACvBR,EAAOsC,aAAetB,IAEX,gBAAA,OACdc,SAAUA,EAAQ,eACJlB,EAAY,YAAS2B,GAElCtB,GAAQe,EAAAC,cAAChB,EAAIuB,OAAAC,OAAA,GAAK3C,IAClBkB,GACCgB,EAAAC,cAAA,OAAA,CAAM1B,IAAKA,EAAKR,UAAWC,EAAO0C,gBAC/B/B,GAKX"}

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

@@ -1 +1 @@
-{"version":3,"file":"BreadcrumbItem.js","sources":["../../../../../src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbItem.tsx"],"sourcesContent":["import { ComponentDefaultTestId, getTestId } from \"../../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport React, { useRef } from \"react\";\nimport useIsOverflowing from \"../../../hooks/useIsOverflowing/useIsOverflowing\";\nimport Tooltip from \"../../../components/Tooltip/Tooltip\";\nimport { BreadcrumbContent } from \"./BreadcrumbContent/BreadcrumbContent\";\nimport { SubIcon, VibeComponentProps } from \"../../../types\";\nimport styles from \"./BreadcrumbItem.module.scss\";\n\nexport interface BreadcrumbItemProps extends VibeComponentProps {\n  /** The display text. */\n  text?: string;\n  /** Should item be disabled. */\n  disabled?: boolean;\n  /** Should item be clickable - this should be recieved from the breadcrumbsBar ( Navigation/Indication bar ). */\n  isClickable?: boolean;\n  /** If the item is clickable and the type of navigation is a link, this is the link */\n  link?: string;\n  /** If the item is clickable and the type of navigation is a function, this is the function */\n  onClick?: () => void;\n  /** Should be the current Item - mainly effects the item`s style. */\n  isCurrent?: boolean;\n  /** An Icon - If no icon needed then should be left empty. */\n  icon?: SubIcon;\n  showText?: boolean;\n}\n\nconst BreadcrumbItem: React.FC<BreadcrumbItemProps> = ({\n  className,\n  text = \"\",\n  disabled,\n  isClickable = false,\n  link,\n  onClick,\n  isCurrent = false,\n  icon,\n  id,\n  showText = true,\n  \"data-testid\": dataTestId\n}) => {\n  const componentRef = useRef<HTMLSpanElement>(null);\n  const isOverflowing = useIsOverflowing({ ref: componentRef });\n\n  return (\n    <Tooltip\n      disableDialogSlide={true}\n      withoutDialog={false}\n      content={(isOverflowing || !showText) && text}\n      showTrigger={[\"mouseenter\"]}\n      hideTrigger={[\"mouseleave\"]}\n      addKeyboardHideShowTriggersByDefault={!showText}\n    >\n      <li\n        id={id}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.BREADCRUMB_ITEM, id)}\n        className={cx(styles.breadcrumbItemWrapper, className, {\n          [styles.disabled]: disabled\n        })}\n      >\n        <BreadcrumbContent\n          ref={componentRef}\n          isClickable={isClickable}\n          link={link}\n          onClick={onClick}\n          text={text}\n          icon={icon}\n          isCurrent={isCurrent}\n          disabled={disabled}\n          showText={showText}\n        />\n      </li>\n    </Tooltip>\n  );\n};\n\nexport default BreadcrumbItem;\n"],"names":["BreadcrumbItem","_ref","className","_ref$text","text","disabled","_ref$isClickable","isClickable","link","onClick","_ref$isCurrent","isCurrent","icon","id","_ref$showText","showText","dataTestId","componentRef","useRef","isOverflowing","useIsOverflowing","ref","React","createElement","Tooltip","disableDialogSlide","withoutDialog","content","showTrigger","hideTrigger","addKeyboardHideShowTriggersByDefault","getTestId","ComponentDefaultTestId","BREADCRUMB_ITEM","cx","styles","breadcrumbItemWrapper","_defineProperty","BreadcrumbContent"],"mappings":"wcA2BA,IAAMA,EAAgD,SAAlCC,GAYf,IAXHC,EAASD,EAATC,UAASC,EAAAF,EACTG,KAAAA,OAAO,IAAHD,EAAG,GAAEA,EACTE,EAAQJ,EAARI,SAAQC,EAAAL,EACRM,YAAAA,OAAc,IAAHD,GAAQA,EACnBE,EAAIP,EAAJO,KACAC,EAAOR,EAAPQ,QAAOC,EAAAT,EACPU,UAAAA,OAAY,IAAHD,GAAQA,EACjBE,EAAIX,EAAJW,KACAC,EAAEZ,EAAFY,GAAEC,EAAAb,EACFc,SAAAA,OAAW,IAAHD,GAAOA,EACAE,EAAUf,EAAzB,eAEMgB,EAAeC,EAAwB,MACvCC,EAAgBC,EAAiB,CAAEC,IAAKJ,IAE9C,OACEK,EAACC,cAAAC,EACC,CAAAC,oBAAoB,EACpBC,eAAe,EACfC,SAAUR,IAAkBJ,IAAaX,EACzCwB,YAAa,CAAC,cACdC,YAAa,CAAC,cACdC,sCAAuCf,GAEvCO,EACEC,cAAA,KAAA,CAAAV,GAAIA,EACS,cAAAG,GAAce,EAAUC,EAAuBC,gBAAiBpB,GAC7EX,UAAWgC,EAAGC,EAAOC,sBAAuBlC,EAASmC,KAClDF,EAAO9B,SAAWA,KAGrBiB,EAAAC,cAACe,EACC,CAAAjB,IAAKJ,EACLV,YAAaA,EACbC,KAAMA,EACNC,QAASA,EACTL,KAAMA,EACNQ,KAAMA,EACND,UAAWA,EACXN,SAAUA,EACVU,SAAUA,KAKpB"}
+{"version":3,"file":"BreadcrumbItem.js","sources":["../../../../../src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbItem.tsx"],"sourcesContent":["import { ComponentDefaultTestId, getTestId } from \"../../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport React, { useRef } from \"react\";\nimport useIsOverflowing from \"../../../hooks/useIsOverflowing/useIsOverflowing\";\nimport Tooltip from \"../../../components/Tooltip/Tooltip\";\nimport { BreadcrumbContent } from \"./BreadcrumbContent/BreadcrumbContent\";\nimport { SubIcon, VibeComponentProps } from \"../../../types\";\nimport styles from \"./BreadcrumbItem.module.scss\";\n\nexport interface BreadcrumbItemProps extends VibeComponentProps {\n  /**\n   * The display text of the breadcrumb item.\n   */\n  text?: string;\n  /**\n   * If true, the item is disabled.\n   */\n  disabled?: boolean;\n  /**\n   * If true, the item is clickable.\n   */\n  isClickable?: boolean;\n  /**\n   * The URL the item links to if navigation is handled via a link.\n   */\n  link?: string;\n  /**\n   * Callback fired when the item is clicked.\n   */\n  onClick?: () => void;\n  /**\n   * If true, applies styling for the current page.\n   */\n  isCurrent?: boolean;\n  /**\n   * The icon displayed next to the text.\n   */\n  icon?: SubIcon;\n  /**\n   * If true, the breadcrumb text is shown.\n   */\n  showText?: boolean;\n}\n\nconst BreadcrumbItem: React.FC<BreadcrumbItemProps> = ({\n  className,\n  text = \"\",\n  disabled,\n  isClickable = false,\n  link,\n  onClick,\n  isCurrent = false,\n  icon,\n  id,\n  showText = true,\n  \"data-testid\": dataTestId\n}) => {\n  const componentRef = useRef<HTMLSpanElement>(null);\n  const isOverflowing = useIsOverflowing({ ref: componentRef });\n\n  return (\n    <Tooltip\n      disableDialogSlide={true}\n      withoutDialog={false}\n      content={(isOverflowing || !showText) && text}\n      showTrigger={[\"mouseenter\"]}\n      hideTrigger={[\"mouseleave\"]}\n      addKeyboardHideShowTriggersByDefault={!showText}\n    >\n      <li\n        id={id}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.BREADCRUMB_ITEM, id)}\n        className={cx(styles.breadcrumbItemWrapper, className, {\n          [styles.disabled]: disabled\n        })}\n      >\n        <BreadcrumbContent\n          ref={componentRef}\n          isClickable={isClickable}\n          link={link}\n          onClick={onClick}\n          text={text}\n          icon={icon}\n          isCurrent={isCurrent}\n          disabled={disabled}\n          showText={showText}\n        />\n      </li>\n    </Tooltip>\n  );\n};\n\nexport default BreadcrumbItem;\n"],"names":["BreadcrumbItem","_ref","className","_ref$text","text","disabled","_ref$isClickable","isClickable","link","onClick","_ref$isCurrent","isCurrent","icon","id","_ref$showText","showText","dataTestId","componentRef","useRef","isOverflowing","useIsOverflowing","ref","React","createElement","Tooltip","disableDialogSlide","withoutDialog","content","showTrigger","hideTrigger","addKeyboardHideShowTriggersByDefault","getTestId","ComponentDefaultTestId","BREADCRUMB_ITEM","cx","styles","breadcrumbItemWrapper","_defineProperty","BreadcrumbContent"],"mappings":"wcA4CA,IAAMA,EAAgD,SAAlCC,GAYf,IAXHC,EAASD,EAATC,UAASC,EAAAF,EACTG,KAAAA,OAAO,IAAHD,EAAG,GAAEA,EACTE,EAAQJ,EAARI,SAAQC,EAAAL,EACRM,YAAAA,OAAc,IAAHD,GAAQA,EACnBE,EAAIP,EAAJO,KACAC,EAAOR,EAAPQ,QAAOC,EAAAT,EACPU,UAAAA,OAAY,IAAHD,GAAQA,EACjBE,EAAIX,EAAJW,KACAC,EAAEZ,EAAFY,GAAEC,EAAAb,EACFc,SAAAA,OAAW,IAAHD,GAAOA,EACAE,EAAUf,EAAzB,eAEMgB,EAAeC,EAAwB,MACvCC,EAAgBC,EAAiB,CAAEC,IAAKJ,IAE9C,OACEK,EAACC,cAAAC,EACC,CAAAC,oBAAoB,EACpBC,eAAe,EACfC,SAAUR,IAAkBJ,IAAaX,EACzCwB,YAAa,CAAC,cACdC,YAAa,CAAC,cACdC,sCAAuCf,GAEvCO,EACEC,cAAA,KAAA,CAAAV,GAAIA,EACS,cAAAG,GAAce,EAAUC,EAAuBC,gBAAiBpB,GAC7EX,UAAWgC,EAAGC,EAAOC,sBAAuBlC,EAASmC,KAClDF,EAAO9B,SAAWA,KAGrBiB,EAAAC,cAACe,EACC,CAAAjB,IAAKJ,EACLV,YAAaA,EACbC,KAAMA,EACNC,QAASA,EACTL,KAAMA,EACNQ,KAAMA,EACND,UAAWA,EACXN,SAAUA,EACVU,SAAUA,KAKpB"}

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

@@ -1 +1 @@
-{"version":3,"file":"BreadcrumbsBar.js","sources":["../../../../src/components/BreadcrumbsBar/BreadcrumbsBar.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { FC, ReactElement } from \"react\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { NavigationChevronRight } from \"@vibe/icons\";\nimport { BreadcrumbsBarType as BreadcrumbsBarTypeEnum } from \"./BreadcrumbsConstants\";\nimport { BreadcrumbsBarType } from \"./Breadcrumbs.types\";\nimport { BreadcrumbItemProps } from \"./BreadcrumbItem/BreadcrumbItem\";\nimport { withStaticProps, VibeComponentProps } from \"../../types\";\nimport styles from \"./BreadcrumbsBar.module.scss\";\n\nexport interface BreadcrumbBarProps extends VibeComponentProps {\n  /** The type of the bar is responsible for whether it will be navigational or for indication only  */\n  type: BreadcrumbsBarType;\n  children: ReactElement<BreadcrumbItemProps> | ReactElement<BreadcrumbItemProps>[];\n}\n\nconst BreadcrumbsBar: FC<BreadcrumbBarProps> & { types?: typeof BreadcrumbsBarTypeEnum } = ({\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\nexport default withStaticProps(BreadcrumbsBar, {\n  types: BreadcrumbsBarTypeEnum\n});\n"],"names":["withStaticProps","_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":"uZAgBA,IA8BeA,EAAAA,GA9B4E,SAAvEC,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,GAGuC,CAC7CyB,MAAOC"}
+{"version":3,"file":"BreadcrumbsBar.js","sources":["../../../../src/components/BreadcrumbsBar/BreadcrumbsBar.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { FC, ReactElement } from \"react\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { NavigationChevronRight } from \"@vibe/icons\";\nimport { BreadcrumbsBarType as BreadcrumbsBarTypeEnum } from \"./BreadcrumbsConstants\";\nimport { BreadcrumbsBarType } from \"./Breadcrumbs.types\";\nimport { BreadcrumbItemProps } from \"./BreadcrumbItem/BreadcrumbItem\";\nimport { withStaticProps, VibeComponentProps } from \"../../types\";\nimport styles from \"./BreadcrumbsBar.module.scss\";\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: ReactElement<BreadcrumbItemProps> | ReactElement<BreadcrumbItemProps>[];\n}\n\nconst BreadcrumbsBar: FC<BreadcrumbBarProps> & { types?: typeof BreadcrumbsBarTypeEnum } = ({\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\nexport default withStaticProps(BreadcrumbsBar, {\n  types: BreadcrumbsBarTypeEnum\n});\n"],"names":["withStaticProps","_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":"uZAqBA,IA8BeA,EAAAA,GA9B4E,SAAvEC,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,GAGuC,CAC7CyB,MAAOC"}

package/dist/src/components/Button/Button.js

@@ -1,2 +1,2 @@
-import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import t,{forwardRef as a,useRef as o,useEffect as n,useCallback as r,useMemo as i}from"react";import{camelCase as s}from"lodash-es";import l from"classnames";import{SIZES as c}from"../../constants/sizes.js";import u from"../../hooks/useMergeRef.js";import{NOOP as d}from"../../utils/function-utils.js";import m from"../Icon/Icon.js";import p from"../Loader/Loader.js";import{BUTTON_ICON_SIZE as f,SMALL_BUTTON_ICON_SIZE as g,ButtonColor as y,ButtonType as b,ButtonInputType as v}from"./ButtonConstants.js";import{TRANSPARENT_COLOR as h,getParentBackgroundColorNotTransparent as C}from"./helper/dom-helpers.js";import{getTestId as j}from"../../tests/testIds.js";import{withStaticProps as x}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import{getStyle as F}from"../../helpers/typesciptCssModulesHelper.js";import{ComponentDefaultTestId as N,ComponentVibeId as k}from"../../tests/constants.js";import E from"./Button.module.scss.js";import{useButtonLoading as I}from"./helper/useButtonLoading.js";var B=a((function(a,c){var d=a.className,y=a.children,b=a.kind,v=a.onClick,h=a.name,x=a.size,B=a.color,P=a.disabled,S=a.rightIcon,T=a.leftIcon,L=a.success,O=a.successText,z=a.successIcon,M=a.style,w=a.loading,D=a.loaderClassName,U=a.active,A=a.activeButtonClassName,H=a.id,R=a.marginRight,_=a.marginLeft,q=a.type,G=a.onMouseDown,J=a.ariaLabel,K=a.rightFlat,Q=a.leftFlat,V=a.preventClickAnimation,W=a.noSidePadding,X=a.onFocus,Y=a.onBlur,Z=a.ariaLabeledBy,$=a.defaultTextColorOnPrimaryColor,ee=a.ariaHasPopup,te=a.ariaExpanded,ae=a.ariaControls,oe=a["aria-describedby"],ne=a["aria-hidden"],re=a["aria-pressed"],ie=a.blurOnMouseUp,se=a["data-testid"],le=a.insetFocus,ce=a.tabIndex,ue=o(null),de=u(c,ue),me=I({isLoading:w}).loading;n((function(){if(("on-primary-color"===B||"fixed-light"===B)&&"primary"===b&&ue.current){var e=ue.current;e.style.color=C(e,$)}}),[b,ue,B,$]);var pe=r((function(){var e=ue.current;!P&&e&&ie&&e.blur()}),[P,ue,ie]),fe=r((function(e){P||me||L?e.preventDefault():v&&v(e)}),[v,P,me,L]),ge=r((function(e){P||me||L?e.preventDefault():G&&G(e)}),[G,P,me,L]),ye=i((function(){var t,a=L?"positive":B;return l(d,E.button,F(E,s("size-"+x)),F(E,s("kind-"+b)),F(E,s("color-"+a)),(e(e(e(e(e(e(e(e(e(e(t={},E.success,L),F(E,s("color-"+a+"-active")),U),A,U),E.marginRight,R),E.marginLeft,_),E.rightFlat,K),E.leftFlat,Q),E.preventClickAnimation,V),E.noSidePadding,W),E.disabled,P),e(t,E.insetFocusStyle,le)))}),[L,B,d,x,b,U,A,R,_,K,Q,V,W,P,le]),be=i((function(){return{ref:de,type:q,className:ye,name:h,onMouseUp:pe,style:M,onClick:fe,id:H,onFocus:X,onBlur:Y,tabIndex:P||ne?-1:ce,"data-testid":se||j(N.BUTTON,H),"data-vibe":k.BUTTON,onMouseDown:ge,"aria-disabled":P,"aria-busy":me,"aria-labelledby":Z,"aria-label":J,"aria-haspopup":ee,"aria-expanded":te,"aria-controls":ae,"aria-describedby":oe,"aria-hidden":ne,"aria-pressed":re}}),[de,q,ye,h,pe,M,fe,H,X,Y,ce,se,ge,P,me,Z,J,ee,te,ae,oe,ne,re]),ve=r((function(e){if("function"==typeof e)switch(x){case"xxs":case"xs":return g;default:return f}}),[x]),he=i((function(){return t.Children.toArray(y).some(Boolean)}),[y]),Ce=i((function(){return t.createElement(t.Fragment,null,T?t.createElement(m,{iconType:"font",icon:T,iconSize:ve(T),className:l(e({},E.leftIcon,he)),ignoreFocusStyle:!0}):null,y,S?t.createElement(m,{iconType:"font",icon:S,iconSize:ve(S),className:l(e({},E.rightIcon,he)),ignoreFocusStyle:!0}):null)}),[y,he,ve,T,S]);return me?t.createElement("button",Object.assign({},be,{key:"".concat(H,"-loading")}),t.createElement("span",{className:l(E.loader,D)},t.createElement(p,{className:E.loaderSvg}),t.createElement("span",{"aria-hidden":!0,className:E.textPlaceholder},Ce))):L?t.createElement("button",Object.assign({},be,{key:"".concat(H,"-success")}),t.createElement("span",{className:E.successContent},z?t.createElement(m,{iconType:"font",icon:z,iconSize:ve(z),className:l(e({},E.leftIcon,!!O)),ignoreFocusStyle:!0}):null,O),t.createElement("span",{"aria-hidden":"true",className:E.textPlaceholder},Ce)):t.createElement("button",Object.assign({},be,{key:"".concat(H,"-button")}),Ce)}));B.defaultProps={className:void 0,name:void 0,style:void 0,id:void 0,kind:"primary",onClick:d,size:"medium",color:"primary",disabled:!1,rightIcon:null,leftIcon:null,success:!1,successText:"",successIcon:null,loading:!1,loaderClassName:void 0,active:!1,marginRight:!1,marginLeft:!1,type:"button",onMouseDown:d,rightFlat:!1,leftFlat:!1,preventClickAnimation:!1,noSidePadding:!1,onFocus:d,onBlur:d,defaultTextColorOnPrimaryColor:h,ariaHasPopup:void 0,blurOnMouseUp:!0,ariaExpanded:void 0,ariaControls:void 0,ariaLabel:void 0,ariaLabeledBy:void 0,insetFocus:!1};var P=x(B,{sizes:c,colors:y,kinds:b,types:v,inputTags:v});export{P as default};
+import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import t,{forwardRef as a,useRef as o,useEffect as n,useCallback as r,useMemo as i}from"react";import{camelCase as s}from"lodash-es";import l from"classnames";import{SIZES as c}from"../../constants/sizes.js";import u from"../../hooks/useMergeRef.js";import{NOOP as d}from"../../utils/function-utils.js";import m from"../Icon/Icon.js";import p from"../Loader/Loader.js";import{BUTTON_ICON_SIZE as f,SMALL_BUTTON_ICON_SIZE as g,ButtonColor as y,ButtonType as b,ButtonInputType as v}from"./ButtonConstants.js";import{TRANSPARENT_COLOR as h,getParentBackgroundColorNotTransparent as C}from"./helper/dom-helpers.js";import{getTestId as j}from"../../tests/testIds.js";import{withStaticProps as x}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import{getStyle as F}from"../../helpers/typesciptCssModulesHelper.js";import{ComponentDefaultTestId as N,ComponentVibeId as k}from"../../tests/constants.js";import E from"./Button.module.scss.js";import{useButtonLoading as I}from"./helper/useButtonLoading.js";var B=a((function(a,c){var d=a.className,y=a.children,b=a.kind,v=a.onClick,h=a.name,x=a.size,B=a.color,P=a.disabled,S=a.rightIcon,T=a.leftIcon,L=a.success,O=a.successText,z=a.successIcon,M=a.style,w=a.loading,D=a.loaderClassName,U=a.active,A=a.activeButtonClassName,H=a.id,R=a.marginRight,_=a.marginLeft,q=a.type,G=a.onMouseDown,J=a.ariaLabel,K=a.rightFlat,Q=a.leftFlat,V=a.preventClickAnimation,W=a.noSidePadding,X=a.onFocus,Y=a.onBlur,Z=a.ariaLabeledBy,$=a.defaultTextColorOnPrimaryColor,ee=a.ariaHasPopup,te=a.ariaExpanded,ae=a.ariaControls,oe=a["aria-describedby"],ne=a["aria-hidden"],re=a["aria-pressed"],ie=a.blurOnMouseUp,se=a["data-testid"],le=a.insetFocus,ce=a.tabIndex,ue=o(null),de=u(c,ue),me=I({isLoading:w}).loading;n((function(){if(("on-primary-color"===B||"fixed-light"===B)&&"primary"===b&&ue.current){var e=ue.current;e.style.color=C(e,$)}}),[b,ue,B,$]);var pe=r((function(){var e=ue.current;!P&&e&&ie&&e.blur()}),[P,ue,ie]),fe=r((function(e){P||me||L?e.preventDefault():v&&v(e)}),[v,P,me,L]),ge=r((function(e){P||me||L?e.preventDefault():G&&G(e)}),[G,P,me,L]),ye=i((function(){var t,a=L?"positive":B;return l(d,E.button,F(E,s("size-"+x)),F(E,s("kind-"+b)),F(E,s("color-"+a)),(e(e(e(e(e(e(e(e(e(e(t={},E.success,L),F(E,s("color-"+a+"-active")),U),A,U),E.marginRight,R),E.marginLeft,_),E.rightFlat,K),E.leftFlat,Q),E.preventClickAnimation,V),E.noSidePadding,W),E.disabled,P),e(t,E.insetFocusStyle,le)))}),[L,B,d,x,b,U,A,R,_,K,Q,V,W,P,le]),be=i((function(){return{ref:de,type:q,className:ye,name:h,onMouseUp:pe,style:M,onClick:fe,id:H,onFocus:X,onBlur:Y,tabIndex:P||ne?-1:ce,"data-testid":se||j(N.BUTTON,H),"data-vibe":k.BUTTON,onMouseDown:ge,"aria-disabled":P,"aria-busy":me,"aria-labelledby":Z,"aria-label":J,"aria-haspopup":ee,"aria-expanded":te,"aria-controls":ae,"aria-describedby":oe,"aria-hidden":ne,"aria-pressed":re}}),[de,q,ye,h,pe,M,fe,H,X,Y,ce,se,ge,P,me,Z,J,ee,te,ae,oe,ne,re]),ve=r((function(e){if("function"==typeof e)switch(x){case"xxs":case"xs":return g;default:return f}}),[x]),he=i((function(){return t.Children.toArray(y).some(Boolean)}),[y]),Ce=i((function(){return t.createElement(t.Fragment,null,T?t.createElement(m,{iconType:"font",icon:T,iconSize:ve(T),className:l(e({},E.leftIcon,he)),ignoreFocusStyle:!0}):null,y,S?t.createElement(m,{iconType:"font",icon:S,iconSize:ve(S),className:l(e({},E.rightIcon,he)),ignoreFocusStyle:!0}):null)}),[y,he,ve,T,S]);return me?t.createElement("button",Object.assign({},be,{key:"".concat(H,"-loading")}),t.createElement("span",{className:l(E.loader,D)},t.createElement(p,{className:E.loaderSvg}),t.createElement("span",{"aria-hidden":!0,className:E.textPlaceholder},Ce))):L?t.createElement("button",Object.assign({},be,{key:"".concat(H,"-success")}),t.createElement("span",{className:E.successContent},z?t.createElement(m,{iconType:"font",icon:z,iconSize:ve(z),className:l(e({},E.leftIcon,!!O)),ignoreFocusStyle:!0}):null,O),t.createElement("span",{"aria-hidden":"true",className:E.textPlaceholder},Ce)):t.createElement("button",Object.assign({},be,{key:"".concat(H,"-button")}),Ce)}));B.defaultProps={name:void 0,style:void 0,kind:"primary",onClick:d,size:"medium",color:"primary",disabled:!1,rightIcon:null,leftIcon:null,success:!1,successText:"",successIcon:null,loading:!1,loaderClassName:void 0,active:!1,marginRight:!1,marginLeft:!1,type:"button",onMouseDown:d,rightFlat:!1,leftFlat:!1,preventClickAnimation:!1,noSidePadding:!1,onFocus:d,onBlur:d,defaultTextColorOnPrimaryColor:h,ariaHasPopup:void 0,blurOnMouseUp:!0,ariaExpanded:void 0,ariaControls:void 0,ariaLabel:void 0,ariaLabeledBy:void 0,insetFocus:!1};var P=x(B,{sizes:c,colors:y,kinds:b,types:v,inputTags:v});export{P as default};
 //# sourceMappingURL=Button.js.map