@vibe/core 3.70.2-alpha-96f20.0 → 3.70.2

package/dist/mocked_classnames/src/components/Dropdown/components/ChildrenContent/ChildrenContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChildrenContent.js","sources":["../../../../../../../src/components/Dropdown/components/ChildrenContent/ChildrenContent.jsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport Avatar from \"../../../Avatar/Avatar\";\nimport Icon from \"../../../Icon/Icon\";\nimport Text from \"../../../Text/Text\";\nimport styles from \"./ChildrenContent.module.scss\";\nimport { getTestId } from \"../../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../../tests/constants\";\n\nexport const ChildrenContent = ({ data, children, readOnly }) => {\n  const onMouseDown = useCallback(\n    event => {\n      if (readOnly) {\n        event.stopPropagation();\n      }\n    },\n    [readOnly]\n  );\n\n  return (\n    <div\n      className={styles.valueContainer}\n      onMouseDown={onMouseDown}\n      data-testid={getTestId(ComponentDefaultTestId.DROPDOWN_OPTION_CONTENT)}\n    >\n      {data?.leftRenderer || (\n        <>\n          {data?.leftAvatar && (\n            <Avatar\n              className={styles.avatar}\n              withoutBorder\n              square={data.square}\n              src={data.leftAvatar}\n              type=\"img\"\n              customSize={20}\n            />\n          )}\n          {data?.leftIcon && <Icon className={styles.icon} iconSize={18} icon={data.leftIcon} />}\n        </>\n      )}\n      <Text type={Text.types.TEXT2} color={Text.colors.INHERIT}>\n        {children}\n      </Text>\n      {data?.rightIcon && <Icon iconSize={18} icon={data.rightIcon} />}\n      {data?.rightAvatar && (\n        <Avatar withoutBorder square={data.square} src={data.rightAvatar} type=\"img\" customSize={20} />\n      )}\n    </div>\n  );\n};\n"],"names":["ChildrenContent","_ref","data","children","readOnly","onMouseDown","useCallback","event","stopPropagation","React","createElement","className","styles","valueContainer","getTestId","ComponentDefaultTestId","DROPDOWN_OPTION_CONTENT","leftRenderer","Fragment","leftAvatar","Avatar","avatar","withoutBorder","square","src","type","customSize","leftIcon","Icon","icon","iconSize","Text","types","TEXT2","color","colors","INHERIT","rightIcon","rightAvatar"],"mappings":"+UAQaA,EAAkB,SAAHC,GAAqC,IAA/BC,EAAID,EAAJC,KAAMC,EAAQF,EAARE,SAAUC,EAAQH,EAARG,SAC1CC,EAAcC,GAClB,SAAAC,GACMH,GACFG,EAAMC,iBAEV,GACA,CAACJ,IAGH,OACEK,EAAAC,cAAA,MAAA,CACEC,UAAWC,EAAOC,eAClBR,YAAaA,EACb,cAAaS,EAAUC,EAAuBC,2BAE7Cd,aAAAA,EAAAA,EAAMe,eACLR,EAAAC,cAAAD,EAAAS,SAAA,MACGhB,aAAAA,EAAAA,EAAMiB,aACLV,EAAAC,cAACU,EAAM,CACLT,UAAWC,EAAOS,OAClBC,eAAa,EACbC,OAAQrB,EAAKqB,OACbC,IAAKtB,EAAKiB,WACVM,KAAK,MACLC,WAAY,MAGfxB,aAAI,EAAJA,EAAMyB,WAAYlB,EAAAC,cAACkB,EAAI,CAACjB,UAAWC,EAAOiB,KAAMC,SAAU,GAAID,KAAM3B,EAAKyB,YAG9ElB,EAAAC,cAACqB,EAAI,CAACN,KAAMM,EAAKC,MAAMC,MAAOC,MAAOH,EAAKI,OAAOC,SAC9CjC,IAEFD,aAAI,EAAJA,EAAMmC,YAAa5B,EAAAC,cAACkB,EAAI,CAACE,SAAU,GAAID,KAAM3B,EAAKmC,aAClDnC,aAAI,EAAJA,EAAMoC,cACL7B,EAAAC,cAACU,EAAM,CAACE,eAAa,EAACC,OAAQrB,EAAKqB,OAAQC,IAAKtB,EAAKoC,YAAab,KAAK,MAAMC,WAAY,KAIjG"}
+{"version":3,"file":"ChildrenContent.js","sources":["../../../../../../../src/components/Dropdown/components/ChildrenContent/ChildrenContent.jsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport Avatar from \"../../../Avatar/Avatar\";\nimport { Icon } from \"@vibe/icon\";\nimport Text from \"../../../Text/Text\";\nimport styles from \"./ChildrenContent.module.scss\";\nimport { getTestId } from \"../../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../../tests/constants\";\n\nexport const ChildrenContent = ({ data, children, readOnly }) => {\n  const onMouseDown = useCallback(\n    event => {\n      if (readOnly) {\n        event.stopPropagation();\n      }\n    },\n    [readOnly]\n  );\n\n  return (\n    <div\n      className={styles.valueContainer}\n      onMouseDown={onMouseDown}\n      data-testid={getTestId(ComponentDefaultTestId.DROPDOWN_OPTION_CONTENT)}\n    >\n      {data?.leftRenderer || (\n        <>\n          {data?.leftAvatar && (\n            <Avatar\n              className={styles.avatar}\n              withoutBorder\n              square={data.square}\n              src={data.leftAvatar}\n              type=\"img\"\n              customSize={20}\n            />\n          )}\n          {data?.leftIcon && <Icon className={styles.icon} iconSize={18} icon={data.leftIcon} />}\n        </>\n      )}\n      <Text type={Text.types.TEXT2} color={Text.colors.INHERIT}>\n        {children}\n      </Text>\n      {data?.rightIcon && <Icon iconSize={18} icon={data.rightIcon} />}\n      {data?.rightAvatar && (\n        <Avatar withoutBorder square={data.square} src={data.rightAvatar} type=\"img\" customSize={20} />\n      )}\n    </div>\n  );\n};\n"],"names":["ChildrenContent","_ref","data","children","readOnly","onMouseDown","useCallback","event","stopPropagation","React","createElement","className","styles","valueContainer","getTestId","ComponentDefaultTestId","DROPDOWN_OPTION_CONTENT","leftRenderer","Fragment","leftAvatar","Avatar","avatar","withoutBorder","square","src","type","customSize","leftIcon","Icon","icon","iconSize","Text","types","TEXT2","color","colors","INHERIT","rightIcon","rightAvatar"],"mappings":"0WAQaA,EAAkB,SAAHC,GAAqC,IAA/BC,EAAID,EAAJC,KAAMC,EAAQF,EAARE,SAAUC,EAAQH,EAARG,SAC1CC,EAAcC,GAClB,SAAAC,GACMH,GACFG,EAAMC,iBAEV,GACA,CAACJ,IAGH,OACEK,EAAAC,cAAA,MAAA,CACEC,UAAWC,EAAOC,eAClBR,YAAaA,EACb,cAAaS,EAAUC,EAAuBC,2BAE7Cd,aAAAA,EAAAA,EAAMe,eACLR,EAAAC,cAAAD,EAAAS,SAAA,MACGhB,aAAAA,EAAAA,EAAMiB,aACLV,EAAAC,cAACU,EAAM,CACLT,UAAWC,EAAOS,OAClBC,eAAa,EACbC,OAAQrB,EAAKqB,OACbC,IAAKtB,EAAKiB,WACVM,KAAK,MACLC,WAAY,MAGfxB,aAAI,EAAJA,EAAMyB,WAAYlB,EAAAC,cAACkB,EAAI,CAACjB,UAAWC,EAAOiB,KAAMC,SAAU,GAAID,KAAM3B,EAAKyB,YAG9ElB,EAAAC,cAACqB,EAAI,CAACN,KAAMM,EAAKC,MAAMC,MAAOC,MAAOH,EAAKI,OAAOC,SAC9CjC,IAEFD,aAAI,EAAJA,EAAMmC,YAAa5B,EAAAC,cAACkB,EAAI,CAACE,SAAU,GAAID,KAAM3B,EAAKmC,aAClDnC,aAAI,EAAJA,EAAMoC,cACL7B,EAAAC,cAACU,EAAM,CAACE,eAAa,EAACC,OAAQrB,EAAKqB,OAAQC,IAAKtB,EAAKoC,YAAab,KAAK,MAAMC,WAAY,KAIjG"}

package/dist/mocked_classnames/src/components/Dropdown/components/ClearIndicator/ClearIndicator.js

@@ -1,2 +1,2 @@
-import{extends as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import r from"react";import{components as o}from"react-select";import t from"../../../Icon/Icon.js";import{getIndicatorSize as a}from"../../Dropdown.styles.js";import i from"../../../../../icons/dist/react/CloseSmall.js";var s=function(s){var c=s.size;return r.createElement(o.ClearIndicator,e({},s,{className:"clear-indicator"}),r.createElement(t,{iconType:"svg",icon:i,iconSize:a(c),tabindex:"-1"}))};export{s as default};
+import{extends as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import r from"react";import{components as o}from"react-select";import{getIndicatorSize as t}from"../../Dropdown.styles.js";import a from"../../../../../components/icon/dist/Icon/Icon.js";import i from"../../../../../packages/icons/dist/react/CloseSmall.js";var s=function(s){var c=s.size;return r.createElement(o.ClearIndicator,e({},s,{className:"clear-indicator"}),r.createElement(a,{iconType:"svg",icon:i,iconSize:t(c),tabindex:"-1"}))};export{s as default};
 //# sourceMappingURL=ClearIndicator.js.map

package/dist/mocked_classnames/src/components/Dropdown/components/ClearIndicator/ClearIndicator.js.map

@@ -1 +1 @@
-{"version":3,"file":"ClearIndicator.js","sources":["../../../../../../../src/components/Dropdown/components/ClearIndicator/ClearIndicator.jsx"],"sourcesContent":["import React from \"react\";\nimport { components } from \"react-select\";\nimport Icon from \"../../../Icon/Icon\";\nimport { CloseSmall } from \"@vibe/icons\";\nimport { getIndicatorSize } from \"../../Dropdown.styles\";\n\nconst ClearIndicator = props => {\n  const { size } = props;\n  return (\n    <components.ClearIndicator {...props} className=\"clear-indicator\">\n      <Icon iconType=\"svg\" icon={CloseSmall} iconSize={getIndicatorSize(size)} tabindex=\"-1\" />\n    </components.ClearIndicator>\n  );\n};\n\nexport default ClearIndicator;\n"],"names":["ClearIndicator","props","size","React","createElement","components","_extends","className","Icon","iconType","icon","CloseSmall","iconSize","getIndicatorSize","tabindex"],"mappings":"4SAMA,IAAMA,EAAiB,SAAAC,GACrB,IAAQC,EAASD,EAATC,KACR,OACEC,EAAAC,cAACC,EAAWL,eAAcM,EAAA,CAAA,EAAKL,EAAK,CAAEM,UAAU,oBAC9CJ,EAAAC,cAACI,EAAI,CAACC,SAAS,MAAMC,KAAMC,EAAYC,SAAUC,EAAiBX,GAAOY,SAAS,OAGxF"}
+{"version":3,"file":"ClearIndicator.js","sources":["../../../../../../../src/components/Dropdown/components/ClearIndicator/ClearIndicator.jsx"],"sourcesContent":["import React from \"react\";\nimport { components } from \"react-select\";\nimport { Icon } from \"@vibe/icon\";\nimport { CloseSmall } from \"@vibe/icons\";\nimport { getIndicatorSize } from \"../../Dropdown.styles\";\n\nconst ClearIndicator = props => {\n  const { size } = props;\n  return (\n    <components.ClearIndicator {...props} className=\"clear-indicator\">\n      <Icon iconType=\"svg\" icon={CloseSmall} iconSize={getIndicatorSize(size)} tabindex=\"-1\" />\n    </components.ClearIndicator>\n  );\n};\n\nexport default ClearIndicator;\n"],"names":["ClearIndicator","props","size","React","createElement","components","_extends","className","Icon","iconType","icon","CloseSmall","iconSize","getIndicatorSize","tabindex"],"mappings":"gVAMA,IAAMA,EAAiB,SAAAC,GACrB,IAAQC,EAASD,EAATC,KACR,OACEC,EAAAC,cAACC,EAAWL,eAAcM,EAAA,CAAA,EAAKL,EAAK,CAAEM,UAAU,oBAC9CJ,EAAAC,cAACI,EAAI,CAACC,SAAS,MAAMC,KAAMC,EAAYC,SAAUC,EAAiBX,GAAOY,SAAS,OAGxF"}

package/dist/mocked_classnames/src/components/Dropdown/components/DropdownIndicator/DropdownIndicator.js

@@ -1,2 +1,2 @@
-import{extends as o}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import r from"react";import{components as e}from"react-select";import t from"../../../Icon/Icon.js";import{getIndicatorSize as i}from"../../Dropdown.styles.js";import n from"../../../../../icons/dist/react/DropdownChevronDown.js";var a=function(a){var s=a.isDisabled,c=a.size;return r.createElement(e.DropdownIndicator,o({},a,{className:"dropdown-indicator"}),r.createElement(t,{iconType:"svg",icon:n,iconSize:i(c),tabindex:"-1",clickable:!s}))};export{a as default};
+import{extends as o}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import e from"react";import{components as r}from"react-select";import{getIndicatorSize as t}from"../../Dropdown.styles.js";import i from"../../../../../components/icon/dist/Icon/Icon.js";import n from"../../../../../packages/icons/dist/react/DropdownChevronDown.js";var s=function(s){var a=s.isDisabled,c=s.size;return e.createElement(r.DropdownIndicator,o({},s,{className:"dropdown-indicator"}),e.createElement(i,{iconType:"svg",icon:n,iconSize:t(c),tabindex:"-1",clickable:!a}))};export{s as default};
 //# sourceMappingURL=DropdownIndicator.js.map

package/dist/mocked_classnames/src/components/Dropdown/components/DropdownIndicator/DropdownIndicator.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownIndicator.js","sources":["../../../../../../../src/components/Dropdown/components/DropdownIndicator/DropdownIndicator.jsx"],"sourcesContent":["import React from \"react\";\nimport { components } from \"react-select\";\nimport Icon from \"../../../Icon/Icon\";\nimport { DropdownChevronDown } from \"@vibe/icons\";\nimport { getIndicatorSize } from \"../../Dropdown.styles\";\n\nconst DropdownIndicator = props => {\n  const { isDisabled, size } = props;\n  return (\n    <components.DropdownIndicator {...props} className=\"dropdown-indicator\">\n      <Icon\n        iconType=\"svg\"\n        icon={DropdownChevronDown}\n        iconSize={getIndicatorSize(size)}\n        tabindex=\"-1\"\n        clickable={!isDisabled}\n      />\n    </components.DropdownIndicator>\n  );\n};\nexport default DropdownIndicator;\n"],"names":["DropdownIndicator","props","isDisabled","size","React","createElement","components","_extends","className","Icon","iconType","icon","DropdownChevronDown","iconSize","getIndicatorSize","tabindex","clickable"],"mappings":"qTAMA,IAAMA,EAAoB,SAAAC,GACxB,IAAQC,EAAqBD,EAArBC,WAAYC,EAASF,EAATE,KACpB,OACEC,EAAAC,cAACC,EAAWN,kBAAiBO,EAAA,CAAA,EAAKN,EAAK,CAAEO,UAAU,uBACjDJ,EAAAC,cAACI,EAAI,CACHC,SAAS,MACTC,KAAMC,EACNC,SAAUC,EAAiBX,GAC3BY,SAAS,KACTC,WAAYd,IAIpB"}
+{"version":3,"file":"DropdownIndicator.js","sources":["../../../../../../../src/components/Dropdown/components/DropdownIndicator/DropdownIndicator.jsx"],"sourcesContent":["import React from \"react\";\nimport { components } from \"react-select\";\nimport { Icon } from \"@vibe/icon\";\nimport { DropdownChevronDown } from \"@vibe/icons\";\nimport { getIndicatorSize } from \"../../Dropdown.styles\";\n\nconst DropdownIndicator = props => {\n  const { isDisabled, size } = props;\n  return (\n    <components.DropdownIndicator {...props} className=\"dropdown-indicator\">\n      <Icon\n        iconType=\"svg\"\n        icon={DropdownChevronDown}\n        iconSize={getIndicatorSize(size)}\n        tabindex=\"-1\"\n        clickable={!isDisabled}\n      />\n    </components.DropdownIndicator>\n  );\n};\nexport default DropdownIndicator;\n"],"names":["DropdownIndicator","props","isDisabled","size","React","createElement","components","_extends","className","Icon","iconType","icon","DropdownChevronDown","iconSize","getIndicatorSize","tabindex","clickable"],"mappings":"yVAMA,IAAMA,EAAoB,SAAAC,GACxB,IAAQC,EAAqBD,EAArBC,WAAYC,EAASF,EAATE,KACpB,OACEC,EAAAC,cAACC,EAAWN,kBAAiBO,EAAA,CAAA,EAAKN,EAAK,CAAEO,UAAU,uBACjDJ,EAAAC,cAACI,EAAI,CACHC,SAAS,MACTC,KAAMC,EACNC,SAAUC,EAAiBX,GAC3BY,SAAS,KACTC,WAAYd,IAIpB"}

package/dist/mocked_classnames/src/components/EmptyState/EmptyState.js

@@ -1,2 +1,2 @@
-import{typeof as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as e}from"../../../_virtual/_tslib.js";import i,{forwardRef as r}from"react";import n from"classnames";import s from"../Flex/Flex.js";import a from"../Heading/Heading.js";import m from"../Text/Text.js";import o from"./EmptyState.module.scss.js";import{getStyle as l}from"../../helpers/typesciptCssModulesHelper.js";import{getTestId as c,ComponentDefaultTestId as p}from"../../tests/testIds.js";import u from"../Button/Button.js";import d from"../Link/Link.js";import{ComponentVibeId as f}from"../../tests/constants.js";var g=r((function(r,g){var j=r.className,x=r.title,E=r.description,y=r.visual,v=r.mainAction,b=r.supportingAction,T=r.layout,N=void 0===T?"default":T,_=r.id,h=r["data-testid"],k="compact"===N;return i.createElement(s,{direction:"column",align:"center",justify:"center",gap:k?"small":"medium",className:n(o.emptyState,l(o,N),j),id:_,"data-testid":h||c(p.EMPTY_STATE,_),"data-vibe":f.EMPTY_STATE,ref:g},!!y&&y,i.createElement(s,{direction:"column",align:"center",gap:k?12:"medium",className:o.content},i.createElement(s,{direction:"column",align:"center",gap:"xs"},x&&i.createElement(a,{type:"h3",weight:"normal",className:o.title,align:"center",ellipsis:!1},x),"string"==typeof E?i.createElement(m,{className:o.description,align:"center",ellipsis:!1},E):E),(v||b)&&i.createElement(s,{direction:"column",align:"center",gap:"small",className:o.actions},function(e,r){if("object"===t(e)&&"text"in e)return i.createElement(u,Object.assign({kind:"secondary",size:r?"small":"medium"},e),e.text);return e}(v,k),function(r,n){if("object"===t(r)){if("text"in r&&"href"in r){var s=r.text,a=e(r,["text"]);return i.createElement(d,Object.assign({text:s},a))}if("text"in r){var m=r.text,o=e(r,["text"]);return i.createElement(u,Object.assign({kind:"tertiary",size:n?"small":"medium"},o),m)}}return r}(b,k))))}));export{g as default};
+import{typeof as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as e}from"../../../_virtual/_tslib.js";import i,{forwardRef as r}from"react";import n from"classnames";import s from"../Flex/Flex.js";import a from"../Heading/Heading.js";import m from"../Text/Text.js";import o from"./EmptyState.module.scss.js";import{getStyle as l}from"../../helpers/typesciptCssModulesHelper.js";import{getTestId as c,ComponentDefaultTestId as p}from"../../tests/testIds.js";import u from"../Link/Link.js";import{ComponentVibeId as d}from"../../tests/constants.js";import f from"../../../components/button/dist/Button/Button.js";var g=r((function(r,g){var j=r.className,x=r.title,E=r.description,y=r.visual,b=r.mainAction,v=r.supportingAction,T=r.layout,N=void 0===T?"default":T,_=r.id,h=r["data-testid"],k="compact"===N;return i.createElement(s,{direction:"column",align:"center",justify:"center",gap:k?"small":"medium",className:n(o.emptyState,l(o,N),j),id:_,"data-testid":h||c(p.EMPTY_STATE,_),"data-vibe":d.EMPTY_STATE,ref:g},!!y&&y,i.createElement(s,{direction:"column",align:"center",gap:k?12:"medium",className:o.content},i.createElement(s,{direction:"column",align:"center",gap:"xs"},x&&i.createElement(a,{type:"h3",weight:"normal",className:o.title,align:"center",ellipsis:!1},x),"string"==typeof E?i.createElement(m,{className:o.description,align:"center",ellipsis:!1},E):E),(b||v)&&i.createElement(s,{direction:"column",align:"center",gap:"small",className:o.actions},function(e,r){if("object"===t(e)&&"text"in e)return i.createElement(f,Object.assign({kind:"secondary",size:r?"small":"medium"},e),e.text);return e}(b,k),function(r,n){if("object"===t(r)){if("text"in r&&"href"in r){var s=r.text,a=e(r,["text"]);return i.createElement(u,Object.assign({text:s},a))}if("text"in r){var m=r.text,o=e(r,["text"]);return i.createElement(f,Object.assign({kind:"tertiary",size:n?"small":"medium"},o),m)}}return r}(v,k))))}));export{g as default};
 //# sourceMappingURL=EmptyState.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"EmptyState.js","sources":["../../../../../src/components/EmptyState/EmptyState.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport Flex from \"../../components/Flex/Flex\";\nimport Heading from \"../../components/Heading/Heading\";\nimport Text from \"../../components/Text/Text\";\nimport { type EmptyStateProps } from \"./EmptyState.types\";\nimport styles from \"./EmptyState.module.scss\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { Button, type ButtonProps } from \"../Button\";\nimport { Link, type LinkProps } from \"../Link\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nconst EmptyState = forwardRef<HTMLDivElement, EmptyStateProps>(\n  (\n    {\n      className,\n      title,\n      description,\n      visual,\n      mainAction,\n      supportingAction,\n      layout = \"default\",\n      id,\n      \"data-testid\": dataTestId\n    },\n    ref\n  ) => {\n    const isCompact = layout === \"compact\";\n\n    return (\n      <Flex\n        direction=\"column\"\n        align=\"center\"\n        justify=\"center\"\n        gap={isCompact ? \"small\" : \"medium\"}\n        className={cx(styles.emptyState, getStyle(styles, layout), className)}\n        id={id}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.EMPTY_STATE, id)}\n        data-vibe={ComponentVibeId.EMPTY_STATE}\n        ref={ref}\n      >\n        {!!visual && visual}\n\n        <Flex direction=\"column\" align=\"center\" gap={isCompact ? 12 : \"medium\"} className={styles.content}>\n          <Flex direction=\"column\" align=\"center\" gap=\"xs\">\n            {title && (\n              <Heading type=\"h3\" weight=\"normal\" className={styles.title} align=\"center\" ellipsis={false}>\n                {title}\n              </Heading>\n            )}\n\n            {typeof description === \"string\" ? (\n              <Text className={styles.description} align=\"center\" ellipsis={false}>\n                {description}\n              </Text>\n            ) : (\n              description\n            )}\n          </Flex>\n\n          {(mainAction || supportingAction) && (\n            <Flex direction=\"column\" align=\"center\" gap=\"small\" className={styles.actions}>\n              {renderMainAction(mainAction, isCompact)}\n              {renderSupportingAction(supportingAction, isCompact)}\n            </Flex>\n          )}\n        </Flex>\n      </Flex>\n    );\n  }\n);\n\nfunction renderMainAction(mainAction: EmptyStateProps[\"mainAction\"], isCompact: boolean) {\n  if (typeof mainAction === \"object\" && \"text\" in mainAction) {\n    return (\n      <Button kind=\"secondary\" size={isCompact ? \"small\" : \"medium\"} {...mainAction}>\n        {mainAction.text}\n      </Button>\n    );\n  }\n\n  return mainAction;\n}\n\nfunction renderSupportingAction(supportingAction: EmptyStateProps[\"supportingAction\"], isCompact: boolean) {\n  if (typeof supportingAction === \"object\") {\n    if (\"text\" in supportingAction && \"href\" in supportingAction) {\n      const { text, ...linkProps } = supportingAction as LinkProps & { text: string };\n      return <Link text={text} {...linkProps} />;\n    }\n    if (\"text\" in supportingAction) {\n      const { text, ...buttonProps } = supportingAction as ButtonProps & { text: string };\n      return (\n        <Button kind=\"tertiary\" size={isCompact ? \"small\" : \"medium\"} {...buttonProps}>\n          {text}\n        </Button>\n      );\n    }\n  }\n\n  return supportingAction;\n}\n\nexport default EmptyState;\n"],"names":["EmptyState","forwardRef","_ref","ref","className","title","description","visual","mainAction","supportingAction","_ref$layout","layout","id","dataTestId","isCompact","React","createElement","Flex","direction","align","justify","gap","cx","styles","emptyState","getStyle","getTestId","ComponentDefaultTestId","EMPTY_STATE","ComponentVibeId","content","Heading","type","weight","ellipsis","Text","actions","_typeof","Button","Object","assign","kind","size","text","renderMainAction","linkProps","__rest","Link","buttonProps","renderSupportingAction"],"mappings":"6lBAaMA,IAAAA,EAAaC,GACjB,SAAAC,EAYEC,GACE,IAXAC,EAASF,EAATE,UACAC,EAAKH,EAALG,MACAC,EAAWJ,EAAXI,YACAC,EAAML,EAANK,OACAC,EAAUN,EAAVM,WACAC,EAAgBP,EAAhBO,iBAAgBC,EAAAR,EAChBS,OAAAA,OAAS,IAAHD,EAAG,UAASA,EAClBE,EAAEV,EAAFU,GACeC,EAAUX,EAAzB,eAIIY,EAAuB,YAAXH,EAElB,OACEI,EAAAC,cAACC,EAAI,CACHC,UAAU,SACVC,MAAM,SACNC,QAAQ,SACRC,IAAKP,EAAY,QAAU,SAC3BV,UAAWkB,EAAGC,EAAOC,WAAYC,EAASF,EAAQZ,GAASP,GAC3DQ,GAAIA,EACS,cAAAC,GAAca,EAAUC,EAAuBC,YAAahB,GAC9D,YAAAiB,EAAgBD,YAC3BzB,IAAKA,KAEFI,GAAUA,EAEbQ,EAACC,cAAAC,EAAK,CAAAC,UAAU,SAASC,MAAM,SAASE,IAAKP,EAAY,GAAK,SAAUV,UAAWmB,EAAOO,SACxFf,EAAAC,cAACC,EAAI,CAACC,UAAU,SAASC,MAAM,SAASE,IAAI,MACzChB,GACCU,EAACC,cAAAe,EAAQ,CAAAC,KAAK,KAAKC,OAAO,SAAS7B,UAAWmB,EAAOlB,MAAOc,MAAM,SAASe,UAAU,GAClF7B,GAImB,iBAAhBC,EACNS,EAACC,cAAAmB,EAAK,CAAA/B,UAAWmB,EAAOjB,YAAaa,MAAM,SAASe,UAAU,GAC3D5B,GAGHA,IAIFE,GAAcC,IACdM,EAACC,cAAAC,EAAK,CAAAC,UAAU,SAASC,MAAM,SAASE,IAAI,QAAQjB,UAAWmB,EAAOa,SAWlF,SAA0B5B,EAA2CM,GACnE,GAA0B,WAAtBuB,EAAO7B,IAA2B,SAAUA,EAC9C,OACEO,EAACC,cAAAsB,EAAOC,OAAAC,OAAA,CAAAC,KAAK,YAAYC,KAAM5B,EAAY,QAAU,UAAcN,GAChEA,EAAWmC,MAKlB,OAAOnC,CACT,CApBeoC,CAAiBpC,EAAYM,GAsB5C,SAAgCL,EAAuDK,GACrF,GAAgC,WAA5BuB,EAAO5B,GAA+B,CACxC,GAAI,SAAUA,GAAoB,SAAUA,EAAkB,CACtD,IAAEkC,EAAuBlC,EAAvBkC,KAASE,EAASC,EAAKrC,EAAzB,CAAsB,SAC5B,OAAOM,EAAAC,cAAC+B,EAAKR,OAAAC,OAAA,CAAAG,KAAMA,GAAUE,GAC9B,CACD,GAAI,SAAUpC,EAAkB,CACxB,IAAEkC,EAAyBlC,EAAzBkC,KAASK,EAAWF,EAAKrC,EAA3B,CAAwB,SAC9B,OACEM,EAACC,cAAAsB,EAAOC,OAAAC,OAAA,CAAAC,KAAK,WAAWC,KAAM5B,EAAY,QAAU,UAAckC,GAC/DL,EAGN,CACF,CAED,OAAOlC,CACT,CAtCewC,CAAuBxC,EAAkBK,KAMtD"}
+{"version":3,"file":"EmptyState.js","sources":["../../../../../src/components/EmptyState/EmptyState.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport Flex from \"../../components/Flex/Flex\";\nimport Heading from \"../../components/Heading/Heading\";\nimport Text from \"../../components/Text/Text\";\nimport { type EmptyStateProps } from \"./EmptyState.types\";\nimport styles from \"./EmptyState.module.scss\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { Button, type ButtonProps } from \"@vibe/button\";\nimport { Link, type LinkProps } from \"../Link\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nconst EmptyState = forwardRef<HTMLDivElement, EmptyStateProps>(\n  (\n    {\n      className,\n      title,\n      description,\n      visual,\n      mainAction,\n      supportingAction,\n      layout = \"default\",\n      id,\n      \"data-testid\": dataTestId\n    },\n    ref\n  ) => {\n    const isCompact = layout === \"compact\";\n\n    return (\n      <Flex\n        direction=\"column\"\n        align=\"center\"\n        justify=\"center\"\n        gap={isCompact ? \"small\" : \"medium\"}\n        className={cx(styles.emptyState, getStyle(styles, layout), className)}\n        id={id}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.EMPTY_STATE, id)}\n        data-vibe={ComponentVibeId.EMPTY_STATE}\n        ref={ref}\n      >\n        {!!visual && visual}\n\n        <Flex direction=\"column\" align=\"center\" gap={isCompact ? 12 : \"medium\"} className={styles.content}>\n          <Flex direction=\"column\" align=\"center\" gap=\"xs\">\n            {title && (\n              <Heading type=\"h3\" weight=\"normal\" className={styles.title} align=\"center\" ellipsis={false}>\n                {title}\n              </Heading>\n            )}\n\n            {typeof description === \"string\" ? (\n              <Text className={styles.description} align=\"center\" ellipsis={false}>\n                {description}\n              </Text>\n            ) : (\n              description\n            )}\n          </Flex>\n\n          {(mainAction || supportingAction) && (\n            <Flex direction=\"column\" align=\"center\" gap=\"small\" className={styles.actions}>\n              {renderMainAction(mainAction, isCompact)}\n              {renderSupportingAction(supportingAction, isCompact)}\n            </Flex>\n          )}\n        </Flex>\n      </Flex>\n    );\n  }\n);\n\nfunction renderMainAction(mainAction: EmptyStateProps[\"mainAction\"], isCompact: boolean) {\n  if (typeof mainAction === \"object\" && \"text\" in mainAction) {\n    return (\n      <Button kind=\"secondary\" size={isCompact ? \"small\" : \"medium\"} {...mainAction}>\n        {mainAction.text}\n      </Button>\n    );\n  }\n\n  return mainAction;\n}\n\nfunction renderSupportingAction(supportingAction: EmptyStateProps[\"supportingAction\"], isCompact: boolean) {\n  if (typeof supportingAction === \"object\") {\n    if (\"text\" in supportingAction && \"href\" in supportingAction) {\n      const { text, ...linkProps } = supportingAction as LinkProps & { text: string };\n      return <Link text={text} {...linkProps} />;\n    }\n    if (\"text\" in supportingAction) {\n      const { text, ...buttonProps } = supportingAction as ButtonProps & { text: string };\n      return (\n        <Button kind=\"tertiary\" size={isCompact ? \"small\" : \"medium\"} {...buttonProps}>\n          {text}\n        </Button>\n      );\n    }\n  }\n\n  return supportingAction;\n}\n\nexport default EmptyState;\n"],"names":["EmptyState","forwardRef","_ref","ref","className","title","description","visual","mainAction","supportingAction","_ref$layout","layout","id","dataTestId","isCompact","React","createElement","Flex","direction","align","justify","gap","cx","styles","emptyState","getStyle","getTestId","ComponentDefaultTestId","EMPTY_STATE","ComponentVibeId","content","Heading","type","weight","ellipsis","Text","actions","_typeof","Button","Object","assign","kind","size","text","renderMainAction","linkProps","__rest","Link","buttonProps","renderSupportingAction"],"mappings":"0nBAaMA,IAAAA,EAAaC,GACjB,SAAAC,EAYEC,GACE,IAXAC,EAASF,EAATE,UACAC,EAAKH,EAALG,MACAC,EAAWJ,EAAXI,YACAC,EAAML,EAANK,OACAC,EAAUN,EAAVM,WACAC,EAAgBP,EAAhBO,iBAAgBC,EAAAR,EAChBS,OAAAA,OAAS,IAAHD,EAAG,UAASA,EAClBE,EAAEV,EAAFU,GACeC,EAAUX,EAAzB,eAIIY,EAAuB,YAAXH,EAElB,OACEI,EAAAC,cAACC,EAAI,CACHC,UAAU,SACVC,MAAM,SACNC,QAAQ,SACRC,IAAKP,EAAY,QAAU,SAC3BV,UAAWkB,EAAGC,EAAOC,WAAYC,EAASF,EAAQZ,GAASP,GAC3DQ,GAAIA,EACS,cAAAC,GAAca,EAAUC,EAAuBC,YAAahB,GAC9D,YAAAiB,EAAgBD,YAC3BzB,IAAKA,KAEFI,GAAUA,EAEbQ,EAACC,cAAAC,EAAK,CAAAC,UAAU,SAASC,MAAM,SAASE,IAAKP,EAAY,GAAK,SAAUV,UAAWmB,EAAOO,SACxFf,EAAAC,cAACC,EAAI,CAACC,UAAU,SAASC,MAAM,SAASE,IAAI,MACzChB,GACCU,EAACC,cAAAe,EAAQ,CAAAC,KAAK,KAAKC,OAAO,SAAS7B,UAAWmB,EAAOlB,MAAOc,MAAM,SAASe,UAAU,GAClF7B,GAImB,iBAAhBC,EACNS,EAACC,cAAAmB,EAAK,CAAA/B,UAAWmB,EAAOjB,YAAaa,MAAM,SAASe,UAAU,GAC3D5B,GAGHA,IAIFE,GAAcC,IACdM,EAACC,cAAAC,EAAK,CAAAC,UAAU,SAASC,MAAM,SAASE,IAAI,QAAQjB,UAAWmB,EAAOa,SAWlF,SAA0B5B,EAA2CM,GACnE,GAA0B,WAAtBuB,EAAO7B,IAA2B,SAAUA,EAC9C,OACEO,EAACC,cAAAsB,EAAOC,OAAAC,OAAA,CAAAC,KAAK,YAAYC,KAAM5B,EAAY,QAAU,UAAcN,GAChEA,EAAWmC,MAKlB,OAAOnC,CACT,CApBeoC,CAAiBpC,EAAYM,GAsB5C,SAAgCL,EAAuDK,GACrF,GAAgC,WAA5BuB,EAAO5B,GAA+B,CACxC,GAAI,SAAUA,GAAoB,SAAUA,EAAkB,CACtD,IAAEkC,EAAuBlC,EAAvBkC,KAASE,EAASC,EAAKrC,EAAzB,CAAsB,SAC5B,OAAOM,EAAAC,cAAC+B,EAAKR,OAAAC,OAAA,CAAAG,KAAMA,GAAUE,GAC9B,CACD,GAAI,SAAUpC,EAAkB,CACxB,IAAEkC,EAAyBlC,EAAzBkC,KAASK,EAAWF,EAAKrC,EAA3B,CAAwB,SAC9B,OACEM,EAACC,cAAAsB,EAAOC,OAAAC,OAAA,CAAAC,KAAK,WAAWC,KAAM5B,EAAY,QAAU,UAAckC,GAC/DL,EAGN,CACF,CAED,OAAOlC,CACT,CAtCewC,CAAuBxC,EAAkBK,KAMtD"}

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

@@ -1,2 +1,2 @@
-import{slicedToArray as e,defineProperty as o}from"../../../_virtual/_rollupPluginBabelHelpers.js";import t from"classnames";import n,{forwardRef as r,useRef as a,useState as i,useCallback as s}from"react";import l from"../../hooks/useMergeRef.js";import c from"../Icon/Icon.js";import d from"../Text/Text.js";import{getTestId as m,ComponentDefaultTestId as p}from"../../tests/testIds.js";import f from"./ExpandCollapse.module.scss.js";import{ComponentVibeId as u}from"../../tests/constants.js";import v from"../../../icons/dist/react/DropdownChevronDown.js";var C=r((function(r,C){var h=r.children,E=r.headerComponentRenderer,N=void 0===E?null:E,g=r.title,j=void 0===g?"":g,x=r.className,y=r.defaultOpenState,P=void 0!==y&&y,B=r.iconSize,I=void 0===B?24:B,O=r.iconPosition,k=void 0===O?"right":O,A=r.id,S=void 0===A?"":A,b=r.open,D=r.onClick,L=void 0===D?null:D,T=r.hideBorder,_=void 0!==T&&T,w=r.headerClassName,z=r.contentClassName,R=r.componentClassName,X=r["data-testid"],H=r.captureOnClick,M=void 0===H||H,q=a(null),F=l(C,q),G=i(P),J=e(G,2),K=J[0],Q=J[1],U=void 0===b?K:b,V=function(){Q(!K)},W=s((function(){return"string"==typeof j?n.createElement(d,{type:"text1",className:t(f.headerContent)},j):j}),[j]),Y=function(){return n.createElement(c,{className:t(f.iconComponent,o(o({},f.animateIconOpen,U),f.animateIconClose,!U)),iconType:"svg",icon:v,iconSize:I})};return n.createElement("div",{ref:F,className:x,id:S,"data-testid":X||m(p.EXPAND_COLLAPSE,S),"data-vibe":u.EXPAND_COLLAPSE},n.createElement("div",{className:t(f.expandCollapse,o(o({},f.hideBorder,_),f.showBorder,!_),R)},n.createElement("button",{type:"button",className:t(f.header,f.section,w,o(o(o({},f.headerOpen,U),f.hideBorderBottom,_),f.leftIcon,"left"===k)),onClickCapture:M?L||V:void 0,onClick:M?void 0:L||V,"aria-expanded":U,"aria-controls":"".concat(S,"-controls")},"left"===k&&Y(),"string"!=typeof j||0!==j.length?W():N&&N(),"right"===k&&Y()),U&&n.createElement("div",{className:t(f.content,f.section,z,o({},f.animateExpandCollapseContent,U)),id:"".concat(S,"-controls"),role:"region"},h)))}));export{C as default};
+import{slicedToArray as e,defineProperty as o}from"../../../_virtual/_rollupPluginBabelHelpers.js";import t from"classnames";import n,{forwardRef as r,useRef as a,useState as i,useCallback as s}from"react";import c from"../../hooks/useMergeRef.js";import l from"../Text/Text.js";import{getTestId as d,ComponentDefaultTestId as m}from"../../tests/testIds.js";import p from"./ExpandCollapse.module.scss.js";import{ComponentVibeId as f}from"../../tests/constants.js";import u from"../../../components/icon/dist/Icon/Icon.js";import v from"../../../packages/icons/dist/react/DropdownChevronDown.js";var C=r((function(r,C){var h=r.children,E=r.headerComponentRenderer,N=void 0===E?null:E,g=r.title,j=void 0===g?"":g,x=r.className,y=r.defaultOpenState,P=void 0!==y&&y,k=r.iconSize,B=void 0===k?24:k,I=r.iconPosition,O=void 0===I?"right":I,A=r.id,S=void 0===A?"":A,b=r.open,D=r.onClick,L=void 0===D?null:D,T=r.hideBorder,_=void 0!==T&&T,w=r.headerClassName,z=r.contentClassName,R=r.componentClassName,X=r["data-testid"],H=r.captureOnClick,M=void 0===H||H,q=a(null),F=c(C,q),G=i(P),J=e(G,2),K=J[0],Q=J[1],U=void 0===b?K:b,V=function(){Q(!K)},W=s((function(){return"string"==typeof j?n.createElement(l,{type:"text1",className:t(p.headerContent)},j):j}),[j]),Y=function(){return n.createElement(u,{className:t(p.iconComponent,o(o({},p.animateIconOpen,U),p.animateIconClose,!U)),iconType:"svg",icon:v,iconSize:B})};return n.createElement("div",{ref:F,className:x,id:S,"data-testid":X||d(m.EXPAND_COLLAPSE,S),"data-vibe":f.EXPAND_COLLAPSE},n.createElement("div",{className:t(p.expandCollapse,o(o({},p.hideBorder,_),p.showBorder,!_),R)},n.createElement("button",{type:"button",className:t(p.header,p.section,w,o(o(o({},p.headerOpen,U),p.hideBorderBottom,_),p.leftIcon,"left"===O)),onClickCapture:M?L||V:void 0,onClick:M?void 0:L||V,"aria-expanded":U,"aria-controls":"".concat(S,"-controls")},"left"===O&&Y(),"string"!=typeof j||0!==j.length?W():N&&N(),"right"===O&&Y()),U&&n.createElement("div",{className:t(p.content,p.section,z,o({},p.animateExpandCollapseContent,U)),id:"".concat(S,"-controls"),role:"region"},h)))}));export{C as default};
 //# sourceMappingURL=ExpandCollapse.js.map

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, { type FC, forwardRef, type 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 { type VibeComponentProps, type ElementContent } from \"../../types\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport styles from \"./ExpandCollapse.module.scss\";\nimport { type ExpandCollapseIconPosition } from \"./ExpandCollapse.types\";\nimport { ComponentVibeId } from \"../../tests/constants\";\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   * The position of the icon.\n   */\n  iconPosition?: ExpandCollapseIconPosition;\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      iconPosition = \"right\",\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    const renderIcon = () => (\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    );\n\n    return (\n      <div\n        ref={mergedRef}\n        className={className}\n        id={id}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.EXPAND_COLLAPSE, id)}\n        data-vibe={ComponentVibeId.EXPAND_COLLAPSE}\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              [styles.leftIcon]: iconPosition === \"left\"\n            })}\n            onClickCapture={captureOnClick ? onClick || toggleExpand : undefined}\n            onClick={!captureOnClick ? onClick || toggleExpand : undefined}\n            aria-expanded={isExpanded}\n            aria-controls={`${id}-controls`}\n          >\n            {iconPosition === \"left\" && renderIcon()}\n            {typeof title !== \"string\" || title.length !== 0\n              ? renderHeader()\n              : headerComponentRenderer && headerComponentRenderer()}\n            {iconPosition === \"right\" && renderIcon()}\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$iconPosition","iconPosition","_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","renderIcon","Icon","iconComponent","_defineProperty","animateIconOpen","animateIconClose","iconType","icon","DropdownChevronDown","getTestId","ComponentDefaultTestId","EXPAND_COLLAPSE","ComponentVibeId","expandCollapse","showBorder","header","section","headerOpen","hideBorderBottom","leftIcon","onClickCapture","concat","length","content","animateExpandCollapseContent","role"],"mappings":"+iBAmEMA,IAAAA,EAA0CC,GAC9C,SAAAC,EAmBEC,GACE,IAlBAC,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,aAAAA,OAAe,IAAHD,EAAG,QAAOA,EAAAE,EAAAd,EACtBe,GAAAA,OAAK,IAAHD,EAAG,GAAEA,EACPE,EAAIhB,EAAJgB,KAAIC,EAAAjB,EACJkB,QAAAA,OAAU,IAAHD,EAAG,KAAIA,EAAAE,EAAAnB,EACdoB,WAAAA,OAAa,IAAHD,GAAQA,EAClBE,EAAerB,EAAfqB,gBACAC,EAAgBtB,EAAhBsB,iBACAC,EAAkBvB,EAAlBuB,mBACeC,EAAUxB,EAAzB,eAAayB,EAAAzB,EACb0B,eAAAA,OAAiB,IAAHD,GAAOA,EAIjBE,EAAeC,EAAO,MACtBC,EAAYC,EAAY7B,EAAK0B,GAEnCI,EAA4BC,EAASvB,GAAiBwB,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,iBAAVnC,EACZoC,EAAAC,cAACC,EAAI,CAACC,KAAK,QAAQtC,UAAWuC,EAAGC,EAAOC,gBACrC1C,GAGHA,CAEJ,GAAG,CAACA,IAEE2C,EAAa,WAAH,OACdP,EAACC,cAAAO,EACC,CAAA3C,UAAWuC,EAAGC,EAAOI,cAAaC,EAAAA,EAC/BL,CAAAA,EAAAA,EAAOM,gBAAkBhB,GACzBU,EAAOO,kBAAoBjB,IAE9BkB,SAAS,MACTC,KAAMC,EACN9C,SAAUA,KAId,OACE+B,EACEC,cAAA,MAAA,CAAA1C,IAAK4B,EACLtB,UAAWA,EACXQ,GAAIA,EACS,cAAAS,GAAckC,EAAUC,EAAuBC,gBAAiB7C,GAAG,YACrE8C,EAAgBD,iBAE3BlB,EAAAC,cAAA,MAAA,CACEpC,UAAWuC,EACTC,EAAOe,eAAcV,EAAAA,EAElBL,GAAAA,EAAO3B,WAAaA,GACpB2B,EAAOgB,YAAc3C,GAExBG,IAGFmB,EAAAC,cAAA,SAAA,CACEE,KAAK,SACLtC,UAAWuC,EAAGC,EAAOiB,OAAQjB,EAAOkB,QAAS5C,EAAe+B,EAAAA,EAAAA,EAAA,CAAA,EACzDL,EAAOmB,WAAa7B,GACpBU,EAAOoB,iBAAmB/C,GAC1B2B,EAAOqB,SAA4B,SAAjBvD,IAErBwD,eAAgB3C,EAAiBR,GAAWqB,OAAeD,EAC3DpB,QAAUQ,OAA2CY,EAA1BpB,GAAWqB,EACvB,gBAAAF,EACA,gBAAA,GAAAiC,OAAGvD,EAAE,cAEF,SAAjBF,GAA2BoC,IACV,iBAAV3C,GAAuC,IAAjBA,EAAMiE,OAChC/B,IACApC,GAA2BA,IACb,UAAjBS,GAA4BoC,KAE9BZ,GACCK,EAAAC,cAAA,MAAA,CACEpC,UAAWuC,EAAGC,EAAOyB,QAASzB,EAAOkB,QAAS3C,EAAgB8B,EAC3DL,CAAAA,EAAAA,EAAO0B,6BAA+BpC,IAEzCtB,GAAEuD,GAAAA,OAAKvD,EAAa,aACpB2D,KAAK,UAEJxE,IAMb"}
+{"version":3,"file":"ExpandCollapse.js","sources":["../../../../../src/components/ExpandCollapse/ExpandCollapse.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { type FC, forwardRef, type ReactElement, useCallback, useRef, useState } from \"react\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { Icon } from \"@vibe/icon\";\nimport Text from \"../Text/Text\";\nimport { DropdownChevronDown } from \"@vibe/icons\";\nimport { type VibeComponentProps, type ElementContent } from \"../../types\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport styles from \"./ExpandCollapse.module.scss\";\nimport { type ExpandCollapseIconPosition } from \"./ExpandCollapse.types\";\nimport { ComponentVibeId } from \"../../tests/constants\";\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   * The position of the icon.\n   */\n  iconPosition?: ExpandCollapseIconPosition;\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      iconPosition = \"right\",\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    const renderIcon = () => (\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    );\n\n    return (\n      <div\n        ref={mergedRef}\n        className={className}\n        id={id}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.EXPAND_COLLAPSE, id)}\n        data-vibe={ComponentVibeId.EXPAND_COLLAPSE}\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              [styles.leftIcon]: iconPosition === \"left\"\n            })}\n            onClickCapture={captureOnClick ? onClick || toggleExpand : undefined}\n            onClick={!captureOnClick ? onClick || toggleExpand : undefined}\n            aria-expanded={isExpanded}\n            aria-controls={`${id}-controls`}\n          >\n            {iconPosition === \"left\" && renderIcon()}\n            {typeof title !== \"string\" || title.length !== 0\n              ? renderHeader()\n              : headerComponentRenderer && headerComponentRenderer()}\n            {iconPosition === \"right\" && renderIcon()}\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$iconPosition","iconPosition","_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","renderIcon","Icon","iconComponent","_defineProperty","animateIconOpen","animateIconClose","iconType","icon","DropdownChevronDown","getTestId","ComponentDefaultTestId","EXPAND_COLLAPSE","ComponentVibeId","expandCollapse","showBorder","header","section","headerOpen","hideBorderBottom","leftIcon","onClickCapture","concat","length","content","animateExpandCollapseContent","role"],"mappings":"mlBAmEMA,IAAAA,EAA0CC,GAC9C,SAAAC,EAmBEC,GACE,IAlBAC,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,aAAAA,OAAe,IAAHD,EAAG,QAAOA,EAAAE,EAAAd,EACtBe,GAAAA,OAAK,IAAHD,EAAG,GAAEA,EACPE,EAAIhB,EAAJgB,KAAIC,EAAAjB,EACJkB,QAAAA,OAAU,IAAHD,EAAG,KAAIA,EAAAE,EAAAnB,EACdoB,WAAAA,OAAa,IAAHD,GAAQA,EAClBE,EAAerB,EAAfqB,gBACAC,EAAgBtB,EAAhBsB,iBACAC,EAAkBvB,EAAlBuB,mBACeC,EAAUxB,EAAzB,eAAayB,EAAAzB,EACb0B,eAAAA,OAAiB,IAAHD,GAAOA,EAIjBE,EAAeC,EAAO,MACtBC,EAAYC,EAAY7B,EAAK0B,GAEnCI,EAA4BC,EAASvB,GAAiBwB,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,iBAAVnC,EACZoC,EAAAC,cAACC,EAAI,CAACC,KAAK,QAAQtC,UAAWuC,EAAGC,EAAOC,gBACrC1C,GAGHA,CAEJ,GAAG,CAACA,IAEE2C,EAAa,WAAH,OACdP,EAACC,cAAAO,EACC,CAAA3C,UAAWuC,EAAGC,EAAOI,cAAaC,EAAAA,EAC/BL,CAAAA,EAAAA,EAAOM,gBAAkBhB,GACzBU,EAAOO,kBAAoBjB,IAE9BkB,SAAS,MACTC,KAAMC,EACN9C,SAAUA,KAId,OACE+B,EACEC,cAAA,MAAA,CAAA1C,IAAK4B,EACLtB,UAAWA,EACXQ,GAAIA,EACS,cAAAS,GAAckC,EAAUC,EAAuBC,gBAAiB7C,GAAG,YACrE8C,EAAgBD,iBAE3BlB,EAAAC,cAAA,MAAA,CACEpC,UAAWuC,EACTC,EAAOe,eAAcV,EAAAA,EAElBL,GAAAA,EAAO3B,WAAaA,GACpB2B,EAAOgB,YAAc3C,GAExBG,IAGFmB,EAAAC,cAAA,SAAA,CACEE,KAAK,SACLtC,UAAWuC,EAAGC,EAAOiB,OAAQjB,EAAOkB,QAAS5C,EAAe+B,EAAAA,EAAAA,EAAA,CAAA,EACzDL,EAAOmB,WAAa7B,GACpBU,EAAOoB,iBAAmB/C,GAC1B2B,EAAOqB,SAA4B,SAAjBvD,IAErBwD,eAAgB3C,EAAiBR,GAAWqB,OAAeD,EAC3DpB,QAAUQ,OAA2CY,EAA1BpB,GAAWqB,EACvB,gBAAAF,EACA,gBAAA,GAAAiC,OAAGvD,EAAE,cAEF,SAAjBF,GAA2BoC,IACV,iBAAV3C,GAAuC,IAAjBA,EAAMiE,OAChC/B,IACApC,GAA2BA,IACb,UAAjBS,GAA4BoC,KAE9BZ,GACCK,EAAAC,cAAA,MAAA,CACEpC,UAAWuC,EAAGC,EAAOyB,QAASzB,EAAOkB,QAAS3C,EAAgB8B,EAC3DL,CAAAA,EAAAA,EAAO0B,6BAA+BpC,IAEzCtB,GAAEuD,GAAAA,OAAKvD,EAAa,aACpB2D,KAAK,UAEJxE,IAMb"}

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

@@ -1,2 +1,2 @@
-import e from"classnames";import o,{forwardRef as a}from"react";import l from"../Icon/Icon.js";import r from"./FieldLabel.module.scss.js";var m=a((function(a,m){var t=a.icon,n=void 0===t?"":t,s=a.labelText,i=void 0===s?"":s,c=a.labelFor,d=void 0===c?"":c,p=a.iconClassName,v=void 0===p?"":p,b=a.labelClassName,f=void 0===b?"":b,u=a.required,N=void 0!==u&&u,C=a.id,E=void 0===C?"":C,F=a.htmlFor,x=void 0===F?"":F;return i?o.createElement("section",{className:e(r.labelComponentWrapper,a.className)},o.createElement(l,{icon:n,className:e(r.labelComponentIcon,v),id:d,iconType:"font"}),o.createElement("label",{id:E,htmlFor:d||x,ref:m,className:e(r.labelComponentText,f)},i,N&&o.createElement("span",{className:r.required}," *"))):null}));export{m as default};
+import e from"classnames";import o,{forwardRef as a}from"react";import l from"./FieldLabel.module.scss.js";import n from"../../../components/icon/dist/Icon/Icon.js";var r=a((function(a,r){var t=a.icon,m=void 0===t?"":t,s=a.labelText,i=void 0===s?"":s,c=a.labelFor,d=void 0===c?"":c,p=a.iconClassName,v=void 0===p?"":p,b=a.labelClassName,f=void 0===b?"":b,u=a.required,N=void 0!==u&&u,C=a.id,E=void 0===C?"":C,F=a.htmlFor,x=void 0===F?"":F;return i?o.createElement("section",{className:e(l.labelComponentWrapper,a.className)},o.createElement(n,{icon:m,className:e(l.labelComponentIcon,v),id:d,iconType:"font"}),o.createElement("label",{id:E,htmlFor:d||x,ref:r,className:e(l.labelComponentText,f)},i,N&&o.createElement("span",{className:l.required}," *"))):null}));export{r as default};
 //# sourceMappingURL=FieldLabel.js.map

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, { type FC, type ForwardedRef, forwardRef } from \"react\";\nimport Icon from \"../Icon/Icon\";\nimport type 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   * The HTML for attribute of the associated input element.\n   */\n  htmlFor?: string;\n}\n\nconst FieldLabel: FC<FieldLabelProps> = forwardRef(\n  (\n    {\n      className,\n      icon = \"\",\n      labelText = \"\",\n      labelFor = \"\",\n      iconClassName = \"\",\n      labelClassName = \"\",\n      required = false,\n      id = \"\",\n      htmlFor = \"\"\n    },\n    ref: ForwardedRef<HTMLLabelElement>\n  ) => {\n    if (!labelText) {\n      return null;\n    }\n\n    return (\n      <section className={cx(styles.labelComponentWrapper, className)}>\n        <Icon icon={icon} className={cx(styles.labelComponentIcon, iconClassName)} id={labelFor} iconType=\"font\" />\n        <label\n          id={id}\n          htmlFor={labelFor || htmlFor}\n          ref={ref}\n          className={cx(styles.labelComponentText, labelClassName)}\n        >\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","_ref$id","id","_ref$htmlFor","htmlFor","React","createElement","className","cx","styles","labelComponentWrapper","Icon","labelComponentIcon","iconType","labelComponentText"],"mappings":"0IAqCMA,IAAAA,EAAkCC,GACtC,SAAAC,EAYEC,GACE,IAXSC,EAAAF,EACTG,KAAAA,OAAO,IAAHD,EAAG,GAAEA,EAAAE,EAAAJ,EACTK,UAAAA,OAAY,IAAHD,EAAG,GAAEA,EAAAE,EAAAN,EACdO,SAAAA,OAAW,IAAHD,EAAG,GAAEA,EAAAE,EAAAR,EACbS,cAAAA,OAAgB,IAAHD,EAAG,GAAEA,EAAAE,EAAAV,EAClBW,eAAAA,OAAiB,IAAHD,EAAG,GAAEA,EAAAE,EAAAZ,EACnBa,SAAAA,OAAW,IAAHD,GAAQA,EAAAE,EAAAd,EAChBe,GAAAA,OAAK,IAAHD,EAAG,GAAEA,EAAAE,EAAAhB,EACPiB,QAAAA,OAAU,IAAHD,EAAG,GAAEA,EAId,OAAKX,EAKHa,EAASC,cAAA,UAAA,CAAAC,UAAWC,EAAGC,EAAOC,sBAjBrBvB,EAAToB,YAkBEF,EAACC,cAAAK,EAAK,CAAArB,KAAMA,EAAMiB,UAAWC,EAAGC,EAAOG,mBAAoBhB,GAAgBM,GAAIR,EAAUmB,SAAS,SAClGR,EACEC,cAAA,QAAA,CAAAJ,GAAIA,EACJE,QAASV,GAAYU,EACrBhB,IAAKA,EACLmB,UAAWC,EAAGC,EAAOK,mBAAoBhB,IAExCN,EACAQ,GAAYK,EAAMC,cAAA,OAAA,CAAAC,UAAWE,EAAOT,UAAmB,QAbrD,IAiBX"}
+{"version":3,"file":"FieldLabel.js","sources":["../../../../../src/components/FieldLabel/FieldLabel.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { type FC, type ForwardedRef, forwardRef } from \"react\";\nimport { Icon } from \"@vibe/icon\";\nimport type 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   * The HTML for attribute of the associated input element.\n   */\n  htmlFor?: string;\n}\n\nconst FieldLabel: FC<FieldLabelProps> = forwardRef(\n  (\n    {\n      className,\n      icon = \"\",\n      labelText = \"\",\n      labelFor = \"\",\n      iconClassName = \"\",\n      labelClassName = \"\",\n      required = false,\n      id = \"\",\n      htmlFor = \"\"\n    },\n    ref: ForwardedRef<HTMLLabelElement>\n  ) => {\n    if (!labelText) {\n      return null;\n    }\n\n    return (\n      <section className={cx(styles.labelComponentWrapper, className)}>\n        <Icon icon={icon} className={cx(styles.labelComponentIcon, iconClassName)} id={labelFor} iconType=\"font\" />\n        <label\n          id={id}\n          htmlFor={labelFor || htmlFor}\n          ref={ref}\n          className={cx(styles.labelComponentText, labelClassName)}\n        >\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","_ref$id","id","_ref$htmlFor","htmlFor","React","createElement","className","cx","styles","labelComponentWrapper","Icon","labelComponentIcon","iconType","labelComponentText"],"mappings":"qKAqCMA,IAAAA,EAAkCC,GACtC,SAAAC,EAYEC,GACE,IAXSC,EAAAF,EACTG,KAAAA,OAAO,IAAHD,EAAG,GAAEA,EAAAE,EAAAJ,EACTK,UAAAA,OAAY,IAAHD,EAAG,GAAEA,EAAAE,EAAAN,EACdO,SAAAA,OAAW,IAAHD,EAAG,GAAEA,EAAAE,EAAAR,EACbS,cAAAA,OAAgB,IAAHD,EAAG,GAAEA,EAAAE,EAAAV,EAClBW,eAAAA,OAAiB,IAAHD,EAAG,GAAEA,EAAAE,EAAAZ,EACnBa,SAAAA,OAAW,IAAHD,GAAQA,EAAAE,EAAAd,EAChBe,GAAAA,OAAK,IAAHD,EAAG,GAAEA,EAAAE,EAAAhB,EACPiB,QAAAA,OAAU,IAAHD,EAAG,GAAEA,EAId,OAAKX,EAKHa,EAASC,cAAA,UAAA,CAAAC,UAAWC,EAAGC,EAAOC,sBAjBrBvB,EAAToB,YAkBEF,EAACC,cAAAK,EAAK,CAAArB,KAAMA,EAAMiB,UAAWC,EAAGC,EAAOG,mBAAoBhB,GAAgBM,GAAIR,EAAUmB,SAAS,SAClGR,EACEC,cAAA,QAAA,CAAAJ,GAAIA,EACJE,QAASV,GAAYU,EACrBhB,IAAKA,EACLmB,UAAWC,EAAGC,EAAOK,mBAAoBhB,IAExCN,EACAQ,GAAYK,EAAMC,cAAA,OAAA,CAAAC,UAAWE,EAAOT,UAAmB,QAbrD,IAiBX"}

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

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

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, { type AriaAttributes, forwardRef, Fragment, useMemo, useRef } from \"react\";\nimport cx from \"classnames\";\nimport { noop as NOOP } from \"es-toolkit\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport Tooltip, { type TooltipProps } from \"../Tooltip/Tooltip\";\nimport Icon from \"../Icon/Icon\";\nimport { AddSmall } from \"@vibe/icons\";\nimport { getWidthHeight, type Size } from \"./services/IconButton-helpers\";\nimport { type SubIcon, type 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 { type ButtonColor, type ButtonType } from \"../Button\";\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 = 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: React.ForwardedRef<HTMLElement>\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\ninterface IconButtonStaticProps {\n  sizes: typeof Button.sizes;\n  kinds: typeof Button.kinds;\n  colors: typeof Button.colors;\n}\n\nexport default withStaticProps<IconButtonProps, IconButtonStaticProps>(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":"g1BAoHA,IAqIeA,EAAAA,EArIIC,GACjB,SAAAC,EA8BEC,GACE,IA7BAC,EAASF,EAATE,UACAC,EAAgBH,EAAhBG,iBACAC,EAAaJ,EAAbI,cACAC,EAAEL,EAAFK,GAAEC,EAAAN,EACFO,KAAAA,OAAOC,IAAHF,EAAGE,EAAQF,EAAAG,EAAAT,EACfU,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EAAAE,EAAAX,EACfY,aAAAA,OAAY,IAAAD,EAAG,CAAkB,EAAAA,EACjCE,EAAcb,EAAda,eACAC,EAAad,EAAbc,cACAC,EAASf,EAATe,UACAC,EAAYhB,EAAZgB,aACAC,EAAYjB,EAAZiB,aACAC,EAAYlB,EAAZkB,aACoBC,EAAenB,EAAnC,oBACeoB,EAAUpB,EAAzB,eACgBqB,EAAWrB,EAA3B,gBAAcsB,EAAAtB,EACduB,YAAAA,OAAc,IAAHD,GAAQA,EAAAE,EAAAxB,EACnByB,KAAAA,OAAO,IAAHD,EAAG,WAAUA,EACjBE,EAAM1B,EAAN0B,OAAMC,EAAA3B,EACN4B,SAAAA,OAAW,IAAHD,GAAQA,EAChBE,EAAc7B,EAAd6B,eAAcC,EAAA9B,EACd+B,QAAAA,OAAUC,IAAHF,EAAGE,EAAIF,EACdG,EAAKjC,EAALiC,MACeC,EAAUlC,EAAzB,eAAamC,EAAAnC,EACboC,WAAAA,OAAa,IAAHD,GAAQA,EAClBE,GAAQrC,EAARqC,SAAQC,GAAAtC,EACRuC,QAAAA,QAAU,IAAHD,IAAQA,GAIXE,GAAeC,EAAO,MACtBC,GAAYC,EAAY1C,EAAKuC,IAE7BI,GAAyBC,GAC7B,WAAA,OAAMjC,aAAY,EAAZA,EAAckC,UAAWjC,CAAc,GAC7C,CAACD,aAAY,EAAZA,EAAckC,QAASjC,IAGpBkC,GAAkBF,GAAQ,WAC9B,OAAI9B,IACkC,iBAA3B6B,GAA4CA,QAAvD,EAEF,GAAG,CAAC7B,EAAW6B,KAETI,GAAWH,GAAQ,WACvB,OAAQnC,GACN,IAAK,MACL,IAAK,KACH,OAAOuC,EACT,IAAK,QACL,IAAK,SACL,IAAK,QACH,OAAOC,EACT,QACE,OAAO,GAEb,GAAG,CAACxC,IAEEyC,GAAgBN,GAAQ,WAC5B,IAAIO,EAAQ,CACVC,eAAgB,SAChBC,WAAY,SACZC,QAAS,GAMX,OAHI7C,IACF0C,EAAKI,OAAAC,OAAAD,OAAAC,OAAA,GAAQL,GAAUM,EAAehD,KAEjC0C,CACT,GAAG,CAAC1C,IAEEiD,GAA2Bd,GAAQ,WACvC,OAAItB,EAAoB,KACpBK,GAAYC,EAAuBA,EACnCe,IACG7B,CACT,GAAG,CAACQ,EAAaK,EAAUC,EAAgBe,GAAwB7B,IAE7D6C,GAAoBzD,EAAmB,MAAQ0D,EAC/CC,GAAyBjB,GAAQ,WACrC,OAAO1C,EAAmB,CAAED,UAAW6D,EAAG5D,EAAkB6D,EAAOC,UAAa,EAClF,GAAG,CAAC9D,IAEJ,OACE+D,EAAAC,cAACP,GAAiBJ,OAAAC,OAAA,CAAA,EAAKK,IACrBI,EAAAC,cAACC,EAAOZ,OAAAC,OAAA,CAAA,EACF7C,EAAY,CAChBkC,QAASa,GACTU,0BAA2BL,EAAOM,mBAElCJ,EAACC,cAAAI,GACCxC,QAASA,EACTH,SAAUA,EACVK,MAAOA,EACPR,KAAMA,EACNX,cAAeA,EACfC,UAAWgC,GACX/B,aAAcA,EACdC,aAAcA,EACdC,aAAcA,EACI,mBAAAC,gBACLC,EAAU,eACTC,EACdpB,IAAKyC,GACLrC,GAAIA,EACS,cAAA6B,GAAcsC,EAAUC,EAAuBC,YAAarE,GAAG,YACjEsE,EAAgBD,YAC3BE,eACA,EAAAlD,OAAQA,EACRxB,UAAWA,EACXkD,MAAOD,GACPf,WAAYA,EACZC,SAAUA,GACVE,QAASA,GACTsC,gBAAiBd,EAAGC,EAAOc,OAAQC,EAASf,EAAQtD,KAEpDwD,EAACC,cAAAa,EAAK,CAAAzE,KAAMA,EAAM0E,SAAS,MAAMjC,SAAUA,GAAUkC,kBAAiB,EAAAhF,UAAWE,MAK3F,IASiF,CACjF+E,MAAOZ,EAAOY,MACdC,MAAOb,EAAOa,MACdC,OAAQd,EAAOc"}
+{"version":3,"file":"IconButton.js","sources":["../../../../../src/components/IconButton/IconButton.tsx"],"sourcesContent":["import React, { type AriaAttributes, forwardRef, Fragment, useMemo, useRef } from \"react\";\nimport cx from \"classnames\";\nimport { noop as NOOP } from \"es-toolkit\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport Tooltip, { type TooltipProps } from \"../Tooltip/Tooltip\";\nimport { Icon, type SubIcon } from \"@vibe/icon\";\nimport { AddSmall } from \"@vibe/icons\";\nimport { getWidthHeight, type Size } from \"./services/IconButton-helpers\";\nimport { type VibeComponentProps, withStaticProps } from \"../../types\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId, ComponentVibeId } from \"../../tests/constants\";\nimport { Button, type ButtonColor, type ButtonType } from \"@vibe/button\";\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 = 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: React.ForwardedRef<HTMLElement>\n  ) => {\n    const componentRef = useRef(null);\n    const mergedRef = useMergeRef(ref, componentRef);\n\n    const overrideTooltipContent = useMemo(\n      () => tooltipProps?.content || tooltipContent,\n      [tooltipProps?.content, tooltipContent]\n    );\n\n    const buttonAriaLabel = useMemo(() => {\n      if (ariaLabel) return ariaLabel;\n      if (typeof overrideTooltipContent === \"string\") return overrideTooltipContent;\n      return undefined;\n    }, [ariaLabel, overrideTooltipContent]);\n\n    const iconSize = useMemo(() => {\n      switch (size) {\n        case \"xxs\":\n        case \"xs\":\n          return 16;\n        case \"small\":\n        case \"medium\":\n        case \"large\":\n          return 20;\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\ninterface IconButtonStaticProps {\n  sizes: typeof Button.sizes;\n  kinds: typeof Button.kinds;\n  colors: typeof Button.colors;\n}\n\nexport default withStaticProps<IconButtonProps, IconButtonStaticProps>(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","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":"qzBAkHA,IAqIeA,EAAAA,EArIIC,GACjB,SAAAC,EA8BEC,GACE,IA7BAC,EAASF,EAATE,UACAC,EAAgBH,EAAhBG,iBACAC,EAAaJ,EAAbI,cACAC,EAAEL,EAAFK,GAAEC,EAAAN,EACFO,KAAAA,OAAOC,IAAHF,EAAGE,EAAQF,EAAAG,EAAAT,EACfU,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EAAAE,EAAAX,EACfY,aAAAA,OAAY,IAAAD,EAAG,CAAkB,EAAAA,EACjCE,EAAcb,EAAda,eACAC,EAAad,EAAbc,cACAC,EAASf,EAATe,UACAC,EAAYhB,EAAZgB,aACAC,EAAYjB,EAAZiB,aACAC,EAAYlB,EAAZkB,aACoBC,EAAenB,EAAnC,oBACeoB,EAAUpB,EAAzB,eACgBqB,EAAWrB,EAA3B,gBAAcsB,EAAAtB,EACduB,YAAAA,OAAc,IAAHD,GAAQA,EAAAE,EAAAxB,EACnByB,KAAAA,OAAO,IAAHD,EAAG,WAAUA,EACjBE,EAAM1B,EAAN0B,OAAMC,EAAA3B,EACN4B,SAAAA,OAAW,IAAHD,GAAQA,EAChBE,EAAc7B,EAAd6B,eAAcC,EAAA9B,EACd+B,QAAAA,OAAUC,IAAHF,EAAGE,EAAIF,EACdG,EAAKjC,EAALiC,MACeC,EAAUlC,EAAzB,eAAamC,EAAAnC,EACboC,WAAAA,OAAa,IAAHD,GAAQA,EAClBE,EAAQrC,EAARqC,SAAQC,EAAAtC,EACRuC,QAAAA,QAAU,IAAHD,GAAQA,EAIXE,GAAeC,EAAO,MACtBC,GAAYC,EAAY1C,EAAKuC,IAE7BI,GAAyBC,GAC7B,WAAA,OAAMjC,aAAY,EAAZA,EAAckC,UAAWjC,CAAc,GAC7C,CAACD,aAAY,EAAZA,EAAckC,QAASjC,IAGpBkC,GAAkBF,GAAQ,WAC9B,OAAI9B,IACkC,iBAA3B6B,GAA4CA,QAAvD,EAEF,GAAG,CAAC7B,EAAW6B,KAETI,GAAWH,GAAQ,WACvB,OAAQnC,GACN,IAAK,MACL,IAAK,KACH,OAAO,GACT,IAAK,QACL,IAAK,SACL,IAAK,QACH,OAAO,GACT,QACE,OAAO,GAEb,GAAG,CAACA,IAEEuC,GAAgBJ,GAAQ,WAC5B,IAAIK,EAAQ,CACVC,eAAgB,SAChBC,WAAY,SACZC,QAAS,GAMX,OAHI3C,IACFwC,EAAKI,OAAAC,OAAAD,OAAAC,OAAA,GAAQL,GAAUM,EAAe9C,KAEjCwC,CACT,GAAG,CAACxC,IAEE+C,GAA2BZ,GAAQ,WACvC,OAAItB,EAAoB,KACpBK,GAAYC,EAAuBA,EACnCe,IACG7B,CACT,GAAG,CAACQ,EAAaK,EAAUC,EAAgBe,GAAwB7B,IAE7D2C,GAAoBvD,EAAmB,MAAQwD,EAC/CC,GAAyBf,GAAQ,WACrC,OAAO1C,EAAmB,CAAED,UAAW2D,EAAG1D,EAAkB2D,EAAOC,UAAa,EAClF,GAAG,CAAC5D,IAEJ,OACE6D,EAAAC,cAACP,GAAiBJ,OAAAC,OAAA,CAAA,EAAKK,IACrBI,EAAAC,cAACC,EAAOZ,OAAAC,OAAA,CAAA,EACF3C,EAAY,CAChBkC,QAASW,GACTU,0BAA2BL,EAAOM,mBAElCJ,EAACC,cAAAI,GACCtC,QAASA,EACTH,SAAUA,EACVK,MAAOA,EACPR,KAAMA,EACNX,cAAeA,EACfC,UAAWgC,GACX/B,aAAcA,EACdC,aAAcA,EACdC,aAAcA,EACI,mBAAAC,gBACLC,EAAU,eACTC,EACdpB,IAAKyC,GACLrC,GAAIA,EACS,cAAA6B,GAAcoC,EAAUC,EAAuBC,YAAanE,GAAG,YACjEoE,EAAgBD,YAC3BE,eACA,EAAAhD,OAAQA,EACRxB,UAAWA,EACXgD,MAAOD,GACPb,WAAYA,EACZC,SAAUA,EACVE,QAASA,GACToC,gBAAiBd,EAAGC,EAAOc,OAAQC,EAASf,EAAQpD,KAEpDsD,EAACC,cAAAa,EAAK,CAAAvE,KAAMA,EAAMwE,SAAS,MAAM/B,SAAUA,GAAUgC,kBAAiB,EAAA9E,UAAWE,MAK3F,IASiF,CACjF6E,MAAOZ,EAAOY,MACdC,MAAOb,EAAOa,MACdC,OAAQd,EAAOc"}

package/dist/mocked_classnames/src/components/Info/Info.js

@@ -1,2 +1,2 @@
-import{slicedToArray as o}from"../../../_virtual/_rollupPluginBabelHelpers.js";import i,{forwardRef as e,useRef as t,useState as a,useCallback as n}from"react";import r from"../IconButton/IconButton.js";import l from"../Dialog/Dialog.js";import"../../../_virtual/_tslib.js";import"classnames";import"../Link/Link.js";import"./components/InfoLink/InfoLink.module.scss.js";import s from"./components/InfoDialogContent/InfoDialogContent.js";import{ComponentDefaultTestId as d,ComponentVibeId as c}from"../../tests/constants.js";import{getTestId as m}from"../../tests/testIds.js";import u from"../../hooks/useMergeRef.js";import f from"../../../icons/dist/react/Info.js";var p=e((function(e,p){var g=e.id,b=e.className,v=e.title,k=e.body,j=e.link,y=e["aria-label"],D=e["aria-labelledby"],I=e.position,h=void 0===I?"bottom-start":I,B=e.disabled,L=void 0!==B&&B,N=e.onDialogShow,E=e.onDialogHide,H=e.hideButtonTooltip,T=e.dialogClassName,C=e.containerSelector,S=e["data-testid"],_=t(null),w=u(p,_),x=t(null),F=t(null),A=a(!1),O=o(A,2),P=O[0],R=O[1],q=g?"".concat(g,"-dialog"):void 0,z=n((function(){R(!0),null==N||N(),requestAnimationFrame((function(){var o;null===(o=F.current)||void 0===o||o.focus()}))}),[N]),M=n((function(o){var i;R(!1),null==E||E(),"Escape"===o.key&&(null===(i=_.current)||void 0===i||i.focus())}),[E]);return i.createElement(l,{ref:x,id:q,disable:L,position:h,moveBy:{main:4,secondary:0},showTrigger:["click"],hideTrigger:["click","clickoutside","esckey"],onDialogDidShow:z,onDialogDidHide:M,containerSelector:C,content:i.createElement(s,{ref:F,id:q,title:v,body:k,link:j,className:T}),hideWhenReferenceHidden:!0},i.createElement(r,{ref:w,id:g,className:b,icon:f,size:"xs",kind:"tertiary",active:P,disabled:L,ariaLabel:y,ariaLabeledBy:D,ariaControls:q,ariaHasPopup:"dialog",ariaExpanded:P,"data-testid":S||m(d.INFO,g),"data-vibe":c.INFO,hideTooltip:H}))}));export{p as default};
+import{slicedToArray as o}from"../../../_virtual/_rollupPluginBabelHelpers.js";import i,{forwardRef as e,useRef as t,useState as a,useCallback as n}from"react";import r from"../IconButton/IconButton.js";import l from"../Dialog/Dialog.js";import"../../../_virtual/_tslib.js";import"classnames";import"../Link/Link.js";import"./components/InfoLink/InfoLink.module.scss.js";import s from"./components/InfoDialogContent/InfoDialogContent.js";import{ComponentDefaultTestId as d,ComponentVibeId as c}from"../../tests/constants.js";import{getTestId as m}from"../../tests/testIds.js";import u from"../../hooks/useMergeRef.js";import p from"../../../packages/icons/dist/react/Info.js";var f=e((function(e,f){var g=e.id,b=e.className,k=e.title,v=e.body,j=e.link,y=e["aria-label"],D=e["aria-labelledby"],I=e.position,h=void 0===I?"bottom-start":I,B=e.disabled,L=void 0!==B&&B,N=e.onDialogShow,E=e.onDialogHide,H=e.hideButtonTooltip,T=e.dialogClassName,C=e.containerSelector,S=e["data-testid"],_=t(null),w=u(f,_),x=t(null),F=t(null),A=a(!1),O=o(A,2),P=O[0],R=O[1],q=g?"".concat(g,"-dialog"):void 0,z=n((function(){R(!0),null==N||N(),requestAnimationFrame((function(){var o;null===(o=F.current)||void 0===o||o.focus()}))}),[N]),M=n((function(o){var i;R(!1),null==E||E(),"Escape"===o.key&&(null===(i=_.current)||void 0===i||i.focus())}),[E]);return i.createElement(l,{ref:x,id:q,disable:L,position:h,moveBy:{main:4,secondary:0},showTrigger:["click"],hideTrigger:["click","clickoutside","esckey"],onDialogDidShow:z,onDialogDidHide:M,containerSelector:C,content:i.createElement(s,{ref:F,id:q,title:k,body:v,link:j,className:T}),hideWhenReferenceHidden:!0},i.createElement(r,{ref:w,id:g,className:b,icon:p,size:"xs",kind:"tertiary",active:P,disabled:L,ariaLabel:y,ariaLabeledBy:D,ariaControls:q,ariaHasPopup:"dialog",ariaExpanded:P,"data-testid":S||m(d.INFO,g),"data-vibe":c.INFO,hideTooltip:H}))}));export{f as default};
 //# sourceMappingURL=Info.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Info.js","sources":["../../../../../src/components/Info/Info.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useRef, useState } from \"react\";\nimport { Info as InfoIcon } from \"@vibe/icons\";\nimport { IconButton } from \"../IconButton\";\nimport { Dialog } from \"../Dialog\";\nimport { InfoDialogContent } from \"./components\";\nimport { type InfoProps } from \"./Info.types\";\nimport { ComponentDefaultTestId, ComponentVibeId } from \"../../tests/constants\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { type DialogEvent } from \"../Dialog/Dialog\";\n\nconst Info = forwardRef(\n  (\n    {\n      id,\n      className,\n      title,\n      body,\n      link,\n      \"aria-label\": ariaLabel,\n      \"aria-labelledby\": ariaLabelledby,\n      position = \"bottom-start\",\n      disabled = false,\n      onDialogShow,\n      onDialogHide,\n      hideButtonTooltip,\n      dialogClassName,\n      containerSelector,\n      \"data-testid\": dataTestId\n    }: InfoProps,\n    ref: React.ForwardedRef<HTMLButtonElement>\n  ) => {\n    const iconButtonRef = useRef<HTMLButtonElement>(null);\n    const mergedRef = useMergeRef(ref, iconButtonRef);\n    const dialogRef = useRef<Dialog>(null);\n    const dialogContentRef = useRef<HTMLDivElement>(null);\n\n    const [isOpen, setIsOpen] = useState(false);\n\n    const dialogId = id ? `${id}-dialog` : undefined;\n\n    const handleDialogShow = useCallback(() => {\n      setIsOpen(true);\n      onDialogShow?.();\n      requestAnimationFrame(() => {\n        dialogContentRef.current?.focus();\n      });\n    }, [onDialogShow]);\n\n    const handleDialogHide = useCallback(\n      (e: DialogEvent) => {\n        setIsOpen(false);\n        onDialogHide?.();\n        if ((e as React.KeyboardEvent).key === \"Escape\") {\n          iconButtonRef.current?.focus();\n        }\n      },\n      [onDialogHide]\n    );\n\n    return (\n      <Dialog\n        ref={dialogRef}\n        id={dialogId}\n        disable={disabled}\n        position={position}\n        moveBy={{ main: 4, secondary: 0 }}\n        showTrigger={[\"click\"]}\n        hideTrigger={[\"click\", \"clickoutside\", \"esckey\"]}\n        onDialogDidShow={handleDialogShow}\n        onDialogDidHide={handleDialogHide}\n        containerSelector={containerSelector}\n        content={\n          <InfoDialogContent\n            ref={dialogContentRef}\n            id={dialogId}\n            title={title}\n            body={body}\n            link={link}\n            className={dialogClassName}\n          />\n        }\n        hideWhenReferenceHidden\n      >\n        <IconButton\n          ref={mergedRef}\n          id={id}\n          className={className}\n          icon={InfoIcon}\n          size=\"xs\"\n          kind=\"tertiary\"\n          active={isOpen}\n          disabled={disabled}\n          ariaLabel={ariaLabel}\n          ariaLabeledBy={ariaLabelledby}\n          ariaControls={dialogId}\n          ariaHasPopup=\"dialog\"\n          ariaExpanded={isOpen}\n          data-testid={dataTestId || getTestId(ComponentDefaultTestId.INFO, id)}\n          data-vibe={ComponentVibeId.INFO}\n          hideTooltip={hideButtonTooltip}\n        />\n      </Dialog>\n    );\n  }\n);\n\nexport default Info;\n"],"names":["Info","forwardRef","_ref","ref","id","className","title","body","link","ariaLabel","ariaLabelledby","_ref$position","position","_ref$disabled","disabled","onDialogShow","onDialogHide","hideButtonTooltip","dialogClassName","containerSelector","dataTestId","iconButtonRef","useRef","mergedRef","useMergeRef","dialogRef","dialogContentRef","_useState","useState","_useState2","_slicedToArray","isOpen","setIsOpen","dialogId","concat","undefined","handleDialogShow","useCallback","requestAnimationFrame","_a","current","focus","handleDialogHide","e","key","React","createElement","Dialog","disable","moveBy","main","secondary","showTrigger","hideTrigger","onDialogDidShow","onDialogDidHide","content","InfoDialogContent","hideWhenReferenceHidden","IconButton","icon","InfoIcon","size","kind","active","ariaLabeledBy","ariaControls","ariaHasPopup","ariaExpanded","getTestId","ComponentDefaultTestId","INFO","ComponentVibeId","hideTooltip"],"mappings":"2pBAWMA,IAAAA,EAAOC,GACX,SAAAC,EAkBEC,GACE,IAjBAC,EAAEF,EAAFE,GACAC,EAASH,EAATG,UACAC,EAAKJ,EAALI,MACAC,EAAIL,EAAJK,KACAC,EAAIN,EAAJM,KACcC,EAASP,EAAvB,cACmBQ,EAAcR,EAAjC,mBAAiBS,EAAAT,EACjBU,SAAAA,OAAW,IAAHD,EAAG,eAAcA,EAAAE,EAAAX,EACzBY,SAAAA,OAAW,IAAHD,GAAQA,EAChBE,EAAYb,EAAZa,aACAC,EAAYd,EAAZc,aACAC,EAAiBf,EAAjBe,kBACAC,EAAehB,EAAfgB,gBACAC,EAAiBjB,EAAjBiB,kBACeC,EAAUlB,EAAzB,eAIImB,EAAgBC,EAA0B,MAC1CC,EAAYC,EAAYrB,EAAKkB,GAC7BI,EAAYH,EAAe,MAC3BI,EAAmBJ,EAAuB,MAEhDK,EAA4BC,GAAS,GAAMC,EAAAC,EAAAH,EAAA,GAApCI,EAAMF,EAAA,GAAEG,EAASH,EAAA,GAElBI,EAAW7B,EAAE,GAAA8B,OAAM9B,kBAAc+B,EAEjCC,EAAmBC,GAAY,WACnCL,GAAU,GACVjB,SAAAA,IACAuB,uBAAsB,iBACM,QAA1BC,EAAAb,EAAiBc,eAAS,IAAAD,GAAAA,EAAAE,OAC5B,GACF,GAAG,CAAC1B,IAEE2B,EAAmBL,GACvB,SAACM,SACCX,GAAU,GACVhB,SAAAA,IACuC,WAAlC2B,EAA0BC,MACN,QAAvBL,EAAAlB,EAAcmB,eAAS,IAAAD,GAAAA,EAAAE,QAE3B,GACA,CAACzB,IAGH,OACE6B,EAACC,cAAAC,GACC5C,IAAKsB,EACLrB,GAAI6B,EACJe,QAASlC,EACTF,SAAUA,EACVqC,OAAQ,CAAEC,KAAM,EAAGC,UAAW,GAC9BC,YAAa,CAAC,SACdC,YAAa,CAAC,QAAS,eAAgB,UACvCC,gBAAiBlB,EACjBmB,gBAAiBb,EACjBvB,kBAAmBA,EACnBqC,QACEX,gBAACY,EAAiB,CAChBtD,IAAKuB,EACLtB,GAAI6B,EACJ3B,MAAOA,EACPC,KAAMA,EACNC,KAAMA,EACNH,UAAWa,IAGfwC,yBAAuB,GAEvBb,EAAAC,cAACa,EAAU,CACTxD,IAAKoB,EACLnB,GAAIA,EACJC,UAAWA,EACXuD,KAAMC,EACNC,KAAK,KACLC,KAAK,WACLC,OAAQjC,EACRjB,SAAUA,EACVL,UAAWA,EACXwD,cAAevD,EACfwD,aAAcjC,EACdkC,aAAa,SACbC,aAAcrC,EAAM,cACPX,GAAciD,EAAUC,EAAuBC,KAAMnE,eACvDoE,EAAgBD,KAC3BE,YAAaxD,IAIrB"}
+{"version":3,"file":"Info.js","sources":["../../../../../src/components/Info/Info.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useRef, useState } from \"react\";\nimport { Info as InfoIcon } from \"@vibe/icons\";\nimport { IconButton } from \"../IconButton\";\nimport { Dialog } from \"../Dialog\";\nimport { InfoDialogContent } from \"./components\";\nimport { type InfoProps } from \"./Info.types\";\nimport { ComponentDefaultTestId, ComponentVibeId } from \"../../tests/constants\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { type DialogEvent } from \"../Dialog/Dialog\";\n\nconst Info = forwardRef(\n  (\n    {\n      id,\n      className,\n      title,\n      body,\n      link,\n      \"aria-label\": ariaLabel,\n      \"aria-labelledby\": ariaLabelledby,\n      position = \"bottom-start\",\n      disabled = false,\n      onDialogShow,\n      onDialogHide,\n      hideButtonTooltip,\n      dialogClassName,\n      containerSelector,\n      \"data-testid\": dataTestId\n    }: InfoProps,\n    ref: React.ForwardedRef<HTMLButtonElement>\n  ) => {\n    const iconButtonRef = useRef<HTMLButtonElement>(null);\n    const mergedRef = useMergeRef(ref, iconButtonRef);\n    const dialogRef = useRef<Dialog>(null);\n    const dialogContentRef = useRef<HTMLDivElement>(null);\n\n    const [isOpen, setIsOpen] = useState(false);\n\n    const dialogId = id ? `${id}-dialog` : undefined;\n\n    const handleDialogShow = useCallback(() => {\n      setIsOpen(true);\n      onDialogShow?.();\n      requestAnimationFrame(() => {\n        dialogContentRef.current?.focus();\n      });\n    }, [onDialogShow]);\n\n    const handleDialogHide = useCallback(\n      (e: DialogEvent) => {\n        setIsOpen(false);\n        onDialogHide?.();\n        if ((e as React.KeyboardEvent).key === \"Escape\") {\n          iconButtonRef.current?.focus();\n        }\n      },\n      [onDialogHide]\n    );\n\n    return (\n      <Dialog\n        ref={dialogRef}\n        id={dialogId}\n        disable={disabled}\n        position={position}\n        moveBy={{ main: 4, secondary: 0 }}\n        showTrigger={[\"click\"]}\n        hideTrigger={[\"click\", \"clickoutside\", \"esckey\"]}\n        onDialogDidShow={handleDialogShow}\n        onDialogDidHide={handleDialogHide}\n        containerSelector={containerSelector}\n        content={\n          <InfoDialogContent\n            ref={dialogContentRef}\n            id={dialogId}\n            title={title}\n            body={body}\n            link={link}\n            className={dialogClassName}\n          />\n        }\n        hideWhenReferenceHidden\n      >\n        <IconButton\n          ref={mergedRef}\n          id={id}\n          className={className}\n          icon={InfoIcon}\n          size=\"xs\"\n          kind=\"tertiary\"\n          active={isOpen}\n          disabled={disabled}\n          ariaLabel={ariaLabel}\n          ariaLabeledBy={ariaLabelledby}\n          ariaControls={dialogId}\n          ariaHasPopup=\"dialog\"\n          ariaExpanded={isOpen}\n          data-testid={dataTestId || getTestId(ComponentDefaultTestId.INFO, id)}\n          data-vibe={ComponentVibeId.INFO}\n          hideTooltip={hideButtonTooltip}\n        />\n      </Dialog>\n    );\n  }\n);\n\nexport default Info;\n"],"names":["Info","forwardRef","_ref","ref","id","className","title","body","link","ariaLabel","ariaLabelledby","_ref$position","position","_ref$disabled","disabled","onDialogShow","onDialogHide","hideButtonTooltip","dialogClassName","containerSelector","dataTestId","iconButtonRef","useRef","mergedRef","useMergeRef","dialogRef","dialogContentRef","_useState","useState","_useState2","_slicedToArray","isOpen","setIsOpen","dialogId","concat","undefined","handleDialogShow","useCallback","requestAnimationFrame","_a","current","focus","handleDialogHide","e","key","React","createElement","Dialog","disable","moveBy","main","secondary","showTrigger","hideTrigger","onDialogDidShow","onDialogDidHide","content","InfoDialogContent","hideWhenReferenceHidden","IconButton","icon","InfoIcon","size","kind","active","ariaLabeledBy","ariaControls","ariaHasPopup","ariaExpanded","getTestId","ComponentDefaultTestId","INFO","ComponentVibeId","hideTooltip"],"mappings":"oqBAWMA,IAAAA,EAAOC,GACX,SAAAC,EAkBEC,GACE,IAjBAC,EAAEF,EAAFE,GACAC,EAASH,EAATG,UACAC,EAAKJ,EAALI,MACAC,EAAIL,EAAJK,KACAC,EAAIN,EAAJM,KACcC,EAASP,EAAvB,cACmBQ,EAAcR,EAAjC,mBAAiBS,EAAAT,EACjBU,SAAAA,OAAW,IAAHD,EAAG,eAAcA,EAAAE,EAAAX,EACzBY,SAAAA,OAAW,IAAHD,GAAQA,EAChBE,EAAYb,EAAZa,aACAC,EAAYd,EAAZc,aACAC,EAAiBf,EAAjBe,kBACAC,EAAehB,EAAfgB,gBACAC,EAAiBjB,EAAjBiB,kBACeC,EAAUlB,EAAzB,eAIImB,EAAgBC,EAA0B,MAC1CC,EAAYC,EAAYrB,EAAKkB,GAC7BI,EAAYH,EAAe,MAC3BI,EAAmBJ,EAAuB,MAEhDK,EAA4BC,GAAS,GAAMC,EAAAC,EAAAH,EAAA,GAApCI,EAAMF,EAAA,GAAEG,EAASH,EAAA,GAElBI,EAAW7B,EAAE,GAAA8B,OAAM9B,kBAAc+B,EAEjCC,EAAmBC,GAAY,WACnCL,GAAU,GACVjB,SAAAA,IACAuB,uBAAsB,iBACM,QAA1BC,EAAAb,EAAiBc,eAAS,IAAAD,GAAAA,EAAAE,OAC5B,GACF,GAAG,CAAC1B,IAEE2B,EAAmBL,GACvB,SAACM,SACCX,GAAU,GACVhB,SAAAA,IACuC,WAAlC2B,EAA0BC,MACN,QAAvBL,EAAAlB,EAAcmB,eAAS,IAAAD,GAAAA,EAAAE,QAE3B,GACA,CAACzB,IAGH,OACE6B,EAACC,cAAAC,GACC5C,IAAKsB,EACLrB,GAAI6B,EACJe,QAASlC,EACTF,SAAUA,EACVqC,OAAQ,CAAEC,KAAM,EAAGC,UAAW,GAC9BC,YAAa,CAAC,SACdC,YAAa,CAAC,QAAS,eAAgB,UACvCC,gBAAiBlB,EACjBmB,gBAAiBb,EACjBvB,kBAAmBA,EACnBqC,QACEX,gBAACY,EAAiB,CAChBtD,IAAKuB,EACLtB,GAAI6B,EACJ3B,MAAOA,EACPC,KAAMA,EACNC,KAAMA,EACNH,UAAWa,IAGfwC,yBAAuB,GAEvBb,EAAAC,cAACa,EAAU,CACTxD,IAAKoB,EACLnB,GAAIA,EACJC,UAAWA,EACXuD,KAAMC,EACNC,KAAK,KACLC,KAAK,WACLC,OAAQjC,EACRjB,SAAUA,EACVL,UAAWA,EACXwD,cAAevD,EACfwD,aAAcjC,EACdkC,aAAa,SACbC,aAAcrC,EAAM,cACPX,GAAciD,EAAUC,EAAuBC,KAAMnE,eACvDoE,EAAgBD,KAC3BE,YAAaxD,IAIrB"}

package/dist/mocked_classnames/src/components/LegacyModal/LegacyModalFooter/LegacyModalFooterButtons/LegacyModalFooterButtons.js

@@ -1,2 +1,2 @@
-import t,{forwardRef as e}from"react";import{getTestId as o}from"../../../../tests/testIds.js";import{ComponentDefaultTestId as a}from"../../../../tests/constants.js";import r from"../../../Flex/Flex.js";import s from"../../../Button/Button.js";import n from"../LegacyModalFooter.js";var i=e((function(e,i){var m=e.primaryButtonText,l=e.secondaryButtonText,d=e.disablePrimaryButton,c=e.onPrimaryButtonClick,u=e.onSecondaryButtonClick,p=e.id;return t.createElement(n,{id:p,className:e.className,"data-testid":e["data-testid"]||o(a.MODAL_FOOTER_BUTTONS,p)},t.createElement(r,{justify:"end",gap:"small"},l&&t.createElement(s,{onClick:u,kind:"tertiary"},l),t.createElement(s,{onClick:c,disabled:d},m)))}));Object.assign(i,{displayName:"ModalFooterButtons"});export{i as default};
+import t,{forwardRef as e}from"react";import{getTestId as o}from"../../../../tests/testIds.js";import{ComponentDefaultTestId as a}from"../../../../tests/constants.js";import r from"../../../Flex/Flex.js";import s from"../LegacyModalFooter.js";import n from"../../../../../components/button/dist/Button/Button.js";var i=e((function(e,i){var m=e.primaryButtonText,l=e.secondaryButtonText,d=e.disablePrimaryButton,c=e.onPrimaryButtonClick,u=e.onSecondaryButtonClick,p=e.id;return t.createElement(s,{id:p,className:e.className,"data-testid":e["data-testid"]||o(a.MODAL_FOOTER_BUTTONS,p)},t.createElement(r,{justify:"end",gap:"small"},l&&t.createElement(n,{onClick:u,kind:"tertiary"},l),t.createElement(n,{onClick:c,disabled:d},m)))}));Object.assign(i,{displayName:"ModalFooterButtons"});export{i as default};
 //# sourceMappingURL=LegacyModalFooterButtons.js.map

package/dist/mocked_classnames/src/components/LegacyModal/LegacyModalFooter/LegacyModalFooterButtons/LegacyModalFooterButtons.js.map

@@ -1 +1 @@
-{"version":3,"file":"LegacyModalFooterButtons.js","sources":["../../../../../../../src/components/LegacyModal/LegacyModalFooter/LegacyModalFooterButtons/LegacyModalFooterButtons.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport { type VibeComponentProps } from \"../../../../types\";\nimport { getTestId } from \"../../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../../tests/constants\";\nimport Flex from \"../../../Flex/Flex\";\nimport Button from \"../../../Button/Button\";\nimport LegacyModalFooter from \"../LegacyModalFooter\";\n\nexport interface LegacyModalFooterButtonsProps extends VibeComponentProps {\n  primaryButtonText: string;\n  secondaryButtonText?: string;\n  disablePrimaryButton?: boolean;\n  onPrimaryButtonClick?: () => void;\n  onSecondaryButtonClick?: () => void;\n}\n\nconst LegacyModalFooterButtons = forwardRef(\n  (\n    {\n      primaryButtonText,\n      secondaryButtonText,\n      disablePrimaryButton,\n      onPrimaryButtonClick,\n      onSecondaryButtonClick,\n      className,\n      id,\n      \"data-testid\": dataTestId\n    }: LegacyModalFooterButtonsProps,\n    // As ModalFooter does not currently forward refs\n    // eslint-disable-next-line\n    ref: React.ForwardedRef<HTMLElement>\n  ) => {\n    return (\n      <LegacyModalFooter\n        id={id}\n        className={className}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.MODAL_FOOTER_BUTTONS, id)}\n      >\n        <Flex justify=\"end\" gap=\"small\">\n          {secondaryButtonText && (\n            <Button onClick={onSecondaryButtonClick} kind=\"tertiary\">\n              {secondaryButtonText}\n            </Button>\n          )}\n          <Button onClick={onPrimaryButtonClick} disabled={disablePrimaryButton}>\n            {primaryButtonText}\n          </Button>\n        </Flex>\n      </LegacyModalFooter>\n    );\n  }\n);\n\nObject.assign(LegacyModalFooterButtons, {\n  displayName: \"ModalFooterButtons\"\n});\n\nexport default LegacyModalFooterButtons;\n"],"names":["LegacyModalFooterButtons","forwardRef","_ref","ref","primaryButtonText","secondaryButtonText","disablePrimaryButton","onPrimaryButtonClick","onSecondaryButtonClick","id","React","LegacyModalFooter","className","getTestId","ComponentDefaultTestId","MODAL_FOOTER_BUTTONS","createElement","Flex","justify","gap","Button","onClick","kind","disabled","Object","assign","displayName"],"mappings":"4RAgBA,IAAMA,EAA2BC,GAC/B,SAAAC,EAaEC,GACE,IAZAC,EAAiBF,EAAjBE,kBACAC,EAAmBH,EAAnBG,oBACAC,EAAoBJ,EAApBI,qBACAC,EAAoBL,EAApBK,qBACAC,EAAsBN,EAAtBM,uBAEAC,EAAEP,EAAFO,GAOF,OACEC,gBAACC,EAAiB,CAChBF,GAAIA,EACJG,UAXOV,EAATU,UAYe,cAVUV,EAAzB,gBAU6BW,EAAUC,EAAuBC,qBAAsBN,IAElFC,EAACM,cAAAC,GAAKC,QAAQ,MAAMC,IAAI,SACrBd,GACCK,EAACM,cAAAI,GAAOC,QAASb,EAAwBc,KAAK,YAC3CjB,GAGLK,EAAAM,cAACI,EAAM,CAACC,QAASd,EAAsBgB,SAAUjB,GAC9CF,IAKX,IAGFoB,OAAOC,OAAOzB,EAA0B,CACtC0B,YAAa"}
+{"version":3,"file":"LegacyModalFooterButtons.js","sources":["../../../../../../../src/components/LegacyModal/LegacyModalFooter/LegacyModalFooterButtons/LegacyModalFooterButtons.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport { type VibeComponentProps } from \"../../../../types\";\nimport { getTestId } from \"../../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../../tests/constants\";\nimport Flex from \"../../../Flex/Flex\";\nimport { Button } from \"@vibe/button\";\nimport LegacyModalFooter from \"../LegacyModalFooter\";\n\nexport interface LegacyModalFooterButtonsProps extends VibeComponentProps {\n  primaryButtonText: string;\n  secondaryButtonText?: string;\n  disablePrimaryButton?: boolean;\n  onPrimaryButtonClick?: () => void;\n  onSecondaryButtonClick?: () => void;\n}\n\nconst LegacyModalFooterButtons = forwardRef(\n  (\n    {\n      primaryButtonText,\n      secondaryButtonText,\n      disablePrimaryButton,\n      onPrimaryButtonClick,\n      onSecondaryButtonClick,\n      className,\n      id,\n      \"data-testid\": dataTestId\n    }: LegacyModalFooterButtonsProps,\n    // As ModalFooter does not currently forward refs\n    // eslint-disable-next-line\n    ref: React.ForwardedRef<HTMLElement>\n  ) => {\n    return (\n      <LegacyModalFooter\n        id={id}\n        className={className}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.MODAL_FOOTER_BUTTONS, id)}\n      >\n        <Flex justify=\"end\" gap=\"small\">\n          {secondaryButtonText && (\n            <Button onClick={onSecondaryButtonClick} kind=\"tertiary\">\n              {secondaryButtonText}\n            </Button>\n          )}\n          <Button onClick={onPrimaryButtonClick} disabled={disablePrimaryButton}>\n            {primaryButtonText}\n          </Button>\n        </Flex>\n      </LegacyModalFooter>\n    );\n  }\n);\n\nObject.assign(LegacyModalFooterButtons, {\n  displayName: \"ModalFooterButtons\"\n});\n\nexport default LegacyModalFooterButtons;\n"],"names":["LegacyModalFooterButtons","forwardRef","_ref","ref","primaryButtonText","secondaryButtonText","disablePrimaryButton","onPrimaryButtonClick","onSecondaryButtonClick","id","React","LegacyModalFooter","className","getTestId","ComponentDefaultTestId","MODAL_FOOTER_BUTTONS","createElement","Flex","justify","gap","Button","onClick","kind","disabled","Object","assign","displayName"],"mappings":"yTAgBA,IAAMA,EAA2BC,GAC/B,SAAAC,EAaEC,GACE,IAZAC,EAAiBF,EAAjBE,kBACAC,EAAmBH,EAAnBG,oBACAC,EAAoBJ,EAApBI,qBACAC,EAAoBL,EAApBK,qBACAC,EAAsBN,EAAtBM,uBAEAC,EAAEP,EAAFO,GAOF,OACEC,gBAACC,EAAiB,CAChBF,GAAIA,EACJG,UAXOV,EAATU,UAYe,cAVUV,EAAzB,gBAU6BW,EAAUC,EAAuBC,qBAAsBN,IAElFC,EAACM,cAAAC,GAAKC,QAAQ,MAAMC,IAAI,SACrBd,GACCK,EAACM,cAAAI,GAAOC,QAASb,EAAwBc,KAAK,YAC3CjB,GAGLK,EAAAM,cAACI,EAAM,CAACC,QAASd,EAAsBgB,SAAUjB,GAC9CF,IAKX,IAGFoB,OAAOC,OAAOzB,EAA0B,CACtC0B,YAAa"}

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

@@ -1,2 +1,2 @@
-import e from"react";import t from"classnames";import s from"../../IconButton/IconButton.js";import o from"../../Icon/Icon.js";import{NOOP as a}from"../../../utils/function-utils.js";import{getTestId as i}from"../../../tests/testIds.js";import{ComponentDefaultTestId as r}from"../../../tests/constants.js";import m from"../../Text/Text.js";import n from"../../Heading/Heading.js";import c from"../../Flex/Flex.js";import l from"./LegacyModalHeader.module.scss.js";import d from"../../../../icons/dist/react/CloseSmall.js";var p=function(p){var f=p.title,u=p.children,j=p.titleClassName,x=p.description,N=void 0===x?"":x,v=p.descriptionClassName,E=p.icon,g=p.closeModal,y=void 0===g?a:g,L=p.iconSize,C=void 0===L?24:L,H=p.iconClassName,I=p.closeButtonAriaLabel,B=void 0===I?"close":I,M=p.id,S=p["data-testid"];return e.createElement("div",{className:t(l.container,p.className),"data-testid":S||i(r.MODAL_HEADER,M)},u||e.createElement(c,{align:"start",gap:"small",className:j},E&&e.createElement(o,{className:t(l.icon,H),icon:E,iconType:"svg",iconSize:C,ignoreFocusStyle:!0}),e.createElement(n,{id:M,maxLines:2},f)),N&&e.createElement(m,{type:"text2",maxLines:2,className:t(l.description,v)},N),e.createElement("div",{className:t(l.closeButton)},e.createElement(s,{key:"xxs",onClick:y,ariaLabel:B,icon:d,kind:"tertiary",size:"small"})))};Object.assign(p,{displayName:"ModalHeader"});export{p as default};
+import e from"react";import t from"classnames";import s from"../../IconButton/IconButton.js";import{NOOP as o}from"../../../utils/function-utils.js";import{getTestId as a}from"../../../tests/testIds.js";import{ComponentDefaultTestId as i}from"../../../tests/constants.js";import r from"../../Text/Text.js";import n from"../../Heading/Heading.js";import c from"../../Flex/Flex.js";import m from"./LegacyModalHeader.module.scss.js";import l from"../../../../components/icon/dist/Icon/Icon.js";import d from"../../../../packages/icons/dist/react/CloseSmall.js";var p=function(p){var f=p.title,u=p.children,j=p.titleClassName,x=p.description,N=void 0===x?"":x,g=p.descriptionClassName,v=p.icon,E=p.closeModal,y=void 0===E?o:E,L=p.iconSize,C=void 0===L?24:L,H=p.iconClassName,I=p.closeButtonAriaLabel,k=void 0===I?"close":I,B=p.id,M=p["data-testid"];return e.createElement("div",{className:t(m.container,p.className),"data-testid":M||a(i.MODAL_HEADER,B)},u||e.createElement(c,{align:"start",gap:"small",className:j},v&&e.createElement(l,{className:t(m.icon,H),icon:v,iconType:"svg",iconSize:C,ignoreFocusStyle:!0}),e.createElement(n,{id:B,maxLines:2},f)),N&&e.createElement(r,{type:"text2",maxLines:2,className:t(m.description,g)},N),e.createElement("div",{className:t(m.closeButton)},e.createElement(s,{key:"xxs",onClick:y,ariaLabel:k,icon:d,kind:"tertiary",size:"small"})))};Object.assign(p,{displayName:"ModalHeader"});export{p as default};
 //# sourceMappingURL=LegacyModalHeader.js.map

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 from \"react\";\nimport cx from \"classnames\";\nimport IconButton from \"../../IconButton/IconButton\";\nimport { CloseSmall } from \"@vibe/icons\";\nimport Icon from \"../../Icon/Icon\";\nimport { type SubIcon, type ElementContent, type VibeComponentProps } from \"../../../types\";\nimport { NOOP } from \"../../../utils/function-utils\";\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\";\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 = ({\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}: LegacyModalHeaderProps) => {\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":"0gBA8DA,IAAMA,EAAoB,SAAHC,GAcM,IAZ3BC,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 from \"react\";\nimport cx from \"classnames\";\nimport IconButton from \"../../IconButton/IconButton\";\nimport { CloseSmall } from \"@vibe/icons\";\nimport { Icon, type SubIcon } from \"@vibe/icon\";\nimport { type ElementContent, type VibeComponentProps } from \"../../../types\";\nimport { NOOP } from \"../../../utils/function-utils\";\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\";\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 = ({\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}: LegacyModalHeaderProps) => {\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":"8iBA8DA,IAAMA,EAAoB,SAAHC,GAcM,IAZ3BC,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

@@ -1,2 +1,2 @@
-import{defineProperty as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{getTestId as i,ComponentDefaultTestId as e}from"../../tests/testIds.js";import o from"classnames";import r,{forwardRef as s,useCallback as a}from"react";import{NOOP as n}from"../../utils/function-utils.js";import l from"../Icon/Icon.js";import{IconPosition as m,LinkTarget as c}from"./LinkConsts.js";import{withStaticProps as d}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import p from"./Link.module.scss.js";import{getStyle as f}from"../../helpers/typesciptCssModulesHelper.js";import{camelCase as v}from"es-toolkit";import{ComponentVibeId as u}from"../../tests/constants.js";function b(t,i,e){if(t)return r.createElement(l,{className:e,icon:i,iconType:"font"})}var y=d(s((function(s,l){var m=s.className,c=s.textClassName,d=s.href,y=void 0===d?"":d,j=s.text,N=void 0===j?"":j,k=s.rel,h=void 0===k?"noreferrer":k,x=s.onClick,L=void 0===x?n:x,g=s.target,C=void 0===g?"_blank":g,I=s.ariaLabelDescription,P=void 0===I?"":I,E=s.color,S=void 0===E?"primary":E,D=s.ariaDescribedby,T=void 0===D?"":D,_=s.icon,z=void 0===_?"":_,B=s.iconPosition,F=s.id,H=void 0===F?"":F,K=s.ariaLabeledBy,w=void 0===K?"":K,M=s.disableNavigation,q=void 0!==M&&M,A=s.inheritFontSize,G=void 0!==A&&A,J=s.inlineText,O=void 0!==J&&J,Q=s.style,R=s["data-testid"],U="start"===(void 0===B?"start":B),V=a((function(t){q&&t.preventDefault(),L&&L(t)}),[q,L]);return r.createElement("a",{"data-testid":R||i(e.LINK,H),"data-vibe":u.LINK,id:H,href:y,rel:h,ref:l,onClick:V,target:C,style:Q,className:o(p.link,m,f(p,v("color-"+S)),t(t({},p.inheritFontSize,G),p.inlineText,O)),"aria-label":P,"aria-describedby":T,"aria-labelledby":w},b(U,z,o(p.iconStart)),r.createElement("span",{className:o(p.text,c)},N),b(!U,z,o(p.iconEnd)))})),{position:m,iconPositions:m,targets:c});export{y as default};
+import{defineProperty as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{getTestId as i,ComponentDefaultTestId as o}from"../../tests/testIds.js";import e from"classnames";import r,{forwardRef as s,useCallback as a}from"react";import{NOOP as n}from"../../utils/function-utils.js";import{IconPosition as l,LinkTarget as m}from"./LinkConsts.js";import{withStaticProps as c}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import d from"./Link.module.scss.js";import{getStyle as p}from"../../helpers/typesciptCssModulesHelper.js";import{camelCase as f}from"es-toolkit";import{ComponentVibeId as v}from"../../tests/constants.js";import u from"../../../components/icon/dist/Icon/Icon.js";function b(t,i,o){if(t)return r.createElement(u,{className:o,icon:i,iconType:"font"})}var y=c(s((function(s,l){var m=s.className,c=s.textClassName,u=s.href,y=void 0===u?"":u,j=s.text,N=void 0===j?"":j,k=s.rel,h=void 0===k?"noreferrer":k,x=s.onClick,L=void 0===x?n:x,g=s.target,C=void 0===g?"_blank":g,I=s.ariaLabelDescription,P=void 0===I?"":I,E=s.color,S=void 0===E?"primary":E,D=s.ariaDescribedby,T=void 0===D?"":D,_=s.icon,z=void 0===_?"":_,B=s.iconPosition,F=s.id,H=void 0===F?"":F,K=s.ariaLabeledBy,w=void 0===K?"":K,M=s.disableNavigation,q=void 0!==M&&M,A=s.inheritFontSize,G=void 0!==A&&A,J=s.inlineText,O=void 0!==J&&J,Q=s.style,R=s["data-testid"],U="start"===(void 0===B?"start":B),V=a((function(t){q&&t.preventDefault(),L&&L(t)}),[q,L]);return r.createElement("a",{"data-testid":R||i(o.LINK,H),"data-vibe":v.LINK,id:H,href:y,rel:h,ref:l,onClick:V,target:C,style:Q,className:e(d.link,m,p(d,f("color-"+S)),t(t({},d.inheritFontSize,G),d.inlineText,O)),"aria-label":P,"aria-describedby":T,"aria-labelledby":w},b(U,z,e(d.iconStart)),r.createElement("span",{className:e(d.text,c)},N),b(!U,z,e(d.iconEnd)))})),{position:l,iconPositions:l,targets:m});export{y as default};
 //# sourceMappingURL=Link.js.map

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 { type LinkColor, type LinkIconPosition, type LinkTarget } from \"./Link.types\";\nimport { type SubIcon, type VibeComponentProps, withStaticProps } from \"../../types\";\nimport styles from \"./Link.module.scss\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { camelCase } from \"es-toolkit\";\nimport { ComponentVibeId } from \"../../tests/constants\";\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   * Inline style object applied to the link element.\n   */\n  style?: React.CSSProperties;\n}\n\nconst Link = 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      style,\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        data-vibe={ComponentVibeId.LINK}\n        id={id}\n        href={href}\n        rel={rel}\n        ref={ref}\n        onClick={onClickWrapper}\n        target={target}\n        style={style}\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\ninterface LinkStaticProps {\n  targets: typeof LinkTargetEnum;\n  iconPositions: typeof IconPositionEnum;\n  position: typeof IconPositionEnum;\n}\n\nexport default withStaticProps<LinkProps, LinkStaticProps>(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","style","dataTestId","isStart","onClickWrapper","useCallback","e","preventDefault","getTestId","ComponentDefaultTestId","LINK","ComponentVibeId","cx","styles","link","getStyle","camelCase","_defineProperty","iconStart","iconEnd","position","IconPositionEnum","iconPositions","targets","LinkTargetEnum"],"mappings":"wrBA8IA,SAASA,EAAQC,EAAqBC,EAA+CC,GACnF,GAAKF,EACL,OAAOG,EAACC,cAAAC,EAAK,CAAAH,UAAWA,EAAWD,KAAMA,EAAMK,SAAS,QAC1D,CAQA,IAAeC,EAAAA,EA3EFC,GACX,SAAAC,EAsBEC,GACE,IArBAR,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,EAClBE,EAAKjC,EAALiC,MACeC,EAAUlC,EAAzB,eAIImC,EAA2B,gBAXhB,IAAHd,EAAG,QAAOA,GAalBe,EAAiBC,GACrB,SAACC,GACKV,GACFU,EAAEC,iBAEJ7B,GAAWA,EAAQ4B,EACrB,GACA,CAACV,EAAmBlB,IAGtB,OACEhB,EAAAC,cAAA,IAAA,CAAA,cACeuC,GAAcM,EAAUC,EAAuBC,KAAMlB,eACvDmB,EAAgBD,KAC3BlB,GAAIA,EACJpB,KAAMA,EACNI,IAAKA,EACLP,IAAKA,EACLS,QAAS0B,EACTvB,OAAQA,EACRoB,MAAOA,EACPxC,UAAWmD,EAAGC,EAAOC,KAAMrD,EAAWsD,EAASF,EAAQG,EAAU,SAAW/B,IAAOgC,EAAAA,EAAA,CAAA,EAChFJ,EAAOf,gBAAkBA,GACzBe,EAAOb,WAAaA,IAEX,aAAAjB,EACM,mBAAAI,oBACDO,GAEhBpC,EAAQ6C,EAAS3C,EAAMoD,EAAGC,EAAOK,YAClCxD,EAAAC,cAAA,OAAA,CAAMF,UAAWmD,EAAGC,EAAOvC,KAAMJ,IAAiBI,GACjDhB,GAAS6C,EAAS3C,EAAMoD,EAAGC,EAAOM,UAGzC,IAc+D,CAC/DC,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, type SubIcon } from \"@vibe/icon\";\nimport { IconPosition as IconPositionEnum, LinkTarget as LinkTargetEnum } from \"./LinkConsts\";\nimport { type LinkColor, type LinkIconPosition, type LinkTarget } from \"./Link.types\";\nimport { type VibeComponentProps, withStaticProps } from \"../../types\";\nimport styles from \"./Link.module.scss\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { camelCase } from \"es-toolkit\";\nimport { ComponentVibeId } from \"../../tests/constants\";\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   * Inline style object applied to the link element.\n   */\n  style?: React.CSSProperties;\n}\n\nconst Link = 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      style,\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        data-vibe={ComponentVibeId.LINK}\n        id={id}\n        href={href}\n        rel={rel}\n        ref={ref}\n        onClick={onClickWrapper}\n        target={target}\n        style={style}\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\ninterface LinkStaticProps {\n  targets: typeof LinkTargetEnum;\n  iconPositions: typeof IconPositionEnum;\n  position: typeof IconPositionEnum;\n}\n\nexport default withStaticProps<LinkProps, LinkStaticProps>(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","style","dataTestId","isStart","onClickWrapper","useCallback","e","preventDefault","getTestId","ComponentDefaultTestId","LINK","ComponentVibeId","cx","styles","link","getStyle","camelCase","_defineProperty","iconStart","iconEnd","position","IconPositionEnum","iconPositions","targets","LinkTargetEnum"],"mappings":"mtBA8IA,SAASA,EAAQC,EAAqBC,EAA+CC,GACnF,GAAKF,EACL,OAAOG,EAACC,cAAAC,EAAK,CAAAH,UAAWA,EAAWD,KAAMA,EAAMK,SAAS,QAC1D,CAQA,IAAeC,EAAAA,EA3EFC,GACX,SAAAC,EAsBEC,GACE,IArBAR,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,EAClBE,EAAKjC,EAALiC,MACeC,EAAUlC,EAAzB,eAIImC,EAA2B,gBAXhB,IAAHd,EAAG,QAAOA,GAalBe,EAAiBC,GACrB,SAACC,GACKV,GACFU,EAAEC,iBAEJ7B,GAAWA,EAAQ4B,EACrB,GACA,CAACV,EAAmBlB,IAGtB,OACEhB,EAAAC,cAAA,IAAA,CAAA,cACeuC,GAAcM,EAAUC,EAAuBC,KAAMlB,eACvDmB,EAAgBD,KAC3BlB,GAAIA,EACJpB,KAAMA,EACNI,IAAKA,EACLP,IAAKA,EACLS,QAAS0B,EACTvB,OAAQA,EACRoB,MAAOA,EACPxC,UAAWmD,EAAGC,EAAOC,KAAMrD,EAAWsD,EAASF,EAAQG,EAAU,SAAW/B,IAAOgC,EAAAA,EAAA,CAAA,EAChFJ,EAAOf,gBAAkBA,GACzBe,EAAOb,WAAaA,IAEX,aAAAjB,EACM,mBAAAI,oBACDO,GAEhBpC,EAAQ6C,EAAS3C,EAAMoD,EAAGC,EAAOK,YAClCxD,EAAAC,cAAA,OAAA,CAAMF,UAAWmD,EAAGC,EAAOvC,KAAMJ,IAAiBI,GACjDhB,GAAS6C,EAAS3C,EAAMoD,EAAGC,EAAOM,UAGzC,IAc+D,CAC/DC,SAAUC,EACVC,cAAeD,EACfE,QAASC"}

package/dist/mocked_classnames/src/components/ListItemIcon/ListItemIcon.js

@@ -1,2 +1,2 @@
-import o from"classnames";import t,{forwardRef as s,useRef as e}from"react";import r from"../../hooks/useMergeRef.js";import m from"../Icon/Icon.js";import{ListItemIconMargin as i}from"./ListItemIconConstants.js";import{ListItemComponentType as n}from"../ListItem/ListItemConstants.js";import{withStaticProps as a}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import{getStyle as c}from"../../helpers/typesciptCssModulesHelper.js";import p from"./ListItemIcon.module.scss.js";var l=18,f=a(s((function(s,i){var n=s.className,a=s.id,l=s.icon,f=s.margin,d=void 0===f?"start":f,u=s.component,I=void 0===u?"div":u,j=e(null),v=r(i,j);return t.createElement(I,{ref:v,className:o(p.listItemIcon,c(p,d),n),id:a,"aria-hidden":"true"},t.createElement(m,{icon:l,ignoreFocusStyle:!0,iconSize:18}))})),{margin:i,components:n});export{l as LIST_ITEM_ICON_SIZE,f as default};
+import o from"classnames";import t,{forwardRef as s,useRef as e}from"react";import r from"../../hooks/useMergeRef.js";import{ListItemIconMargin as i}from"./ListItemIconConstants.js";import{ListItemComponentType as m}from"../ListItem/ListItemConstants.js";import{withStaticProps as n}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import{getStyle as c}from"../../helpers/typesciptCssModulesHelper.js";import a from"./ListItemIcon.module.scss.js";import p from"../../../components/icon/dist/Icon/Icon.js";var l=18,f=n(s((function(s,i){var m=s.className,n=s.id,l=s.icon,f=s.margin,d=void 0===f?"start":f,u=s.component,I=void 0===u?"div":u,j=e(null),v=r(i,j);return t.createElement(I,{ref:v,className:o(a.listItemIcon,c(a,d),m),id:n,"aria-hidden":"true"},t.createElement(p,{icon:l,ignoreFocusStyle:!0,iconSize:18}))})),{margin:i,components:m});export{l as LIST_ITEM_ICON_SIZE,f as default};
 //# sourceMappingURL=ListItemIcon.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ListItemIcon.js","sources":["../../../../../src/components/ListItemIcon/ListItemIcon.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { forwardRef, useRef } from \"react\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport Icon from \"../Icon/Icon\";\nimport { ListItemIconMargin as ListItemIconMarginEnum } from \"./ListItemIconConstants\";\nimport { ListItemComponentType as ListItemComponentTypeEnum } from \"../ListItem/ListItemConstants\";\nimport { type ListItemElement } from \"../ListItem\";\nimport { type SubIcon, type VibeComponentProps, withStaticProps } from \"../../types\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport styles from \"./ListItemIcon.module.scss\";\nimport { type ListItemIconMargin } from \"./ListItemIcon.types\";\n\nexport const LIST_ITEM_ICON_SIZE = 18;\n\nexport interface ListItemIconProps extends VibeComponentProps {\n  /**\n   * The HTML element used for the list item icon.\n   */\n  component?: ListItemElement;\n  /**\n   * The icon displayed inside the list item.\n   */\n  icon?: SubIcon;\n  /**\n   * The position of the icon inside the list item, determining its margins.\n   */\n  margin?: ListItemIconMargin;\n}\n\nconst ListItemIcon = forwardRef(\n  (\n    { className, id, icon, margin = \"start\", component: Component = \"div\" }: ListItemIconProps,\n    ref: React.ForwardedRef<HTMLElement>\n  ) => {\n    const componentRef = useRef(null);\n    const mergedRef = useMergeRef(ref, componentRef);\n\n    return (\n      <Component\n        ref={mergedRef}\n        className={cx(styles.listItemIcon, getStyle(styles, margin), className)}\n        id={id}\n        aria-hidden=\"true\"\n      >\n        <Icon icon={icon} ignoreFocusStyle iconSize={LIST_ITEM_ICON_SIZE} />\n      </Component>\n    );\n  }\n);\n\ninterface ListItemIconStaticProps {\n  margin: typeof ListItemIconMarginEnum;\n  components: typeof ListItemComponentTypeEnum;\n}\n\nexport default withStaticProps<ListItemIconProps, ListItemIconStaticProps>(ListItemIcon, {\n  margin: ListItemIconMarginEnum,\n  components: ListItemComponentTypeEnum\n});\n"],"names":["LIST_ITEM_ICON_SIZE","withStaticProps","forwardRef","_ref","ref","className","id","icon","_ref$margin","margin","_ref$component","component","Component","componentRef","useRef","mergedRef","useMergeRef","React","createElement","cx","styles","listItemIcon","getStyle","Icon","ignoreFocusStyle","iconSize","ListItemIconMarginEnum","components","ListItemComponentTypeEnum"],"mappings":"yfAYO,IAAMA,EAAsB,GA2CpBC,EAAAA,EA1BMC,GACnB,SAAAC,EAEEC,GACE,IAFAC,EAASF,EAATE,UAAWC,EAAEH,EAAFG,GAAIC,EAAIJ,EAAJI,KAAIC,EAAAL,EAAEM,OAAAA,OAAS,IAAHD,EAAG,QAAOA,EAAAE,EAAAP,EAAEQ,UAAWC,OAAY,IAAHF,EAAG,MAAKA,EAG/DG,EAAeC,EAAO,MACtBC,EAAYC,EAAYZ,EAAKS,GAEnC,OACEI,EAAAC,cAACN,EAAS,CACRR,IAAKW,EACLV,UAAWc,EAAGC,EAAOC,aAAcC,EAASF,EAAQX,GAASJ,GAC7DC,GAAIA,gBACQ,QAEZW,EAAAC,cAACK,EAAI,CAAChB,KAAMA,EAAMiB,kBAAiB,EAAAC,SAhCR,KAmCjC,IAQuF,CACvFhB,OAAQiB,EACRC,WAAYC"}
+{"version":3,"file":"ListItemIcon.js","sources":["../../../../../src/components/ListItemIcon/ListItemIcon.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { forwardRef, useRef } from \"react\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { Icon, type SubIcon } from \"@vibe/icon\";\nimport { ListItemIconMargin as ListItemIconMarginEnum } from \"./ListItemIconConstants\";\nimport { ListItemComponentType as ListItemComponentTypeEnum } from \"../ListItem/ListItemConstants\";\nimport { type ListItemElement } from \"../ListItem\";\nimport { type VibeComponentProps, withStaticProps } from \"../../types\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport styles from \"./ListItemIcon.module.scss\";\nimport { type ListItemIconMargin } from \"./ListItemIcon.types\";\n\nexport const LIST_ITEM_ICON_SIZE = 18;\n\nexport interface ListItemIconProps extends VibeComponentProps {\n  /**\n   * The HTML element used for the list item icon.\n   */\n  component?: ListItemElement;\n  /**\n   * The icon displayed inside the list item.\n   */\n  icon?: SubIcon;\n  /**\n   * The position of the icon inside the list item, determining its margins.\n   */\n  margin?: ListItemIconMargin;\n}\n\nconst ListItemIcon = forwardRef(\n  (\n    { className, id, icon, margin = \"start\", component: Component = \"div\" }: ListItemIconProps,\n    ref: React.ForwardedRef<HTMLElement>\n  ) => {\n    const componentRef = useRef(null);\n    const mergedRef = useMergeRef(ref, componentRef);\n\n    return (\n      <Component\n        ref={mergedRef}\n        className={cx(styles.listItemIcon, getStyle(styles, margin), className)}\n        id={id}\n        aria-hidden=\"true\"\n      >\n        <Icon icon={icon} ignoreFocusStyle iconSize={LIST_ITEM_ICON_SIZE} />\n      </Component>\n    );\n  }\n);\n\ninterface ListItemIconStaticProps {\n  margin: typeof ListItemIconMarginEnum;\n  components: typeof ListItemComponentTypeEnum;\n}\n\nexport default withStaticProps<ListItemIconProps, ListItemIconStaticProps>(ListItemIcon, {\n  margin: ListItemIconMarginEnum,\n  components: ListItemComponentTypeEnum\n});\n"],"names":["LIST_ITEM_ICON_SIZE","withStaticProps","forwardRef","_ref","ref","className","id","icon","_ref$margin","margin","_ref$component","component","Component","componentRef","useRef","mergedRef","useMergeRef","React","createElement","cx","styles","listItemIcon","getStyle","Icon","ignoreFocusStyle","iconSize","ListItemIconMarginEnum","components","ListItemComponentTypeEnum"],"mappings":"ohBAYO,IAAMA,EAAsB,GA2CpBC,EAAAA,EA1BMC,GACnB,SAAAC,EAEEC,GACE,IAFAC,EAASF,EAATE,UAAWC,EAAEH,EAAFG,GAAIC,EAAIJ,EAAJI,KAAIC,EAAAL,EAAEM,OAAAA,OAAS,IAAHD,EAAG,QAAOA,EAAAE,EAAAP,EAAEQ,UAAWC,OAAY,IAAHF,EAAG,MAAKA,EAG/DG,EAAeC,EAAO,MACtBC,EAAYC,EAAYZ,EAAKS,GAEnC,OACEI,EAAAC,cAACN,EAAS,CACRR,IAAKW,EACLV,UAAWc,EAAGC,EAAOC,aAAcC,EAASF,EAAQX,GAASJ,GAC7DC,GAAIA,gBACQ,QAEZW,EAAAC,cAACK,EAAI,CAAChB,KAAMA,EAAMiB,kBAAiB,EAAAC,SAhCR,KAmCjC,IAQuF,CACvFhB,OAAQiB,EACRC,WAAYC"}

package/dist/mocked_classnames/src/components/Menu/MenuItem/MenuItem.js

@@ -1,2 +1,2 @@
-import{__rest as e}from"../../../../_virtual/_tslib.js";import o,{forwardRef as t,useRef as i,useMemo as s}from"react";import l from"../../Tooltip/Tooltip.js";import n from"../../Icon/Icon.js";import r from"../../../hooks/useIsOverflowing/useIsOverflowing.js";import{withStaticProps as a}from"../../../types/withStaticProps.js";import"../../../utils/colors-vars-map.js";import p from"../../Label/Label.js";import c from"./MenuItem.module.scss.js";import m from"./components/BaseMenuItem/BaseMenuItem.js";import d from"./components/MenuItemIcon/MenuItemIcon.js";import{TooltipPositions as u}from"../../Tooltip/TooltipConstants.js";var f=t((function(t,n){var a=t.className,u=t.iconWrapperClassName,f=t.title,b=void 0===f?"":f,v=t.label,j=void 0===v?"":v,y=t.icon,I=void 0===y?"":y,g=t.iconType,C=t.iconBackgroundColor,h=t.disabled,k=void 0!==h&&h,w=t.disableReason,M=t.selected,N=void 0!==M&&M,T=t.key,E=t.children,P=t.tooltipContent,O=t.tooltipPosition,B=void 0===O?"right":O,S=t.tooltipShowDelay,D=void 0===S?300:S,x=t.tooltipProps,L=t["aria-label"],R=e(t,["className","iconWrapperClassName","title","label","icon","iconType","iconBackgroundColor","disabled","disableReason","selected","key","children","tooltipContent","tooltipPosition","tooltipShowDelay","tooltipProps","aria-label"]),W=i(),_=null!=L?L:b,V=r({ref:W})||k||P,q=s((function(){return k?w:P||b}),[w,k,b,P]),z=s((function(){if(j)return"string"==typeof j?o.createElement(p,{kind:"line",text:j}):o.isValidElement(j)&&j.type===p?j:void 0}),[j]);return o.createElement(l,Object.assign({content:V?q:null,position:B,showDelay:D},x),o.createElement(m,Object.assign({key:T,ref:n,subMenu:E,className:a,disabled:k,selected:N},R),!!I&&o.createElement(d,{icon:I,type:g,label:_,disabled:k,selected:N,backgroundColor:C,wrapperClassName:u}),o.createElement("div",{ref:W,className:c.title},b),z))}));Object.assign(f,{isSelectable:!0,isMenuChild:!0});var b=a(f,{iconType:n.type,tooltipPositions:u});export{b as default};
+import{__rest as e}from"../../../../_virtual/_tslib.js";import o,{forwardRef as t,useRef as i,useMemo as s}from"react";import l from"../../Tooltip/Tooltip.js";import n from"../../../hooks/useIsOverflowing/useIsOverflowing.js";import{withStaticProps as r}from"../../../types/withStaticProps.js";import"../../../utils/colors-vars-map.js";import a from"../../Label/Label.js";import c from"./MenuItem.module.scss.js";import p from"./components/BaseMenuItem/BaseMenuItem.js";import m from"./components/MenuItemIcon/MenuItemIcon.js";import{TooltipPositions as d}from"../../Tooltip/TooltipConstants.js";import u from"../../../../components/icon/dist/Icon/Icon.js";var f=t((function(t,r){var d=t.className,u=t.iconWrapperClassName,f=t.title,b=void 0===f?"":f,v=t.label,j=void 0===v?"":v,y=t.icon,I=void 0===y?"":y,g=t.iconType,C=t.iconBackgroundColor,h=t.disabled,k=void 0!==h&&h,w=t.disableReason,M=t.selected,N=void 0!==M&&M,T=t.key,E=t.children,P=t.tooltipContent,O=t.tooltipPosition,B=void 0===O?"right":O,S=t.tooltipShowDelay,D=void 0===S?300:S,x=t.tooltipProps,L=t["aria-label"],R=e(t,["className","iconWrapperClassName","title","label","icon","iconType","iconBackgroundColor","disabled","disableReason","selected","key","children","tooltipContent","tooltipPosition","tooltipShowDelay","tooltipProps","aria-label"]),W=i(),_=null!=L?L:b,V=n({ref:W})||k||P,q=s((function(){return k?w:P||b}),[w,k,b,P]),z=s((function(){if(j)return"string"==typeof j?o.createElement(a,{kind:"line",text:j}):o.isValidElement(j)&&j.type===a?j:void 0}),[j]);return o.createElement(l,Object.assign({content:V?q:null,position:B,showDelay:D},x),o.createElement(p,Object.assign({key:T,ref:r,subMenu:E,className:d,disabled:k,selected:N},R),!!I&&o.createElement(m,{icon:I,type:g,label:_,disabled:k,selected:N,backgroundColor:C,wrapperClassName:u}),o.createElement("div",{ref:W,className:c.title},b),z))}));Object.assign(f,{isSelectable:!0,isMenuChild:!0});var b=r(f,{iconType:u.type,tooltipPositions:d});export{b as default};
 //# sourceMappingURL=MenuItem.js.map