@vibe/core 3.36.0-alpha-94da6.0 → 3.36.0

package/dist/mocked_classnames/src/components/ExpandCollapse/ExpandCollapse.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExpandCollapse.js","sources":["../../../../../src/components/ExpandCollapse/ExpandCollapse.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { FC, forwardRef, ReactElement, useCallback, useRef, useState } from \"react\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport Icon from \"../Icon/Icon\";\nimport Text from \"../Text/Text\";\nimport { DropdownChevronDown } from \"@vibe/icons\";\nimport { VibeComponentProps, ElementContent } from \"../../types\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport styles from \"./ExpandCollapse.module.scss\";\n\nexport interface ExpandCollapseProps extends VibeComponentProps {\n  /**\n   * Component as parameter to be rendered as header\n   */\n  headerComponentRenderer?: () => ReactElement;\n  /**\n   * Class name to add to the header of the expandable\n   */\n  headerClassName?: string;\n  /**\n   * Class name to add to the content of the expandable\n   */\n  contentClassName?: string;\n  /**\n   * Class name to add to the component\n   */\n  componentClassName?: string;\n  /**\n   * Header title\n   */\n  title?: ElementContent;\n  /**\n   * The value of the expandable section\n   */\n  children?: ElementContent;\n  /**\n   * The expand icon font size\n   */\n  iconSize?: number | string;\n  /**\n   * Should be open or closed by default (when rendered)\n   */\n  defaultOpenState?: boolean;\n  open?: boolean;\n  onClick?: (event: React.MouseEvent) => void;\n  hideBorder?: boolean;\n  captureOnClick?: boolean;\n}\n\nconst ExpandCollapse: FC<ExpandCollapseProps> = forwardRef(\n  (\n    {\n      children,\n      headerComponentRenderer = null,\n      title = \"\",\n      className,\n      defaultOpenState = false,\n      iconSize = 24,\n      id = \"\",\n      open,\n      onClick = null,\n      hideBorder = false,\n      headerClassName,\n      contentClassName,\n      componentClassName,\n      \"data-testid\": dataTestId,\n      captureOnClick = true\n    },\n    ref\n  ) => {\n    const componentRef = useRef(null);\n    const mergedRef = useMergeRef(ref, componentRef);\n\n    const [isOpen, setIsOpen] = useState(defaultOpenState);\n    const isExpanded = open === undefined ? isOpen : open;\n\n    const toggleExpand = () => {\n      setIsOpen(!isOpen);\n    };\n    const renderHeader = useCallback(() => {\n      return typeof title === \"string\" ? (\n        <Text type=\"text1\" className={cx(styles.headerContent)}>\n          {title}\n        </Text>\n      ) : (\n        title\n      );\n    }, [title]);\n\n    return (\n      <div\n        ref={mergedRef}\n        className={className}\n        id={id}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.EXPAND_COLLAPSE, id)}\n      >\n        <div\n          className={cx(\n            styles.expandCollapse,\n            {\n              [styles.hideBorder]: hideBorder,\n              [styles.showBorder]: !hideBorder\n            },\n            componentClassName\n          )}\n        >\n          <button\n            type=\"button\"\n            className={cx(styles.header, styles.section, headerClassName, {\n              [styles.headerOpen]: isExpanded,\n              [styles.hideBorderBottom]: hideBorder\n            })}\n            onClickCapture={captureOnClick ? onClick || toggleExpand : undefined}\n            onClick={!captureOnClick ? onClick || toggleExpand : undefined}\n            aria-expanded={isExpanded}\n            aria-controls={`${id}-controls`}\n          >\n            {typeof title !== \"string\" || title.length !== 0\n              ? renderHeader()\n              : headerComponentRenderer && headerComponentRenderer()}\n            <Icon\n              className={cx(styles.iconComponent, {\n                [styles.animateIconOpen]: isExpanded,\n                [styles.animateIconClose]: !isExpanded\n              })}\n              iconType=\"svg\"\n              icon={DropdownChevronDown}\n              iconSize={iconSize}\n            />\n          </button>\n          {isExpanded && (\n            <div\n              className={cx(styles.content, styles.section, contentClassName, {\n                [styles.animateExpandCollapseContent]: isExpanded\n              })}\n              id={`${id}-controls`}\n              role=\"region\"\n            >\n              {children}\n            </div>\n          )}\n        </div>\n      </div>\n    );\n  }\n);\n\nexport default ExpandCollapse;\n"],"names":["ExpandCollapse","forwardRef","_ref","ref","children","_ref$headerComponentR","headerComponentRenderer","_ref$title","title","className","_ref$defaultOpenState","defaultOpenState","_ref$iconSize","iconSize","_ref$id","id","open","_ref$onClick","onClick","_ref$hideBorder","hideBorder","headerClassName","contentClassName","componentClassName","dataTestId","_ref$captureOnClick","captureOnClick","componentRef","useRef","mergedRef","useMergeRef","_useState","useState","_useState2","_slicedToArray","isOpen","setIsOpen","isExpanded","undefined","toggleExpand","renderHeader","useCallback","React","createElement","Text","type","cx","styles","headerContent","getTestId","ComponentDefaultTestId","EXPAND_COLLAPSE","expandCollapse","_defineProperty","showBorder","header","section","headerOpen","hideBorderBottom","onClickCapture","concat","length","Icon","iconComponent","animateIconOpen","animateIconClose","iconType","icon","DropdownChevronDown","content","animateExpandCollapseContent","role"],"mappings":"ofAiDMA,IAAAA,EAA0CC,GAC9C,SAAAC,EAkBEC,GACE,IAjBAC,EAAQF,EAARE,SAAQC,EAAAH,EACRI,wBAAAA,OAA0B,IAAHD,EAAG,KAAIA,EAAAE,EAAAL,EAC9BM,MAAAA,OAAQ,IAAHD,EAAG,GAAEA,EACVE,EAASP,EAATO,UAASC,EAAAR,EACTS,iBAAAA,OAAmB,IAAHD,GAAQA,EAAAE,EAAAV,EACxBW,SAAAA,OAAW,IAAHD,EAAG,GAAEA,EAAAE,EAAAZ,EACba,GAAAA,OAAK,IAAHD,EAAG,GAAEA,EACPE,EAAId,EAAJc,KAAIC,EAAAf,EACJgB,QAAAA,OAAU,IAAHD,EAAG,KAAIA,EAAAE,EAAAjB,EACdkB,WAAAA,OAAa,IAAHD,GAAQA,EAClBE,EAAenB,EAAfmB,gBACAC,EAAgBpB,EAAhBoB,iBACAC,EAAkBrB,EAAlBqB,mBACeC,EAAUtB,EAAzB,eAAauB,EAAAvB,EACbwB,eAAAA,OAAiB,IAAHD,GAAOA,EAIjBE,EAAeC,EAAO,MACtBC,EAAYC,EAAY3B,EAAKwB,GAEnCI,EAA4BC,EAASrB,GAAiBsB,EAAAC,EAAAH,EAAA,GAA/CI,EAAMF,EAAA,GAAEG,EAASH,EAAA,GAClBI,OAAsBC,IAATtB,EAAqBmB,EAASnB,EAE3CuB,EAAe,WACnBH,GAAWD,IAEPK,EAAeC,GAAY,WAC/B,MAAwB,iBAAVjC,EACZkC,EAAAC,cAACC,EAAI,CAACC,KAAK,QAAQpC,UAAWqC,EAAGC,EAAOC,gBACrCxC,GAGHA,CAEJ,GAAG,CAACA,IAEJ,OACEkC,uBACEvC,IAAK0B,EACLpB,UAAWA,EACXM,GAAIA,EAAE,cACOS,GAAcyB,EAAUC,EAAuBC,gBAAiBpC,IAE7E2B,EAAAC,cAAA,MAAA,CACElC,UAAWqC,EACTC,EAAOK,eAAcC,EAAAA,EAElBN,GAAAA,EAAO3B,WAAaA,GACpB2B,EAAOO,YAAclC,GAExBG,IAGFmB,EAAAC,cAAA,SAAA,CACEE,KAAK,SACLpC,UAAWqC,EAAGC,EAAOQ,OAAQR,EAAOS,QAASnC,EAAegC,EAAAA,EACzDN,CAAAA,EAAAA,EAAOU,WAAapB,GACpBU,EAAOW,iBAAmBtC,IAE7BuC,eAAgBjC,EAAiBR,GAAWqB,OAAeD,EAC3DpB,QAAUQ,OAA2CY,EAA1BpB,GAAWqB,EACvB,gBAAAF,EACA,gBAAA,GAAAuB,OAAG7C,EAAE,cAEF,iBAAVP,GAAuC,IAAjBA,EAAMqD,OAChCrB,IACAlC,GAA2BA,IAC/BoC,EAACC,cAAAmB,GACCrD,UAAWqC,EAAGC,EAAOgB,cAAaV,EAAAA,EAC/BN,CAAAA,EAAAA,EAAOiB,gBAAkB3B,GACzBU,EAAOkB,kBAAoB5B,IAE9B6B,SAAS,MACTC,KAAMC,EACNvD,SAAUA,KAGbwB,GACCK,EAAAC,cAAA,MAAA,CACElC,UAAWqC,EAAGC,EAAOsB,QAAStB,EAAOS,QAASlC,EAAgB+B,EAC3DN,CAAAA,EAAAA,EAAOuB,6BAA+BjC,IAEzCtB,GAAE6C,GAAAA,OAAK7C,EAAa,aACpBwD,KAAK,UAEJnE,IAMb"}
+{"version":3,"file":"ExpandCollapse.js","sources":["../../../../../src/components/ExpandCollapse/ExpandCollapse.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { FC, forwardRef, ReactElement, useCallback, useRef, useState } from \"react\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport Icon from \"../Icon/Icon\";\nimport Text from \"../Text/Text\";\nimport { DropdownChevronDown } from \"@vibe/icons\";\nimport { VibeComponentProps, ElementContent } from \"../../types\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport styles from \"./ExpandCollapse.module.scss\";\n\nexport interface ExpandCollapseProps extends VibeComponentProps {\n  /**\n   * Custom renderer for the header component.\n   */\n  headerComponentRenderer?: () => ReactElement;\n  /**\n   * Class name applied to the header.\n   */\n  headerClassName?: string;\n  /**\n   * Class name applied to the content.\n   */\n  contentClassName?: string;\n  /**\n   * Class name applied to the root component.\n   */\n  componentClassName?: string;\n  /**\n   * The title displayed in the header.\n   */\n  title?: ElementContent;\n  /**\n   * The content inside the expandable section.\n   */\n  children?: ElementContent;\n  /**\n   * The size of the expand/collapse icon.\n   */\n  iconSize?: number | string;\n  /**\n   * If true, the section is open by default when rendered.\n   */\n  defaultOpenState?: boolean;\n  /**\n   * Controls the open state of the section.\n   */\n  open?: boolean;\n  /**\n   * Callback fired when the header is clicked.\n   */\n  onClick?: (event: React.MouseEvent) => void;\n  /**\n   * If true, hides the border around the component.\n   */\n  hideBorder?: boolean;\n  /**\n   * If true, captures the click event on the button.\n   */\n  captureOnClick?: boolean;\n}\n\nconst ExpandCollapse: FC<ExpandCollapseProps> = forwardRef(\n  (\n    {\n      children,\n      headerComponentRenderer = null,\n      title = \"\",\n      className,\n      defaultOpenState = false,\n      iconSize = 24,\n      id = \"\",\n      open,\n      onClick = null,\n      hideBorder = false,\n      headerClassName,\n      contentClassName,\n      componentClassName,\n      \"data-testid\": dataTestId,\n      captureOnClick = true\n    },\n    ref\n  ) => {\n    const componentRef = useRef(null);\n    const mergedRef = useMergeRef(ref, componentRef);\n\n    const [isOpen, setIsOpen] = useState(defaultOpenState);\n    const isExpanded = open === undefined ? isOpen : open;\n\n    const toggleExpand = () => {\n      setIsOpen(!isOpen);\n    };\n    const renderHeader = useCallback(() => {\n      return typeof title === \"string\" ? (\n        <Text type=\"text1\" className={cx(styles.headerContent)}>\n          {title}\n        </Text>\n      ) : (\n        title\n      );\n    }, [title]);\n\n    return (\n      <div\n        ref={mergedRef}\n        className={className}\n        id={id}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.EXPAND_COLLAPSE, id)}\n      >\n        <div\n          className={cx(\n            styles.expandCollapse,\n            {\n              [styles.hideBorder]: hideBorder,\n              [styles.showBorder]: !hideBorder\n            },\n            componentClassName\n          )}\n        >\n          <button\n            type=\"button\"\n            className={cx(styles.header, styles.section, headerClassName, {\n              [styles.headerOpen]: isExpanded,\n              [styles.hideBorderBottom]: hideBorder\n            })}\n            onClickCapture={captureOnClick ? onClick || toggleExpand : undefined}\n            onClick={!captureOnClick ? onClick || toggleExpand : undefined}\n            aria-expanded={isExpanded}\n            aria-controls={`${id}-controls`}\n          >\n            {typeof title !== \"string\" || title.length !== 0\n              ? renderHeader()\n              : headerComponentRenderer && headerComponentRenderer()}\n            <Icon\n              className={cx(styles.iconComponent, {\n                [styles.animateIconOpen]: isExpanded,\n                [styles.animateIconClose]: !isExpanded\n              })}\n              iconType=\"svg\"\n              icon={DropdownChevronDown}\n              iconSize={iconSize}\n            />\n          </button>\n          {isExpanded && (\n            <div\n              className={cx(styles.content, styles.section, contentClassName, {\n                [styles.animateExpandCollapseContent]: isExpanded\n              })}\n              id={`${id}-controls`}\n              role=\"region\"\n            >\n              {children}\n            </div>\n          )}\n        </div>\n      </div>\n    );\n  }\n);\n\nexport default ExpandCollapse;\n"],"names":["ExpandCollapse","forwardRef","_ref","ref","children","_ref$headerComponentR","headerComponentRenderer","_ref$title","title","className","_ref$defaultOpenState","defaultOpenState","_ref$iconSize","iconSize","_ref$id","id","open","_ref$onClick","onClick","_ref$hideBorder","hideBorder","headerClassName","contentClassName","componentClassName","dataTestId","_ref$captureOnClick","captureOnClick","componentRef","useRef","mergedRef","useMergeRef","_useState","useState","_useState2","_slicedToArray","isOpen","setIsOpen","isExpanded","undefined","toggleExpand","renderHeader","useCallback","React","createElement","Text","type","cx","styles","headerContent","getTestId","ComponentDefaultTestId","EXPAND_COLLAPSE","expandCollapse","_defineProperty","showBorder","header","section","headerOpen","hideBorderBottom","onClickCapture","concat","length","Icon","iconComponent","animateIconOpen","animateIconClose","iconType","icon","DropdownChevronDown","content","animateExpandCollapseContent","role"],"mappings":"ofA6DMA,IAAAA,EAA0CC,GAC9C,SAAAC,EAkBEC,GACE,IAjBAC,EAAQF,EAARE,SAAQC,EAAAH,EACRI,wBAAAA,OAA0B,IAAHD,EAAG,KAAIA,EAAAE,EAAAL,EAC9BM,MAAAA,OAAQ,IAAHD,EAAG,GAAEA,EACVE,EAASP,EAATO,UAASC,EAAAR,EACTS,iBAAAA,OAAmB,IAAHD,GAAQA,EAAAE,EAAAV,EACxBW,SAAAA,OAAW,IAAHD,EAAG,GAAEA,EAAAE,EAAAZ,EACba,GAAAA,OAAK,IAAHD,EAAG,GAAEA,EACPE,EAAId,EAAJc,KAAIC,EAAAf,EACJgB,QAAAA,OAAU,IAAHD,EAAG,KAAIA,EAAAE,EAAAjB,EACdkB,WAAAA,OAAa,IAAHD,GAAQA,EAClBE,EAAenB,EAAfmB,gBACAC,EAAgBpB,EAAhBoB,iBACAC,EAAkBrB,EAAlBqB,mBACeC,EAAUtB,EAAzB,eAAauB,EAAAvB,EACbwB,eAAAA,OAAiB,IAAHD,GAAOA,EAIjBE,EAAeC,EAAO,MACtBC,EAAYC,EAAY3B,EAAKwB,GAEnCI,EAA4BC,EAASrB,GAAiBsB,EAAAC,EAAAH,EAAA,GAA/CI,EAAMF,EAAA,GAAEG,EAASH,EAAA,GAClBI,OAAsBC,IAATtB,EAAqBmB,EAASnB,EAE3CuB,EAAe,WACnBH,GAAWD,IAEPK,EAAeC,GAAY,WAC/B,MAAwB,iBAAVjC,EACZkC,EAAAC,cAACC,EAAI,CAACC,KAAK,QAAQpC,UAAWqC,EAAGC,EAAOC,gBACrCxC,GAGHA,CAEJ,GAAG,CAACA,IAEJ,OACEkC,uBACEvC,IAAK0B,EACLpB,UAAWA,EACXM,GAAIA,EAAE,cACOS,GAAcyB,EAAUC,EAAuBC,gBAAiBpC,IAE7E2B,EAAAC,cAAA,MAAA,CACElC,UAAWqC,EACTC,EAAOK,eAAcC,EAAAA,EAElBN,GAAAA,EAAO3B,WAAaA,GACpB2B,EAAOO,YAAclC,GAExBG,IAGFmB,EAAAC,cAAA,SAAA,CACEE,KAAK,SACLpC,UAAWqC,EAAGC,EAAOQ,OAAQR,EAAOS,QAASnC,EAAegC,EAAAA,EACzDN,CAAAA,EAAAA,EAAOU,WAAapB,GACpBU,EAAOW,iBAAmBtC,IAE7BuC,eAAgBjC,EAAiBR,GAAWqB,OAAeD,EAC3DpB,QAAUQ,OAA2CY,EAA1BpB,GAAWqB,EACvB,gBAAAF,EACA,gBAAA,GAAAuB,OAAG7C,EAAE,cAEF,iBAAVP,GAAuC,IAAjBA,EAAMqD,OAChCrB,IACAlC,GAA2BA,IAC/BoC,EAACC,cAAAmB,GACCrD,UAAWqC,EAAGC,EAAOgB,cAAaV,EAAAA,EAC/BN,CAAAA,EAAAA,EAAOiB,gBAAkB3B,GACzBU,EAAOkB,kBAAoB5B,IAE9B6B,SAAS,MACTC,KAAMC,EACNvD,SAAUA,KAGbwB,GACCK,EAAAC,cAAA,MAAA,CACElC,UAAWqC,EAAGC,EAAOsB,QAAStB,EAAOS,QAASlC,EAAgB+B,EAC3DN,CAAAA,EAAAA,EAAOuB,6BAA+BjC,IAEzCtB,GAAE6C,GAAAA,OAAK7C,EAAa,aACpBwD,KAAK,UAEJnE,IAMb"}

package/dist/mocked_classnames/src/components/FieldLabel/FieldLabel.js.map

@@ -1 +1 @@
-{"version":3,"file":"FieldLabel.js","sources":["../../../../../src/components/FieldLabel/FieldLabel.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { FC, ForwardedRef, forwardRef } from \"react\";\nimport Icon from \"../Icon/Icon\";\nimport VibeComponentProps from \"../../types/VibeComponentProps\";\nimport styles from \"./FieldLabel.module.scss\";\n\nexport interface FieldLabelProps extends VibeComponentProps {\n  icon?: string | React.FunctionComponent | null;\n  labelText?: string;\n  labelFor?: string;\n  iconClassName?: string;\n  labelClassName?: string;\n  required?: boolean;\n}\n\nconst FieldLabel: FC<FieldLabelProps> = forwardRef(\n  (\n    { icon = \"\", labelText = \"\", labelFor = \"\", iconClassName = \"\", labelClassName = \"\", required = false },\n    ref: ForwardedRef<HTMLLabelElement>\n  ) => {\n    if (!labelText) {\n      return null;\n    }\n\n    return (\n      <section className={cx(styles.labelComponentWrapper)}>\n        <Icon icon={icon} className={cx(styles.labelComponentIcon, iconClassName)} id={labelFor} iconType=\"font\" />\n        <label htmlFor={labelFor} ref={ref} className={cx(styles.labelComponentText, labelClassName)}>\n          {labelText}\n          {required && <span className={styles.required}> *</span>}\n        </label>\n      </section>\n    );\n  }\n);\n\nexport default FieldLabel;\n"],"names":["FieldLabel","forwardRef","_ref","ref","_ref$icon","icon","_ref$labelText","labelText","_ref$labelFor","labelFor","_ref$iconClassName","iconClassName","_ref$labelClassName","labelClassName","_ref$required","required","React","className","cx","styles","labelComponentWrapper","createElement","Icon","labelComponentIcon","id","iconType","htmlFor","labelComponentText"],"mappings":"0IAeMA,IAAAA,EAAkCC,GACtC,SAAAC,EAEEC,GACE,IAAAC,EAAAF,EAFAG,KAAAA,OAAO,IAAHD,EAAG,GAAEA,EAAAE,EAAAJ,EAAEK,UAAAA,OAAY,IAAHD,EAAG,GAAEA,EAAAE,EAAAN,EAAEO,SAAAA,OAAW,IAAHD,EAAG,GAAEA,EAAAE,EAAAR,EAAES,cAAAA,OAAgB,IAAHD,EAAG,GAAEA,EAAAE,EAAAV,EAAEW,eAAAA,OAAiB,IAAHD,EAAG,GAAEA,EAAAE,EAAAZ,EAAEa,SAAAA,OAAW,IAAHD,GAAQA,EAGrG,OAAKP,EAKHS,2BAASC,UAAWC,EAAGC,EAAOC,wBAC5BJ,EAACK,cAAAC,EAAK,CAAAjB,KAAMA,EAAMY,UAAWC,EAAGC,EAAOI,mBAAoBZ,GAAgBa,GAAIf,EAAUgB,SAAS,SAClGT,EAAAK,cAAA,QAAA,CAAOK,QAASjB,EAAUN,IAAKA,EAAKc,UAAWC,EAAGC,EAAOQ,mBAAoBd,IAC1EN,EACAQ,GAAYC,EAAMK,cAAA,OAAA,CAAAJ,UAAWE,EAAOJ,UAAmB,QARrD,IAYX"}
+{"version":3,"file":"FieldLabel.js","sources":["../../../../../src/components/FieldLabel/FieldLabel.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { FC, ForwardedRef, forwardRef } from \"react\";\nimport Icon from \"../Icon/Icon\";\nimport VibeComponentProps from \"../../types/VibeComponentProps\";\nimport styles from \"./FieldLabel.module.scss\";\n\nexport interface FieldLabelProps extends VibeComponentProps {\n  /**\n   * The icon displayed next to the label.\n   */\n  icon?: string | React.FunctionComponent | null;\n  /**\n   * The text content of the label.\n   */\n  labelText?: string;\n  /**\n   * The ID of the associated input element.\n   */\n  labelFor?: string;\n  /**\n   * Class name applied to the icon.\n   */\n  iconClassName?: string;\n  /**\n   * Class name applied to the label text.\n   */\n  labelClassName?: string;\n  /**\n   * If true, displays an asterisk to indicate a required field.\n   */\n  required?: boolean;\n}\n\nconst FieldLabel: FC<FieldLabelProps> = forwardRef(\n  (\n    { icon = \"\", labelText = \"\", labelFor = \"\", iconClassName = \"\", labelClassName = \"\", required = false },\n    ref: ForwardedRef<HTMLLabelElement>\n  ) => {\n    if (!labelText) {\n      return null;\n    }\n\n    return (\n      <section className={cx(styles.labelComponentWrapper)}>\n        <Icon icon={icon} className={cx(styles.labelComponentIcon, iconClassName)} id={labelFor} iconType=\"font\" />\n        <label htmlFor={labelFor} ref={ref} className={cx(styles.labelComponentText, labelClassName)}>\n          {labelText}\n          {required && <span className={styles.required}> *</span>}\n        </label>\n      </section>\n    );\n  }\n);\n\nexport default FieldLabel;\n"],"names":["FieldLabel","forwardRef","_ref","ref","_ref$icon","icon","_ref$labelText","labelText","_ref$labelFor","labelFor","_ref$iconClassName","iconClassName","_ref$labelClassName","labelClassName","_ref$required","required","React","className","cx","styles","labelComponentWrapper","createElement","Icon","labelComponentIcon","id","iconType","htmlFor","labelComponentText"],"mappings":"0IAiCMA,IAAAA,EAAkCC,GACtC,SAAAC,EAEEC,GACE,IAAAC,EAAAF,EAFAG,KAAAA,OAAO,IAAHD,EAAG,GAAEA,EAAAE,EAAAJ,EAAEK,UAAAA,OAAY,IAAHD,EAAG,GAAEA,EAAAE,EAAAN,EAAEO,SAAAA,OAAW,IAAHD,EAAG,GAAEA,EAAAE,EAAAR,EAAES,cAAAA,OAAgB,IAAHD,EAAG,GAAEA,EAAAE,EAAAV,EAAEW,eAAAA,OAAiB,IAAHD,EAAG,GAAEA,EAAAE,EAAAZ,EAAEa,SAAAA,OAAW,IAAHD,GAAQA,EAGrG,OAAKP,EAKHS,2BAASC,UAAWC,EAAGC,EAAOC,wBAC5BJ,EAACK,cAAAC,EAAK,CAAAjB,KAAMA,EAAMY,UAAWC,EAAGC,EAAOI,mBAAoBZ,GAAgBa,GAAIf,EAAUgB,SAAS,SAClGT,EAAAK,cAAA,QAAA,CAAOK,QAASjB,EAAUN,IAAKA,EAAKc,UAAWC,EAAGC,EAAOQ,mBAAoBd,IAC1EN,EACAQ,GAAYC,EAAMK,cAAA,OAAA,CAAAJ,UAAWE,EAAOJ,UAAmB,QARrD,IAYX"}

package/dist/mocked_classnames/src/components/Flex/Flex.js.map

@@ -1 +1 @@
-{"version":3,"file":"Flex.js","sources":["../../../../../src/components/Flex/Flex.tsx"],"sourcesContent":["import React, { forwardRef, useMemo, useRef } from \"react\";\nimport cx from \"classnames\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport Clickable from \"../../components/Clickable/Clickable\";\nimport {\n  FlexAlign as FlexAlignEnum,\n  FlexDirection as FlexDirectionEnum,\n  FlexGap as FlexGapEnum,\n  FlexJustify as FlexJustifyEnum\n} from \"./FlexConstants\";\nimport { FlexDirection, FlexJustify, FlexAlign, FlexGap } from \"./Flex.types\";\nimport { ElementContent, VibeComponent, VibeComponentProps, withStaticProps } from \"../../types\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport styles from \"./Flex.module.scss\";\nimport { camelCase } from \"lodash-es\";\n\nexport interface FlexProps extends VibeComponentProps {\n  style?: object;\n  direction?: FlexDirection;\n  elementType?: React.ElementType;\n  wrap?: boolean;\n  children?: ElementContent | ElementContent[];\n  justify?: FlexJustify;\n  align?: FlexAlign;\n  gap?: FlexGap | number;\n  ariaLabel?: string;\n  tabIndex?: number;\n  /** onClick function - MouseEvent */\n  onClick?: (event: React.MouseEvent) => void;\n  /** element id to describe the counter accordingly */\n  ariaLabelledby?: string;\n}\n\nconst Flex: VibeComponent<FlexProps> & {\n  justify?: typeof FlexJustifyEnum;\n  align?: typeof FlexAlignEnum;\n  gaps?: typeof FlexGapEnum;\n  directions?: typeof FlexDirectionEnum;\n} = forwardRef(\n  (\n    {\n      className,\n      id,\n      elementType = \"div\",\n      direction = \"row\",\n      wrap = false,\n      children,\n      justify = \"start\",\n      align = \"center\",\n      gap,\n      onClick,\n      style,\n      ariaLabelledby,\n      ariaLabel,\n      tabIndex,\n      \"data-testid\": dataTestId\n    }: FlexProps,\n    ref\n  ) => {\n    const componentRef = useRef<HTMLElement>(null);\n    const mergedRef = useMergeRef(ref, componentRef);\n\n    const gapStyle = useMemo(() => {\n      if (!gap) {\n        return;\n      }\n      if (typeof gap === \"number\") {\n        return { gap: `${gap}px` };\n      }\n      return { gap: `var(--spacing-${gap})` };\n    }, [gap]);\n\n    const overrideStyle = useMemo(() => ({ ...style, ...gapStyle }), [style, gapStyle]);\n    const onClickProps = useMemo(() => {\n      if (onClick) return { elementType, ariaLabelledby };\n      return { \"aria-labelledby\": ariaLabelledby };\n    }, [onClick, elementType, ariaLabelledby]);\n    const Element = onClick ? Clickable : elementType;\n\n    return (\n      <Element\n        id={id}\n        data-testid={dataTestId}\n        {...onClickProps}\n        ref={mergedRef}\n        className={cx(\n          styles.container,\n          getStyle(styles, camelCase(`direction-${direction}`)),\n          getStyle(styles, camelCase(`justify-${justify}`)),\n          getStyle(styles, camelCase(`align-${align}`)),\n          className,\n          {\n            [styles.wrap]: wrap\n          }\n        )}\n        tabIndex={tabIndex}\n        onClick={onClick}\n        style={overrideStyle}\n        aria-label={ariaLabel}\n      >\n        {children}\n      </Element>\n    );\n  }\n);\n\nexport default withStaticProps(Flex, {\n  justify: FlexJustifyEnum,\n  align: FlexAlignEnum,\n  gaps: FlexGapEnum,\n  directions: FlexDirectionEnum\n});\n"],"names":["withStaticProps","forwardRef","_ref","ref","className","id","_ref$elementType","elementType","_ref$direction","direction","_ref$wrap","wrap","children","_ref$justify","justify","_ref$align","align","gap","onClick","style","ariaLabelledby","ariaLabel","tabIndex","dataTestId","componentRef","useRef","mergedRef","useMergeRef","gapStyle","useMemo","concat","overrideStyle","Object","assign","onClickProps","React","createElement","Clickable","cx","styles","container","getStyle","camelCase","_defineProperty","FlexJustifyEnum","FlexAlignEnum","gaps","FlexGapEnum","directions","FlexDirectionEnum"],"mappings":"qlBAiCA,IAyEeA,EAAAA,EApEXC,GACF,SAAAC,EAkBEC,GACE,IAjBAC,EAASF,EAATE,UACAC,EAAEH,EAAFG,GAAEC,EAAAJ,EACFK,YAAAA,OAAc,IAAHD,EAAG,MAAKA,EAAAE,EAAAN,EACnBO,UAAAA,OAAY,IAAHD,EAAG,MAAKA,EAAAE,EAAAR,EACjBS,KAAAA,OAAO,IAAHD,GAAQA,EACZE,EAAQV,EAARU,SAAQC,EAAAX,EACRY,QAAAA,OAAU,IAAHD,EAAG,QAAOA,EAAAE,EAAAb,EACjBc,MAAAA,OAAQ,IAAHD,EAAG,SAAQA,EAChBE,EAAGf,EAAHe,IACAC,EAAOhB,EAAPgB,QACAC,EAAKjB,EAALiB,MACAC,EAAclB,EAAdkB,eACAC,EAASnB,EAATmB,UACAC,EAAQpB,EAARoB,SACeC,EAAUrB,EAAzB,eAIIsB,EAAeC,EAAoB,MACnCC,EAAYC,EAAYxB,EAAKqB,GAE7BI,EAAWC,GAAQ,WACvB,GAAKZ,EAGL,MAAmB,iBAARA,EACF,CAAEA,IAAG,GAAAa,OAAKb,EAAG,OAEf,CAAEA,IAAG,iBAAAa,OAAmBb,EAAG,KACpC,GAAG,CAACA,IAEEc,EAAgBF,GAAQ,WAAA,OAAYG,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAd,GAAUS,EAAQ,GAAK,CAACT,EAAOS,IACnEM,EAAeL,GAAQ,WAC3B,OAAIX,EAAgB,CAAEX,YAAAA,EAAaa,eAAAA,GAC5B,CAAE,kBAAmBA,EAC7B,GAAE,CAACF,EAASX,EAAaa,IAG1B,OACEe,EAAAC,cAHclB,EAAUmB,EAAY9B,EAG5ByB,OAAAC,OAAA,CACN5B,GAAIA,EAAE,cACOkB,GACTW,EAAY,CAChB/B,IAAKuB,EACLtB,UAAWkC,EACTC,EAAOC,UACPC,EAASF,EAAQG,EAAS,aAAAZ,OAAcrB,KACxCgC,EAASF,EAAQG,EAAS,WAAAZ,OAAYhB,KACtC2B,EAASF,EAAQG,EAAS,SAAAZ,OAAUd,KACpCZ,EAASuC,EAAA,CAAA,EAENJ,EAAO5B,KAAOA,IAGnBW,SAAUA,EACVJ,QAASA,EACTC,MAAOY,EACK,aAAAV,IAEXT,EAGP,IAGmC,CACnCE,QAAS8B,EACT5B,MAAO6B,EACPC,KAAMC,EACNC,WAAYC"}
+{"version":3,"file":"Flex.js","sources":["../../../../../src/components/Flex/Flex.tsx"],"sourcesContent":["import React, { forwardRef, useMemo, useRef } from \"react\";\nimport cx from \"classnames\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport Clickable from \"../../components/Clickable/Clickable\";\nimport {\n  FlexAlign as FlexAlignEnum,\n  FlexDirection as FlexDirectionEnum,\n  FlexGap as FlexGapEnum,\n  FlexJustify as FlexJustifyEnum\n} from \"./FlexConstants\";\nimport { FlexDirection, FlexJustify, FlexAlign, FlexGap } from \"./Flex.types\";\nimport { ElementContent, VibeComponent, VibeComponentProps, withStaticProps } from \"../../types\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport styles from \"./Flex.module.scss\";\nimport { camelCase } from \"lodash-es\";\n\nexport interface FlexProps extends VibeComponentProps {\n  /**\n   * Inline styles applied to the flex container.\n   */\n  style?: object;\n  /**\n   * The direction of the flex container.\n   */\n  direction?: FlexDirection;\n  /**\n   * The HTML element or component used as the root.\n   */\n  elementType?: React.ElementType;\n  /**\n   * If true, allows wrapping of flex items.\n   */\n  wrap?: boolean;\n  /**\n   * The content inside the flex container.\n   */\n  children?: ElementContent | ElementContent[];\n  /**\n   * Defines how flex items are aligned along the main axis.\n   */\n  justify?: FlexJustify;\n  /**\n   * Defines how flex items are aligned along the cross axis.\n   */\n  align?: FlexAlign;\n  /**\n   * The gap between flex items.\n   */\n  gap?: FlexGap | number;\n  /**\n   * The label of the flex container for accessibility.\n   */\n  ariaLabel?: string;\n  /**\n   * The tab order of the element.\n   */\n  tabIndex?: number;\n  /**\n   * Callback fired when the flex container is clicked.\n   */\n  onClick?: (event: React.MouseEvent) => void;\n  /**\n   * ID of the element describing the flex container.\n   */\n  ariaLabelledby?: string;\n}\n\nconst Flex: VibeComponent<FlexProps> & {\n  justify?: typeof FlexJustifyEnum;\n  align?: typeof FlexAlignEnum;\n  gaps?: typeof FlexGapEnum;\n  directions?: typeof FlexDirectionEnum;\n} = forwardRef(\n  (\n    {\n      className,\n      id,\n      elementType = \"div\",\n      direction = \"row\",\n      wrap = false,\n      children,\n      justify = \"start\",\n      align = \"center\",\n      gap,\n      onClick,\n      style,\n      ariaLabelledby,\n      ariaLabel,\n      tabIndex,\n      \"data-testid\": dataTestId\n    }: FlexProps,\n    ref\n  ) => {\n    const componentRef = useRef<HTMLElement>(null);\n    const mergedRef = useMergeRef(ref, componentRef);\n\n    const gapStyle = useMemo(() => {\n      if (!gap) {\n        return;\n      }\n      if (typeof gap === \"number\") {\n        return { gap: `${gap}px` };\n      }\n      return { gap: `var(--spacing-${gap})` };\n    }, [gap]);\n\n    const overrideStyle = useMemo(() => ({ ...style, ...gapStyle }), [style, gapStyle]);\n    const onClickProps = useMemo(() => {\n      if (onClick) return { elementType, ariaLabelledby };\n      return { \"aria-labelledby\": ariaLabelledby };\n    }, [onClick, elementType, ariaLabelledby]);\n    const Element = onClick ? Clickable : elementType;\n\n    return (\n      <Element\n        id={id}\n        data-testid={dataTestId}\n        {...onClickProps}\n        ref={mergedRef}\n        className={cx(\n          styles.container,\n          getStyle(styles, camelCase(`direction-${direction}`)),\n          getStyle(styles, camelCase(`justify-${justify}`)),\n          getStyle(styles, camelCase(`align-${align}`)),\n          className,\n          {\n            [styles.wrap]: wrap\n          }\n        )}\n        tabIndex={tabIndex}\n        onClick={onClick}\n        style={overrideStyle}\n        aria-label={ariaLabel}\n      >\n        {children}\n      </Element>\n    );\n  }\n);\n\nexport default withStaticProps(Flex, {\n  justify: FlexJustifyEnum,\n  align: FlexAlignEnum,\n  gaps: FlexGapEnum,\n  directions: FlexDirectionEnum\n});\n"],"names":["withStaticProps","forwardRef","_ref","ref","className","id","_ref$elementType","elementType","_ref$direction","direction","_ref$wrap","wrap","children","_ref$justify","justify","_ref$align","align","gap","onClick","style","ariaLabelledby","ariaLabel","tabIndex","dataTestId","componentRef","useRef","mergedRef","useMergeRef","gapStyle","useMemo","concat","overrideStyle","Object","assign","onClickProps","React","createElement","Clickable","cx","styles","container","getStyle","camelCase","_defineProperty","FlexJustifyEnum","FlexAlignEnum","gaps","FlexGapEnum","directions","FlexDirectionEnum"],"mappings":"qlBAmEA,IAyEeA,EAAAA,EApEXC,GACF,SAAAC,EAkBEC,GACE,IAjBAC,EAASF,EAATE,UACAC,EAAEH,EAAFG,GAAEC,EAAAJ,EACFK,YAAAA,OAAc,IAAHD,EAAG,MAAKA,EAAAE,EAAAN,EACnBO,UAAAA,OAAY,IAAHD,EAAG,MAAKA,EAAAE,EAAAR,EACjBS,KAAAA,OAAO,IAAHD,GAAQA,EACZE,EAAQV,EAARU,SAAQC,EAAAX,EACRY,QAAAA,OAAU,IAAHD,EAAG,QAAOA,EAAAE,EAAAb,EACjBc,MAAAA,OAAQ,IAAHD,EAAG,SAAQA,EAChBE,EAAGf,EAAHe,IACAC,EAAOhB,EAAPgB,QACAC,EAAKjB,EAALiB,MACAC,EAAclB,EAAdkB,eACAC,EAASnB,EAATmB,UACAC,EAAQpB,EAARoB,SACeC,EAAUrB,EAAzB,eAIIsB,EAAeC,EAAoB,MACnCC,EAAYC,EAAYxB,EAAKqB,GAE7BI,EAAWC,GAAQ,WACvB,GAAKZ,EAGL,MAAmB,iBAARA,EACF,CAAEA,IAAG,GAAAa,OAAKb,EAAG,OAEf,CAAEA,IAAG,iBAAAa,OAAmBb,EAAG,KACpC,GAAG,CAACA,IAEEc,EAAgBF,GAAQ,WAAA,OAAYG,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAd,GAAUS,EAAQ,GAAK,CAACT,EAAOS,IACnEM,EAAeL,GAAQ,WAC3B,OAAIX,EAAgB,CAAEX,YAAAA,EAAaa,eAAAA,GAC5B,CAAE,kBAAmBA,EAC7B,GAAE,CAACF,EAASX,EAAaa,IAG1B,OACEe,EAAAC,cAHclB,EAAUmB,EAAY9B,EAG5ByB,OAAAC,OAAA,CACN5B,GAAIA,EAAE,cACOkB,GACTW,EAAY,CAChB/B,IAAKuB,EACLtB,UAAWkC,EACTC,EAAOC,UACPC,EAASF,EAAQG,EAAS,aAAAZ,OAAcrB,KACxCgC,EAASF,EAAQG,EAAS,WAAAZ,OAAYhB,KACtC2B,EAASF,EAAQG,EAAS,SAAAZ,OAAUd,KACpCZ,EAASuC,EAAA,CAAA,EAENJ,EAAO5B,KAAOA,IAGnBW,SAAUA,EACVJ,QAASA,EACTC,MAAOY,EACK,aAAAV,IAEXT,EAGP,IAGmC,CACnCE,QAAS8B,EACT5B,MAAO6B,EACPC,KAAMC,EACNC,WAAYC"}

package/dist/mocked_classnames/src/components/FormattedNumber/FormattedNumber.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormattedNumber.js","sources":["../../../../../src/components/FormattedNumber/FormattedNumber.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { useMemo, forwardRef } from \"react\";\nimport { formatNumber, formatNumberConsts } from \"../../helpers/textManipulations\";\nimport { validateValue } from \"./FormattedNumberHelpers\";\nimport VibeComponentProps from \"../../types/VibeComponentProps\";\nimport VibeComponent from \"../../types/VibeComponent\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport styles from \"./FormattedNumber.module.scss\";\n\nexport interface FormattedNumberProps extends VibeComponentProps {\n  /**\n   * A numeric value to format.\n   */\n  value?: number | string;\n  /**\n   * If included, will be added as a prefix to the number.\n   */\n  prefix?: string;\n  /**\n   * If included, will be added as a suffix to the number.\n   */\n  suffix?: string;\n  /**\n   * The text that will be shown if no value is provided.\n   */\n  emptyPlaceHolder?: string;\n  /**\n   * Determines the number of decimal numbers (0 ~ 20).\n   */\n  decimalPrecision?: number;\n  /**\n   * Format number into compact number and initial (if required).\n   */\n  compact?: boolean;\n  /**\n   * Determines the number's local (Unicode BCP 47 locale identifier).\n   */\n  local?: string;\n  /**\n   * Determines suffix and prefix location\n   */\n  rtl?: boolean;\n}\n\nconst FormattedNumber: VibeComponent<FormattedNumberProps, HTMLDivElement> & {\n  formatNumber?: typeof formatNumber;\n  localFallBack?: string;\n} = forwardRef(\n  (\n    {\n      value,\n      className,\n      local = FormattedNumber.localFallBack,\n      prefix,\n      suffix,\n      emptyPlaceHolder = \"N/A\",\n      decimalPrecision = 2,\n      compact = true,\n      rtl,\n      id,\n      \"data-testid\": dataTestId\n    }: FormattedNumberProps,\n    ref\n  ) => {\n    const renderSuffix = useMemo(() => {\n      if (!suffix) return null;\n\n      return <span className={cx(styles.suffix)}>{suffix}</span>;\n    }, [suffix]);\n\n    const renderPrefix = useMemo(() => {\n      if (!prefix) return null;\n\n      return <span className={cx(styles.prefix)}>{prefix}</span>;\n    }, [prefix]);\n\n    const calculatedValue = useMemo(() => {\n      return formatNumber(Number(value), {\n        local,\n        precision: decimalPrecision,\n        isCompact: compact\n      });\n    }, [value, decimalPrecision, local, compact]);\n\n    if (validateValue(value)) {\n      return <span>{emptyPlaceHolder}</span>;\n    }\n\n    return (\n      <div\n        ref={ref}\n        className={className}\n        id={id}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.FORMATTED_NUMBER, id)}\n      >\n        {rtl ? renderSuffix : renderPrefix}\n        <span>{calculatedValue}</span>\n        {rtl ? renderPrefix : renderSuffix}\n      </div>\n    );\n  }\n);\n\nObject.assign(FormattedNumber, {\n  formatNumber: formatNumber,\n  localFallBack: formatNumberConsts.DEFAULT_LOCAL\n});\n\nexport default FormattedNumber;\n"],"names":["FormattedNumber","forwardRef","_ref","ref","value","className","_ref$local","local","localFallBack","prefix","suffix","_ref$emptyPlaceHolder","emptyPlaceHolder","_ref$decimalPrecision","decimalPrecision","_ref$compact","compact","rtl","id","dataTestId","renderSuffix","useMemo","React","createElement","cx","styles","renderPrefix","calculatedValue","formatNumber","Number","precision","isCompact","validateValue","getTestId","ComponentDefaultTestId","FORMATTED_NUMBER","Object","assign","formatNumberConsts","DEFAULT_LOCAL"],"mappings":"kWA4CMA,IAAAA,EAGFC,GACF,SAAAC,EAcEC,GACE,IAbAC,EAAKF,EAALE,MACAC,EAASH,EAATG,UAASC,EAAAJ,EACTK,MAAAA,OAAK,IAAAD,EAAGN,EAAgBQ,cAAaF,EACrCG,EAAMP,EAANO,OACAC,EAAMR,EAANQ,OAAMC,EAAAT,EACNU,iBAAAA,OAAmB,IAAHD,EAAG,MAAKA,EAAAE,EAAAX,EACxBY,iBAAAA,OAAmB,IAAHD,EAAG,EAACA,EAAAE,EAAAb,EACpBc,QAAAA,OAAU,IAAHD,GAAOA,EACdE,EAAGf,EAAHe,IACAC,EAAEhB,EAAFgB,GACeC,EAAUjB,EAAzB,eAIIkB,EAAeC,GAAQ,WAC3B,OAAKX,EAEEY,EAAMC,cAAA,OAAA,CAAAlB,UAAWmB,EAAGC,EAAOf,SAAUA,GAFxB,IAGtB,GAAG,CAACA,IAEEgB,EAAeL,GAAQ,WAC3B,OAAKZ,EAEEa,EAAMC,cAAA,OAAA,CAAAlB,UAAWmB,EAAGC,EAAOhB,SAAUA,GAFxB,IAGtB,GAAG,CAACA,IAEEkB,EAAkBN,GAAQ,WAC9B,OAAOO,EAAaC,OAAOzB,GAAQ,CACjCG,MAAAA,EACAuB,UAAWhB,EACXiB,UAAWf,GAEd,GAAE,CAACZ,EAAOU,EAAkBP,EAAOS,IAEpC,OAAIgB,EAAc5B,GACTkB,EAAAC,cAAA,OAAA,KAAOX,GAIdU,uBACEnB,IAAKA,EACLE,UAAWA,EACXa,GAAIA,EAAE,cACOC,GAAcc,EAAUC,EAAuBC,iBAAkBjB,IAE7ED,EAAMG,EAAeM,EACtBJ,EAAAC,cAAA,OAAA,KAAOI,GACNV,EAAMS,EAAeN,EAG5B,IAGFgB,OAAOC,OAAOrC,EAAiB,CAC7B4B,aAAcA,EACdpB,cAAe8B,EAAmBC"}
+{"version":3,"file":"FormattedNumber.js","sources":["../../../../../src/components/FormattedNumber/FormattedNumber.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { useMemo, forwardRef } from \"react\";\nimport { formatNumber, formatNumberConsts } from \"../../helpers/textManipulations\";\nimport { validateValue } from \"./FormattedNumberHelpers\";\nimport VibeComponentProps from \"../../types/VibeComponentProps\";\nimport VibeComponent from \"../../types/VibeComponent\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport styles from \"./FormattedNumber.module.scss\";\n\nexport interface FormattedNumberProps extends VibeComponentProps {\n  /**\n   * The numeric value to format.\n   */\n  value?: number | string;\n  /**\n   * The text displayed before the number.\n   */\n  prefix?: string;\n  /**\n   * The text displayed after the number.\n   */\n  suffix?: string;\n  /**\n   * The text displayed when no value is provided.\n   */\n  emptyPlaceHolder?: string;\n  /**\n   * The number of decimal places to display (0 ~ 20).\n   */\n  decimalPrecision?: number;\n  /**\n   * If true, formats the number into a compact notation.\n   */\n  compact?: boolean;\n  /**\n   * The locale used for formatting (Unicode BCP 47 locale identifier).\n   */\n  local?: string;\n  /**\n   * If true, reverses the order of the prefix and suffix.\n   */\n  rtl?: boolean;\n}\n\nconst FormattedNumber: VibeComponent<FormattedNumberProps, HTMLDivElement> & {\n  formatNumber?: typeof formatNumber;\n  localFallBack?: string;\n} = forwardRef(\n  (\n    {\n      value,\n      className,\n      local = FormattedNumber.localFallBack,\n      prefix,\n      suffix,\n      emptyPlaceHolder = \"N/A\",\n      decimalPrecision = 2,\n      compact = true,\n      rtl,\n      id,\n      \"data-testid\": dataTestId\n    }: FormattedNumberProps,\n    ref\n  ) => {\n    const renderSuffix = useMemo(() => {\n      if (!suffix) return null;\n\n      return <span className={cx(styles.suffix)}>{suffix}</span>;\n    }, [suffix]);\n\n    const renderPrefix = useMemo(() => {\n      if (!prefix) return null;\n\n      return <span className={cx(styles.prefix)}>{prefix}</span>;\n    }, [prefix]);\n\n    const calculatedValue = useMemo(() => {\n      return formatNumber(Number(value), {\n        local,\n        precision: decimalPrecision,\n        isCompact: compact\n      });\n    }, [value, decimalPrecision, local, compact]);\n\n    if (validateValue(value)) {\n      return <span>{emptyPlaceHolder}</span>;\n    }\n\n    return (\n      <div\n        ref={ref}\n        className={className}\n        id={id}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.FORMATTED_NUMBER, id)}\n      >\n        {rtl ? renderSuffix : renderPrefix}\n        <span>{calculatedValue}</span>\n        {rtl ? renderPrefix : renderSuffix}\n      </div>\n    );\n  }\n);\n\nObject.assign(FormattedNumber, {\n  formatNumber: formatNumber,\n  localFallBack: formatNumberConsts.DEFAULT_LOCAL\n});\n\nexport default FormattedNumber;\n"],"names":["FormattedNumber","forwardRef","_ref","ref","value","className","_ref$local","local","localFallBack","prefix","suffix","_ref$emptyPlaceHolder","emptyPlaceHolder","_ref$decimalPrecision","decimalPrecision","_ref$compact","compact","rtl","id","dataTestId","renderSuffix","useMemo","React","createElement","cx","styles","renderPrefix","calculatedValue","formatNumber","Number","precision","isCompact","validateValue","getTestId","ComponentDefaultTestId","FORMATTED_NUMBER","Object","assign","formatNumberConsts","DEFAULT_LOCAL"],"mappings":"kWA4CMA,IAAAA,EAGFC,GACF,SAAAC,EAcEC,GACE,IAbAC,EAAKF,EAALE,MACAC,EAASH,EAATG,UAASC,EAAAJ,EACTK,MAAAA,OAAK,IAAAD,EAAGN,EAAgBQ,cAAaF,EACrCG,EAAMP,EAANO,OACAC,EAAMR,EAANQ,OAAMC,EAAAT,EACNU,iBAAAA,OAAmB,IAAHD,EAAG,MAAKA,EAAAE,EAAAX,EACxBY,iBAAAA,OAAmB,IAAHD,EAAG,EAACA,EAAAE,EAAAb,EACpBc,QAAAA,OAAU,IAAHD,GAAOA,EACdE,EAAGf,EAAHe,IACAC,EAAEhB,EAAFgB,GACeC,EAAUjB,EAAzB,eAIIkB,EAAeC,GAAQ,WAC3B,OAAKX,EAEEY,EAAMC,cAAA,OAAA,CAAAlB,UAAWmB,EAAGC,EAAOf,SAAUA,GAFxB,IAGtB,GAAG,CAACA,IAEEgB,EAAeL,GAAQ,WAC3B,OAAKZ,EAEEa,EAAMC,cAAA,OAAA,CAAAlB,UAAWmB,EAAGC,EAAOhB,SAAUA,GAFxB,IAGtB,GAAG,CAACA,IAEEkB,EAAkBN,GAAQ,WAC9B,OAAOO,EAAaC,OAAOzB,GAAQ,CACjCG,MAAAA,EACAuB,UAAWhB,EACXiB,UAAWf,GAEd,GAAE,CAACZ,EAAOU,EAAkBP,EAAOS,IAEpC,OAAIgB,EAAc5B,GACTkB,EAAAC,cAAA,OAAA,KAAOX,GAIdU,uBACEnB,IAAKA,EACLE,UAAWA,EACXa,GAAIA,EAAE,cACOC,GAAcc,EAAUC,EAAuBC,iBAAkBjB,IAE7ED,EAAMG,EAAeM,EACtBJ,EAAAC,cAAA,OAAA,KAAOI,GACNV,EAAMS,EAAeN,EAG5B,IAGFgB,OAAOC,OAAOrC,EAAiB,CAC7B4B,aAAcA,EACdpB,cAAe8B,EAAmBC"}

package/dist/mocked_classnames/src/components/Heading/Heading.js.map

@@ -1 +1 @@
-{"version":3,"file":"Heading.js","sources":["../../../../../src/components/Heading/Heading.tsx"],"sourcesContent":["import React, { forwardRef, ReactNode } from \"react\";\nimport cx from \"classnames\";\nimport { camelCase } from \"lodash-es\";\nimport VibeComponent from \"../../types/VibeComponent\";\nimport { withStaticProps } from \"../../types\";\nimport { HeadingType as HeadingTypeEnum, HeadingWeight as HeadingWeightEnum } from \"./HeadingConstants\";\nimport Typography, { TypographyProps } from \"../Typography/Typography\";\nimport {\n  TypographyAlign as TypographyAlignEnum,\n  TypographyColor as TypographyColorEnum\n} from \"../Typography/TypographyConstants\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport styles from \"./Heading.module.scss\";\nimport { TypographyContext } from \"../Typography/utils/TypographyContext\";\nimport { HeadingType, HeadingWeight } from \"./Heading.types\";\nimport { TypographyAlign, TypographyColor } from \"../Typography/Typography.types\";\n\nconst OVERFLOW_TOLERANCE_IN_PX = 4;\n\nexport interface HeadingProps extends TypographyProps {\n  type?: HeadingType;\n  weight?: HeadingWeight;\n  align?: TypographyAlign;\n  color?: TypographyColor;\n  children: ReactNode;\n}\n\nconst Heading: VibeComponent<HeadingProps, HTMLElement> & {\n  types?: typeof HeadingTypeEnum;\n  weights?: typeof HeadingWeightEnum;\n  colors?: typeof TypographyColorEnum;\n  align?: typeof TypographyAlignEnum;\n} = forwardRef(({ className, type = \"h1\", weight = \"normal\", ...typographyProps }: HeadingProps, ref) => {\n  return (\n    <TypographyContext.Provider value={{ overflowTolerance: OVERFLOW_TOLERANCE_IN_PX }}>\n      <Typography\n        element={type}\n        ref={ref}\n        className={cx(styles.heading, getStyle(styles, camelCase(type + \"-\" + weight)), className)}\n        {...typographyProps}\n      />\n    </TypographyContext.Provider>\n  );\n});\n\nexport default withStaticProps(Heading, {\n  types: HeadingTypeEnum,\n  weights: HeadingWeightEnum,\n  align: TypographyAlignEnum,\n  colors: TypographyColorEnum\n});\n"],"names":["withStaticProps","forwardRef","_a","ref","className","_a$type","type","_a$weight","weight","typographyProps","__rest","React","createElement","TypographyContext","Provider","value","overflowTolerance","Typography","Object","assign","element","cx","styles","heading","getStyle","camelCase","types","HeadingTypeEnum","weights","HeadingWeightEnum","align","TypographyAlignEnum","colors","TypographyColorEnum"],"mappings":"4oBAiBA,IA4BeA,EAAAA,EAbXC,GAAW,SAACC,EAAiFC,GAAjF,IAAEC,EAA6EF,EAA7EE,UAASC,EAAoEH,EAAlEI,KAAAA,OAAO,IAAHD,EAAG,KAAIA,EAAAE,EAAuDL,EAArDM,OAAAA,OAAS,IAAHD,EAAG,SAAQA,EAAKE,EAAeC,EAAAR,EAA/D,+BACd,OACES,EAAAC,cAACC,EAAkBC,SAAQ,CAACC,MAAO,CAAEC,kBAjBR,IAkB3BL,EAAAC,cAACK,EACCC,OAAAC,OAAA,CAAAC,QAASd,EACTH,IAAKA,EACLC,UAAWiB,EAAGC,EAAOC,QAASC,EAASF,EAAQG,EAAUnB,EAAO,IAAME,IAAUJ,IAC5EK,IAIZ,IAEwC,CACtCiB,MAAOC,EACPC,QAASC,EACTC,MAAOC,EACPC,OAAQC"}
+{"version":3,"file":"Heading.js","sources":["../../../../../src/components/Heading/Heading.tsx"],"sourcesContent":["import React, { forwardRef, ReactNode } from \"react\";\nimport cx from \"classnames\";\nimport { camelCase } from \"lodash-es\";\nimport VibeComponent from \"../../types/VibeComponent\";\nimport { withStaticProps } from \"../../types\";\nimport { HeadingType as HeadingTypeEnum, HeadingWeight as HeadingWeightEnum } from \"./HeadingConstants\";\nimport Typography, { TypographyProps } from \"../Typography/Typography\";\nimport {\n  TypographyAlign as TypographyAlignEnum,\n  TypographyColor as TypographyColorEnum\n} from \"../Typography/TypographyConstants\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport styles from \"./Heading.module.scss\";\nimport { TypographyContext } from \"../Typography/utils/TypographyContext\";\nimport { HeadingType, HeadingWeight } from \"./Heading.types\";\nimport { TypographyAlign, TypographyColor } from \"../Typography/Typography.types\";\n\nconst OVERFLOW_TOLERANCE_IN_PX = 4;\n\nexport interface HeadingProps extends TypographyProps {\n  /**\n   * The heading type.\n   */\n  type?: HeadingType;\n  /**\n   * The font weight of the heading.\n   */\n  weight?: HeadingWeight;\n  /**\n   * The text alignment.\n   */\n  align?: TypographyAlign;\n  /**\n   * The text color.\n   */\n  color?: TypographyColor;\n  /**\n   * The content inside the heading.\n   */\n  children: ReactNode;\n}\n\nconst Heading: VibeComponent<HeadingProps, HTMLElement> & {\n  types?: typeof HeadingTypeEnum;\n  weights?: typeof HeadingWeightEnum;\n  colors?: typeof TypographyColorEnum;\n  align?: typeof TypographyAlignEnum;\n} = forwardRef(({ className, type = \"h1\", weight = \"normal\", ...typographyProps }: HeadingProps, ref) => {\n  return (\n    <TypographyContext.Provider value={{ overflowTolerance: OVERFLOW_TOLERANCE_IN_PX }}>\n      <Typography\n        element={type}\n        ref={ref}\n        className={cx(styles.heading, getStyle(styles, camelCase(type + \"-\" + weight)), className)}\n        {...typographyProps}\n      />\n    </TypographyContext.Provider>\n  );\n});\n\nexport default withStaticProps(Heading, {\n  types: HeadingTypeEnum,\n  weights: HeadingWeightEnum,\n  align: TypographyAlignEnum,\n  colors: TypographyColorEnum\n});\n"],"names":["withStaticProps","forwardRef","_a","ref","className","_a$type","type","_a$weight","weight","typographyProps","__rest","React","createElement","TypographyContext","Provider","value","overflowTolerance","Typography","Object","assign","element","cx","styles","heading","getStyle","camelCase","types","HeadingTypeEnum","weights","HeadingWeightEnum","align","TypographyAlignEnum","colors","TypographyColorEnum"],"mappings":"4oBAiBA,IA2CeA,EAAAA,EAbXC,GAAW,SAACC,EAAiFC,GAAjF,IAAEC,EAA6EF,EAA7EE,UAASC,EAAoEH,EAAlEI,KAAAA,OAAO,IAAHD,EAAG,KAAIA,EAAAE,EAAuDL,EAArDM,OAAAA,OAAS,IAAHD,EAAG,SAAQA,EAAKE,EAAeC,EAAAR,EAA/D,+BACd,OACES,EAAAC,cAACC,EAAkBC,SAAQ,CAACC,MAAO,CAAEC,kBAhCR,IAiC3BL,EAAAC,cAACK,EACCC,OAAAC,OAAA,CAAAC,QAASd,EACTH,IAAKA,EACLC,UAAWiB,EAAGC,EAAOC,QAASC,EAASF,EAAQG,EAAUnB,EAAO,IAAME,IAAUJ,IAC5EK,IAIZ,IAEwC,CACtCiB,MAAOC,EACPC,QAASC,EACTC,MAAOC,EACPC,OAAQC"}

package/dist/mocked_classnames/src/components/HiddenText/HiddenText.js.map

@@ -1 +1 @@
-{"version":3,"file":"HiddenText.js","sources":["../../../../../src/components/HiddenText/HiddenText.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { useRef, forwardRef } from \"react\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport VibeComponentProps from \"../../types/VibeComponentProps\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport styles from \"./HiddenText.module.scss\";\n\nexport interface HiddenTextProps extends VibeComponentProps {\n  text: string;\n}\n\nconst HiddenText = forwardRef<HTMLSpanElement, HiddenTextProps>(\n  ({ text, className = \"\", id = \"hiddenText\", \"data-testid\": dataTestId }, ref) => {\n    const componentRef = useRef(null);\n    const mergedRef = useMergeRef(ref, componentRef);\n\n    return (\n      <span\n        ref={mergedRef}\n        id={id}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.HIDDEN_TEXT, id)}\n        className={cx(styles.hiddenTextWrapper, className)}\n      >\n        {text}\n      </span>\n    );\n  }\n);\n\nexport default HiddenText;\n"],"names":["HiddenText","forwardRef","_ref","ref","text","_ref$className","className","_ref$id","id","dataTestId","componentRef","useRef","mergedRef","useMergeRef","React","createElement","getTestId","ComponentDefaultTestId","HIDDEN_TEXT","cx","styles","hiddenTextWrapper"],"mappings":"gPAWMA,IAAAA,EAAaC,GACjB,SAAAC,EAAyEC,GAAO,IAA7EC,EAAIF,EAAJE,KAAIC,EAAAH,EAAEI,UAAAA,OAAY,IAAHD,EAAG,GAAEA,EAAAE,EAAAL,EAAEM,GAAAA,OAAK,IAAHD,EAAG,aAAYA,EAAiBE,EAAUP,EAAzB,eACpCQ,EAAeC,EAAO,MACtBC,EAAYC,EAAYV,EAAKO,GAEnC,OACEI,EAAAC,cAAA,OAAA,CACEZ,IAAKS,EACLJ,GAAIA,gBACSC,GAAcO,EAAUC,EAAuBC,YAAaV,GACzEF,UAAWa,EAAGC,EAAOC,kBAAmBf,IAEvCF,EAGP"}
+{"version":3,"file":"HiddenText.js","sources":["../../../../../src/components/HiddenText/HiddenText.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { useRef, forwardRef } from \"react\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport VibeComponentProps from \"../../types/VibeComponentProps\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport styles from \"./HiddenText.module.scss\";\n\nexport interface HiddenTextProps extends VibeComponentProps {\n  /**\n   * The text content that is hidden but available for assistive technologies.\n   */\n  text: string;\n}\n\nconst HiddenText = forwardRef<HTMLSpanElement, HiddenTextProps>(\n  ({ text, className = \"\", id = \"hiddenText\", \"data-testid\": dataTestId }, ref) => {\n    const componentRef = useRef(null);\n    const mergedRef = useMergeRef(ref, componentRef);\n\n    return (\n      <span\n        ref={mergedRef}\n        id={id}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.HIDDEN_TEXT, id)}\n        className={cx(styles.hiddenTextWrapper, className)}\n      >\n        {text}\n      </span>\n    );\n  }\n);\n\nexport default HiddenText;\n"],"names":["HiddenText","forwardRef","_ref","ref","text","_ref$className","className","_ref$id","id","dataTestId","componentRef","useRef","mergedRef","useMergeRef","React","createElement","getTestId","ComponentDefaultTestId","HIDDEN_TEXT","cx","styles","hiddenTextWrapper"],"mappings":"gPAcMA,IAAAA,EAAaC,GACjB,SAAAC,EAAyEC,GAAO,IAA7EC,EAAIF,EAAJE,KAAIC,EAAAH,EAAEI,UAAAA,OAAY,IAAHD,EAAG,GAAEA,EAAAE,EAAAL,EAAEM,GAAAA,OAAK,IAAHD,EAAG,aAAYA,EAAiBE,EAAUP,EAAzB,eACpCQ,EAAeC,EAAO,MACtBC,EAAYC,EAAYV,EAAKO,GAEnC,OACEI,EAAAC,cAAA,OAAA,CACEZ,IAAKS,EACLJ,GAAIA,gBACSC,GAAcO,EAAUC,EAAuBC,YAAaV,GACzEF,UAAWa,EAAGC,EAAOC,kBAAmBf,IAEvCF,EAGP"}

package/dist/mocked_classnames/src/components/Icon/CustomSvgIcon/CustomSvgIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"CustomSvgIcon.js","sources":["../../../../../../src/components/Icon/CustomSvgIcon/CustomSvgIcon.tsx"],"sourcesContent":["import React, { FunctionComponent, useCallback, AriaRole, Ref } from \"react\";\nimport SVG from \"react-inlinesvg\";\nimport useIconScreenReaderAccessProps from \"../../../hooks/useIconScreenReaderAccessProps\";\nimport VibeComponentProps from \"../../../types/VibeComponentProps\";\nimport { ComponentDefaultTestId, ComponentVibeId } from \"../../../tests/constants\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport { useIsMounted } from \"../../../hooks/ssr/useIsMounted\";\n\nfunction modifySvgCode(svg: string, color = \"currentColor\") {\n  return svg.replace(/fill=\".*?\"/g, `fill=\"${color}\"`);\n}\n\nexport interface CustomSvgIconProps extends VibeComponentProps {\n  onClick?: (event: React.MouseEvent) => void;\n  src: string | object;\n  ariaLabel?: string;\n  tabIndex?: number;\n  role?: AriaRole;\n  ariaHidden?: boolean;\n  clickable?: boolean;\n  replaceToCurrentColor?: boolean;\n  customColor?: string;\n  ref?: Ref<SVGElement>;\n}\n\nconst CustomSvgIcon: FunctionComponent<CustomSvgIconProps> = ({\n  className,\n  ref,\n  src,\n  onClick,\n  clickable,\n  ariaLabel,\n  ariaHidden,\n  replaceToCurrentColor = false,\n  customColor,\n  id,\n  \"data-testid\": dataTestId\n}) => {\n  const screenReaderAccessProps = useIconScreenReaderAccessProps({\n    isClickable: clickable,\n    label: ariaLabel,\n    isDecorationOnly: ariaHidden\n  });\n\n  const isMounted = useIsMounted();\n\n  const svgProcessor = useCallback(\n    (svg: string) => {\n      if (replaceToCurrentColor) return modifySvgCode(svg, \"currentColor\");\n      if (customColor) return modifySvgCode(svg, customColor);\n      return svg;\n    },\n    [replaceToCurrentColor, customColor]\n  );\n\n  if (typeof src !== \"string\") return null;\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const SVGComponent = (SVG.default || SVG) as React.FC<any>; // fix esm issue\n\n  const PlaceHolder = <div className={className} id={id}></div>;\n\n  if (!isMounted) {\n    // placeholder for server side rendering\n    return PlaceHolder;\n  }\n  return (\n    <SVGComponent\n      innerRef={ref}\n      {...screenReaderAccessProps}\n      onClick={onClick}\n      loader={PlaceHolder} // avoid flickering\n      src={src}\n      className={className}\n      preProcessor={svgProcessor}\n      id={id}\n      data-testid={dataTestId || getTestId(ComponentDefaultTestId.SVG_ICON, id)}\n      data-vibe={ComponentVibeId.ICON}\n    >\n      {PlaceHolder}\n    </SVGComponent>\n  );\n};\n\nexport default CustomSvgIcon;\n"],"names":["modifySvgCode","svg","replace","concat","arguments","length","undefined","CustomSvgIcon","_ref","className","ref","src","onClick","_ref$replaceToCurrent","replaceToCurrentColor","customColor","id","dataTestId","screenReaderAccessProps","useIconScreenReaderAccessProps","isClickable","clickable","label","ariaLabel","isDecorationOnly","ariaHidden","isMounted","useIsMounted","svgProcessor","useCallback","SVGComponent","SVG","default","PlaceHolder","React","createElement","Object","assign","innerRef","loader","preProcessor","getTestId","ComponentDefaultTestId","SVG_ICON","ComponentVibeId","ICON"],"mappings":"wVAQA,SAASA,EAAcC,GACrB,OAAOA,EAAIC,QAAQ,uBAAaC,OADOC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,eACM,KAClD,CAeA,IAAMG,EAAuD,SAA1CC,GAYd,IAXHC,EAASD,EAATC,UACAC,EAAGF,EAAHE,IACAC,EAAGH,EAAHG,IACAC,EAAOJ,EAAPI,QAGUC,EAAAL,EACVM,sBAAAA,OAAwB,IAAHD,GAAQA,EAC7BE,EAAWP,EAAXO,YACAC,EAAER,EAAFQ,GACeC,EAAUT,EAAzB,eAEMU,EAA0BC,EAA+B,CAC7DC,YATOZ,EAATa,UAUEC,MATOd,EAATe,UAUEC,iBATQhB,EAAViB,aAYMC,EAAYC,IAEZC,EAAeC,GACnB,SAAC5B,GACC,OAAIa,EAA8Bd,EAAcC,EAAK,gBACjDc,EAAoBf,EAAcC,EAAKc,GACpCd,CACT,GACA,CAACa,EAAuBC,IAG1B,GAAmB,iBAARJ,EAAkB,OAAO,KAGpC,IAAMmB,EAAgBC,EAAIC,SAAWD,EAE/BE,EAAcC,EAAAC,cAAA,MAAA,CAAK1B,UAAWA,EAAWO,GAAIA,IAEnD,OAAKU,EAKHQ,EAACC,cAAAL,EACCM,OAAAC,OAAA,CAAAC,SAAU5B,GACNQ,EAAuB,CAC3BN,QAASA,EACT2B,OAAQN,EACRtB,IAAKA,EACLF,UAAWA,EACX+B,aAAcZ,EACdZ,GAAIA,gBACSC,GAAcwB,EAAUC,EAAuBC,SAAU3B,GAAG,YAC9D4B,EAAgBC,OAE1BZ,GAfIA,CAkBX"}
+{"version":3,"file":"CustomSvgIcon.js","sources":["../../../../../../src/components/Icon/CustomSvgIcon/CustomSvgIcon.tsx"],"sourcesContent":["import React, { FunctionComponent, useCallback, AriaRole, Ref } from \"react\";\nimport SVG from \"react-inlinesvg\";\nimport useIconScreenReaderAccessProps from \"../../../hooks/useIconScreenReaderAccessProps\";\nimport VibeComponentProps from \"../../../types/VibeComponentProps\";\nimport { ComponentDefaultTestId, ComponentVibeId } from \"../../../tests/constants\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport { useIsMounted } from \"../../../hooks/ssr/useIsMounted\";\n\nfunction modifySvgCode(svg: string, color = \"currentColor\") {\n  return svg.replace(/fill=\".*?\"/g, `fill=\"${color}\"`);\n}\n\nexport interface CustomSvgIconProps extends VibeComponentProps {\n  /**\n   * Callback fired when the icon is clicked.\n   */\n  onClick?: (event: React.MouseEvent) => void;\n  /**\n   * The source URL or object of the SVG icon.\n   */\n  src: string | object;\n  /**\n   * The accessible label for the icon.\n   */\n  ariaLabel?: string;\n  /**\n   * The tab index of the icon for keyboard navigation.\n   */\n  tabIndex?: number;\n  /**\n   * The ARIA role of the icon.\n   */\n  role?: AriaRole;\n  /**\n   * If true, hides the icon from screen readers.\n   */\n  ariaHidden?: boolean;\n  /**\n   * If true, makes the icon clickable.\n   */\n  clickable?: boolean;\n  /**\n   * If true, replaces the `fill` attribute in the SVG with `currentColor`.\n   */\n  replaceToCurrentColor?: boolean;\n  /**\n   * Overrides the default color of the icon.\n   */\n  customColor?: string;\n  /**\n   * Reference to the SVG element.\n   */\n  ref?: Ref<SVGElement>;\n}\n\nconst CustomSvgIcon: FunctionComponent<CustomSvgIconProps> = ({\n  className,\n  ref,\n  src,\n  onClick,\n  clickable,\n  ariaLabel,\n  ariaHidden,\n  replaceToCurrentColor = false,\n  customColor,\n  id,\n  \"data-testid\": dataTestId\n}) => {\n  const screenReaderAccessProps = useIconScreenReaderAccessProps({\n    isClickable: clickable,\n    label: ariaLabel,\n    isDecorationOnly: ariaHidden\n  });\n\n  const isMounted = useIsMounted();\n\n  const svgProcessor = useCallback(\n    (svg: string) => {\n      if (replaceToCurrentColor) return modifySvgCode(svg, \"currentColor\");\n      if (customColor) return modifySvgCode(svg, customColor);\n      return svg;\n    },\n    [replaceToCurrentColor, customColor]\n  );\n\n  if (typeof src !== \"string\") return null;\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const SVGComponent = (SVG.default || SVG) as React.FC<any>; // fix esm issue\n\n  const PlaceHolder = <div className={className} id={id}></div>;\n\n  if (!isMounted) {\n    // placeholder for server side rendering\n    return PlaceHolder;\n  }\n  return (\n    <SVGComponent\n      innerRef={ref}\n      {...screenReaderAccessProps}\n      onClick={onClick}\n      loader={PlaceHolder} // avoid flickering\n      src={src}\n      className={className}\n      preProcessor={svgProcessor}\n      id={id}\n      data-testid={dataTestId || getTestId(ComponentDefaultTestId.SVG_ICON, id)}\n      data-vibe={ComponentVibeId.ICON}\n    >\n      {PlaceHolder}\n    </SVGComponent>\n  );\n};\n\nexport default CustomSvgIcon;\n"],"names":["modifySvgCode","svg","replace","concat","arguments","length","undefined","CustomSvgIcon","_ref","className","ref","src","onClick","_ref$replaceToCurrent","replaceToCurrentColor","customColor","id","dataTestId","screenReaderAccessProps","useIconScreenReaderAccessProps","isClickable","clickable","label","ariaLabel","isDecorationOnly","ariaHidden","isMounted","useIsMounted","svgProcessor","useCallback","SVGComponent","SVG","default","PlaceHolder","React","createElement","Object","assign","innerRef","loader","preProcessor","getTestId","ComponentDefaultTestId","SVG_ICON","ComponentVibeId","ICON"],"mappings":"wVAQA,SAASA,EAAcC,GACrB,OAAOA,EAAIC,QAAQ,uBAAaC,OADOC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,eACM,KAClD,CA6CA,IAAMG,EAAuD,SAA1CC,GAYd,IAXHC,EAASD,EAATC,UACAC,EAAGF,EAAHE,IACAC,EAAGH,EAAHG,IACAC,EAAOJ,EAAPI,QAGUC,EAAAL,EACVM,sBAAAA,OAAwB,IAAHD,GAAQA,EAC7BE,EAAWP,EAAXO,YACAC,EAAER,EAAFQ,GACeC,EAAUT,EAAzB,eAEMU,EAA0BC,EAA+B,CAC7DC,YATOZ,EAATa,UAUEC,MATOd,EAATe,UAUEC,iBATQhB,EAAViB,aAYMC,EAAYC,IAEZC,EAAeC,GACnB,SAAC5B,GACC,OAAIa,EAA8Bd,EAAcC,EAAK,gBACjDc,EAAoBf,EAAcC,EAAKc,GACpCd,CACT,GACA,CAACa,EAAuBC,IAG1B,GAAmB,iBAARJ,EAAkB,OAAO,KAGpC,IAAMmB,EAAgBC,EAAIC,SAAWD,EAE/BE,EAAcC,EAAAC,cAAA,MAAA,CAAK1B,UAAWA,EAAWO,GAAIA,IAEnD,OAAKU,EAKHQ,EAACC,cAAAL,EACCM,OAAAC,OAAA,CAAAC,SAAU5B,GACNQ,EAAuB,CAC3BN,QAASA,EACT2B,OAAQN,EACRtB,IAAKA,EACLF,UAAWA,EACX+B,aAAcZ,EACdZ,GAAIA,gBACSC,GAAcwB,EAAUC,EAAuBC,SAAU3B,GAAG,YAC9D4B,EAAgBC,OAE1BZ,GAfIA,CAkBX"}

package/dist/mocked_classnames/src/components/Icon/FontIcon/FontIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"FontIcon.js","sources":["../../../../../../src/components/Icon/FontIcon/FontIcon.tsx"],"sourcesContent":["import React, { AriaRole, forwardRef } from \"react\";\nimport classNames from \"classnames\";\nimport { SubIcon, VibeComponent, VibeComponentProps } from \"../../../types\";\nimport { ComponentVibeId } from \"../../../tests/constants\";\n\nexport interface FontIconProps extends VibeComponentProps {\n  onClick?: (event: React.MouseEvent<HTMLSpanElement>) => void;\n  \"aria-label\"?: string;\n  tabIndex?: number;\n  icon?: SubIcon;\n  role?: AriaRole;\n  \"aria-hidden\"?: boolean;\n}\n\nconst FontIcon: VibeComponent<FontIconProps, HTMLElement> = forwardRef(\n  (\n    {\n      id,\n      className,\n      onClick,\n      \"aria-label\": iconLabel,\n      tabIndex,\n      icon: Icon,\n      role = \"img\",\n      \"aria-hidden\": ariaHidden,\n      \"data-testid\": dataTestId\n    }: FontIconProps,\n    iconRef\n  ) => {\n    const isIconFunction = typeof Icon === \"function\";\n    const iconClassName = isIconFunction ? \"\" : Icon;\n    return (\n      // eslint-disable-next-line jsx-a11y/click-events-have-key-events\n      <span\n        aria-hidden={ariaHidden}\n        className={classNames(className, \"fa\", iconClassName)}\n        onClick={onClick}\n        ref={iconRef}\n        aria-label={iconLabel}\n        tabIndex={tabIndex}\n        role={role}\n        id={id}\n        data-testid={dataTestId}\n        data-vibe={ComponentVibeId.ICON}\n      >\n        {isIconFunction && <Icon />}\n      </span>\n    );\n  }\n);\nexport default FontIcon;\n"],"names":["FontIcon","forwardRef","_ref","iconRef","id","onClick","iconLabel","tabIndex","Icon","icon","_ref$role","role","dataTestId","isIconFunction","React","createElement","className","classNames","ref","ComponentVibeId","ICON"],"mappings":"8HAcMA,IAAAA,EAAsDC,GAC1D,SAAAC,EAYEC,GACE,IAXAC,EAAEF,EAAFE,GAEAC,EAAOH,EAAPG,QACcC,EAASJ,EAAvB,cACAK,EAAQL,EAARK,SACMC,EAAIN,EAAVO,KAAIC,EAAAR,EACJS,KAAAA,OAAO,IAAHD,EAAG,MAAKA,EAEGE,EAAUV,EAAzB,eAIIW,EAAiC,mBAATL,EAE9B,OAEEM,EACeC,cAAA,OAAA,CAAA,cAVUb,EAAzB,eAWEc,UAAWC,EAjBJf,EAATc,UAiBmC,KALfH,EAAiB,GAAKL,GAMxCH,QAASA,EACTa,IAAKf,EACO,aAAAG,EACZC,SAAUA,EACVI,KAAMA,EACNP,GAAIA,EAAE,cACOQ,EAAU,YACZO,EAAgBC,MAE1BP,GAAkBC,gBAACN,EAAI,MAG9B"}
+{"version":3,"file":"FontIcon.js","sources":["../../../../../../src/components/Icon/FontIcon/FontIcon.tsx"],"sourcesContent":["import React, { AriaRole, forwardRef } from \"react\";\nimport classNames from \"classnames\";\nimport { SubIcon, VibeComponent, VibeComponentProps } from \"../../../types\";\nimport { ComponentVibeId } from \"../../../tests/constants\";\n\nexport interface FontIconProps extends VibeComponentProps {\n  /**\n   * Callback fired when the icon is clicked.\n   */\n  onClick?: (event: React.MouseEvent<HTMLSpanElement>) => void;\n  /**\n   * The accessible label for the icon.\n   */\n  \"aria-label\"?: string;\n  /**\n   * The tab index of the icon for keyboard navigation.\n   */\n  tabIndex?: number;\n  /**\n   * The icon name or component.\n   */\n  icon?: SubIcon;\n  /**\n   * The ARIA role of the icon.\n   */\n  role?: AriaRole;\n  /**\n   * If true, hides the icon from screen readers.\n   */\n  \"aria-hidden\"?: boolean;\n}\n\nconst FontIcon: VibeComponent<FontIconProps, HTMLElement> = forwardRef(\n  (\n    {\n      id,\n      className,\n      onClick,\n      \"aria-label\": iconLabel,\n      tabIndex,\n      icon: Icon,\n      role = \"img\",\n      \"aria-hidden\": ariaHidden,\n      \"data-testid\": dataTestId\n    }: FontIconProps,\n    iconRef\n  ) => {\n    const isIconFunction = typeof Icon === \"function\";\n    const iconClassName = isIconFunction ? \"\" : Icon;\n    return (\n      // eslint-disable-next-line jsx-a11y/click-events-have-key-events\n      <span\n        aria-hidden={ariaHidden}\n        className={classNames(className, \"fa\", iconClassName)}\n        onClick={onClick}\n        ref={iconRef}\n        aria-label={iconLabel}\n        tabIndex={tabIndex}\n        role={role}\n        id={id}\n        data-testid={dataTestId}\n        data-vibe={ComponentVibeId.ICON}\n      >\n        {isIconFunction && <Icon />}\n      </span>\n    );\n  }\n);\nexport default FontIcon;\n"],"names":["FontIcon","forwardRef","_ref","iconRef","id","onClick","iconLabel","tabIndex","Icon","icon","_ref$role","role","dataTestId","isIconFunction","React","createElement","className","classNames","ref","ComponentVibeId","ICON"],"mappings":"8HAgCMA,IAAAA,EAAsDC,GAC1D,SAAAC,EAYEC,GACE,IAXAC,EAAEF,EAAFE,GAEAC,EAAOH,EAAPG,QACcC,EAASJ,EAAvB,cACAK,EAAQL,EAARK,SACMC,EAAIN,EAAVO,KAAIC,EAAAR,EACJS,KAAAA,OAAO,IAAHD,EAAG,MAAKA,EAEGE,EAAUV,EAAzB,eAIIW,EAAiC,mBAATL,EAE9B,OAEEM,EACeC,cAAA,OAAA,CAAA,cAVUb,EAAzB,eAWEc,UAAWC,EAjBJf,EAATc,UAiBmC,KALfH,EAAiB,GAAKL,GAMxCH,QAASA,EACTa,IAAKf,EACO,aAAAG,EACZC,SAAUA,EACVI,KAAMA,EACNP,GAAIA,EAAE,cACOQ,EAAU,YACZO,EAAgBC,MAE1BP,GAAkBC,gBAACN,EAAI,MAG9B"}

package/dist/mocked_classnames/src/components/Icon/Icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.js","sources":["../../../../../src/components/Icon/Icon.tsx"],"sourcesContent":["import { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport React, { CSSProperties, forwardRef, Ref } from \"react\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { IconType as IconTypeEnum } from \"./IconConstants\";\nimport { IconType } from \"./Icon.types\";\nimport CustomSvgIcon from \"./CustomSvgIcon/CustomSvgIcon\";\nimport FontIcon from \"./FontIcon/FontIcon\";\nimport useIconProps from \"./hooks/useIconProps\";\nimport { VibeComponentProps, VibeComponent, SubIcon, withStaticProps } from \"../../types\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nexport interface IconSubComponentProps {\n  ref?: Ref<HTMLElement>;\n  id?: string;\n  size?: string | number;\n  className?: string;\n  style?: CSSProperties;\n  \"data-testid\"?: string;\n}\n\nfunction renderIcon(Icon: SubIcon, props: IconSubComponentProps) {\n  const dataTestId = props[\"data-testid\"];\n  return (\n    <Icon\n      {...props}\n      data-testid={dataTestId || getTestId(ComponentDefaultTestId.ICON, props.id)}\n      data-vibe={ComponentVibeId.ICON}\n    />\n  );\n}\n\nexport interface IconProps extends VibeComponentProps {\n  /**\n   * We support three types of icons - SVG, FONT and SRC (classname) so this prop is either the name of the icon or the component\n   */\n  icon: SubIcon;\n  /**\n   * Icon aria label [aria label](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label)\n   */\n  iconLabel?: string;\n  /**\n   *  The type of the component - svg, font or custom svg (using [`react-inlinesvg`](https://github.com/gilbarbara/react-inlinesvg#readme))\n   */\n  iconType?: IconType;\n  /**\n   * Size for font icon\n   */\n  iconSize?: number | string;\n  /**\n   * Remove focus style\n   */\n  ignoreFocusStyle?: boolean;\n  tabindex?: number | string;\n  /**\n   * Hide icon asset from screen reader. No need to set value for this prop when `clickable` is false\n   */\n  ariaHidden?: boolean;\n  style?: React.CSSProperties;\n  /**\n   * When using svg from src (Icon.type.SRC) this boolean will transform the \"fill\" property to \"currentColor\"\n   */\n  useCurrentColor?: boolean;\n  /**\n   * Override the default color with a custom one\n   */\n  customColor?: string;\n}\n\nconst Icon: VibeComponent<IconProps, HTMLElement> & { type?: typeof IconTypeEnum } = forwardRef(\n  (\n    {\n      /**\n       * component id\n       */\n      id,\n      className,\n      icon = \"\",\n      iconLabel,\n      iconType = \"svg\",\n      iconSize = 16,\n      ignoreFocusStyle = false,\n      tabindex: externalTabIndex,\n      ariaHidden,\n      style,\n      useCurrentColor = false,\n      customColor,\n      \"data-testid\": dataTestId\n    }: IconProps,\n    ref\n  ) => {\n    const overrideExternalTabIndex = externalTabIndex && +externalTabIndex;\n    const { screenReaderAccessProps, onClickCallback, computedClassName, iconRef } = useIconProps({\n      iconLabel,\n      className,\n      isDecorationOnly: ariaHidden,\n      ignoreFocusStyle,\n      externalTabIndex: overrideExternalTabIndex\n    });\n\n    const mergedRef = useMergeRef(ref, iconRef);\n\n    if (!icon) {\n      return null;\n    }\n\n    // TODO: [breaking] make more accurate check\n    const isFunctionType = typeof icon === \"function\";\n\n    const overrideDataTestId = dataTestId || getTestId(ComponentDefaultTestId.ICON, id);\n\n    // TODO: [breaking] make more accurate check\n    if (iconType === \"svg\" || isFunctionType || typeof icon === \"object\") {\n      return renderIcon(icon, {\n        id,\n        ...screenReaderAccessProps,\n        ref: isFunctionType ? undefined : mergedRef,\n        size: iconSize.toString(),\n        className: computedClassName,\n        style,\n        \"data-testid\": overrideDataTestId\n      });\n    }\n    if (iconType === \"src\") {\n      return (\n        <CustomSvgIcon\n          id={id}\n          src={icon}\n          {...screenReaderAccessProps}\n          className={cx(computedClassName)}\n          onClick={onClickCallback}\n          replaceToCurrentColor={useCurrentColor}\n          customColor={customColor}\n          data-testid={overrideDataTestId}\n        />\n      );\n    }\n    return (\n      <FontIcon\n        id={id}\n        {...screenReaderAccessProps}\n        className={cx(computedClassName)}\n        onClick={onClickCallback}\n        ref={mergedRef}\n        icon={icon}\n        data-testid={overrideDataTestId}\n      />\n    );\n  }\n);\n\nexport default withStaticProps(Icon, {\n  type: IconTypeEnum\n});\n"],"names":["withStaticProps","forwardRef","_ref","ref","id","_ref$icon","icon","_ref$iconType","iconType","_ref$iconSize","iconSize","_ref$ignoreFocusStyle","ignoreFocusStyle","externalTabIndex","tabindex","style","_ref$useCurrentColor","useCurrentColor","customColor","dataTestId","_useIconProps","useIconProps","iconLabel","className","isDecorationOnly","ariaHidden","screenReaderAccessProps","onClickCallback","computedClassName","mergedRef","useMergeRef","iconRef","isFunctionType","overrideDataTestId","getTestId","ComponentDefaultTestId","ICON","_typeof","Icon","props","React","createElement","Object","assign","ComponentVibeId","renderIcon","undefined","size","CustomSvgIcon","src","cx","onClick","replaceToCurrentColor","FontIcon","type","IconTypeEnum"],"mappings":"+kBAqEA,IAkFeA,EAAAA,EAlFsEC,GACnF,SAAAC,EAmBEC,GACE,IAfAC,EAAEF,EAAFE,GACSC,EAAAH,EACTI,KAAAA,OAAO,IAAHD,EAAG,GAAEA,EACAE,EAAAL,EACTM,SAAAA,OAAW,IAAHD,EAAG,MAAKA,EAAAE,EAAAP,EAChBQ,SAAAA,OAAW,IAAHD,EAAG,GAAEA,EAAAE,EAAAT,EACbU,iBACUC,EAAgBX,EAA1BY,SAEAC,EAAKb,EAALa,MAAKC,EAAAd,EACLe,gBAAAA,OAAkB,IAAHD,GAAQA,EACvBE,EAAWhB,EAAXgB,YACeC,EAAUjB,EAAzB,eAKFkB,EAAiFC,EAAa,CAC5FC,UAfSpB,EAAToB,UAgBAC,UAlBSrB,EAATqB,UAmBAC,iBAZUtB,EAAVuB,WAaAb,sBAfmB,IAAHD,GAAQA,EAgBxBE,iBAN+BA,IAAqBA,IAC9Ca,EAAuBN,EAAvBM,wBAAyBC,EAAeP,EAAfO,gBAAiBC,EAAiBR,EAAjBQ,kBAQ5CC,EAAYC,EAAY3B,EAR8CiB,EAAPW,SAUrE,IAAKzB,EACH,OAAO,KAIT,IAAM0B,EAAiC,mBAAT1B,EAExB2B,EAAqBd,GAAce,EAAUC,EAAuBC,KAAMhC,GAGhF,MAAiB,QAAbI,GAAsBwB,GAAkC,WAAhBK,EAAO/B,GA3FvD,SAAoBgC,EAAeC,GAEjC,OACEC,EAACC,cAAAH,EACKI,OAAAC,OAAA,CAAA,EAAAJ,iBAHWA,EAAM,gBAIML,EAAUC,EAAuBC,KAAMG,EAAMnC,IAAG,YAChEwC,EAAgBR,OAGjC,CAmFaS,CAAWvC,EAChBoC,OAAAC,OAAAD,OAAAC,OAAA,CAAAvC,GAAAA,GACGsB,GAAuB,CAC1BvB,IAAK6B,OAAiBc,EAAYjB,EAClCkB,KAAMrC,KACNa,UAAWK,EACXb,MAAAA,EACA,cAAekB,KAGF,QAAbzB,EAEAgC,EAACC,cAAAO,EACCN,OAAAC,OAAA,CAAAvC,GAAIA,EACJ6C,IAAK3C,GACDoB,EACJ,CAAAH,UAAW2B,EAAGtB,GACduB,QAASxB,EACTyB,sBAAuBnC,EACvBC,YAAaA,EAAW,cACXe,KAKjBO,EAAAC,cAACY,EAAQX,OAAAC,OAAA,CACPvC,GAAIA,GACAsB,EACJ,CAAAH,UAAW2B,EAAGtB,GACduB,QAASxB,EACTxB,IAAK0B,EACLvB,KAAMA,EAAI,cACG2B,IAGnB,IAGmC,CACnCqB,KAAMC"}
+{"version":3,"file":"Icon.js","sources":["../../../../../src/components/Icon/Icon.tsx"],"sourcesContent":["import { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport React, { CSSProperties, forwardRef, Ref } from \"react\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { IconType as IconTypeEnum } from \"./IconConstants\";\nimport { IconType } from \"./Icon.types\";\nimport CustomSvgIcon from \"./CustomSvgIcon/CustomSvgIcon\";\nimport FontIcon from \"./FontIcon/FontIcon\";\nimport useIconProps from \"./hooks/useIconProps\";\nimport { VibeComponentProps, VibeComponent, SubIcon, withStaticProps } from \"../../types\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nexport interface IconSubComponentProps {\n  /**\n   * Ref for the icon component.\n   */\n  ref?: Ref<HTMLElement>;\n  /**\n   * The ID of the icon component.\n   */\n  id?: string;\n  /**\n   * The size of the icon.\n   */\n  size?: string | number;\n  /**\n   * Class name applied to the icon.\n   */\n  className?: string;\n  /**\n   * Inline styles applied to the icon.\n   */\n  style?: CSSProperties;\n  /**\n   * Test ID for testing purposes.\n   */\n  \"data-testid\"?: string;\n}\n\nfunction renderIcon(Icon: SubIcon, props: IconSubComponentProps) {\n  const dataTestId = props[\"data-testid\"];\n  return (\n    <Icon\n      {...props}\n      data-testid={dataTestId || getTestId(ComponentDefaultTestId.ICON, props.id)}\n      data-vibe={ComponentVibeId.ICON}\n    />\n  );\n}\n\nexport interface IconProps extends VibeComponentProps {\n  /**\n   * The icon name, component, or source URL.\n   */\n  icon: SubIcon;\n  /**\n   * The accessible label for the icon.\n   */\n  iconLabel?: string;\n  /**\n   * The type of the icon: `svg`, `font`, or `src` (external source).\n   */\n  iconType?: IconType;\n  /**\n   * The size of the icon.\n   */\n  iconSize?: number | string;\n  /**\n   * If true, removes focus styles from the icon.\n   */\n  ignoreFocusStyle?: boolean;\n  /**\n   * The tab index of the icon for keyboard navigation.\n   */\n  tabindex?: number | string;\n  /**\n   * If true, hides the icon from screen readers.\n   */\n  ariaHidden?: boolean;\n  /**\n   * Inline styles applied to the icon.\n   */\n  style?: React.CSSProperties;\n  /**\n   * If true, replaces `fill` property with `currentColor` when using an `src` icon.\n   */\n  useCurrentColor?: boolean;\n  /**\n   * Overrides the default color with a custom color.\n   */\n  customColor?: string;\n}\n\nconst Icon: VibeComponent<IconProps, HTMLElement> & { type?: typeof IconTypeEnum } = forwardRef(\n  (\n    {\n      /**\n       * component id\n       */\n      id,\n      className,\n      icon = \"\",\n      iconLabel,\n      iconType = \"svg\",\n      iconSize = 16,\n      ignoreFocusStyle = false,\n      tabindex: externalTabIndex,\n      ariaHidden,\n      style,\n      useCurrentColor = false,\n      customColor,\n      \"data-testid\": dataTestId\n    }: IconProps,\n    ref\n  ) => {\n    const overrideExternalTabIndex = externalTabIndex && +externalTabIndex;\n    const { screenReaderAccessProps, onClickCallback, computedClassName, iconRef } = useIconProps({\n      iconLabel,\n      className,\n      isDecorationOnly: ariaHidden,\n      ignoreFocusStyle,\n      externalTabIndex: overrideExternalTabIndex\n    });\n\n    const mergedRef = useMergeRef(ref, iconRef);\n\n    if (!icon) {\n      return null;\n    }\n\n    // TODO: [breaking] make more accurate check\n    const isFunctionType = typeof icon === \"function\";\n\n    const overrideDataTestId = dataTestId || getTestId(ComponentDefaultTestId.ICON, id);\n\n    // TODO: [breaking] make more accurate check\n    if (iconType === \"svg\" || isFunctionType || typeof icon === \"object\") {\n      return renderIcon(icon, {\n        id,\n        ...screenReaderAccessProps,\n        ref: isFunctionType ? undefined : mergedRef,\n        size: iconSize.toString(),\n        className: computedClassName,\n        style,\n        \"data-testid\": overrideDataTestId\n      });\n    }\n    if (iconType === \"src\") {\n      return (\n        <CustomSvgIcon\n          id={id}\n          src={icon}\n          {...screenReaderAccessProps}\n          className={cx(computedClassName)}\n          onClick={onClickCallback}\n          replaceToCurrentColor={useCurrentColor}\n          customColor={customColor}\n          data-testid={overrideDataTestId}\n        />\n      );\n    }\n    return (\n      <FontIcon\n        id={id}\n        {...screenReaderAccessProps}\n        className={cx(computedClassName)}\n        onClick={onClickCallback}\n        ref={mergedRef}\n        icon={icon}\n        data-testid={overrideDataTestId}\n      />\n    );\n  }\n);\n\nexport default withStaticProps(Icon, {\n  type: IconTypeEnum\n});\n"],"names":["withStaticProps","forwardRef","_ref","ref","id","_ref$icon","icon","_ref$iconType","iconType","_ref$iconSize","iconSize","_ref$ignoreFocusStyle","ignoreFocusStyle","externalTabIndex","tabindex","style","_ref$useCurrentColor","useCurrentColor","customColor","dataTestId","_useIconProps","useIconProps","iconLabel","className","isDecorationOnly","ariaHidden","screenReaderAccessProps","onClickCallback","computedClassName","mergedRef","useMergeRef","iconRef","isFunctionType","overrideDataTestId","getTestId","ComponentDefaultTestId","ICON","_typeof","Icon","props","React","createElement","Object","assign","ComponentVibeId","renderIcon","undefined","size","CustomSvgIcon","src","cx","onClick","replaceToCurrentColor","FontIcon","type","IconTypeEnum"],"mappings":"+kBA6FA,IAkFeA,EAAAA,EAlFsEC,GACnF,SAAAC,EAmBEC,GACE,IAfAC,EAAEF,EAAFE,GACSC,EAAAH,EACTI,KAAAA,OAAO,IAAHD,EAAG,GAAEA,EACAE,EAAAL,EACTM,SAAAA,OAAW,IAAHD,EAAG,MAAKA,EAAAE,EAAAP,EAChBQ,SAAAA,OAAW,IAAHD,EAAG,GAAEA,EAAAE,EAAAT,EACbU,iBACUC,EAAgBX,EAA1BY,SAEAC,EAAKb,EAALa,MAAKC,EAAAd,EACLe,gBAAAA,OAAkB,IAAHD,GAAQA,EACvBE,EAAWhB,EAAXgB,YACeC,EAAUjB,EAAzB,eAKFkB,EAAiFC,EAAa,CAC5FC,UAfSpB,EAAToB,UAgBAC,UAlBSrB,EAATqB,UAmBAC,iBAZUtB,EAAVuB,WAaAb,sBAfmB,IAAHD,GAAQA,EAgBxBE,iBAN+BA,IAAqBA,IAC9Ca,EAAuBN,EAAvBM,wBAAyBC,EAAeP,EAAfO,gBAAiBC,EAAiBR,EAAjBQ,kBAQ5CC,EAAYC,EAAY3B,EAR8CiB,EAAPW,SAUrE,IAAKzB,EACH,OAAO,KAIT,IAAM0B,EAAiC,mBAAT1B,EAExB2B,EAAqBd,GAAce,EAAUC,EAAuBC,KAAMhC,GAGhF,MAAiB,QAAbI,GAAsBwB,GAAkC,WAAhBK,EAAO/B,GAjGvD,SAAoBgC,EAAeC,GAEjC,OACEC,EAACC,cAAAH,EACKI,OAAAC,OAAA,CAAA,EAAAJ,iBAHWA,EAAM,gBAIML,EAAUC,EAAuBC,KAAMG,EAAMnC,IAAG,YAChEwC,EAAgBR,OAGjC,CAyFaS,CAAWvC,EAChBoC,OAAAC,OAAAD,OAAAC,OAAA,CAAAvC,GAAAA,GACGsB,GAAuB,CAC1BvB,IAAK6B,OAAiBc,EAAYjB,EAClCkB,KAAMrC,KACNa,UAAWK,EACXb,MAAAA,EACA,cAAekB,KAGF,QAAbzB,EAEAgC,EAACC,cAAAO,EACCN,OAAAC,OAAA,CAAAvC,GAAIA,EACJ6C,IAAK3C,GACDoB,EACJ,CAAAH,UAAW2B,EAAGtB,GACduB,QAASxB,EACTyB,sBAAuBnC,EACvBC,YAAaA,EAAW,cACXe,KAKjBO,EAAAC,cAACY,EAAQX,OAAAC,OAAA,CACPvC,GAAIA,GACAsB,EACJ,CAAAH,UAAW2B,EAAGtB,GACduB,QAASxB,EACTxB,IAAK0B,EACLvB,KAAMA,EAAI,cACG2B,IAGnB,IAGmC,CACnCqB,KAAMC"}

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"LabelCelebrationAnimation.js","sources":["../../../../../src/components/Label/LabelCelebrationAnimation.tsx"],"sourcesContent":["import React, { cloneElement, forwardRef, useCallback, useRef, useState } from \"react\";\nimport cx from \"classnames\";\nimport useResizeObserver from \"../../hooks/useResizeObserver\";\nimport styles from \"./LabelCelebrationAnimation.module.scss\";\n\nconst DEFAULT_BORDER_RADIUS = 4;\nconst DEFAULT_STROKE_WIDTH = 1;\n\nexport interface LabelCelebrationAnimationProps {\n  children: React.ReactElement;\n  onAnimationEnd: () => void;\n}\n\nfunction LabelCelebrationAnimation({ children, onAnimationEnd }: LabelCelebrationAnimationProps) {\n  const wrapperRef = useRef<HTMLDivElement>();\n  const childRef = useRef<HTMLDivElement>();\n\n  const [path, setPath] = useState<string>();\n\n  const resizeObserverCallback = useCallback(\n    ({ borderBoxSize }: { borderBoxSize: { blockSize: number; inlineSize: number } }) => {\n      const { blockSize: height, inlineSize: width } = borderBoxSize || {};\n\n      if (wrapperRef.current) {\n        const d = getPath({ width, height });\n        setPath(d);\n\n        const perimeter = getPerimeter({ width, height });\n        wrapperRef.current.style.setProperty(\"--container-perimeter\", String(perimeter));\n      }\n    },\n    []\n  );\n\n  useResizeObserver({\n    ref: wrapperRef,\n    callback: resizeObserverCallback,\n    debounceTime: 0\n  });\n\n  const ChildComponentWithRef = forwardRef((_props, ref) =>\n    cloneElement(children, {\n      ref\n    })\n  );\n\n  return (\n    <div className={styles.celebration} ref={wrapperRef}>\n      <svg className={styles.svg}>\n        <path className={cx(styles.stroke, styles.base)} d={path} />\n        <path className={cx(styles.stroke, styles.first)} d={path} />\n        <path className={cx(styles.stroke, styles.second)} d={path} />\n        <path className={cx(styles.stroke, styles.third)} d={path} onAnimationEnd={onAnimationEnd} />\n      </svg>\n      <ChildComponentWithRef ref={childRef} />\n    </div>\n  );\n}\n\nexport default LabelCelebrationAnimation;\n\nfunction getPath({\n  width,\n  height,\n  borderRadius = DEFAULT_BORDER_RADIUS,\n  strokeWidth = DEFAULT_STROKE_WIDTH\n}: {\n  width: number;\n  height: number;\n  borderRadius?: number;\n  strokeWidth?: number;\n}) {\n  const offset = strokeWidth / 2;\n\n  return `M ${width - strokeWidth / 2}, ${borderRadius} V ${\n    height - borderRadius\n  } A ${borderRadius} ${borderRadius} 0 0 1 ${width - borderRadius} ${height - strokeWidth / 2} H ${\n    borderRadius + offset\n  } A ${borderRadius} ${borderRadius} 0 0 1 ${strokeWidth / 2} ${height - borderRadius} V ${\n    borderRadius + offset\n  } A ${borderRadius} ${borderRadius} 0 0 1 ${borderRadius} ${strokeWidth / 2} L ${width - borderRadius}, ${\n    strokeWidth / 2\n  } A ${borderRadius} ${borderRadius} 0 0 1 ${width - strokeWidth / 2} ${borderRadius} Z`;\n}\n\nfunction getPerimeter({\n  width,\n  height,\n  borderRadius = DEFAULT_BORDER_RADIUS\n}: {\n  width: number;\n  height: number;\n  borderRadius?: number;\n}) {\n  const straightWidth = width - 2 * borderRadius;\n  const straightHeight = height - 2 * borderRadius;\n  const cornerCircumference = 2 * Math.PI * borderRadius;\n  return cornerCircumference + 2 * straightWidth + 2 * straightHeight;\n}\n"],"names":["DEFAULT_BORDER_RADIUS","DEFAULT_STROKE_WIDTH","LabelCelebrationAnimation","_ref","children","onAnimationEnd","wrapperRef","useRef","childRef","_useState","useState","_useState2","_slicedToArray","path","setPath","resizeObserverCallback","useCallback","_ref2","_ref3","borderBoxSize","height","blockSize","width","inlineSize","current","d","_ref4","_ref4$borderRadius","borderRadius","_ref4$strokeWidth","strokeWidth","offset","concat","getPath","perimeter","_ref5","_ref5$borderRadius","straightWidth","straightHeight","Math","PI","getPerimeter","style","setProperty","String","useResizeObserver","ref","callback","debounceTime","ChildComponentWithRef","forwardRef","_props","cloneElement","React","createElement","className","styles","celebration","svg","cx","stroke","base","first","second","third"],"mappings":"sTAKA,IAAMA,EAAwB,EACxBC,EAAuB,EAO7B,SAASC,EAAyBC,GAA6D,IAA1DC,EAAQD,EAARC,SAAUC,EAAcF,EAAdE,eACvCC,EAAaC,IACbC,EAAWD,IAEjBE,EAAwBC,IAAkBC,EAAAC,EAAAH,EAAA,GAAnCI,EAAIF,EAAA,GAAEG,EAAOH,EAAA,GAEdI,EAAyBC,GAC7B,SAAAC,GAAoF,IAClFC,EADcD,EAAbE,eACiE,CAAE,EAAjDC,EAAMF,EAAjBG,UAA+BC,EAAKJ,EAAjBK,WAE3B,GAAIjB,EAAWkB,QAAS,CACtB,IAAMC,EAqCd,SAAgBC,GAUf,IATCJ,EAAKI,EAALJ,MACAF,EAAMM,EAANN,OAAMO,EAAAD,EACNE,aAAAA,OAAe5B,IAAH2B,EAAG3B,EAAqB2B,EAAAE,EAAAH,EACpCI,YAAAA,OAAc7B,IAAH4B,EAAG5B,EAAoB4B,EAO5BE,EAASD,EAAc,EAE7B,MAAAE,KAAAA,OAAYV,EAAQQ,EAAc,EAACE,MAAAA,OAAKJ,EAAYI,OAAAA,OAClDZ,EAASQ,EACXI,OAAAA,OAAMJ,EAAYI,KAAAA,OAAIJ,EAAYI,WAAAA,OAAUV,EAAQM,EAAY,KAAAI,OAAIZ,EAASU,EAAc,EAAC,OAAAE,OAC1FJ,EAAeG,EACjB,OAAAC,OAAMJ,EAAY,KAAAI,OAAIJ,EAAY,WAAAI,OAAUF,EAAc,EAAC,KAAAE,OAAIZ,EAASQ,EAAYI,OAAAA,OAClFJ,EAAeG,EACjBC,OAAAA,OAAMJ,EAAYI,KAAAA,OAAIJ,EAAYI,WAAAA,OAAUJ,EAAYI,KAAAA,OAAIF,EAAc,EAACE,OAAAA,OAAMV,EAAQM,EAAY,MAAAI,OACnGF,EAAc,EAChB,OAAAE,OAAMJ,EAAY,KAAAI,OAAIJ,EAAY,WAAAI,OAAUV,EAAQQ,EAAc,EAAC,KAAAE,OAAIJ,EAAY,KACrF,CA3DkBK,CAAQ,CAAEX,MAAAA,EAAOF,OAAAA,IAC3BN,EAAQW,GAER,IAAMS,EA0Dd,SAAqBC,GAQpB,IAPCb,EAAKa,EAALb,MACAF,EAAMe,EAANf,OAAMgB,EAAAD,EACNP,aAAAA,OAAe5B,IAAHoC,EAAGpC,EAAqBoC,EAM9BC,EAAgBf,EAAQ,EAAIM,EAC5BU,EAAiBlB,EAAS,EAAIQ,EAEpC,OAD4B,EAAIW,KAAKC,GAAKZ,EACb,EAAIS,EAAgB,EAAIC,CACvD,CAvE0BG,CAAa,CAAEnB,MAAAA,EAAOF,OAAAA,IACxCd,EAAWkB,QAAQkB,MAAMC,YAAY,wBAAgCT,EAAPU,GAC/D,CACF,GACD,IAGFC,EAAkB,CAChBC,IAAKxC,EACLyC,SAAUhC,EACViC,aAAc,IAGhB,IAAMC,EAAwBC,GAAW,SAACC,EAAQL,GAAG,OACnDM,EAAahD,EAAU,CACrB0C,IAAAA,OAIJ,OACEO,EAAKC,cAAA,MAAA,CAAAC,UAAWC,EAAOC,YAAaX,IAAKxC,GACvC+C,EAAAC,cAAA,MAAA,CAAKC,UAAWC,EAAOE,KACrBL,EAAAC,cAAA,OAAA,CAAMC,UAAWI,EAAGH,EAAOI,OAAQJ,EAAOK,MAAOpC,EAAGZ,IACpDwC,EAAAC,cAAA,OAAA,CAAMC,UAAWI,EAAGH,EAAOI,OAAQJ,EAAOM,OAAQrC,EAAGZ,IACrDwC,EAAAC,cAAA,OAAA,CAAMC,UAAWI,EAAGH,EAAOI,OAAQJ,EAAOO,QAAStC,EAAGZ,IACtDwC,EAAMC,cAAA,OAAA,CAAAC,UAAWI,EAAGH,EAAOI,OAAQJ,EAAOQ,OAAQvC,EAAGZ,EAAMR,eAAgBA,KAE7EgD,EAACC,cAAAL,GAAsBH,IAAKtC,IAGlC"}
+{"version":3,"file":"LabelCelebrationAnimation.js","sources":["../../../../../src/components/Label/LabelCelebrationAnimation.tsx"],"sourcesContent":["import React, { cloneElement, forwardRef, useCallback, useRef, useState } from \"react\";\nimport cx from \"classnames\";\nimport useResizeObserver from \"../../hooks/useResizeObserver\";\nimport styles from \"./LabelCelebrationAnimation.module.scss\";\n\nconst DEFAULT_BORDER_RADIUS = 4;\nconst DEFAULT_STROKE_WIDTH = 1;\n\nexport interface LabelCelebrationAnimationProps {\n  /**\n   * The child component that will be wrapped by the animation.\n   */\n  children: React.ReactElement;\n  /**\n   * Callback fired when the celebration animation ends.\n   */\n  onAnimationEnd: () => void;\n}\n\nfunction LabelCelebrationAnimation({ children, onAnimationEnd }: LabelCelebrationAnimationProps) {\n  const wrapperRef = useRef<HTMLDivElement>();\n  const childRef = useRef<HTMLDivElement>();\n\n  const [path, setPath] = useState<string>();\n\n  const resizeObserverCallback = useCallback(\n    ({ borderBoxSize }: { borderBoxSize: { blockSize: number; inlineSize: number } }) => {\n      const { blockSize: height, inlineSize: width } = borderBoxSize || {};\n\n      if (wrapperRef.current) {\n        const d = getPath({ width, height });\n        setPath(d);\n\n        const perimeter = getPerimeter({ width, height });\n        wrapperRef.current.style.setProperty(\"--container-perimeter\", String(perimeter));\n      }\n    },\n    []\n  );\n\n  useResizeObserver({\n    ref: wrapperRef,\n    callback: resizeObserverCallback,\n    debounceTime: 0\n  });\n\n  const ChildComponentWithRef = forwardRef((_props, ref) =>\n    cloneElement(children, {\n      ref\n    })\n  );\n\n  return (\n    <div className={styles.celebration} ref={wrapperRef}>\n      <svg className={styles.svg}>\n        <path className={cx(styles.stroke, styles.base)} d={path} />\n        <path className={cx(styles.stroke, styles.first)} d={path} />\n        <path className={cx(styles.stroke, styles.second)} d={path} />\n        <path className={cx(styles.stroke, styles.third)} d={path} onAnimationEnd={onAnimationEnd} />\n      </svg>\n      <ChildComponentWithRef ref={childRef} />\n    </div>\n  );\n}\n\nexport default LabelCelebrationAnimation;\n\nfunction getPath({\n  width,\n  height,\n  borderRadius = DEFAULT_BORDER_RADIUS,\n  strokeWidth = DEFAULT_STROKE_WIDTH\n}: {\n  width: number;\n  height: number;\n  borderRadius?: number;\n  strokeWidth?: number;\n}) {\n  const offset = strokeWidth / 2;\n\n  return `M ${width - strokeWidth / 2}, ${borderRadius} V ${\n    height - borderRadius\n  } A ${borderRadius} ${borderRadius} 0 0 1 ${width - borderRadius} ${height - strokeWidth / 2} H ${\n    borderRadius + offset\n  } A ${borderRadius} ${borderRadius} 0 0 1 ${strokeWidth / 2} ${height - borderRadius} V ${\n    borderRadius + offset\n  } A ${borderRadius} ${borderRadius} 0 0 1 ${borderRadius} ${strokeWidth / 2} L ${width - borderRadius}, ${\n    strokeWidth / 2\n  } A ${borderRadius} ${borderRadius} 0 0 1 ${width - strokeWidth / 2} ${borderRadius} Z`;\n}\n\nfunction getPerimeter({\n  width,\n  height,\n  borderRadius = DEFAULT_BORDER_RADIUS\n}: {\n  width: number;\n  height: number;\n  borderRadius?: number;\n}) {\n  const straightWidth = width - 2 * borderRadius;\n  const straightHeight = height - 2 * borderRadius;\n  const cornerCircumference = 2 * Math.PI * borderRadius;\n  return cornerCircumference + 2 * straightWidth + 2 * straightHeight;\n}\n"],"names":["DEFAULT_BORDER_RADIUS","DEFAULT_STROKE_WIDTH","LabelCelebrationAnimation","_ref","children","onAnimationEnd","wrapperRef","useRef","childRef","_useState","useState","_useState2","_slicedToArray","path","setPath","resizeObserverCallback","useCallback","_ref2","_ref3","borderBoxSize","height","blockSize","width","inlineSize","current","d","_ref4","_ref4$borderRadius","borderRadius","_ref4$strokeWidth","strokeWidth","offset","concat","getPath","perimeter","_ref5","_ref5$borderRadius","straightWidth","straightHeight","Math","PI","getPerimeter","style","setProperty","String","useResizeObserver","ref","callback","debounceTime","ChildComponentWithRef","forwardRef","_props","cloneElement","React","createElement","className","styles","celebration","svg","cx","stroke","base","first","second","third"],"mappings":"sTAKA,IAAMA,EAAwB,EACxBC,EAAuB,EAa7B,SAASC,EAAyBC,GAA6D,IAA1DC,EAAQD,EAARC,SAAUC,EAAcF,EAAdE,eACvCC,EAAaC,IACbC,EAAWD,IAEjBE,EAAwBC,IAAkBC,EAAAC,EAAAH,EAAA,GAAnCI,EAAIF,EAAA,GAAEG,EAAOH,EAAA,GAEdI,EAAyBC,GAC7B,SAAAC,GAAoF,IAClFC,EADcD,EAAbE,eACiE,CAAE,EAAjDC,EAAMF,EAAjBG,UAA+BC,EAAKJ,EAAjBK,WAE3B,GAAIjB,EAAWkB,QAAS,CACtB,IAAMC,EAqCd,SAAgBC,GAUf,IATCJ,EAAKI,EAALJ,MACAF,EAAMM,EAANN,OAAMO,EAAAD,EACNE,aAAAA,OAAe5B,IAAH2B,EAAG3B,EAAqB2B,EAAAE,EAAAH,EACpCI,YAAAA,OAAc7B,IAAH4B,EAAG5B,EAAoB4B,EAO5BE,EAASD,EAAc,EAE7B,MAAAE,KAAAA,OAAYV,EAAQQ,EAAc,EAACE,MAAAA,OAAKJ,EAAYI,OAAAA,OAClDZ,EAASQ,EACXI,OAAAA,OAAMJ,EAAYI,KAAAA,OAAIJ,EAAYI,WAAAA,OAAUV,EAAQM,EAAY,KAAAI,OAAIZ,EAASU,EAAc,EAAC,OAAAE,OAC1FJ,EAAeG,EACjB,OAAAC,OAAMJ,EAAY,KAAAI,OAAIJ,EAAY,WAAAI,OAAUF,EAAc,EAAC,KAAAE,OAAIZ,EAASQ,EAAYI,OAAAA,OAClFJ,EAAeG,EACjBC,OAAAA,OAAMJ,EAAYI,KAAAA,OAAIJ,EAAYI,WAAAA,OAAUJ,EAAYI,KAAAA,OAAIF,EAAc,EAACE,OAAAA,OAAMV,EAAQM,EAAY,MAAAI,OACnGF,EAAc,EAChB,OAAAE,OAAMJ,EAAY,KAAAI,OAAIJ,EAAY,WAAAI,OAAUV,EAAQQ,EAAc,EAAC,KAAAE,OAAIJ,EAAY,KACrF,CA3DkBK,CAAQ,CAAEX,MAAAA,EAAOF,OAAAA,IAC3BN,EAAQW,GAER,IAAMS,EA0Dd,SAAqBC,GAQpB,IAPCb,EAAKa,EAALb,MACAF,EAAMe,EAANf,OAAMgB,EAAAD,EACNP,aAAAA,OAAe5B,IAAHoC,EAAGpC,EAAqBoC,EAM9BC,EAAgBf,EAAQ,EAAIM,EAC5BU,EAAiBlB,EAAS,EAAIQ,EAEpC,OAD4B,EAAIW,KAAKC,GAAKZ,EACb,EAAIS,EAAgB,EAAIC,CACvD,CAvE0BG,CAAa,CAAEnB,MAAAA,EAAOF,OAAAA,IACxCd,EAAWkB,QAAQkB,MAAMC,YAAY,wBAAgCT,EAAPU,GAC/D,CACF,GACD,IAGFC,EAAkB,CAChBC,IAAKxC,EACLyC,SAAUhC,EACViC,aAAc,IAGhB,IAAMC,EAAwBC,GAAW,SAACC,EAAQL,GAAG,OACnDM,EAAahD,EAAU,CACrB0C,IAAAA,OAIJ,OACEO,EAAKC,cAAA,MAAA,CAAAC,UAAWC,EAAOC,YAAaX,IAAKxC,GACvC+C,EAAAC,cAAA,MAAA,CAAKC,UAAWC,EAAOE,KACrBL,EAAAC,cAAA,OAAA,CAAMC,UAAWI,EAAGH,EAAOI,OAAQJ,EAAOK,MAAOpC,EAAGZ,IACpDwC,EAAAC,cAAA,OAAA,CAAMC,UAAWI,EAAGH,EAAOI,OAAQJ,EAAOM,OAAQrC,EAAGZ,IACrDwC,EAAAC,cAAA,OAAA,CAAMC,UAAWI,EAAGH,EAAOI,OAAQJ,EAAOO,QAAStC,EAAGZ,IACtDwC,EAAMC,cAAA,OAAA,CAAAC,UAAWI,EAAGH,EAAOI,OAAQJ,EAAOQ,OAAQvC,EAAGZ,EAAMR,eAAgBA,KAE7EgD,EAACC,cAAAL,GAAsBH,IAAKtC,IAGlC"}

package/dist/mocked_classnames/src/components/LayerProvider/LayerContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"LayerContext.js","sources":["../../../../../src/components/LayerProvider/LayerContext.ts"],"sourcesContent":["import React from \"react\";\n\nexport interface LayersContextType {\n  layerRef: React.RefObject<HTMLElement>;\n}\n\nconst LayerContext = React.createContext<LayersContextType>({\n  layerRef: null\n});\n\nexport default LayerContext;\n"],"names":["LayerContext","React","createContext","layerRef"],"mappings":"qBAMA,IAAMA,EAAeC,EAAMC,cAAiC,CAC1DC,SAAU"}
+{"version":3,"file":"LayerContext.js","sources":["../../../../../src/components/LayerProvider/LayerContext.ts"],"sourcesContent":["import React from \"react\";\n\nexport interface LayersContextType {\n  /**\n   * A reference to the layer container element.\n   */\n  layerRef: React.RefObject<HTMLElement>;\n}\n\nconst LayerContext = React.createContext<LayersContextType>({\n  layerRef: null\n});\n\nexport default LayerContext;\n"],"names":["LayerContext","React","createContext","layerRef"],"mappings":"qBASA,IAAMA,EAAeC,EAAMC,cAAiC,CAC1DC,SAAU"}

package/dist/mocked_classnames/src/components/LayerProvider/LayerProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"LayerProvider.js","sources":["../../../../../src/components/LayerProvider/LayerProvider.tsx"],"sourcesContent":["import React, { FC, ReactNode, RefObject } from \"react\";\nimport LayerContext from \"./LayerContext\";\n\nexport interface LayerProviderType {\n  children: ReactNode | ReactNode;\n  layerRef: RefObject<HTMLElement> | null;\n}\n\nconst LayerProvider: FC<LayerProviderType> = ({ children, layerRef }) => {\n  return <LayerContext.Provider value={{ layerRef }}>{children}</LayerContext.Provider>;\n};\n\nexport default LayerProvider;\n"],"names":["LayerProvider","_ref","React","createElement","LayerContext","Provider","value","layerRef","children"],"mappings":"sDAQA,IAAMA,EAAuC,SAA1BC,GACjB,OAAOC,EAACC,cAAAC,EAAaC,SAAS,CAAAC,MAAO,CAAEC,SADyBN,EAARM,WAAFN,EAARO,SAEhD"}
+{"version":3,"file":"LayerProvider.js","sources":["../../../../../src/components/LayerProvider/LayerProvider.tsx"],"sourcesContent":["import React, { FC, ReactNode, RefObject } from \"react\";\nimport LayerContext from \"./LayerContext\";\n\nexport interface LayerProviderType {\n  /**\n   * The child elements.\n   */\n  children: ReactNode | ReactNode[];\n  /**\n   * A reference to the layer container element.\n   */\n  layerRef: RefObject<HTMLElement> | null;\n}\n\nconst LayerProvider: FC<LayerProviderType> = ({ children, layerRef }) => {\n  return <LayerContext.Provider value={{ layerRef }}>{children}</LayerContext.Provider>;\n};\n\nexport default LayerProvider;\n"],"names":["LayerProvider","_ref","React","createElement","LayerContext","Provider","value","layerRef","children"],"mappings":"sDAcA,IAAMA,EAAuC,SAA1BC,GACjB,OAAOC,EAACC,cAAAC,EAAaC,SAAS,CAAAC,MAAO,CAAEC,SADyBN,EAARM,WAAFN,EAARO,SAEhD"}

package/dist/mocked_classnames/src/components/LegacyModal/LegacyModalHeader/LegacyModalHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"LegacyModalHeader.js","sources":["../../../../../../src/components/LegacyModal/LegacyModalHeader/LegacyModalHeader.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport cx from \"classnames\";\nimport IconButton from \"../../IconButton/IconButton\";\nimport { CloseSmall } from \"@vibe/icons\";\nimport Icon from \"../../Icon/Icon\";\nimport VibeComponentProps from \"../../../types/VibeComponentProps\";\nimport { NOOP } from \"../../../utils/function-utils\";\nimport { ElementContent } from \"src/types/ElementContent\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\nimport Text from \"../../Text/Text\";\nimport Heading from \"../../Heading/Heading\";\nimport Flex from \"../../Flex/Flex\";\nimport styles from \"./LegacyModalHeader.module.scss\";\nimport { SubIcon } from \"../../../types/SubIcon\";\n\ninterface BaseLegacyModalHeaderProps extends VibeComponentProps {\n  /**\n   * Description of the modal - pure string description is a recommended standard, use JSX ability only if there is a need to add links\n   */\n  description?: ElementContent;\n  /**\n   * Icon to be rendered before the title\n   */\n  // icon?: string | React.FunctionComponent<IconSubComponentProps> | null;\n  icon?: SubIcon;\n  /**\n   * Class name for the wrapper\n   */\n  className?: string;\n  /**\n   * Class name for the title\n   */\n  titleClassName?: string;\n  /**\n   * closes the Modal. No need to provide it, it is being provided by the modal\n   */\n  closeModal?: () => void;\n  /**  /**\n   * ID for the title, needed for accessibility. No need to provide it, it is being provided by the modal\n   */\n  id?: string;\n  /**\n   * Class name for the description\n   */\n  descriptionClassName?: string;\n  /**\n   * Size of the icon\n   */\n  iconSize?: number;\n  /**\n   * class name for the icon\n   */\n  iconClassName?: string;\n  /**\n   * Aria label for the close button\n   */\n  closeButtonAriaLabel?: string;\n}\n\ninterface LegacyModalHeaderWithOnlyTitle extends BaseLegacyModalHeaderProps {\n  title: ElementContent;\n  children?: never;\n}\n\ninterface LegacyModalHeaderWithOnlyChildren extends BaseLegacyModalHeaderProps {\n  title?: never;\n  children: ElementContent;\n}\n\nexport type LegacyModalHeaderProps = LegacyModalHeaderWithOnlyTitle | LegacyModalHeaderWithOnlyChildren;\n\nconst LegacyModalHeader: FC<LegacyModalHeaderProps> = ({\n  className,\n  title,\n  children,\n  titleClassName,\n  description = \"\",\n  descriptionClassName,\n  icon,\n  closeModal = NOOP,\n  iconSize = 24,\n  iconClassName,\n  closeButtonAriaLabel = \"close\",\n  id,\n  \"data-testid\": dataTestId\n}) => {\n  return (\n    <div\n      className={cx(styles.container, className)}\n      data-testid={dataTestId || getTestId(ComponentDefaultTestId.MODAL_HEADER, id)}\n    >\n      {children ? (\n        children\n      ) : (\n        <Flex align=\"start\" gap=\"small\" className={titleClassName}>\n          {icon && (\n            <Icon\n              className={cx(styles.icon, iconClassName)}\n              icon={icon}\n              iconType=\"svg\"\n              iconSize={iconSize}\n              ignoreFocusStyle\n            />\n          )}\n          <Heading id={id} maxLines={2}>\n            {title}\n          </Heading>\n        </Flex>\n      )}\n      {description && (\n        <Text type=\"text2\" maxLines={2} className={cx(styles.description, descriptionClassName)}>\n          {description}\n        </Text>\n      )}\n\n      <div className={cx(styles.closeButton)}>\n        <IconButton\n          key=\"xxs\"\n          onClick={closeModal}\n          ariaLabel={closeButtonAriaLabel}\n          icon={CloseSmall}\n          kind=\"tertiary\"\n          size=\"small\"\n        />\n      </div>\n    </div>\n  );\n};\n\nObject.assign(LegacyModalHeader, {\n  displayName: \"ModalHeader\"\n});\n\nexport default LegacyModalHeader;\n"],"names":["LegacyModalHeader","_ref","title","children","titleClassName","_ref$description","description","descriptionClassName","icon","_ref$closeModal","closeModal","NOOP","_ref$iconSize","iconSize","iconClassName","_ref$closeButtonAriaL","closeButtonAriaLabel","id","dataTestId","React","className","cx","styles","container","getTestId","ComponentDefaultTestId","MODAL_HEADER","createElement","Flex","align","gap","Icon","iconType","ignoreFocusStyle","Heading","maxLines","Text","type","closeButton","IconButton","key","onClick","ariaLabel","CloseSmall","kind","size","Object","assign","displayName"],"mappings":"0gBAwEA,IAAMA,EAAgD,SAA/BC,GAclB,IAZHC,EAAKD,EAALC,MACAC,EAAQF,EAARE,SACAC,EAAcH,EAAdG,eAAcC,EAAAJ,EACdK,YAAAA,OAAc,IAAHD,EAAG,GAAEA,EAChBE,EAAoBN,EAApBM,qBACAC,EAAIP,EAAJO,KAAIC,EAAAR,EACJS,WAAAA,OAAaC,IAAHF,EAAGE,EAAIF,EAAAG,EAAAX,EACjBY,SAAAA,OAAW,IAAHD,EAAG,GAAEA,EACbE,EAAab,EAAba,cAAaC,EAAAd,EACbe,qBAAAA,OAAuB,IAAHD,EAAG,QAAOA,EAC9BE,EAAEhB,EAAFgB,GACeC,EAAUjB,EAAzB,eAEA,OACEkB,uBACEC,UAAWC,EAAGC,EAAOC,UAhBhBtB,EAATmB,WAiBiB,cAAAF,GAAcM,EAAUC,EAAuBC,aAAcT,IAEzEd,GAGCgB,EAAAQ,cAACC,EAAK,CAAAC,MAAM,QAAQC,IAAI,QAAQV,UAAWhB,GACxCI,GACCW,EAACQ,cAAAI,EACC,CAAAX,UAAWC,EAAGC,EAAOd,KAAMM,GAC3BN,KAAMA,EACNwB,SAAS,MACTnB,SAAUA,EACVoB,sBAGJd,EAAAQ,cAACO,EAAO,CAACjB,GAAIA,EAAIkB,SAAU,GACxBjC,IAINI,GACCa,EAAAQ,cAACS,EAAI,CAACC,KAAK,QAAQF,SAAU,EAAGf,UAAWC,EAAGC,EAAOhB,YAAaC,IAC/DD,GAILa,EAAAQ,cAAA,MAAA,CAAKP,UAAWC,EAAGC,EAAOgB,cACxBnB,EAAAQ,cAACY,EAAU,CACTC,IAAI,MACJC,QAAS/B,EACTgC,UAAW1B,EACXR,KAAMmC,EACNC,KAAK,WACLC,KAAK,WAKf,EAEAC,OAAOC,OAAO/C,EAAmB,CAC/BgD,YAAa"}
+{"version":3,"file":"LegacyModalHeader.js","sources":["../../../../../../src/components/LegacyModal/LegacyModalHeader/LegacyModalHeader.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport cx from \"classnames\";\nimport IconButton from \"../../IconButton/IconButton\";\nimport { CloseSmall } from \"@vibe/icons\";\nimport Icon from \"../../Icon/Icon\";\nimport VibeComponentProps from \"../../../types/VibeComponentProps\";\nimport { NOOP } from \"../../../utils/function-utils\";\nimport { ElementContent } from \"src/types/ElementContent\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\nimport Text from \"../../Text/Text\";\nimport Heading from \"../../Heading/Heading\";\nimport Flex from \"../../Flex/Flex\";\nimport styles from \"./LegacyModalHeader.module.scss\";\nimport { SubIcon } from \"../../../types/SubIcon\";\n\ninterface BaseLegacyModalHeaderProps extends VibeComponentProps {\n  /**\n   * Description of the modal - pure string description is a recommended standard, use JSX ability only if there is a need to add links\n   */\n  description?: ElementContent;\n  /**\n   * Icon to be rendered before the title\n   */\n  // icon?: string | React.FunctionComponent<IconSubComponentProps> | null;\n  icon?: SubIcon;\n  /**\n   * Class name for the title\n   */\n  titleClassName?: string;\n  /**\n   * closes the Modal. No need to provide it, it is being provided by the modal\n   */\n  closeModal?: () => void;\n  /**\n   * Class name for the description\n   */\n  descriptionClassName?: string;\n  /**\n   * Size of the icon\n   */\n  iconSize?: number;\n  /**\n   * class name for the icon\n   */\n  iconClassName?: string;\n  /**\n   * Aria label for the close button\n   */\n  closeButtonAriaLabel?: string;\n}\n\ninterface LegacyModalHeaderWithOnlyTitle extends BaseLegacyModalHeaderProps {\n  title: ElementContent;\n  children?: never;\n}\n\ninterface LegacyModalHeaderWithOnlyChildren extends BaseLegacyModalHeaderProps {\n  title?: never;\n  children: ElementContent;\n}\n\nexport type LegacyModalHeaderProps = LegacyModalHeaderWithOnlyTitle | LegacyModalHeaderWithOnlyChildren;\n\nconst LegacyModalHeader: FC<LegacyModalHeaderProps> = ({\n  className,\n  title,\n  children,\n  titleClassName,\n  description = \"\",\n  descriptionClassName,\n  icon,\n  closeModal = NOOP,\n  iconSize = 24,\n  iconClassName,\n  closeButtonAriaLabel = \"close\",\n  id,\n  \"data-testid\": dataTestId\n}) => {\n  return (\n    <div\n      className={cx(styles.container, className)}\n      data-testid={dataTestId || getTestId(ComponentDefaultTestId.MODAL_HEADER, id)}\n    >\n      {children ? (\n        children\n      ) : (\n        <Flex align=\"start\" gap=\"small\" className={titleClassName}>\n          {icon && (\n            <Icon\n              className={cx(styles.icon, iconClassName)}\n              icon={icon}\n              iconType=\"svg\"\n              iconSize={iconSize}\n              ignoreFocusStyle\n            />\n          )}\n          <Heading id={id} maxLines={2}>\n            {title}\n          </Heading>\n        </Flex>\n      )}\n      {description && (\n        <Text type=\"text2\" maxLines={2} className={cx(styles.description, descriptionClassName)}>\n          {description}\n        </Text>\n      )}\n\n      <div className={cx(styles.closeButton)}>\n        <IconButton\n          key=\"xxs\"\n          onClick={closeModal}\n          ariaLabel={closeButtonAriaLabel}\n          icon={CloseSmall}\n          kind=\"tertiary\"\n          size=\"small\"\n        />\n      </div>\n    </div>\n  );\n};\n\nObject.assign(LegacyModalHeader, {\n  displayName: \"ModalHeader\"\n});\n\nexport default LegacyModalHeader;\n"],"names":["LegacyModalHeader","_ref","title","children","titleClassName","_ref$description","description","descriptionClassName","icon","_ref$closeModal","closeModal","NOOP","_ref$iconSize","iconSize","iconClassName","_ref$closeButtonAriaL","closeButtonAriaLabel","id","dataTestId","React","className","cx","styles","container","getTestId","ComponentDefaultTestId","MODAL_HEADER","createElement","Flex","align","gap","Icon","iconType","ignoreFocusStyle","Heading","maxLines","Text","type","closeButton","IconButton","key","onClick","ariaLabel","CloseSmall","kind","size","Object","assign","displayName"],"mappings":"0gBAgEA,IAAMA,EAAgD,SAA/BC,GAclB,IAZHC,EAAKD,EAALC,MACAC,EAAQF,EAARE,SACAC,EAAcH,EAAdG,eAAcC,EAAAJ,EACdK,YAAAA,OAAc,IAAHD,EAAG,GAAEA,EAChBE,EAAoBN,EAApBM,qBACAC,EAAIP,EAAJO,KAAIC,EAAAR,EACJS,WAAAA,OAAaC,IAAHF,EAAGE,EAAIF,EAAAG,EAAAX,EACjBY,SAAAA,OAAW,IAAHD,EAAG,GAAEA,EACbE,EAAab,EAAba,cAAaC,EAAAd,EACbe,qBAAAA,OAAuB,IAAHD,EAAG,QAAOA,EAC9BE,EAAEhB,EAAFgB,GACeC,EAAUjB,EAAzB,eAEA,OACEkB,uBACEC,UAAWC,EAAGC,EAAOC,UAhBhBtB,EAATmB,WAiBiB,cAAAF,GAAcM,EAAUC,EAAuBC,aAAcT,IAEzEd,GAGCgB,EAAAQ,cAACC,EAAK,CAAAC,MAAM,QAAQC,IAAI,QAAQV,UAAWhB,GACxCI,GACCW,EAACQ,cAAAI,EACC,CAAAX,UAAWC,EAAGC,EAAOd,KAAMM,GAC3BN,KAAMA,EACNwB,SAAS,MACTnB,SAAUA,EACVoB,sBAGJd,EAAAQ,cAACO,EAAO,CAACjB,GAAIA,EAAIkB,SAAU,GACxBjC,IAINI,GACCa,EAAAQ,cAACS,EAAI,CAACC,KAAK,QAAQF,SAAU,EAAGf,UAAWC,EAAGC,EAAOhB,YAAaC,IAC/DD,GAILa,EAAAQ,cAAA,MAAA,CAAKP,UAAWC,EAAGC,EAAOgB,cACxBnB,EAAAQ,cAACY,EAAU,CACTC,IAAI,MACJC,QAAS/B,EACTgC,UAAW1B,EACXR,KAAMmC,EACNC,KAAK,WACLC,KAAK,WAKf,EAEAC,OAAOC,OAAO/C,EAAmB,CAC/BgD,YAAa"}

package/dist/mocked_classnames/src/components/Link/Link.js.map

@@ -1 +1 @@
-{"version":3,"file":"Link.js","sources":["../../../../../src/components/Link/Link.tsx"],"sourcesContent":["import { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport React, { forwardRef, useCallback } from \"react\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport Icon from \"../Icon/Icon\";\nimport { IconPosition as IconPositionEnum, LinkTarget as LinkTargetEnum } from \"./LinkConsts\";\nimport { LinkColor, LinkIconPosition, LinkTarget } from \"./Link.types\";\nimport { SubIcon, VibeComponent, VibeComponentProps, withStaticProps } from \"../../types\";\nimport styles from \"./Link.module.scss\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { camelCase } from \"lodash-es\";\n\nexport interface LinkProps extends VibeComponentProps {\n  /**\n   * Class name for overriding link text styles\n   */\n  textClassName?: string;\n  /** Specifies the location (URL) of the external resource */\n  href?: string;\n  /** The link text */\n  text?: string;\n  /** Defines the relationship between a linked resource and the current document */\n  rel?: string;\n  /** onClick function - MouseEvent */\n  onClick?: (event: React.MouseEvent) => void;\n  /** Specifies where to open the linked document */\n  target?: LinkTarget;\n  /** Aria label description */\n  ariaLabelDescription?: string;\n  /** Identifies the element (or elements) that describes the element on which the attribute is set. */\n  ariaDescribedby?: string;\n  /** element id to describe the counter accordingly */\n  ariaLabeledBy?: string;\n  /** Icon to add to the link element */\n  icon?: SubIcon;\n  /** the position of the icon in relation to the text */\n  iconPosition?: LinkIconPosition;\n  /** disable navigation */\n  disableNavigation?: boolean;\n  /** inherit text size */\n  inheritFontSize?: boolean;\n  /** if the link is in part of other text content */\n  inlineText?: boolean;\n  /** The link's color style */\n  color?: LinkColor;\n}\n\nconst Link: VibeComponent<LinkProps, HTMLAnchorElement> & {\n  targets?: typeof LinkTargetEnum;\n  iconPositions?: typeof IconPositionEnum;\n  position?: typeof IconPositionEnum;\n} = forwardRef(\n  (\n    {\n      className,\n      textClassName,\n      href = \"\",\n      text = \"\",\n      rel = \"noreferrer\",\n      onClick = NOOP,\n      target = \"_blank\",\n      ariaLabelDescription = \"\",\n      color = \"primary\",\n      ariaDescribedby = \"\",\n      icon = \"\",\n      iconPosition = \"start\",\n      id = \"\",\n      ariaLabeledBy = \"\",\n      disableNavigation = false,\n      inheritFontSize = false,\n      inlineText = false,\n      \"data-testid\": dataTestId\n    }: LinkProps,\n    ref: React.ForwardedRef<HTMLAnchorElement>\n  ) => {\n    const isStart = iconPosition === \"start\";\n\n    const onClickWrapper = useCallback(\n      (e: React.MouseEvent<HTMLElement>) => {\n        if (disableNavigation) {\n          e.preventDefault();\n        }\n        onClick && onClick(e);\n      },\n      [disableNavigation, onClick]\n    );\n\n    return (\n      <a\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.LINK, id)}\n        id={id}\n        href={href}\n        rel={rel}\n        ref={ref}\n        onClick={onClickWrapper}\n        target={target}\n        className={cx(styles.link, className, getStyle(styles, camelCase(\"color-\" + color)), {\n          [styles.inheritFontSize]: inheritFontSize,\n          [styles.inlineText]: inlineText\n        })}\n        aria-label={ariaLabelDescription}\n        aria-describedby={ariaDescribedby}\n        aria-labelledby={ariaLabeledBy}\n      >\n        {getIcon(isStart, icon, cx(styles.iconStart))}\n        <span className={cx(styles.text, textClassName)}>{text}</span>\n        {getIcon(!isStart, icon, cx(styles.iconEnd))}\n      </a>\n    );\n  }\n);\n\nfunction getIcon(shouldShow: boolean, icon: string | React.FunctionComponent | null, className: string) {\n  if (!shouldShow) return;\n  return <Icon className={className} icon={icon} iconType=\"font\" />;\n}\n\nexport default withStaticProps(Link, {\n  position: IconPositionEnum,\n  iconPositions: IconPositionEnum,\n  targets: LinkTargetEnum\n});\n"],"names":["getIcon","shouldShow","icon","className","React","createElement","Icon","iconType","withStaticProps","forwardRef","_ref","ref","textClassName","_ref$href","href","_ref$text","text","_ref$rel","rel","_ref$onClick","onClick","NOOP","_ref$target","target","_ref$ariaLabelDescrip","ariaLabelDescription","_ref$color","color","_ref$ariaDescribedby","ariaDescribedby","_ref$icon","_ref$iconPosition","iconPosition","_ref$id","id","_ref$ariaLabeledBy","ariaLabeledBy","_ref$disableNavigatio","disableNavigation","_ref$inheritFontSize","inheritFontSize","_ref$inlineText","inlineText","dataTestId","isStart","onClickWrapper","useCallback","e","preventDefault","getTestId","ComponentDefaultTestId","LINK","cx","styles","link","getStyle","camelCase","_defineProperty","iconStart","iconEnd","position","IconPositionEnum","iconPositions","targets","LinkTargetEnum"],"mappings":"4nBAgHA,SAASA,EAAQC,EAAqBC,EAA+CC,GACnF,GAAKF,EACL,OAAOG,EAACC,cAAAC,EAAK,CAAAH,UAAWA,EAAWD,KAAMA,EAAMK,SAAS,QAC1D,CAEA,IAAeC,EAAAA,EAlEXC,GACF,SAAAC,EAqBEC,GACE,IApBAR,EAASO,EAATP,UACAS,EAAaF,EAAbE,cAAaC,EAAAH,EACbI,KAAAA,OAAO,IAAHD,EAAG,GAAEA,EAAAE,EAAAL,EACTM,KAAAA,OAAO,IAAHD,EAAG,GAAEA,EAAAE,EAAAP,EACTQ,IAAAA,OAAM,IAAHD,EAAG,aAAYA,EAAAE,EAAAT,EAClBU,QAAAA,OAAUC,IAAHF,EAAGE,EAAIF,EAAAG,EAAAZ,EACda,OAAAA,OAAS,IAAHD,EAAG,SAAQA,EAAAE,EAAAd,EACjBe,qBAAAA,OAAuB,IAAHD,EAAG,GAAEA,EAAAE,EAAAhB,EACzBiB,MAAAA,OAAQ,IAAHD,EAAG,UAASA,EAAAE,EAAAlB,EACjBmB,gBAAAA,OAAkB,IAAHD,EAAG,GAAEA,EAAAE,EAAApB,EACpBR,KAAAA,OAAO,IAAH4B,EAAG,GAAEA,EAAAC,EAAArB,EACTsB,aAAsBC,EAAAvB,EACtBwB,GAAAA,OAAK,IAAHD,EAAG,GAAEA,EAAAE,EAAAzB,EACP0B,cAAAA,OAAgB,IAAHD,EAAG,GAAEA,EAAAE,EAAA3B,EAClB4B,kBAAAA,OAAoB,IAAHD,GAAQA,EAAAE,EAAA7B,EACzB8B,gBAAAA,OAAkB,IAAHD,GAAQA,EAAAE,EAAA/B,EACvBgC,WAAAA,OAAa,IAAHD,GAAQA,EACHE,EAAUjC,EAAzB,eAIIkC,EAA2B,gBAVhB,IAAHb,EAAG,QAAOA,GAYlBc,EAAiBC,GACrB,SAACC,GACKT,GACFS,EAAEC,iBAEJ5B,GAAWA,EAAQ2B,EACrB,GACA,CAACT,EAAmBlB,IAGtB,OACEhB,EACeC,cAAA,IAAA,CAAA,cAAAsC,GAAcM,EAAUC,EAAuBC,KAAMjB,GAClEA,GAAIA,EACJpB,KAAMA,EACNI,IAAKA,EACLP,IAAKA,EACLS,QAASyB,EACTtB,OAAQA,EACRpB,UAAWiD,EAAGC,EAAOC,KAAMnD,EAAWoD,EAASF,EAAQG,EAAU,SAAW7B,IAAO8B,EAAAA,EAAA,CAAA,EAChFJ,EAAOb,gBAAkBA,GACzBa,EAAOX,WAAaA,IAEX,aAAAjB,EACM,mBAAAI,oBACDO,GAEhBpC,EAAQ4C,EAAS1C,EAAMkD,EAAGC,EAAOK,YAClCtD,EAAAC,cAAA,OAAA,CAAMF,UAAWiD,EAAGC,EAAOrC,KAAMJ,IAAiBI,GACjDhB,GAAS4C,EAAS1C,EAAMkD,EAAGC,EAAOM,UAGzC,IAQmC,CACnCC,SAAUC,EACVC,cAAeD,EACfE,QAASC"}
+{"version":3,"file":"Link.js","sources":["../../../../../src/components/Link/Link.tsx"],"sourcesContent":["import { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport React, { forwardRef, useCallback } from \"react\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport Icon from \"../Icon/Icon\";\nimport { IconPosition as IconPositionEnum, LinkTarget as LinkTargetEnum } from \"./LinkConsts\";\nimport { LinkColor, LinkIconPosition, LinkTarget } from \"./Link.types\";\nimport { SubIcon, VibeComponent, VibeComponentProps, withStaticProps } from \"../../types\";\nimport styles from \"./Link.module.scss\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { camelCase } from \"lodash-es\";\n\nexport interface LinkProps extends VibeComponentProps {\n  /**\n   * Class name applied to the link text.\n   */\n  textClassName?: string;\n  /**\n   * The URL the link points to.\n   */\n  href?: string;\n  /**\n   * The text content of the link.\n   */\n  text?: string;\n  /**\n   * Specifies the relationship between the current document and the linked resource.\n   */\n  rel?: string;\n  /**\n   * Callback fired when the link is clicked.\n   */\n  onClick?: (event: React.MouseEvent) => void;\n  /**\n   * Specifies where to open the linked document.\n   */\n  target?: LinkTarget;\n  /**\n   * The ARIA label description for accessibility.\n   */\n  ariaLabelDescription?: string;\n  /**\n   * The ID of the element that describes this link.\n   */\n  ariaDescribedby?: string;\n  /**\n   * The ID of the element labeling this link.\n   */\n  ariaLabeledBy?: string;\n  /**\n   * Icon displayed next to the link text.\n   */\n  icon?: SubIcon;\n  /**\n   * The position of the icon relative to the text.\n   */\n  iconPosition?: LinkIconPosition;\n  /**\n   * If true, disables navigation when the link is clicked.\n   */\n  disableNavigation?: boolean;\n  /**\n   * If true, the link inherits the surrounding text's font size.\n   */\n  inheritFontSize?: boolean;\n  /**\n   * If true, the link is styled to fit within inline text content.\n   */\n  inlineText?: boolean;\n  /** The link's color style */\n  color?: LinkColor;\n}\n\nconst Link: VibeComponent<LinkProps, HTMLAnchorElement> & {\n  targets?: typeof LinkTargetEnum;\n  iconPositions?: typeof IconPositionEnum;\n  position?: typeof IconPositionEnum;\n} = forwardRef(\n  (\n    {\n      className,\n      textClassName,\n      href = \"\",\n      text = \"\",\n      rel = \"noreferrer\",\n      onClick = NOOP,\n      target = \"_blank\",\n      ariaLabelDescription = \"\",\n      color = \"primary\",\n      ariaDescribedby = \"\",\n      icon = \"\",\n      iconPosition = \"start\",\n      id = \"\",\n      ariaLabeledBy = \"\",\n      disableNavigation = false,\n      inheritFontSize = false,\n      inlineText = false,\n      \"data-testid\": dataTestId\n    }: LinkProps,\n    ref: React.ForwardedRef<HTMLAnchorElement>\n  ) => {\n    const isStart = iconPosition === \"start\";\n\n    const onClickWrapper = useCallback(\n      (e: React.MouseEvent<HTMLElement>) => {\n        if (disableNavigation) {\n          e.preventDefault();\n        }\n        onClick && onClick(e);\n      },\n      [disableNavigation, onClick]\n    );\n\n    return (\n      <a\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.LINK, id)}\n        id={id}\n        href={href}\n        rel={rel}\n        ref={ref}\n        onClick={onClickWrapper}\n        target={target}\n        className={cx(styles.link, className, getStyle(styles, camelCase(\"color-\" + color)), {\n          [styles.inheritFontSize]: inheritFontSize,\n          [styles.inlineText]: inlineText\n        })}\n        aria-label={ariaLabelDescription}\n        aria-describedby={ariaDescribedby}\n        aria-labelledby={ariaLabeledBy}\n      >\n        {getIcon(isStart, icon, cx(styles.iconStart))}\n        <span className={cx(styles.text, textClassName)}>{text}</span>\n        {getIcon(!isStart, icon, cx(styles.iconEnd))}\n      </a>\n    );\n  }\n);\n\nfunction getIcon(shouldShow: boolean, icon: string | React.FunctionComponent | null, className: string) {\n  if (!shouldShow) return;\n  return <Icon className={className} icon={icon} iconType=\"font\" />;\n}\n\nexport default withStaticProps(Link, {\n  position: IconPositionEnum,\n  iconPositions: IconPositionEnum,\n  targets: LinkTargetEnum\n});\n"],"names":["getIcon","shouldShow","icon","className","React","createElement","Icon","iconType","withStaticProps","forwardRef","_ref","ref","textClassName","_ref$href","href","_ref$text","text","_ref$rel","rel","_ref$onClick","onClick","NOOP","_ref$target","target","_ref$ariaLabelDescrip","ariaLabelDescription","_ref$color","color","_ref$ariaDescribedby","ariaDescribedby","_ref$icon","_ref$iconPosition","iconPosition","_ref$id","id","_ref$ariaLabeledBy","ariaLabeledBy","_ref$disableNavigatio","disableNavigation","_ref$inheritFontSize","inheritFontSize","_ref$inlineText","inlineText","dataTestId","isStart","onClickWrapper","useCallback","e","preventDefault","getTestId","ComponentDefaultTestId","LINK","cx","styles","link","getStyle","camelCase","_defineProperty","iconStart","iconEnd","position","IconPositionEnum","iconPositions","targets","LinkTargetEnum"],"mappings":"4nBA0IA,SAASA,EAAQC,EAAqBC,EAA+CC,GACnF,GAAKF,EACL,OAAOG,EAACC,cAAAC,EAAK,CAAAH,UAAWA,EAAWD,KAAMA,EAAMK,SAAS,QAC1D,CAEA,IAAeC,EAAAA,EAlEXC,GACF,SAAAC,EAqBEC,GACE,IApBAR,EAASO,EAATP,UACAS,EAAaF,EAAbE,cAAaC,EAAAH,EACbI,KAAAA,OAAO,IAAHD,EAAG,GAAEA,EAAAE,EAAAL,EACTM,KAAAA,OAAO,IAAHD,EAAG,GAAEA,EAAAE,EAAAP,EACTQ,IAAAA,OAAM,IAAHD,EAAG,aAAYA,EAAAE,EAAAT,EAClBU,QAAAA,OAAUC,IAAHF,EAAGE,EAAIF,EAAAG,EAAAZ,EACda,OAAAA,OAAS,IAAHD,EAAG,SAAQA,EAAAE,EAAAd,EACjBe,qBAAAA,OAAuB,IAAHD,EAAG,GAAEA,EAAAE,EAAAhB,EACzBiB,MAAAA,OAAQ,IAAHD,EAAG,UAASA,EAAAE,EAAAlB,EACjBmB,gBAAAA,OAAkB,IAAHD,EAAG,GAAEA,EAAAE,EAAApB,EACpBR,KAAAA,OAAO,IAAH4B,EAAG,GAAEA,EAAAC,EAAArB,EACTsB,aAAsBC,EAAAvB,EACtBwB,GAAAA,OAAK,IAAHD,EAAG,GAAEA,EAAAE,EAAAzB,EACP0B,cAAAA,OAAgB,IAAHD,EAAG,GAAEA,EAAAE,EAAA3B,EAClB4B,kBAAAA,OAAoB,IAAHD,GAAQA,EAAAE,EAAA7B,EACzB8B,gBAAAA,OAAkB,IAAHD,GAAQA,EAAAE,EAAA/B,EACvBgC,WAAAA,OAAa,IAAHD,GAAQA,EACHE,EAAUjC,EAAzB,eAIIkC,EAA2B,gBAVhB,IAAHb,EAAG,QAAOA,GAYlBc,EAAiBC,GACrB,SAACC,GACKT,GACFS,EAAEC,iBAEJ5B,GAAWA,EAAQ2B,EACrB,GACA,CAACT,EAAmBlB,IAGtB,OACEhB,EACeC,cAAA,IAAA,CAAA,cAAAsC,GAAcM,EAAUC,EAAuBC,KAAMjB,GAClEA,GAAIA,EACJpB,KAAMA,EACNI,IAAKA,EACLP,IAAKA,EACLS,QAASyB,EACTtB,OAAQA,EACRpB,UAAWiD,EAAGC,EAAOC,KAAMnD,EAAWoD,EAASF,EAAQG,EAAU,SAAW7B,IAAO8B,EAAAA,EAAA,CAAA,EAChFJ,EAAOb,gBAAkBA,GACzBa,EAAOX,WAAaA,IAEX,aAAAjB,EACM,mBAAAI,oBACDO,GAEhBpC,EAAQ4C,EAAS1C,EAAMkD,EAAGC,EAAOK,YAClCtD,EAAAC,cAAA,OAAA,CAAMF,UAAWiD,EAAGC,EAAOrC,KAAMJ,IAAiBI,GACjDhB,GAAS4C,EAAS1C,EAAMkD,EAAGC,EAAOM,UAGzC,IAQmC,CACnCC,SAAUC,EACVC,cAAeD,EACfE,QAASC"}

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

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