@vibe/core 3.86.0 → 3.87.0

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

@@ -0,0 +1,2 @@
+import t,{useCallback as e}from"react";import o from"../../../Avatar/Avatar.js";import r from"./ChildrenContent.module.scss.js";import{getTestId as n}from"../../../../tests/testIds.js";import{ComponentDefaultTestId as a}from"../../../../tests/constants.js";import i from"../../../../../components/icon/dist/Icon/Icon.js";import s from"../../../../../components/typography/dist/Text/Text.js";var c=function(c){var l=c.data,m=c.children,u=c.readOnly,d=e((function(t){u&&t.stopPropagation()}),[u]);return t.createElement("div",{className:r.valueContainer,onMouseDown:d,"data-testid":n(a.DROPDOWN_OPTION_CONTENT)},(null==l?void 0:l.leftRenderer)||t.createElement(t.Fragment,null,(null==l?void 0:l.leftAvatar)&&t.createElement(o,{className:r.avatar,withoutBorder:!0,square:l.square,src:l.leftAvatar,type:"img",customSize:20}),(null==l?void 0:l.leftIcon)&&t.createElement(i,{className:r.icon,iconSize:18,icon:l.leftIcon})),t.createElement(s,{type:s.types.TEXT2,color:s.colors.INHERIT},m),(null==l?void 0:l.rightIcon)&&t.createElement(i,{iconSize:18,icon:l.rightIcon}),(null==l?void 0:l.rightAvatar)&&t.createElement(o,{withoutBorder:!0,square:l.square,src:l.rightAvatar,type:"img",customSize:20}))};export{c as ChildrenContent};
+//# sourceMappingURL=ChildrenContent.js.map

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

@@ -0,0 +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 \"@vibe/icon\";\nimport { Text } from \"@vibe/typography\";\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":"2YAQaA,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/src/components/Dropdown/components/ChildrenContent/ChildrenContent.module.scss.js

@@ -0,0 +1,2 @@
+var e={valueContainer:"valueContainer_8c6c95f70f",avatar:"avatar_8547f811fc",icon:"icon_50b5aea8c1"};!function(e){const n="s_id-a9768234c15e_3_86_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".valueContainer_8c6c95f70f {\n  display: flex;\n  gap: var(--spacing-xs);\n  align-items: center;\n  width: 100%;\n}\n.valueContainer_8c6c95f70f .avatar_8547f811fc,\n.valueContainer_8c6c95f70f .icon_50b5aea8c1 {\n  flex-shrink: 0;\n}");export{e as default};
+//# sourceMappingURL=ChildrenContent.module.scss.js.map

package/dist/src/components/Dropdown/components/ChildrenContent/ChildrenContent.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChildrenContent.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -0,0 +1,2 @@
+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 i from"../../../../../components/icon/dist/Icon/Icon.js";import a from"../../../../../icons/dist/react/CloseSmall.js";var n=function(n){var s=n.size;return r.createElement(o.ClearIndicator,e({},n,{className:"clear-indicator"}),r.createElement(i,{iconType:"svg",icon:a,iconSize:t(s),tabindex:"-1"}))};export{n as default};
+//# sourceMappingURL=ClearIndicator.js.map

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

@@ -0,0 +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 \"@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":"uUAMA,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/src/components/Dropdown/components/Control/Control.js

@@ -0,0 +1,2 @@
+import e from"react";import{components as o}from"react-select";import t from"../../../../../components/tooltip/dist/Tooltip/Tooltip.js";var r=function(r){var l,i,n=r.selectProps,c=e.createElement(o.Control,r),s=null==n||null===(l=n.selectProps)||void 0===l?void 0:l.controlRef;return s?e.createElement(t,{content:null==n||null===(i=n.selectProps)||void 0===i?void 0:i.tooltipContent,hideTrigger:["mouseleave","click"],showTrigger:[t.hideShowTriggers.MOUSE_ENTER]},e.createElement("div",{ref:s},c)):c};export{r as default};
+//# sourceMappingURL=Control.js.map

package/dist/src/components/Dropdown/components/Control/Control.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Control.js","sources":["../../../../../../src/components/Dropdown/components/Control/Control.jsx"],"sourcesContent":["import React from \"react\";\nimport { components } from \"react-select\";\nimport { Tooltip } from \"@vibe/tooltip\";\n\nconst Control = props => {\n  const { selectProps } = props;\n  const control = <components.Control {...props} />;\n  const controlRef = selectProps?.selectProps?.controlRef;\n  if (controlRef)\n    return (\n      <Tooltip\n        content={selectProps?.selectProps?.tooltipContent}\n        hideTrigger={[\"mouseleave\", \"click\"]}\n        showTrigger={[Tooltip.hideShowTriggers.MOUSE_ENTER]}\n      >\n        <div ref={controlRef}>{control}</div>\n      </Tooltip>\n    );\n  return control;\n};\n\nexport default Control;\n"],"names":["Control","props","_selectProps$selectPr","_selectProps$selectPr2","selectProps","control","React","createElement","components","controlRef","Tooltip","content","tooltipContent","hideTrigger","showTrigger","hideShowTriggers","MOUSE_ENTER","ref"],"mappings":"wIAIA,IAAMA,EAAU,SAAAC,GAAS,IAAAC,EAAAC,EACfC,EAAgBH,EAAhBG,YACFC,EAAUC,EAAAC,cAACC,EAAWR,QAAYC,GAClCQ,EAAaL,SAAwBF,QAAbA,EAAXE,EAAaA,mBAAbF,IAAwBA,OAAxBA,EAAAA,EAA0BO,WAC7C,OAAIA,EAEAH,EAAAC,cAACG,EAAO,CACNC,QAASP,SAAwBD,QAAbA,EAAXC,EAAaA,mBAAbD,IAAwBA,OAAxBA,EAAAA,EAA0BS,eACnCC,YAAa,CAAC,aAAc,SAC5BC,YAAa,CAACJ,EAAQK,iBAAiBC,cAEvCV,EAAAC,cAAA,MAAA,CAAKU,IAAKR,GAAaJ,IAGtBA,CACT"}

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

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

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

@@ -0,0 +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 \"@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":"gVAMA,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/src/components/Dropdown/components/MultiValueContainer/MultiValueContainer.js

@@ -0,0 +1,2 @@
+import{objectWithoutProperties as e,slicedToArray as t,defineProperty as n,extends as o}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import i,{useState as a,useEffect as l,useCallback as r}from"react";import{components as s}from"react-select";import c from"classnames";import{useHiddenOptionsData as p}from"../../hooks/useHiddenOptionsData.js";import u from"../../../Counter/Counter.js";import m from"../../../Chips/Chips.js";import d from"./MultiValueContainer.module.scss.js";import h from"../../../../../components/dialog/dist/Dialog/Dialog.js";import f from"../../../../../components/dialog/dist/DialogContentContainer/DialogContentContainer.js";var v=["children","selectProps"];function g(g){var C=g.children,D=g.selectProps,E=e(g,v),w=D.isDisabled,N=D.placeholder,P=D.inputValue,b=D.selectProps,y=void 0===b?{}:b,j=D.withMandatoryDefaultOptions,M=D.readOnly,O=y.selectedOptions,k=y.onSelectedDelete,S=y.isMultiline,x=y.popupsContainerSelector,A=y.size,T=y.dialogClassName,R=C[1],V=a(),B=t(V,2),H=B[0],I=B[1],F=a(!1),W=t(F,2),_=W[0],z=W[1],q=a(!1),G=t(q,2),J=G[0],K=G[1],L=0===O.length&&!P,Q=d["chip-with-input-wrapper"],U=c(S?d["multiselect-chip-multi-line"]:d["multiselect-chip-single-line-".concat(A)],n({},d["multiselect-chip-disabled"],w)),X=p({isMultiline:S,ref:H,chipClassName:U,chipWrapperClassName:Q,selectedOptionsCount:O.length,isCounterShown:_}),Y=X.overflowIndex,Z=X.hiddenOptionsCount;l((function(){z(Z>0)}),[Z]);var $=r((function(){K(!0)}),[]),ee=r((function(){K(!1)}),[]),te=r((function(e){k(e.value,{action:"remove-value",removedValue:e})}),[k]),ne=["primary","negative","positive"],oe=r((function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:O.length;return O.map((function(n,o){var a=ne.includes(n.chipColor)?n.chipColor:"primary";return o>=e&&t>o?i.createElement(m,{"data-testid":"value-container-chip",key:n.value,className:c(d.chips,U),noAnimation:!0,disabled:w,id:n.value,label:n.label,onDelete:function(){return te(n)},disableClickableBehavior:!0,onMouseDown:function(e){e.stopPropagation()},readOnly:M||j&&n.isMandatory,allowTextSelection:M,leftRenderer:n.leftRenderer,rightRenderer:n.rightRenderer,leftAvatar:n.leftAvatar,leftIcon:n.leftIcon,color:a}):null}))}),[O,U,w,M,j,te,A]);return i.createElement(s.ValueContainer,o({selectProps:D},E),i.createElement("div",{className:d["value-container"],onTouchEndCapture:function(e){e.stopPropagation()}},L&&i.createElement("div",{className:d["placeholder-container"]},i.createElement(s.Placeholder,E,N)),i.createElement("div",{className:c(d["value-container-chips"],n({},d["without-placeholder"],!L)),ref:function(e){return I(e)},"data-testid":"value-container-chips"},_?i.createElement(i.Fragment,null,oe(0,Y-1),i.createElement("div",{className:Q},oe(Y-1,Y),R),oe(Y)):i.createElement(i.Fragment,null,oe(0,O.length-1),i.createElement("div",{className:Q},oe(O.length-1),R))),i.createElement("div",null,_&&i.createElement(h,{content:function(){return i.createElement(f,{className:d.valueDialogContent,onMouseDown:function(e){e.stopPropagation()}},oe(Y))},containerSelector:x,tooltip:!0,showTrigger:"click",hideTrigger:"clickoutside",position:"bottom",moveBy:{main:5},wrapperClassName:T,onDialogDidShow:$,onDialogDidHide:ee},i.createElement(u,{kind:"line",prefix:"+",count:Z,counterClassName:c(d.dropdownCounter,n({},d.active,J)),onMouseDown:function(e){e.stopPropagation()},noAnimation:!0})))))}export{g as default};
+//# sourceMappingURL=MultiValueContainer.js.map

package/dist/src/components/Dropdown/components/MultiValueContainer/MultiValueContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiValueContainer.js","sources":["../../../../../../src/components/Dropdown/components/MultiValueContainer/MultiValueContainer.jsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from \"react\";\nimport { components } from \"react-select\";\nimport cx from \"classnames\";\nimport { useHiddenOptionsData } from \"../../hooks/useHiddenOptionsData\";\nimport Counter from \"../../../Counter/Counter\";\nimport { Dialog, DialogContentContainer } from \"@vibe/dialog\";\nimport Chips from \"../../../Chips/Chips\";\nimport classes from \"./MultiValueContainer.module.scss\";\n\nconst DIALOG_OFFSET_Y = 5;\n\nexport default function Container({ children, selectProps, ...otherProps }) {\n  const {\n    isDisabled,\n    placeholder,\n    inputValue,\n    selectProps: customProps = {},\n    withMandatoryDefaultOptions,\n    readOnly\n  } = selectProps;\n  const { selectedOptions, onSelectedDelete, isMultiline, popupsContainerSelector, size, dialogClassName } =\n    customProps;\n  const clickHandler = children[1];\n  const [ref, setRef] = useState();\n  const [isCounterShown, setIsCounterShown] = useState(false);\n  const [isDialogOpen, setIsDialogOpen] = useState(false);\n  const showPlaceholder = selectedOptions.length === 0 && !inputValue;\n  const chipWrapperClassName = classes[\"chip-with-input-wrapper\"];\n  const chipClassName = cx(\n    isMultiline ? classes[\"multiselect-chip-multi-line\"] : classes[`multiselect-chip-single-line-${size}`],\n    { [classes[\"multiselect-chip-disabled\"]]: isDisabled }\n  );\n\n  const { overflowIndex, hiddenOptionsCount } = useHiddenOptionsData({\n    isMultiline,\n    ref,\n    chipClassName,\n    chipWrapperClassName,\n    selectedOptionsCount: selectedOptions.length,\n    isCounterShown\n  });\n\n  useEffect(() => {\n    setIsCounterShown(hiddenOptionsCount > 0);\n  }, [hiddenOptionsCount]);\n\n  const handleDialogShow = useCallback(() => {\n    setIsDialogOpen(true);\n  }, []);\n\n  const handleDialogHide = useCallback(() => {\n    setIsDialogOpen(false);\n  }, []);\n\n  const onDelete = useCallback(\n    option => {\n      onSelectedDelete(option.value, { action: \"remove-value\", removedValue: option });\n    },\n    [onSelectedDelete]\n  );\n\n  const DropdownChipColors = [\"primary\", \"negative\", \"positive\"];\n  const renderOptions = useCallback(\n    (from = 0, to = selectedOptions.length) =>\n      selectedOptions.map((option, index) => {\n        const overrideChipColor = DropdownChipColors.includes(option.chipColor) ? option.chipColor : \"primary\";\n        return index >= from && index < to ? (\n          <Chips\n            data-testid=\"value-container-chip\"\n            key={option.value}\n            className={cx(classes.chips, chipClassName)}\n            noAnimation\n            disabled={isDisabled}\n            id={option.value}\n            label={option.label}\n            onDelete={() => onDelete(option)}\n            disableClickableBehavior\n            onMouseDown={e => {\n              e.stopPropagation();\n            }}\n            readOnly={readOnly || (withMandatoryDefaultOptions && option.isMandatory)}\n            allowTextSelection={readOnly}\n            leftRenderer={option.leftRenderer}\n            rightRenderer={option.rightRenderer}\n            leftAvatar={option.leftAvatar}\n            leftIcon={option.leftIcon}\n            color={overrideChipColor}\n          />\n        ) : null;\n      }),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [selectedOptions, chipClassName, isDisabled, readOnly, withMandatoryDefaultOptions, onDelete, size]\n  );\n\n  return (\n    <components.ValueContainer selectProps={selectProps} {...otherProps}>\n      <div\n        className={classes[\"value-container\"]}\n        onTouchEndCapture={e => {\n          e.stopPropagation();\n        }}\n      >\n        {showPlaceholder && (\n          <div className={classes[\"placeholder-container\"]}>\n            <components.Placeholder {...otherProps}>{placeholder}</components.Placeholder>\n          </div>\n        )}\n        <div\n          className={cx(classes[\"value-container-chips\"], { [classes[\"without-placeholder\"]]: !showPlaceholder })}\n          ref={newRef => setRef(newRef)}\n          data-testid=\"value-container-chips\"\n        >\n          {isCounterShown ? (\n            <>\n              {renderOptions(0, overflowIndex - 1)}\n              <div className={chipWrapperClassName}>\n                {renderOptions(overflowIndex - 1, overflowIndex)}\n                {clickHandler}\n              </div>\n              {renderOptions(overflowIndex)}\n            </>\n          ) : (\n            <>\n              {renderOptions(0, selectedOptions.length - 1)}\n              <div className={chipWrapperClassName}>\n                {renderOptions(selectedOptions.length - 1)}\n                {clickHandler}\n              </div>\n            </>\n          )}\n        </div>\n        <div>\n          {isCounterShown && (\n            <Dialog\n              content={() => (\n                <DialogContentContainer\n                  className={classes.valueDialogContent}\n                  onMouseDown={e => {\n                    e.stopPropagation();\n                  }}\n                >\n                  {renderOptions(overflowIndex)}\n                </DialogContentContainer>\n              )}\n              containerSelector={popupsContainerSelector}\n              tooltip\n              showTrigger=\"click\"\n              hideTrigger=\"clickoutside\"\n              position=\"bottom\"\n              moveBy={{ main: DIALOG_OFFSET_Y }}\n              wrapperClassName={dialogClassName}\n              onDialogDidShow={handleDialogShow}\n              onDialogDidHide={handleDialogHide}\n            >\n              <Counter\n                kind=\"line\"\n                prefix=\"+\"\n                count={hiddenOptionsCount}\n                counterClassName={cx(classes.dropdownCounter, { [classes.active]: isDialogOpen })}\n                onMouseDown={e => {\n                  e.stopPropagation();\n                }}\n                noAnimation\n              />\n            </Dialog>\n          )}\n        </div>\n      </div>\n    </components.ValueContainer>\n  );\n}\n"],"names":["Container","_ref","children","selectProps","otherProps","_objectWithoutProperties","_excluded","isDisabled","placeholder","inputValue","_selectProps$selectPr","customProps","withMandatoryDefaultOptions","readOnly","selectedOptions","onSelectedDelete","isMultiline","popupsContainerSelector","size","dialogClassName","clickHandler","_useState","useState","_useState2","_slicedToArray","ref","setRef","_useState3","_useState4","isCounterShown","setIsCounterShown","_useState5","_useState6","isDialogOpen","setIsDialogOpen","showPlaceholder","length","chipWrapperClassName","classes","chipClassName","cx","concat","_defineProperty","_useHiddenOptionsData","useHiddenOptionsData","selectedOptionsCount","overflowIndex","hiddenOptionsCount","useEffect","handleDialogShow","useCallback","handleDialogHide","onDelete","option","value","action","removedValue","DropdownChipColors","renderOptions","from","arguments","undefined","to","map","index","overrideChipColor","includes","chipColor","React","createElement","Chips","key","className","chips","noAnimation","disabled","id","label","disableClickableBehavior","onMouseDown","e","stopPropagation","isMandatory","allowTextSelection","leftRenderer","rightRenderer","leftAvatar","leftIcon","color","components","ValueContainer","_extends","onTouchEndCapture","Placeholder","newRef","Fragment","Dialog","content","DialogContentContainer","valueDialogContent","containerSelector","tooltip","showTrigger","hideTrigger","position","moveBy","main","wrapperClassName","onDialogDidShow","onDialogDidHide","Counter","kind","prefix","count","counterClassName","dropdownCounter","active"],"mappings":"yrBAWe,SAASA,EAASC,GAA2C,IAAxCC,EAAQD,EAARC,SAAUC,EAAWF,EAAXE,YAAgBC,EAAUC,EAAAJ,EAAAK,GAEpEC,EAMEJ,EANFI,WACAC,EAKEL,EALFK,YACAC,EAIEN,EAJFM,WAAUC,EAIRP,EAHFA,YAAaQ,OAAW,IAAAD,EAAG,CAAE,EAAAA,EAC7BE,EAEET,EAFFS,4BACAC,EACEV,EADFU,SAEMC,EACNH,EADMG,gBAAiBC,EACvBJ,EADuBI,iBAAkBC,EACzCL,EADyCK,YAAaC,EACtDN,EADsDM,wBAAyBC,EAC/EP,EAD+EO,KAAMC,EACrFR,EADqFQ,gBAEjFC,EAAelB,EAAS,GAC9BmB,EAAsBC,IAAUC,EAAAC,EAAAH,EAAA,GAAzBI,EAAGF,EAAA,GAAEG,EAAMH,EAAA,GAClBI,EAA4CL,GAAS,GAAMM,EAAAJ,EAAAG,EAAA,GAApDE,EAAcD,EAAA,GAAEE,EAAiBF,EAAA,GACxCG,EAAwCT,GAAS,GAAMU,EAAAR,EAAAO,EAAA,GAAhDE,EAAYD,EAAA,GAAEE,EAAeF,EAAA,GAC9BG,EAA6C,IAA3BrB,EAAgBsB,SAAiB3B,EACnD4B,EAAuBC,EAAQ,2BAC/BC,EAAgBC,EACpBxB,EAAcsB,EAAQ,+BAAiCA,EAAO,gCAAAG,OAAiCvB,IAAOwB,EACnGJ,CAAAA,EAAAA,EAAQ,6BAA+B/B,IAG5CoC,EAA8CC,EAAqB,CACjE5B,YAAAA,EACAS,IAAAA,EACAc,cAAAA,EACAF,qBAAAA,EACAQ,qBAAsB/B,EAAgBsB,OACtCP,eAAAA,IANMiB,EAAaH,EAAbG,cAAeC,EAAkBJ,EAAlBI,mBASvBC,GAAU,WACRlB,EAAkBiB,EAAqB,EACzC,GAAG,CAACA,IAEJ,IAAME,EAAmBC,GAAY,WACnChB,GAAgB,EACjB,GAAE,IAEGiB,GAAmBD,GAAY,WACnChB,GAAgB,EACjB,GAAE,IAEGkB,GAAWF,GACf,SAAAG,GACEtC,EAAiBsC,EAAOC,MAAO,CAAEC,OAAQ,eAAgBC,aAAcH,GACzE,GACA,CAACtC,IAGG0C,GAAqB,CAAC,UAAW,WAAY,YAC7CC,GAAgBR,GACpB,WAAA,IAACS,EAAIC,UAAAxB,OAAA,QAAAyB,IAAAD,UAAA,GAAAA,UAAA,GAAG,EAAGE,EAAEF,UAAAxB,OAAAwB,QAAAC,IAAAD,UAAAC,GAAAD,UAAG9C,GAAAA,EAAgBsB,OAAM,OACpCtB,EAAgBiD,KAAI,SAACV,EAAQW,GAC3B,IAAMC,EAAoBR,GAAmBS,SAASb,EAAOc,WAAad,EAAOc,UAAY,UAC7F,OAAOH,GAASL,GAAgBG,EAARE,EACtBI,EAAAC,cAACC,EAAK,CACJ,cAAY,uBACZC,IAAKlB,EAAOC,MACZkB,UAAWhC,EAAGF,EAAQmC,MAAOlC,GAC7BmC,aAAW,EACXC,SAAUpE,EACVqE,GAAIvB,EAAOC,MACXuB,MAAOxB,EAAOwB,MACdzB,SAAU,WAAA,OAAMA,GAASC,EAAQ,EACjCyB,0BAAwB,EACxBC,YAAa,SAAAC,GACXA,EAAEC,iBACF,EACFpE,SAAUA,GAAaD,GAA+ByC,EAAO6B,YAC7DC,mBAAoBtE,EACpBuE,aAAc/B,EAAO+B,aACrBC,cAAehC,EAAOgC,cACtBC,WAAYjC,EAAOiC,WACnBC,SAAUlC,EAAOkC,SACjBC,MAAOvB,IAEP,IACN,GAAE,GAEJ,CAACnD,EAAiByB,EAAehC,EAAYM,EAAUD,EAA6BwC,GAAUlC,IAGhG,OACEkD,EAAAC,cAACoB,EAAWC,eAAcC,EAAA,CAACxF,YAAaA,GAAiBC,GACvDgE,EAAAC,cAAA,MAAA,CACEG,UAAWlC,EAAQ,mBACnBsD,kBAAmB,SAAAZ,GACjBA,EAAEC,iBACJ,GAEC9C,GACCiC,EAAAC,cAAA,MAAA,CAAKG,UAAWlC,EAAQ,0BACtB8B,EAAAC,cAACoB,EAAWI,YAAgBzF,EAAaI,IAG7C4D,EAAAC,cAAA,MAAA,CACEG,UAAWhC,EAAGF,EAAQ,yBAAwBI,EAAKJ,CAAAA,EAAAA,EAAQ,wBAA0BH,IACrFV,IAAK,SAAAqE,GAAM,OAAIpE,EAAOoE,EAAQ,EAC9B,cAAY,yBAEXjE,EACCuC,EAAAC,cAAAD,EAAA2B,SAAA,KACGrC,GAAc,EAAGZ,EAAgB,GAClCsB,EAAAC,cAAA,MAAA,CAAKG,UAAWnC,GACbqB,GAAcZ,EAAgB,EAAGA,GACjC1B,GAEFsC,GAAcZ,IAGjBsB,EAAAC,cAAAD,EAAA2B,SACGrC,KAAAA,GAAc,EAAG5C,EAAgBsB,OAAS,GAC3CgC,EAAAC,cAAA,MAAA,CAAKG,UAAWnC,GACbqB,GAAc5C,EAAgBsB,OAAS,GACvChB,KAKTgD,EAAAC,cACGxC,MAAAA,KAAAA,GACCuC,EAAAC,cAAC2B,EAAM,CACLC,QAAS,WAAA,OACP7B,EAAAC,cAAC6B,EAAsB,CACrB1B,UAAWlC,EAAQ6D,mBACnBpB,YAAa,SAAAC,GACXA,EAAEC,iBACJ,GAECvB,GAAcZ,GAEjB,EACFsD,kBAAmBnF,EACnBoF,SAAO,EACPC,YAAY,QACZC,YAAY,eACZC,SAAS,SACTC,OAAQ,CAAEC,KA5IA,GA6IVC,iBAAkBxF,EAClByF,gBAAiB3D,EACjB4D,gBAAiB1D,IAEjBiB,EAAAC,cAACyC,EAAO,CACNC,KAAK,OACLC,OAAO,IACPC,MAAOlE,EACPmE,iBAAkB1E,EAAGF,EAAQ6E,gBAAezE,EAAA,CAAA,EAAKJ,EAAQ8E,OAASnF,IAClE8C,YAAa,SAAAC,GACXA,EAAEC,iBACF,EACFP,aAAW,OAQ3B"}

package/dist/src/components/Dropdown/components/MultiValueContainer/MultiValueContainer.module.scss.js

@@ -0,0 +1,2 @@
+var e={"chip-with-input-wrapper":"chip-with-input-wrapper_a26ee1579c","placeholder-container":"placeholder-container_d5f01f5535","multiselect-chip-multi-line":"multiselect-chip-multi-line_27b3bbaa7d","multiselect-chip-single-line-medium":"multiselect-chip-single-line-medium_63fe8f4d37","multiselect-chip-single-line-large":"multiselect-chip-single-line-large_2a39f84c16","multiselect-chip-single-line-small":"multiselect-chip-single-line-small_010e7e0acb","multiselect-chip-disabled":"multiselect-chip-disabled_11c474dade","value-container":"value-container_13dc45d960","value-container-chips":"value-container-chips_e024511cd3","without-placeholder":"without-placeholder_d5f01f5535",valueDialogContent:"valueDialogContent_2f16cd0fc6",chips:"chips_e024511cd3",dropdownCounter:"dropdownCounter_293d4c1f22",active:"active_d9e398d021"};!function(e){const n="s_id-a8e734a6894f_3_86_0";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+n))return;const l=document.createElement("style");l.id=n,i.firstChild?i.insertBefore(l,i.firstChild):i.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable selector-class-pattern */\n/* stylelint-disable */\n/* stylelint-enable */\n.chip-with-input-wrapper_a26ee1579c {\n  display: flex;\n  max-width: 100%;\n}\n.placeholder-container_d5f01f5535 {\n  margin-left: 6px;\n}\n.multiselect-chip-multi-line_27b3bbaa7d {\n  --chips-margin: 2px;\n}\n.multiselect-chip-single-line-medium_63fe8f4d37 {\n  --chips-margin: 5px 2px;\n}\n.multiselect-chip-single-line-large_2a39f84c16 {\n  --chips-margin: 9px 2px;\n}\n.multiselect-chip-single-line-small_010e7e0acb {\n  --chips-margin: 1px 2px;\n}\n.multiselect-chip-disabled_11c474dade {\n  background-color: var(--ui-background-color) !important;\n}\n.value-container_13dc45d960 {\n  display: flex;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n}\n.value-container-chips_e024511cd3 {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  flex-grow: 1;\n  height: 100%;\n  overflow: hidden;\n}\n.value-container-chips_e024511cd3.without-placeholder_d5f01f5535 {\n  margin-left: 6px;\n}\n.valueDialogContent_2f16cd0fc6 {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  max-height: 300px;\n  overflow-y: auto;\n}\n.valueDialogContent_2f16cd0fc6::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.valueDialogContent_2f16cd0fc6::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.valueDialogContent_2f16cd0fc6 .chips_e024511cd3 {\n  flex-shrink: 0;\n}\n.dropdownCounter_293d4c1f22:hover {\n  background-color: var(--primary-background-hover-color);\n  box-shadow: 0 0 0 1px var(--primary-hover-color) inset;\n}\n.dropdownCounter_293d4c1f22.active_d9e398d021 {\n  box-shadow: 0 0 0 1px var(--primary-hover-color) inset;\n}");export{e as default};
+//# sourceMappingURL=MultiValueContainer.module.scss.js.map

package/dist/src/components/Dropdown/components/MultiValueContainer/MultiValueContainer.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiValueContainer.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/src/components/Dropdown/components/menu/menu.js

@@ -0,0 +1,2 @@
+import{objectWithoutProperties as e,objectSpread2 as r,extends as o,defineProperty as n}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import i from"classnames";import l from"react";import{components as s}from"react-select";import a from"./menu.module.scss.js";var t=["children","Renderer","selectProps","dropdownMenuWrapperClassName","id","ariaLabel"],p=function(p){var d,c,m=p.children,u=p.Renderer,P=p.selectProps,f=p.dropdownMenuWrapperClassName,v=p.id,b=p.ariaLabel,w=e(p,t),h=r(r({children:m,selectProps:P},w),{},{innerProps:r(r({},w.innerProps),{},{id:v,role:"listbox","aria-label":b})}),W=(null==P||null===(d=P.selectProps)||void 0===d?void 0:d.insideOverflowContainer)||(null==P||null===(c=P.selectProps)||void 0===c?void 0:c.insideOverflowWithTransformContainer);return l.createElement(s.Menu,o({},w,{innerProps:r(r({},w.innerProps),{},{onScroll:w.onScroll}),className:i(a.dropdownMenuWrapper,n(n({},a.dropdownMenuWrapperFixedPosition,W),a.withoutAnimation,!0),f)}),u&&u(h),!u&&m)};export{p as default};
+//# sourceMappingURL=menu.js.map

package/dist/src/components/Dropdown/components/menu/menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.js","sources":["../../../../../../src/components/Dropdown/components/menu/menu.jsx"],"sourcesContent":["import cx from \"classnames\";\nimport React from \"react\";\nimport { components } from \"react-select\";\nimport styles from \"./menu.module.scss\";\n\nconst Menu = ({ children, Renderer, selectProps, dropdownMenuWrapperClassName, id, ariaLabel, ...props }) => {\n  const rendererProps = {\n    children,\n    selectProps,\n    ...props,\n    innerProps: {\n      ...props.innerProps,\n      id,\n      role: \"listbox\",\n      \"aria-label\": ariaLabel\n    }\n  };\n\n  const withFixedPosition =\n    selectProps?.selectProps?.insideOverflowContainer || selectProps?.selectProps?.insideOverflowWithTransformContainer;\n\n  // Temporary fix, which disables animation :\n  // - when using menuPortalTarget or popupsContainerSelector there are issues that animation goes above the select preventing from tapping it (pr #1543)\n  // - when using menuPosition=\"fixed\" (e.g. inside of Modal) not whole list is visible for scroll cause of it (pr #1738)\n  // const withoutAnimation =\n  //   !!selectProps?.menuPortalTarget || !!selectProps.popupsContainerSelector || selectProps?.menuPosition === Dropdown.menuPositions.FIXED;\n  // Always disable animation for now - messes up in too many places and isn't really noticeable\n  const withoutAnimation = true;\n\n  return (\n    <components.Menu\n      {...props}\n      innerProps={{ ...props.innerProps, onScroll: props.onScroll }}\n      className={cx(\n        styles.dropdownMenuWrapper,\n        {\n          [styles.dropdownMenuWrapperFixedPosition]: withFixedPosition,\n          [styles.withoutAnimation]: withoutAnimation\n        },\n        dropdownMenuWrapperClassName\n      )}\n    >\n      {Renderer && Renderer(rendererProps)}\n      {!Renderer && children}\n    </components.Menu>\n  );\n};\n\nexport default Menu;\n"],"names":["Menu","_ref","_selectProps$selectPr","_selectProps$selectPr2","children","Renderer","selectProps","dropdownMenuWrapperClassName","id","ariaLabel","props","_objectWithoutProperties","_excluded","rendererProps","_objectSpread","innerProps","role","withFixedPosition","insideOverflowContainer","insideOverflowWithTransformContainer","React","createElement","components","_extends","onScroll","className","cx","styles","dropdownMenuWrapper","_defineProperty","dropdownMenuWrapperFixedPosition","withoutAnimation"],"mappings":"6WAKMA,EAAO,SAAHC,GAAmG,IAAAC,EAAAC,EAA7FC,EAAQH,EAARG,SAAUC,EAAQJ,EAARI,SAAUC,EAAWL,EAAXK,YAAaC,EAA4BN,EAA5BM,6BAA8BC,EAAEP,EAAFO,GAAIC,EAASR,EAATQ,UAAcC,EAAKC,EAAAV,EAAAW,GAC9FC,EAAaC,EAAAA,EAAA,CACjBV,SAAAA,EACAE,YAAAA,GACGI,GAAK,GAAA,CACRK,WAAUD,EAAAA,EACLJ,CAAAA,EAAAA,EAAMK,YAAU,GAAA,CACnBP,GAAAA,EACAQ,KAAM,UACN,aAAcP,MAIZQ,GACJX,SAAwB,QAAbJ,EAAXI,EAAaA,mBAAbJ,IAAwBA,OAAxBA,EAAAA,EAA0BgB,2BAA2BZ,SAAwBH,QAAbA,EAAXG,EAAaA,mBAAbH,IAAwBA,OAAxBA,EAAAA,EAA0BgB,sCAUjF,OACEC,EAAAC,cAACC,EAAWtB,KAAIuB,EAAA,CAAA,EACVb,EAAK,CACTK,WAAUD,EAAAA,EAAOJ,CAAAA,EAAAA,EAAMK,YAAU,GAAA,CAAES,SAAUd,EAAMc,WACnDC,UAAWC,EACTC,EAAOC,oBAAmBC,EAAAA,EAAA,CAAA,EAEvBF,EAAOG,iCAAmCb,GAC1CU,EAAOI,kBAVS,GAYnBxB,KAGDF,GAAYA,EAASQ,IACpBR,GAAYD,EAGpB"}

package/dist/src/components/Dropdown/components/menu/menu.module.scss.js

@@ -0,0 +1,2 @@
+var e={dropdownMenuWrapper:"dropdownMenuWrapper_c1ae83c808",fadeIn:"fadeIn_a74be21847",withoutAnimation:"withoutAnimation_bc96ccfed6",dropdownMenuWrapperFixedPosition:"dropdownMenuWrapperFixedPosition_518737ef6b"};!function(e){const n="s_id-42a8647cae1d_3_86_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,a.firstChild?a.insertBefore(o,a.firstChild):a.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".dropdownMenuWrapper_c1ae83c808 {\n  animation: fadeIn_a74be21847 var(--motion-productive-medium) var(--motion-timing-enter);\n}\n.dark-app-theme .dropdownMenuWrapper_c1ae83c808, .black-app-theme .dropdownMenuWrapper_c1ae83c808, .hacker-app-theme .dropdownMenuWrapper_c1ae83c808 {\n  box-shadow: 0 0 0 1px var(--layout-border-color), var(--box-shadow-small);\n}\n.dropdownMenuWrapper_c1ae83c808.withoutAnimation_bc96ccfed6 {\n  animation: none;\n}\n.dropdownMenuWrapperFixedPosition_518737ef6b {\n  /* When inside a scrollable area, we want the menu to appear above the scrollable container (we set the specific position by js) */\n  position: fixed !important;\n}\n@keyframes fadeIn_a74be21847 {\n  0% {\n    opacity: 0;\n    z-index: -10000;\n    transform: translateY(var(--dropdown-menu-fadinY, -75px));\n  }\n  100% {\n    opacity: 1;\n    z-index: 999;\n    transform: translateY(0px);\n  }\n}");export{e as default};
+//# sourceMappingURL=menu.module.scss.js.map

package/dist/src/components/Dropdown/components/menu/menu.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/src/components/Dropdown/components/option/option.js

@@ -0,0 +1,2 @@
+import{objectWithoutProperties as e,objectSpread2 as t,extends as o}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import r from"classnames";import i,{useEffect as n}from"react";import{components as s}from"react-select";import{ChildrenContent as a}from"../ChildrenContent/ChildrenContent.js";import p from"./option.module.scss.js";import l from"../../../../../components/tooltip/dist/Tooltip/Tooltip.js";var d=["Renderer","data","children","setFocusedOptionId","optionWrapperClassName"],c=function(c){var m=c.Renderer,u=c.data,f=c.children,h=c.setFocusedOptionId,P=c.optionWrapperClassName,j=e(c,d),C=(null==u?void 0:u.tooltipProps)||{},E=t(t({children:f,data:u},j),{},{innerProps:t(t({},j.innerProps),{},{role:"option","aria-selected":j.isSelected})});return n((function(){j.isFocused&&h(j.innerProps.id)}),[j.isFocused,j.innerProps.id,h]),i.createElement(l,o({},C,{position:"right"}),m?i.createElement(s.Option,o({},E,{className:r(p.optionReset,P)}),i.createElement(m,o({},E,u))," "):i.createElement(s.Option,o({},E,{className:r(p.optionReset,P)}),i.createElement(a,{data:u},f)))};export{c as default};
+//# sourceMappingURL=option.js.map

package/dist/src/components/Dropdown/components/option/option.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"option.js","sources":["../../../../../../src/components/Dropdown/components/option/option.jsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { useEffect } from \"react\";\nimport { components } from \"react-select\";\nimport { Tooltip } from \"@vibe/tooltip\";\nimport { ChildrenContent } from \"../ChildrenContent/ChildrenContent\";\nimport styles from \"./option.module.scss\";\n\nconst Option = ({ Renderer, data, children, setFocusedOptionId, optionWrapperClassName, ...props }) => {\n  const tooltipProps = data?.tooltipProps || {};\n  const rendererProps = {\n    children,\n    data,\n    ...props,\n    innerProps: {\n      ...props.innerProps,\n      role: \"option\",\n      \"aria-selected\": props.isSelected\n    }\n  };\n\n  useEffect(() => {\n    if (props.isFocused) {\n      setFocusedOptionId(props.innerProps.id);\n    }\n  }, [props.isFocused, props.innerProps.id, setFocusedOptionId]);\n\n  return (\n    <Tooltip {...tooltipProps} position=\"right\">\n      {Renderer ? (\n        <components.Option {...rendererProps} className={cx(styles.optionReset, optionWrapperClassName)}>\n          <Renderer {...rendererProps} {...data} /> {/* Spreading data here for a backward compatability */}\n        </components.Option>\n      ) : (\n        <components.Option {...rendererProps} className={cx(styles.optionReset, optionWrapperClassName)}>\n          <ChildrenContent data={data}>{children}</ChildrenContent>\n        </components.Option>\n      )}\n    </Tooltip>\n  );\n};\n\nexport default Option;\n"],"names":["Option","_ref","Renderer","data","children","setFocusedOptionId","optionWrapperClassName","props","_objectWithoutProperties","_excluded","tooltipProps","rendererProps","_objectSpread","innerProps","role","isSelected","useEffect","isFocused","id","React","createElement","Tooltip","_extends","position","components","className","cx","styles","optionReset","ChildrenContent"],"mappings":"mfAOMA,EAAS,SAAHC,GAA2F,IAArFC,EAAQD,EAARC,SAAUC,EAAIF,EAAJE,KAAMC,EAAQH,EAARG,SAAUC,EAAkBJ,EAAlBI,mBAAoBC,EAAsBL,EAAtBK,uBAA2BC,EAAKC,EAAAP,EAAAQ,GACxFC,GAAeP,aAAAA,EAAAA,EAAMO,eAAgB,CAAA,EACrCC,EAAaC,EAAAA,EAAA,CACjBR,SAAAA,EACAD,KAAAA,GACGI,GAAK,GAAA,CACRM,WAAUD,EAAAA,EACLL,CAAAA,EAAAA,EAAMM,YAAU,GAAA,CACnBC,KAAM,SACN,gBAAiBP,EAAMQ,eAU3B,OANAC,GAAU,WACJT,EAAMU,WACRZ,EAAmBE,EAAMM,WAAWK,GAExC,GAAG,CAACX,EAAMU,UAAWV,EAAMM,WAAWK,GAAIb,IAGxCc,EAAAC,cAACC,EAAOC,KAAKZ,EAAY,CAAEa,SAAS,UACjCrB,EACCiB,EAAAC,cAACI,EAAWxB,OAAMsB,EAAA,CAAA,EAAKX,EAAa,CAAEc,UAAWC,EAAGC,EAAOC,YAAatB,KACtEa,EAAAC,cAAClB,EAAQoB,EAAKX,CAAAA,EAAAA,EAAmBR,SAGnCgB,EAAAC,cAACI,EAAWxB,OAAMsB,EAAA,CAAA,EAAKX,EAAa,CAAEc,UAAWC,EAAGC,EAAOC,YAAatB,KACtEa,EAAAC,cAACS,EAAe,CAAC1B,KAAMA,GAAOC,IAKxC"}

package/dist/src/components/Dropdown/components/option/option.module.scss.js

@@ -0,0 +1,2 @@
+var e={optionReset:"optionReset_8a3361be02"};!function(e){const t="s_id-64f14b86843f_3_86_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".optionReset_8a3361be02 {\n  height: auto;\n}");export{e as default};
+//# sourceMappingURL=option.module.scss.js.map

package/dist/src/components/Dropdown/components/option/option.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"option.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/src/components/Dropdown/components/singleValue/singleValue.js

@@ -0,0 +1,2 @@
+import{objectWithoutProperties as e,objectSpread2 as r,extends as a}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import l from"react";import t from"classnames";import{components as n}from"react-select";import{ChildrenContent as s}from"../ChildrenContent/ChildrenContent.js";import o from"./singleValue.module.scss.js";var i=["Renderer","data","children","readOnly","singleValueWrapperClassName"],d=function(d){var m=d.Renderer,p=d.data,c=d.children,u=d.readOnly,f=d.singleValueWrapperClassName,g=e(d,i),h=r({children:c,readOnly:u,data:p},g),C=m?l.createElement(m,a({},h,p)):l.createElement(s,{data:p,readOnly:u},c);return l.createElement(n.SingleValue,a({},g,{className:t(o.singleValue,"dropdown-wrapper__single-value--reset",f)}),C)};export{d as default};
+//# sourceMappingURL=singleValue.js.map

package/dist/src/components/Dropdown/components/singleValue/singleValue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"singleValue.js","sources":["../../../../../../src/components/Dropdown/components/singleValue/singleValue.jsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport { components } from \"react-select\";\nimport { ChildrenContent } from \"../ChildrenContent/ChildrenContent\";\nimport styles from \"./singleValue.module.scss\";\n\nconst SingleValue = ({ Renderer, data, children, readOnly, singleValueWrapperClassName, ...props }) => {\n  const rendererProps = { children, readOnly, data, ...props };\n  const value = Renderer ? (\n    <Renderer {...rendererProps} {...data} /> // Spreading data here for a backward compatability\n  ) : (\n    <ChildrenContent data={data} readOnly={readOnly}>\n      {children}\n    </ChildrenContent>\n  );\n  return (\n    <components.SingleValue\n      {...props}\n      className={cx(styles.singleValue, \"dropdown-wrapper__single-value--reset\", singleValueWrapperClassName)}\n    >\n      {value}\n    </components.SingleValue>\n  );\n};\n\nexport default SingleValue;\n"],"names":["SingleValue","_ref","Renderer","data","children","readOnly","singleValueWrapperClassName","props","_objectWithoutProperties","_excluded","rendererProps","_objectSpread","value","React","createElement","_extends","ChildrenContent","components","className","cx","styles","singleValue"],"mappings":"0ZAMMA,EAAc,SAAHC,GAAsF,IAAhFC,EAAQD,EAARC,SAAUC,EAAIF,EAAJE,KAAMC,EAAQH,EAARG,SAAUC,EAAQJ,EAARI,SAAUC,EAA2BL,EAA3BK,4BAAgCC,EAAKC,EAAAP,EAAAQ,GACxFC,EAAaC,EAAA,CAAKP,SAAAA,EAAUC,SAAAA,EAAUF,KAAAA,GAASI,GAC/CK,EAAQV,EACZW,EAAAC,cAACZ,EAAQa,EAAKL,CAAAA,EAAAA,EAAmBP,IAEjCU,EAAAC,cAACE,EAAe,CAACb,KAAMA,EAAME,SAAUA,GACpCD,GAGL,OACES,EAAAC,cAACG,EAAWjB,YAAWe,EAAA,CAAA,EACjBR,EAAK,CACTW,UAAWC,EAAGC,EAAOC,YAAa,wCAAyCf,KAE1EM,EAGP"}

package/dist/src/components/Dropdown/components/singleValue/singleValue.module.scss.js

@@ -0,0 +1,2 @@
+var e={singleValue:"singleValue_ca91dd0e96"};!function(e){const n="s_id-a262ceec984a_3_86_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".singleValue_ca91dd0e96 {\n  padding-inline: var(--spacing-xs);\n}");export{e as default};
+//# sourceMappingURL=singleValue.module.scss.js.map

package/dist/src/components/Dropdown/components/singleValue/singleValue.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"singleValue.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/src/components/Dropdown/hooks/useHiddenOptionsData.js

@@ -0,0 +1,2 @@
+import{slicedToArray as n}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import{useState as t,useEffect as i}from"react";function e(e){var r=e.isMultiline,o=e.ref,l=e.selectedOptionsCount,s=e.chipClassName,a=e.chipWrapperClassName,c=e.isCounterShown,u=t(-1),f=n(u,2),p=f[0],d=f[1];return i((function(){var n=-1;if(null!=o&&o.children&&!r)for(var t=o.getBoundingClientRect().bottom,i=0,e=0,c=function(){var r=o.children[e],l=s.split(" ");if(r.classList.contains(a)||l.some((function(n){return r.classList.contains(n)}))){if(r.getBoundingClientRect().bottom>t)return n=i,1;i++}e++};o.children.length>e&&l>i&&!c(););d(n)}),[o,r,l,a,s,c]),{overflowIndex:p,hiddenOptionsCount:p>-1?l-p:0}}export{e as useHiddenOptionsData};
+//# sourceMappingURL=useHiddenOptionsData.js.map

package/dist/src/components/Dropdown/hooks/useHiddenOptionsData.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useHiddenOptionsData.js","sources":["../../../../../src/components/Dropdown/hooks/useHiddenOptionsData.js"],"sourcesContent":["import { useEffect, useState } from \"react\";\n\nexport function useHiddenOptionsData({\n  isMultiline,\n  ref,\n  selectedOptionsCount,\n  chipClassName,\n  chipWrapperClassName,\n  isCounterShown\n}) {\n  const [overflowIndex, setOverflowIndex] = useState(-1);\n  useEffect(() => {\n    let finalOverflowingIndex = -1;\n\n    if (ref?.children && !isMultiline) {\n      const { bottom: parentBottom } = ref.getBoundingClientRect();\n      let optionIndex = 0;\n      let childIndex = 0;\n\n      while (childIndex < ref.children.length && optionIndex < selectedOptionsCount) {\n        const child = ref.children[childIndex];\n        const chipClasses = chipClassName.split(\" \");\n\n        const isOption =\n          child.classList.contains(chipWrapperClassName) ||\n          chipClasses.some(className => child.classList.contains(className));\n\n        if (isOption) {\n          const { bottom: childBottom } = child.getBoundingClientRect();\n          if (childBottom > parentBottom) {\n            finalOverflowingIndex = optionIndex;\n            break;\n          }\n          optionIndex++;\n        }\n        childIndex++;\n      }\n    }\n\n    setOverflowIndex(finalOverflowingIndex);\n  }, [ref, isMultiline, selectedOptionsCount, chipWrapperClassName, chipClassName, isCounterShown]);\n\n  const hiddenOptionsCount = overflowIndex > -1 ? selectedOptionsCount - overflowIndex : 0;\n  return { overflowIndex, hiddenOptionsCount };\n}\n"],"names":["useHiddenOptionsData","_ref","isMultiline","ref","selectedOptionsCount","chipClassName","chipWrapperClassName","isCounterShown","_useState","useState","_useState2","_slicedToArray","overflowIndex","setOverflowIndex","useEffect","finalOverflowingIndex","children","parentBottom","getBoundingClientRect","bottom","optionIndex","childIndex","_loop","child","chipClasses","split","classList","contains","some","className","length","hiddenOptionsCount"],"mappings":"kIAEO,SAASA,EAAoBC,GAOjC,IANDC,EAAWD,EAAXC,YACAC,EAAGF,EAAHE,IACAC,EAAoBH,EAApBG,qBACAC,EAAaJ,EAAbI,cACAC,EAAoBL,EAApBK,qBACAC,EAAcN,EAAdM,eAEAC,EAA0CC,GAAU,GAAEC,EAAAC,EAAAH,EAAA,GAA/CI,EAAaF,EAAA,GAAEG,EAAgBH,EAAA,GAiCtC,OAhCAI,GAAU,WACR,IAAIC,GAAyB,EAE7B,GAAIZ,SAAAA,EAAKa,WAAad,EAKpB,IAJA,IAAgBe,EAAiBd,EAAIe,wBAA7BC,OACJC,EAAc,EACdC,EAAa,EAAEC,EAAAA,WAGjB,IAAMC,EAAQpB,EAAIa,SAASK,GACrBG,EAAcnB,EAAcoB,MAAM,KAMxC,GAHEF,EAAMG,UAAUC,SAASrB,IACzBkB,EAAYI,MAAK,SAAAC,GAAS,OAAIN,EAAMG,UAAUC,SAASE,MAE3C,CAEZ,GADgCN,EAAML,wBAA9BC,OACUF,EACoB,OAApCF,EAAwBK,EAAY,EAGtCA,GACF,CACAC,KAhBkBlB,EAAIa,SAASc,OAA1BT,GAAkDjB,EAAdgB,IAAkCE,MAoB/ET,EAAiBE,EACnB,GAAG,CAACZ,EAAKD,EAAaE,EAAsBE,EAAsBD,EAAeE,IAG1E,CAAEK,cAAAA,EAAemB,mBADGnB,GAAiB,EAAIR,EAAuBQ,EAAgB,EAEzF"}

package/dist/src/components/EditableHeading/EditableHeading.js

@@ -1,2 +1,2 @@
-import{__rest as t}from"../../../_virtual/_tslib.js";import{getTestId as e,ComponentDefaultTestId as o}from"../../tests/testIds.js";import s,{forwardRef as r}from"react";import i from"./EditableHeading.module.scss.js";import{getStyle as a}from"../../helpers/typesciptCssModulesHelper.js";import{camelCase as p}from"es-toolkit";import m from"../EditableTypography/EditableTypography.js";import{ComponentVibeId as d}from"../../tests/constants.js";import n from"../../../components/typography/dist/Heading/Heading.js";var l=r((function(r,l){var f=r.type,y=void 0===f?"h1":f,g=r.weight,E=void 0===g?"normal":g,c=r.id,h=r["data-testid"],j=t(r,["type","weight","id","data-testid"]);return s.createElement(m,Object.assign({ref:l,"data-testid":h||e(o.EDITABLE_HEADING,c),"data-vibe":d.EDITABLE_HEADING,component:n,typographyClassName:a(i,p(y+"-"+E)),type:y,weight:E},j))}));export{l as default};
+import{__rest as t}from"../../../_virtual/_tslib.js";import{getTestId as s,ComponentDefaultTestId as e}from"../../tests/testIds.js";import o,{forwardRef as i}from"react";import{withStaticProps as r}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import a from"./EditableHeading.module.scss.js";import{getStyle as p}from"../../helpers/typesciptCssModulesHelper.js";import{camelCase as m}from"es-toolkit";import d from"../EditableTypography/EditableTypography.js";import{ComponentVibeId as n}from"../../tests/constants.js";import{HeadingType as g,HeadingWeight as y}from"../../../components/typography/dist/Heading/HeadingConstants.js";import l from"../../../components/typography/dist/Heading/Heading.js";var f=r(i((function(i,r){var g=i.type,y=void 0===g?"h1":g,f=i.weight,h=void 0===f?"normal":f,c=i.id,j=i["data-testid"],E=t(i,["type","weight","id","data-testid"]);return o.createElement(d,Object.assign({ref:r,"data-testid":j||s(e.EDITABLE_HEADING,c),"data-vibe":n.EDITABLE_HEADING,component:l,typographyClassName:p(a,m(y+"-"+h)),type:y,weight:h},E))})),{types:g,weights:y});export{f as default};
 //# sourceMappingURL=EditableHeading.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"EditableHeading.js","sources":["../../../../src/components/EditableHeading/EditableHeading.tsx"],"sourcesContent":["import { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport React, { forwardRef } from \"react\";\nimport { Heading, type HeadingType, type HeadingWeight } from \"@vibe/typography\";\nimport { type VibeComponentProps } from \"../../types\";\nimport styles from \"./EditableHeading.module.scss\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { camelCase } from \"es-toolkit\";\nimport EditableTypography, {\n  type EditableTypographyImplementationProps\n} from \"../EditableTypography/EditableTypography\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nexport interface EditableHeadingProps extends VibeComponentProps, EditableTypographyImplementationProps {\n  /**\n   * The type of the heading element.\n   */\n  type?: HeadingType;\n  /**\n   * The font weight of the heading.\n   */\n  weight?: HeadingWeight;\n}\n\nconst EditableHeading = forwardRef(\n  (\n    { type = \"h1\", weight = \"normal\", id, \"data-testid\": dataTestId, ...editableTypographyProps }: EditableHeadingProps,\n    ref: React.ForwardedRef<HTMLElement>\n  ) => {\n    return (\n      <EditableTypography\n        ref={ref}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.EDITABLE_HEADING, id)}\n        data-vibe={ComponentVibeId.EDITABLE_HEADING}\n        component={Heading}\n        typographyClassName={getStyle(styles, camelCase(type + \"-\" + weight))}\n        type={type}\n        weight={weight}\n        {...editableTypographyProps}\n      />\n    );\n  }\n);\n\nexport default EditableHeading;\n"],"names":["EditableHeading","forwardRef","_a","ref","_a$type","type","_a$weight","weight","id","dataTestId","editableTypographyProps","__rest","React","createElement","EditableTypography","Object","assign","getTestId","ComponentDefaultTestId","EDITABLE_HEADING","ComponentVibeId","component","Heading","typographyClassName","getStyle","styles","camelCase"],"mappings":"mgBAuBMA,IAAAA,EAAkBC,GACtB,SACEC,EACAC,GADA,IAAAC,EAA+DF,EAA7DG,KAAAA,OAAO,IAAHD,EAAG,KAAIA,EAAAE,EAAkDJ,EAAhDK,OAAAA,OAAS,IAAHD,EAAG,SAAQA,EAAEE,EAA6BN,EAA7BM,GAAmBC,EAAUP,EAAzB,eAA8BQ,EAAuBC,EAAAT,EAA3F,sCAGA,OACEU,EAACC,cAAAC,EACCC,OAAAC,OAAA,CAAAb,IAAKA,EAAG,cACKM,GAAcQ,EAAUC,EAAuBC,iBAAkBX,GAAG,YACtEY,EAAgBD,iBAC3BE,UAAWC,EACXC,oBAAqBC,EAASC,EAAQC,EAAUrB,EAAO,IAAME,IAC7DF,KAAMA,EACNE,OAAQA,GACJG,GAGV"}
+{"version":3,"file":"EditableHeading.js","sources":["../../../../src/components/EditableHeading/EditableHeading.tsx"],"sourcesContent":["import { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport React, { forwardRef } from \"react\";\nimport { Heading, HeadingTypeEnum, HeadingWeightEnum, type HeadingType, type HeadingWeight } from \"@vibe/typography\";\nimport { type VibeComponentProps, withStaticProps } from \"../../types\";\nimport styles from \"./EditableHeading.module.scss\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { camelCase } from \"es-toolkit\";\nimport EditableTypography, {\n  type EditableTypographyImplementationProps\n} from \"../EditableTypography/EditableTypography\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nexport interface EditableHeadingProps extends VibeComponentProps, EditableTypographyImplementationProps {\n  /**\n   * The type of the heading element.\n   */\n  type?: HeadingType;\n  /**\n   * The font weight of the heading.\n   */\n  weight?: HeadingWeight;\n}\n\nconst EditableHeading = forwardRef(\n  (\n    { type = \"h1\", weight = \"normal\", id, \"data-testid\": dataTestId, ...editableTypographyProps }: EditableHeadingProps,\n    ref: React.ForwardedRef<HTMLElement>\n  ) => {\n    return (\n      <EditableTypography\n        ref={ref}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.EDITABLE_HEADING, id)}\n        data-vibe={ComponentVibeId.EDITABLE_HEADING}\n        component={Heading}\n        typographyClassName={getStyle(styles, camelCase(type + \"-\" + weight))}\n        type={type}\n        weight={weight}\n        {...editableTypographyProps}\n      />\n    );\n  }\n);\n\ninterface EditableHeadingStaticProps {\n  types: typeof HeadingTypeEnum;\n  weights: typeof HeadingWeightEnum;\n}\n\nexport default withStaticProps<EditableHeadingProps, EditableHeadingStaticProps>(EditableHeading, {\n  types: HeadingTypeEnum,\n  weights: HeadingWeightEnum\n});\n"],"names":["withStaticProps","forwardRef","_a","ref","_a$type","type","_a$weight","weight","id","dataTestId","editableTypographyProps","__rest","React","createElement","EditableTypography","Object","assign","getTestId","ComponentDefaultTestId","EDITABLE_HEADING","ComponentVibeId","component","Heading","typographyClassName","getStyle","styles","camelCase","types","HeadingTypeEnum","weights","HeadingWeightEnum"],"mappings":"4tBAuBA,IAyBeA,EAAAA,EAzBSC,GACtB,SACEC,EACAC,GADA,IAAAC,EAA+DF,EAA7DG,KAAAA,OAAO,IAAHD,EAAG,KAAIA,EAAAE,EAAkDJ,EAAhDK,OAAAA,OAAS,IAAHD,EAAG,SAAQA,EAAEE,EAA6BN,EAA7BM,GAAmBC,EAAUP,EAAzB,eAA8BQ,EAAuBC,EAAAT,EAA3F,sCAGA,OACEU,EAACC,cAAAC,EACCC,OAAAC,OAAA,CAAAb,IAAKA,EAAG,cACKM,GAAcQ,EAAUC,EAAuBC,iBAAkBX,GAAG,YACtEY,EAAgBD,iBAC3BE,UAAWC,EACXC,oBAAqBC,EAASC,EAAQC,EAAUrB,EAAO,IAAME,IAC7DF,KAAMA,EACNE,OAAQA,GACJG,GAGV,IAQgG,CAChGiB,MAAOC,EACPC,QAASC"}

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

@@ -1,2 +1,2 @@
-var n={h1Bold:"h1Bold_ac421ded98",h1Medium:"h1Medium_2e86b55b06",h1Normal:"h1Normal_41f2884236",h1Light:"h1Light_ed6ba97839",h2Bold:"h2Bold_b856596d64",h2Medium:"h2Medium_21e5cabb60",h2Normal:"h2Normal_ae4c1981b7",h2Light:"h2Light_b375d98e82",h3Bold:"h3Bold_1d88b6becb",h3Medium:"h3Medium_0a5a752e37",h3Normal:"h3Normal_6affb532a9",h3Light:"h3Light_e375f4278b"};!function(n){const o="s_id-81b561c226b7_3_85_1";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+o))return;const e=document.createElement("style");e.id=o,t.firstChild?t.insertBefore(e,t.firstChild):t.appendChild(e),e.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=n)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable */\n/* stylelint-enable */\n.h1Bold_ac421ded98 {\n  font: var(--font-h1-bold);\n  letter-spacing: var(--letter-spacing-h1-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.h1Medium_2e86b55b06 {\n  font: var(--font-h1-medium);\n  letter-spacing: var(--letter-spacing-h1-medium);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.h1Normal_41f2884236 {\n  font: var(--font-h1-normal);\n  letter-spacing: var(--letter-spacing-h1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.h1Light_ed6ba97839 {\n  font: var(--font-h1-light);\n  letter-spacing: var(--letter-spacing-h1-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.h2Bold_b856596d64 {\n  font: var(--font-h2-bold);\n  letter-spacing: var(--letter-spacing-h2-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.h2Medium_21e5cabb60 {\n  font: var(--font-h2-medium);\n  letter-spacing: var(--letter-spacing-h2-medium);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.h2Normal_ae4c1981b7 {\n  font: var(--font-h2-normal);\n  letter-spacing: var(--letter-spacing-h2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.h2Light_b375d98e82 {\n  font: var(--font-h2-light);\n  letter-spacing: var(--letter-spacing-h2-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.h3Bold_1d88b6becb {\n  font: var(--font-h3-bold);\n  letter-spacing: var(--letter-spacing-h3-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.h3Medium_0a5a752e37 {\n  font: var(--font-h3-medium);\n  letter-spacing: var(--letter-spacing-h3-medium);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.h3Normal_6affb532a9 {\n  font: var(--font-h3-normal);\n  letter-spacing: var(--letter-spacing-h3-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.h3Light_e375f4278b {\n  font: var(--font-h3-light);\n  letter-spacing: var(--letter-spacing-h3-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}");export{n as default};
+var n={h1Bold:"h1Bold_a9d79cafa1",h1Medium:"h1Medium_61372dd13e",h1Normal:"h1Normal_62ac128e73",h1Light:"h1Light_e0f167a380",h2Bold:"h2Bold_4578223743",h2Medium:"h2Medium_1a174af535",h2Normal:"h2Normal_605983aec9",h2Light:"h2Light_69b2b215cc",h3Bold:"h3Bold_f5de475116",h3Medium:"h3Medium_6404cc6a25",h3Normal:"h3Normal_9c0a0490d7",h3Light:"h3Light_0b57d6632d"};!function(n){const o="s_id-81b561c226b7_3_86_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+o))return;const e=document.createElement("style");e.id=o,t.firstChild?t.insertBefore(e,t.firstChild):t.appendChild(e),e.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=n)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable */\n/* stylelint-enable */\n.h1Bold_a9d79cafa1 {\n  font: var(--font-h1-bold);\n  letter-spacing: var(--letter-spacing-h1-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.h1Medium_61372dd13e {\n  font: var(--font-h1-medium);\n  letter-spacing: var(--letter-spacing-h1-medium);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.h1Normal_62ac128e73 {\n  font: var(--font-h1-normal);\n  letter-spacing: var(--letter-spacing-h1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.h1Light_e0f167a380 {\n  font: var(--font-h1-light);\n  letter-spacing: var(--letter-spacing-h1-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.h2Bold_4578223743 {\n  font: var(--font-h2-bold);\n  letter-spacing: var(--letter-spacing-h2-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.h2Medium_1a174af535 {\n  font: var(--font-h2-medium);\n  letter-spacing: var(--letter-spacing-h2-medium);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.h2Normal_605983aec9 {\n  font: var(--font-h2-normal);\n  letter-spacing: var(--letter-spacing-h2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.h2Light_69b2b215cc {\n  font: var(--font-h2-light);\n  letter-spacing: var(--letter-spacing-h2-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.h3Bold_f5de475116 {\n  font: var(--font-h3-bold);\n  letter-spacing: var(--letter-spacing-h3-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.h3Medium_6404cc6a25 {\n  font: var(--font-h3-medium);\n  letter-spacing: var(--letter-spacing-h3-medium);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.h3Normal_9c0a0490d7 {\n  font: var(--font-h3-normal);\n  letter-spacing: var(--letter-spacing-h3-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.h3Light_0b57d6632d {\n  font: var(--font-h3-light);\n  letter-spacing: var(--letter-spacing-h3-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}");export{n as default};
 //# sourceMappingURL=EditableHeading.module.scss.js.map

package/dist/src/components/EditableText/EditableText.js

@@ -1,2 +1,2 @@
-import{__rest as t}from"../../../_virtual/_tslib.js";import{getTestId as e,ComponentDefaultTestId as i}from"../../tests/testIds.js";import o,{forwardRef as r}from"react";import s from"./EditableText.module.scss.js";import{getStyle as a}from"../../helpers/typesciptCssModulesHelper.js";import{camelCase as m}from"es-toolkit";import p from"../EditableTypography/EditableTypography.js";import l from"classnames";import d from"../../../components/typography/dist/Text/Text.js";var n=r((function(r,n){var y=r.type,f=void 0===y?"text2":y,c=r.weight,g=void 0===c?"normal":c,h=r["data-testid"],u=r.id,T=r.multiline,b=t(r,["type","weight","data-testid","id","multiline"]);return o.createElement(p,Object.assign({className:s.editableText,ref:n,"data-testid":h||e(i.EDITABLE_TEXT,u),component:d,typographyClassName:l(a(s,m(f+"-"+g)),s.typography),clearable:!0,type:f,weight:g,multiline:T},b))}));export{n as default};
+import{__rest as t}from"../../../_virtual/_tslib.js";import{getTestId as e,ComponentDefaultTestId as s}from"../../tests/testIds.js";import o,{forwardRef as i}from"react";import{withStaticProps as r}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import p from"./EditableText.module.scss.js";import{getStyle as a}from"../../helpers/typesciptCssModulesHelper.js";import{camelCase as m}from"es-toolkit";import l from"../EditableTypography/EditableTypography.js";import d from"classnames";import{TextType as y,TextWeight as n}from"../../../components/typography/dist/Text/TextConstants.js";import c from"../../../components/typography/dist/Text/Text.js";var f=r(i((function(i,r){var y=i.type,n=void 0===y?"text2":y,f=i.weight,T=void 0===f?"normal":f,h=i["data-testid"],g=i.id,j=i.multiline,u=t(i,["type","weight","data-testid","id","multiline"]);return o.createElement(l,Object.assign({className:p.editableText,ref:r,"data-testid":h||e(s.EDITABLE_TEXT,g),component:c,typographyClassName:d(a(p,m(n+"-"+T)),p.typography),clearable:!0,type:n,weight:T,multiline:j},u))})),{types:y,weights:n});export{f as default};
 //# sourceMappingURL=EditableText.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"EditableText.js","sources":["../../../../src/components/EditableText/EditableText.tsx"],"sourcesContent":["import { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport React, { forwardRef } from \"react\";\nimport { type VibeComponentProps } from \"../../types\";\nimport styles from \"./EditableText.module.scss\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { camelCase } from \"es-toolkit\";\nimport EditableTypography, {\n  type EditableTypographyImplementationProps\n} from \"../EditableTypography/EditableTypography\";\nimport { Text, type TextType, type TextWeight } from \"@vibe/typography\";\nimport cx from \"classnames\";\n\nexport interface EditableTextProps extends VibeComponentProps, EditableTypographyImplementationProps {\n  /**\n   * The text style variant.\n   */\n  type?: TextType;\n  /**\n   * The font weight of the text.\n   */\n  weight?: TextWeight;\n  /**\n   * If true, enables editing multiple lines of text.\n   */\n  multiline?: boolean;\n}\n\nconst EditableText = forwardRef(\n  (\n    {\n      type = \"text2\",\n      weight = \"normal\",\n      \"data-testid\": dataTestId,\n      id,\n      multiline,\n      ...editableTypographyProps\n    }: EditableTextProps,\n    ref: React.ForwardedRef<HTMLElement>\n  ) => {\n    return (\n      <EditableTypography\n        className={styles.editableText}\n        ref={ref}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.EDITABLE_TEXT, id)}\n        component={Text}\n        typographyClassName={cx(getStyle(styles, camelCase(type + \"-\" + weight)), styles.typography)}\n        clearable\n        type={type}\n        weight={weight}\n        multiline={multiline}\n        {...editableTypographyProps}\n      />\n    );\n  }\n);\n\nexport default EditableText;\n"],"names":["EditableText","forwardRef","_a","ref","type","_a$type","_a$weight","weight","dataTestId","id","multiline","editableTypographyProps","__rest","React","createElement","EditableTypography","Object","assign","className","styles","editableText","getTestId","ComponentDefaultTestId","EDITABLE_TEXT","component","Text","typographyClassName","cx","getStyle","camelCase","typography","clearable"],"mappings":"ydA2BMA,IAAAA,EAAeC,GACnB,SACEC,EAQAC,SAHWD,EAJTE,KAAAA,OAAO,IAAHC,EAAG,QAAOA,EAAAC,EAILJ,EAHTK,OAAAA,OAAS,IAAHD,EAAG,SAAQA,EACFE,EAENN,EAFT,eACAO,EACSP,EADTO,GACAC,EAASR,EAATQ,UACGC,EAAuBC,EAAAV,EAN5B,kDAUA,OACEW,EAAAC,cAACC,EAAkBC,OAAAC,OAAA,CACjBC,UAAWC,EAAOC,aAClBjB,IAAKA,gBACQK,GAAca,EAAUC,EAAuBC,cAAed,GAC3Ee,UAAWC,EACXC,oBAAqBC,EAAGC,EAAST,EAAQU,EAAUzB,EAAO,IAAMG,IAAUY,EAAOW,YACjFC,WAAS,EACT3B,KAAMA,EACNG,OAAQA,EACRG,UAAWA,GACPC,GAGV"}
+{"version":3,"file":"EditableText.js","sources":["../../../../src/components/EditableText/EditableText.tsx"],"sourcesContent":["import { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport React, { forwardRef } from \"react\";\nimport { type VibeComponentProps, withStaticProps } from \"../../types\";\nimport styles from \"./EditableText.module.scss\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { camelCase } from \"es-toolkit\";\nimport EditableTypography, {\n  type EditableTypographyImplementationProps\n} from \"../EditableTypography/EditableTypography\";\nimport { Text, TextTypeEnum, TextWeightEnum, type TextType, type TextWeight } from \"@vibe/typography\";\nimport cx from \"classnames\";\n\nexport interface EditableTextProps extends VibeComponentProps, EditableTypographyImplementationProps {\n  /**\n   * The text style variant.\n   */\n  type?: TextType;\n  /**\n   * The font weight of the text.\n   */\n  weight?: TextWeight;\n  /**\n   * If true, enables editing multiple lines of text.\n   */\n  multiline?: boolean;\n}\n\nconst EditableText = forwardRef(\n  (\n    {\n      type = \"text2\",\n      weight = \"normal\",\n      \"data-testid\": dataTestId,\n      id,\n      multiline,\n      ...editableTypographyProps\n    }: EditableTextProps,\n    ref: React.ForwardedRef<HTMLElement>\n  ) => {\n    return (\n      <EditableTypography\n        className={styles.editableText}\n        ref={ref}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.EDITABLE_TEXT, id)}\n        component={Text}\n        typographyClassName={cx(getStyle(styles, camelCase(type + \"-\" + weight)), styles.typography)}\n        clearable\n        type={type}\n        weight={weight}\n        multiline={multiline}\n        {...editableTypographyProps}\n      />\n    );\n  }\n);\n\ninterface EditableTextStaticProps {\n  types: typeof TextTypeEnum;\n  weights: typeof TextWeightEnum;\n}\n\nexport default withStaticProps<EditableTextProps, EditableTextStaticProps>(EditableText, {\n  types: TextTypeEnum,\n  weights: TextWeightEnum\n});\n"],"names":["withStaticProps","forwardRef","_a","ref","type","_a$type","_a$weight","weight","dataTestId","id","multiline","editableTypographyProps","__rest","React","createElement","EditableTypography","Object","assign","className","styles","editableText","getTestId","ComponentDefaultTestId","EDITABLE_TEXT","component","Text","typographyClassName","cx","getStyle","camelCase","typography","clearable","types","TextTypeEnum","weights","TextWeightEnum"],"mappings":"sqBA2BA,IAkCeA,EAAAA,EAlCMC,GACnB,SACEC,EAQAC,SAHWD,EAJTE,KAAAA,OAAO,IAAHC,EAAG,QAAOA,EAAAC,EAILJ,EAHTK,OAAAA,OAAS,IAAHD,EAAG,SAAQA,EACFE,EAENN,EAFT,eACAO,EACSP,EADTO,GACAC,EAASR,EAATQ,UACGC,EAAuBC,EAAAV,EAN5B,kDAUA,OACEW,EAAAC,cAACC,EAAkBC,OAAAC,OAAA,CACjBC,UAAWC,EAAOC,aAClBjB,IAAKA,gBACQK,GAAca,EAAUC,EAAuBC,cAAed,GAC3Ee,UAAWC,EACXC,oBAAqBC,EAAGC,EAAST,EAAQU,EAAUzB,EAAO,IAAMG,IAAUY,EAAOW,YACjFC,WAAS,EACT3B,KAAMA,EACNG,OAAQA,EACRG,UAAWA,GACPC,GAGV,IAQuF,CACvFqB,MAAOC,EACPC,QAASC"}

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

@@ -1,2 +1,2 @@
-var t={text1Bold:"text1Bold_2a720d1eab",text1Medium:"text1Medium_fc07ae97e5",text1Normal:"text1Normal_afcc2b171c",text2Bold:"text2Bold_ccae40a91c",text2Medium:"text2Medium_3ff9815226",text2Normal:"text2Normal_f583656601",text3Bold:"text3Bold_c1188dcc41",text3Medium:"text3Medium_e4d794a674",text3Normal:"text3Normal_f1ae8a15ef",editableText:"editableText_aacddd2984",typography:"typography_50e9c2370d"};!function(t){const e="s_id-bcdc5f69e9db_3_85_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const d=document.createElement("style");d.id=e,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable */\n/* stylelint-enable */\n.text1Bold_2a720d1eab {\n  font: var(--font-text1-bold);\n}\n.text1Medium_fc07ae97e5 {\n  font: var(--font-text1-medium);\n}\n.text1Normal_afcc2b171c {\n  font: var(--font-text1-normal);\n}\n.text2Bold_ccae40a91c {\n  font: var(--font-text2-bold);\n}\n.text2Medium_3ff9815226 {\n  font: var(--font-text2-medium);\n}\n.text2Normal_f583656601 {\n  font: var(--font-text2-normal);\n}\n.text3Bold_c1188dcc41 {\n  font: var(--font-text3-bold);\n}\n.text3Medium_e4d794a674 {\n  font: var(--font-text3-medium);\n}\n.text3Normal_f1ae8a15ef {\n  font: var(--font-text3-normal);\n}\n.editableText_aacddd2984 .typography_50e9c2370d {\n  min-width: 56px;\n}");export{t as default};
+var t={text1Bold:"text1Bold_8871f829eb",text1Medium:"text1Medium_1c60f39296",text1Normal:"text1Normal_d08dccd8c6",text2Bold:"text2Bold_f32930bf48",text2Medium:"text2Medium_967ac81c1e",text2Normal:"text2Normal_fdd61d9bc2",text3Bold:"text3Bold_e5e275b9ea",text3Medium:"text3Medium_7aa7ead304",text3Normal:"text3Normal_2bd0109582",editableText:"editableText_cd5df3dde2",typography:"typography_c38837f0ab"};!function(t){const e="s_id-bcdc5f69e9db_3_86_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const d=document.createElement("style");d.id=e,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable */\n/* stylelint-enable */\n.text1Bold_8871f829eb {\n  font: var(--font-text1-bold);\n}\n.text1Medium_1c60f39296 {\n  font: var(--font-text1-medium);\n}\n.text1Normal_d08dccd8c6 {\n  font: var(--font-text1-normal);\n}\n.text2Bold_f32930bf48 {\n  font: var(--font-text2-bold);\n}\n.text2Medium_967ac81c1e {\n  font: var(--font-text2-medium);\n}\n.text2Normal_fdd61d9bc2 {\n  font: var(--font-text2-normal);\n}\n.text3Bold_e5e275b9ea {\n  font: var(--font-text3-bold);\n}\n.text3Medium_7aa7ead304 {\n  font: var(--font-text3-medium);\n}\n.text3Normal_2bd0109582 {\n  font: var(--font-text3-normal);\n}\n.editableText_cd5df3dde2 .typography_c38837f0ab {\n  min-width: 56px;\n}");export{t as default};
 //# sourceMappingURL=EditableText.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={editableTypography:"editableTypography_eb3623e4e5",input:"input_a0d8c9f025",textarea:"textarea_c9186b60d6",typography:"typography_53a53d325f",disabled:"disabled_7dd9a36ebe",hidden:"hidden_ae5fe25308",placeholder:"placeholder_e0aacd0d5a",multiline:"multiline_b5b2898e31"};!function(e){const a="s_id-34ea4bd39075_3_85_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+a))return;const d=document.createElement("style");d.id=a,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.editableTypography_eb3623e4e5 {\n  display: inline-flex;\n  min-width: 0;\n  max-width: 100%;\n  margin-left: -6px;\n  overflow: hidden;\n  position: relative;\n}\n.editableTypography_eb3623e4e5 .input_a0d8c9f025,\n.editableTypography_eb3623e4e5 .textarea_c9186b60d6 {\n  width: var(--input-width);\n  display: inline-block;\n  max-width: 100%;\n  min-width: 64px;\n  padding: 0 var(--spacing-xs);\n  outline: none;\n  border: 1px solid var(--primary-color);\n  border-radius: var(--border-radius-small);\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.editableTypography_eb3623e4e5 .input_a0d8c9f025:focus, .editableTypography_eb3623e4e5 .input_a0d8c9f025:active,\n.editableTypography_eb3623e4e5 .textarea_c9186b60d6:focus,\n.editableTypography_eb3623e4e5 .textarea_c9186b60d6:active {\n  outline: none;\n}\n.editableTypography_eb3623e4e5 .textarea_c9186b60d6 {\n  resize: none;\n  overflow: hidden;\n  height: var(--input-height);\n}\n.editableTypography_eb3623e4e5 .typography_53a53d325f {\n  border: 1px solid transparent;\n  padding: 0 var(--spacing-xs);\n  border-radius: var(--border-radius-small);\n}\n.editableTypography_eb3623e4e5 .typography_53a53d325f:hover:not(.disabled_7dd9a36ebe) {\n  border-color: var(--ui-border-color);\n}\n.editableTypography_eb3623e4e5 .typography_53a53d325f.hidden_ae5fe25308 {\n  position: absolute;\n  opacity: 0;\n  height: 0;\n  visibility: hidden;\n  white-space: pre;\n}\n.editableTypography_eb3623e4e5 .typography_53a53d325f.placeholder_e0aacd0d5a {\n  color: var(--secondary-text-color);\n}\n.editableTypography_eb3623e4e5 .typography_53a53d325f.multiline_b5b2898e31 {\n  white-space: pre-wrap;\n}");export{e as default};
+var e={editableTypography:"editableTypography_1df743baea",input:"input_011b440f49",textarea:"textarea_181771e9b1",typography:"typography_a877522dbc",disabled:"disabled_9d3ea209a4",hidden:"hidden_e89246bc76",placeholder:"placeholder_bb4deaeb00",multiline:"multiline_a7e130a733"};!function(e){const a="s_id-34ea4bd39075_3_86_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+a))return;const d=document.createElement("style");d.id=a,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.editableTypography_1df743baea {\n  display: inline-flex;\n  min-width: 0;\n  max-width: 100%;\n  margin-left: -6px;\n  overflow: hidden;\n  position: relative;\n}\n.editableTypography_1df743baea .input_011b440f49,\n.editableTypography_1df743baea .textarea_181771e9b1 {\n  width: var(--input-width);\n  display: inline-block;\n  max-width: 100%;\n  min-width: 64px;\n  padding: 0 var(--spacing-xs);\n  outline: none;\n  border: 1px solid var(--primary-color);\n  border-radius: var(--border-radius-small);\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.editableTypography_1df743baea .input_011b440f49:focus, .editableTypography_1df743baea .input_011b440f49:active,\n.editableTypography_1df743baea .textarea_181771e9b1:focus,\n.editableTypography_1df743baea .textarea_181771e9b1:active {\n  outline: none;\n}\n.editableTypography_1df743baea .textarea_181771e9b1 {\n  resize: none;\n  overflow: hidden;\n  height: var(--input-height);\n}\n.editableTypography_1df743baea .typography_a877522dbc {\n  border: 1px solid transparent;\n  padding: 0 var(--spacing-xs);\n  border-radius: var(--border-radius-small);\n}\n.editableTypography_1df743baea .typography_a877522dbc:hover:not(.disabled_9d3ea209a4) {\n  border-color: var(--ui-border-color);\n}\n.editableTypography_1df743baea .typography_a877522dbc.hidden_e89246bc76 {\n  position: absolute;\n  opacity: 0;\n  height: 0;\n  visibility: hidden;\n  white-space: pre;\n}\n.editableTypography_1df743baea .typography_a877522dbc.placeholder_bb4deaeb00 {\n  color: var(--secondary-text-color);\n}\n.editableTypography_1df743baea .typography_a877522dbc.multiline_a7e130a733 {\n  white-space: pre-wrap;\n}");export{e as default};
 //# sourceMappingURL=EditableTypography.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={emptyState:"emptyState_4f4e2f1ad9",compact:"compact_7f76c96d74",content:"content_7c6e2c6205",title:"title_8d71b681af",description:"description_8d71b681af",actions:"actions_6ebfe43bcb"};!function(e){const t="s_id-ec6bbd61ae58_3_85_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".emptyState_4f4e2f1ad9 {\n  width: 100%;\n  padding: var(--spacing-large);\n  box-sizing: border-box;\n  background: var(--primary-background-color);\n}\n.emptyState_4f4e2f1ad9.compact_7f76c96d74 {\n  padding: var(--spacing-medium);\n}\n.emptyState_4f4e2f1ad9 .content_7c6e2c6205 {\n  width: 100%;\n  text-align: center;\n}\n.emptyState_4f4e2f1ad9 .content_7c6e2c6205 .title_8d71b681af {\n  max-width: 500px;\n}\n.emptyState_4f4e2f1ad9 .content_7c6e2c6205 .description_8d71b681af {\n  max-width: 500px;\n}\n.emptyState_4f4e2f1ad9 .content_7c6e2c6205 .actions_6ebfe43bcb {\n  width: 100%;\n}");export{e as default};
+var t={emptyState:"emptyState_9dfd94d942",compact:"compact_2f4cf02b9b",content:"content_e301686f58",title:"title_800b6660aa",description:"description_800b6660aa",actions:"actions_52e696d131"};!function(t){const e="s_id-ec6bbd61ae58_3_86_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const d=document.createElement("style");d.id=e,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}(".emptyState_9dfd94d942 {\n  width: 100%;\n  padding: var(--spacing-large);\n  box-sizing: border-box;\n  background: var(--primary-background-color);\n}\n.emptyState_9dfd94d942.compact_2f4cf02b9b {\n  padding: var(--spacing-medium);\n}\n.emptyState_9dfd94d942 .content_e301686f58 {\n  width: 100%;\n  text-align: center;\n}\n.emptyState_9dfd94d942 .content_e301686f58 .title_800b6660aa {\n  max-width: 500px;\n}\n.emptyState_9dfd94d942 .content_e301686f58 .description_800b6660aa {\n  max-width: 500px;\n}\n.emptyState_9dfd94d942 .content_e301686f58 .actions_52e696d131 {\n  width: 100%;\n}");export{t as default};
 //# sourceMappingURL=EmptyState.module.scss.js.map

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

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

package/dist/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 \"@vibe/icon\";\nimport { Text } from \"@vibe/typography\";\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        type=\"svg\"\n        icon={DropdownChevronDown}\n        size={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","icon","DropdownChevronDown","size","getTestId","ComponentDefaultTestId","EXPAND_COLLAPSE","ComponentVibeId","expandCollapse","showBorder","header","section","headerOpen","hideBorderBottom","leftIcon","onClickCapture","concat","length","content","animateExpandCollapseContent","role"],"mappings":"2mBAmEMA,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,IAE9BQ,KAAK,MACLU,KAAMC,EACNC,KAAM9C,KAIV,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 \"@vibe/typography\";\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":"2mBAmEMA,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/src/components/ExpandCollapse/ExpandCollapse.module.scss.js

@@ -1,2 +1,2 @@
-var e={expandCollapse:"expandCollapse_2a2727f1ca",header:"header_57a2ee11bf","focus-visible":"focus-visible_17d22ae837",headerContent:"headerContent_89b03d6bf4",iconComponent:"iconComponent_b5d99e7628",content:"content_7f76c96d74",section:"section_6ebfe43bcb",hideBorder:"hideBorder_656758d256",hideBorderBottom:"hideBorderBottom_3e2e906b95",showBorder:"showBorder_869db49ab3",headerOpen:"headerOpen_1b2448e22c",animateIconOpen:"animateIconOpen_fb60cbcdb2",animateIconClose:"animateIconClose_6695b2cc74",leftIcon:"leftIcon_974e571fb6"};!function(e){const n="s_id-023f1d02802e_3_85_1";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,o.firstChild?o.insertBefore(r,o.firstChild):o.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.expandCollapse_2a2727f1ca {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  align-items: center;\n  color: var(--primary-text-color);\n  background-color: transparent;\n  box-sizing: border-box;\n  border-radius: var(--border-radius-small);\n}\n.header_57a2ee11bf {\n  border: none;\n  margin: 0;\n  padding: 0;\n  width: auto;\n  overflow: visible;\n  background: transparent;\n  /* inherit font & color from ancestor */\n  color: inherit;\n  font: inherit;\n  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */\n  line-height: normal;\n  /* Corrects font smoothing for webkit */\n  -webkit-font-smoothing: inherit;\n  -moz-osx-font-smoothing: inherit;\n  /* Corrects inability to style clickable `input` types in iOS */\n  appearance: none;\n  padding: var(--spacing-medium);\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  cursor: pointer;\n}\n.header_57a2ee11bf:focus-visible, .header_57a2ee11bf.focus-visible_17d22ae837 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.header_57a2ee11bf:focus:not(.focus-visible_17d22ae837) {\n  outline: none;\n}\n.header_57a2ee11bf:hover {\n  background-color: var(--primary-background-hover-color);\n}\n.header_57a2ee11bf:active {\n  transform: scale(1);\n}\n.header_57a2ee11bf .headerContent_89b03d6bf4 {\n  margin: 0;\n}\n.header_57a2ee11bf .iconComponent_b5d99e7628 {\n  color: var(--icon-color);\n}\n.content_7f76c96d74 {\n  padding: var(--spacing-medium);\n}\n.section_6ebfe43bcb {\n  width: 100%;\n}\n.hideBorder_656758d256 {\n  border: none;\n}\n.hideBorderBottom_3e2e906b95 {\n  border-bottom: none;\n}\n.showBorder_869db49ab3 {\n  border: 1px solid var(--ui-border-color);\n}\n.showBorder_869db49ab3 .headerOpen_1b2448e22c {\n  border-bottom: 1px solid;\n  border-color: var(--ui-border-color);\n}\n.animateIconOpen_fb60cbcdb2 {\n  transform: rotate(-180deg);\n  transition: transform var(--motion-expressive-short) var(--motion-timing-transition);\n}\n.animateIconClose_6695b2cc74 {\n  transform: rotate(-360deg);\n  transition: transform var(--motion-expressive-short) var(--motion-timing-transition);\n}\n.header_57a2ee11bf.leftIcon_974e571fb6 {\n  justify-content: flex-start;\n  gap: var(--spacing-small);\n}");export{e as default};
+var e={expandCollapse:"expandCollapse_c8950043b6",header:"header_f2a723fa0c","focus-visible":"focus-visible_5db8d7a1e4",headerContent:"headerContent_9a8f5c6c9c",iconComponent:"iconComponent_c686cded4c",content:"content_2f4cf02b9b",section:"section_52e696d131",hideBorder:"hideBorder_44da9741a8",hideBorderBottom:"hideBorderBottom_750d474a83",showBorder:"showBorder_f2550eeac0",headerOpen:"headerOpen_308fe8e957",animateIconOpen:"animateIconOpen_fc50f2d09e",animateIconClose:"animateIconClose_69b8a5e1eb",leftIcon:"leftIcon_7144a399cf"};!function(e){const n="s_id-023f1d02802e_3_86_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,o.firstChild?o.insertBefore(r,o.firstChild):o.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.expandCollapse_c8950043b6 {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  align-items: center;\n  color: var(--primary-text-color);\n  background-color: transparent;\n  box-sizing: border-box;\n  border-radius: var(--border-radius-small);\n}\n.header_f2a723fa0c {\n  border: none;\n  margin: 0;\n  padding: 0;\n  width: auto;\n  overflow: visible;\n  background: transparent;\n  /* inherit font & color from ancestor */\n  color: inherit;\n  font: inherit;\n  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */\n  line-height: normal;\n  /* Corrects font smoothing for webkit */\n  -webkit-font-smoothing: inherit;\n  -moz-osx-font-smoothing: inherit;\n  /* Corrects inability to style clickable `input` types in iOS */\n  appearance: none;\n  padding: var(--spacing-medium);\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  cursor: pointer;\n}\n.header_f2a723fa0c:focus-visible, .header_f2a723fa0c.focus-visible_5db8d7a1e4 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.header_f2a723fa0c:focus:not(.focus-visible_5db8d7a1e4) {\n  outline: none;\n}\n.header_f2a723fa0c:hover {\n  background-color: var(--primary-background-hover-color);\n}\n.header_f2a723fa0c:active {\n  transform: scale(1);\n}\n.header_f2a723fa0c .headerContent_9a8f5c6c9c {\n  margin: 0;\n}\n.header_f2a723fa0c .iconComponent_c686cded4c {\n  color: var(--icon-color);\n}\n.content_2f4cf02b9b {\n  padding: var(--spacing-medium);\n}\n.section_52e696d131 {\n  width: 100%;\n}\n.hideBorder_44da9741a8 {\n  border: none;\n}\n.hideBorderBottom_750d474a83 {\n  border-bottom: none;\n}\n.showBorder_f2550eeac0 {\n  border: 1px solid var(--ui-border-color);\n}\n.showBorder_f2550eeac0 .headerOpen_308fe8e957 {\n  border-bottom: 1px solid;\n  border-color: var(--ui-border-color);\n}\n.animateIconOpen_fc50f2d09e {\n  transform: rotate(-180deg);\n  transition: transform var(--motion-expressive-short) var(--motion-timing-transition);\n}\n.animateIconClose_69b8a5e1eb {\n  transform: rotate(-360deg);\n  transition: transform var(--motion-expressive-short) var(--motion-timing-transition);\n}\n.header_f2a723fa0c.leftIcon_7144a399cf {\n  justify-content: flex-start;\n  gap: var(--spacing-small);\n}");export{e as default};
 //# sourceMappingURL=ExpandCollapse.module.scss.js.map

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

@@ -1,2 +1,2 @@
-import e from"classnames";import o,{forwardRef as a}from"react";import l from"./FieldLabel.module.scss.js";import t from"../../../components/icon/dist/Icon/Icon.js";var r=a((function(a,r){var m=a.icon,n=void 0===m?"":m,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(t,{icon:n,className:e(l.labelComponentIcon,v),id:d,type:"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};
+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/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 \"@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} type=\"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","type","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,KAAK,SAC9FR,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/src/components/FieldLabel/FieldLabel.module.scss.js

@@ -1,2 +1,2 @@
-var e={labelComponentWrapper:"labelComponentWrapper_53586272f6",labelComponentIcon:"labelComponentIcon_2c71ba6d23",labelComponentText:"labelComponentText_65ff7a7175",required:"required_8507403d4d"};!function(e){const n="s_id-12dfba012dab_3_85_1";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.labelComponentWrapper_53586272f6 {\n  font: var(--font-text2-normal);\n  display: flex;\n  padding-bottom: var(--spacing-xs);\n  align-items: center;\n}\n.labelComponentIcon_2c71ba6d23 {\n  margin: 0 var(--spacing-small) 0 var(--spacing-xs);\n  line-height: 24px;\n  color: var(--secondary-text-color);\n}\n.labelComponentText_65ff7a7175 {\n  color: var(--primary-text-color);\n  padding-block: 2px;\n}\n.required_8507403d4d {\n  color: var(--negative-color);\n}");export{e as default};
+var e={labelComponentWrapper:"labelComponentWrapper_0a0e8a5489",labelComponentIcon:"labelComponentIcon_9cdbed4ad1",labelComponentText:"labelComponentText_818a730fe9",required:"required_bbc1b49a8f"};!function(e){const n="s_id-12dfba012dab_3_86_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.labelComponentWrapper_0a0e8a5489 {\n  font: var(--font-text2-normal);\n  display: flex;\n  padding-bottom: var(--spacing-xs);\n  align-items: center;\n}\n.labelComponentIcon_9cdbed4ad1 {\n  margin: 0 var(--spacing-small) 0 var(--spacing-xs);\n  line-height: 24px;\n  color: var(--secondary-text-color);\n}\n.labelComponentText_818a730fe9 {\n  color: var(--primary-text-color);\n  padding-block: 2px;\n}\n.required_bbc1b49a8f {\n  color: var(--negative-color);\n}");export{e as default};
 //# sourceMappingURL=FieldLabel.module.scss.js.map

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

@@ -1,2 +1,2 @@
-import e from"classnames";import t,{forwardRef as r,useMemo as a}from"react";import{formatNumberConsts as s,formatNumber as l}from"../../helpers/textManipulations.js";import{validateValue as m}from"./FormattedNumberHelpers.js";import{getTestId as o,ComponentDefaultTestId as i}from"../../tests/testIds.js";import n from"./FormattedNumber.module.scss.js";var c=r((function(r,c){var u=r.value,p=r.className,d=r.local,f=void 0===d?s.DEFAULT_LOCAL:d,N=r.prefix,v=r.suffix,E=r.emptyPlaceHolder,x=void 0===E?"N/A":E,j=r.decimalPrecision,A=void 0===j?2:j,F=r.compact,b=void 0===F||F,L=r.rtl,M=r.id,T=r["data-testid"],C=a((function(){return v?t.createElement("span",{className:e(n.suffix)},v):null}),[v]),D=a((function(){return N?t.createElement("span",{className:e(n.prefix)},N):null}),[N]),H=a((function(){return l(Number(u),{local:f,precision:A,isCompact:b})}),[u,A,f,b]);return m(u)?t.createElement("span",null,x):t.createElement("div",{ref:c,className:p,id:M,"data-testid":T||o(i.FORMATTED_NUMBER,M)},L?C:D,t.createElement("span",null,H),L?D:C)}));export{c as default};
+import e from"classnames";import t,{forwardRef as r,useMemo as a}from"react";import{formatNumber as s,formatNumberConsts as o}from"../../helpers/textManipulations.js";import{validateValue as l}from"./FormattedNumberHelpers.js";import{withStaticProps as m}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import{getTestId as i,ComponentDefaultTestId as n}from"../../tests/testIds.js";import c from"./FormattedNumber.module.scss.js";var p=m(r((function(r,m){var p=r.value,u=r.className,f=r.local,d=void 0===f?o.DEFAULT_LOCAL:f,N=r.prefix,v=r.suffix,E=r.emptyPlaceHolder,j=void 0===E?"N/A":E,x=r.decimalPrecision,A=void 0===x?2:x,F=r.compact,L=void 0===F||F,b=r.rtl,T=r.id,C=r["data-testid"],D=a((function(){return v?t.createElement("span",{className:e(c.suffix)},v):null}),[v]),M=a((function(){return N?t.createElement("span",{className:e(c.prefix)},N):null}),[N]),O=a((function(){return s(Number(p),{local:d,precision:A,isCompact:L})}),[p,A,d,L]);return l(p)?t.createElement("span",null,j):t.createElement("div",{ref:m,className:u,id:T,"data-testid":C||i(n.FORMATTED_NUMBER,T)},b?D:M,t.createElement("span",null,O),b?M:D)})),{formatNumber:s,localFallBack:o.DEFAULT_LOCAL});export{p as default};
 //# sourceMappingURL=FormattedNumber.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FormattedNumber.js","sources":["../../../../src/components/FormattedNumber/FormattedNumber.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { useMemo, forwardRef } from \"react\";\nimport { formatNumber, formatNumberConsts } from \"../../helpers/textManipulations\";\nimport { validateValue } from \"./FormattedNumberHelpers\";\nimport { type VibeComponentProps } from \"../../types\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport styles from \"./FormattedNumber.module.scss\";\n\nexport interface FormattedNumberProps extends VibeComponentProps {\n  /**\n   * The numeric value to format.\n   */\n  value?: number | string;\n  /**\n   * The text displayed before the number.\n   */\n  prefix?: string;\n  /**\n   * The text displayed after the number.\n   */\n  suffix?: string;\n  /**\n   * The text displayed when no value is provided.\n   */\n  emptyPlaceHolder?: string;\n  /**\n   * The number of decimal places to display (0 ~ 20).\n   */\n  decimalPrecision?: number;\n  /**\n   * If true, formats the number into a compact notation.\n   */\n  compact?: boolean;\n  /**\n   * The locale used for formatting (Unicode BCP 47 locale identifier).\n   */\n  local?: string;\n  /**\n   * If true, reverses the order of the prefix and suffix.\n   */\n  rtl?: boolean;\n}\n\nconst FormattedNumber = forwardRef(\n  (\n    {\n      value,\n      className,\n      local = formatNumberConsts.DEFAULT_LOCAL,\n      prefix,\n      suffix,\n      emptyPlaceHolder = \"N/A\",\n      decimalPrecision = 2,\n      compact = true,\n      rtl,\n      id,\n      \"data-testid\": dataTestId\n    }: FormattedNumberProps,\n    ref: React.ForwardedRef<HTMLDivElement>\n  ) => {\n    const renderSuffix = useMemo(() => {\n      if (!suffix) return null;\n\n      return <span className={cx(styles.suffix)}>{suffix}</span>;\n    }, [suffix]);\n\n    const renderPrefix = useMemo(() => {\n      if (!prefix) return null;\n\n      return <span className={cx(styles.prefix)}>{prefix}</span>;\n    }, [prefix]);\n\n    const calculatedValue = useMemo(() => {\n      return formatNumber(Number(value), {\n        local,\n        precision: decimalPrecision,\n        isCompact: compact\n      });\n    }, [value, decimalPrecision, local, compact]);\n\n    if (validateValue(value)) {\n      return <span>{emptyPlaceHolder}</span>;\n    }\n\n    return (\n      <div\n        ref={ref}\n        className={className}\n        id={id}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.FORMATTED_NUMBER, id)}\n      >\n        {rtl ? renderSuffix : renderPrefix}\n        <span>{calculatedValue}</span>\n        {rtl ? renderPrefix : renderSuffix}\n      </div>\n    );\n  }\n);\n\nexport default FormattedNumber;\n"],"names":["FormattedNumber","forwardRef","_ref","ref","value","className","_ref$local","local","formatNumberConsts","DEFAULT_LOCAL","prefix","suffix","_ref$emptyPlaceHolder","emptyPlaceHolder","_ref$decimalPrecision","decimalPrecision","_ref$compact","compact","rtl","id","dataTestId","renderSuffix","useMemo","React","createElement","cx","styles","renderPrefix","calculatedValue","formatNumber","Number","precision","isCompact","validateValue","getTestId","ComponentDefaultTestId","FORMATTED_NUMBER"],"mappings":"kWA2CMA,IAAAA,EAAkBC,GACtB,SAAAC,EAcEC,GACE,IAbAC,EAAKF,EAALE,MACAC,EAASH,EAATG,UAASC,EAAAJ,EACTK,MAAAA,OAAK,IAAAD,EAAGE,EAAmBC,cAAaH,EACxCI,EAAMR,EAANQ,OACAC,EAAMT,EAANS,OAAMC,EAAAV,EACNW,iBAAAA,OAAmB,IAAHD,EAAG,MAAKA,EAAAE,EAAAZ,EACxBa,iBAAAA,OAAmB,IAAHD,EAAG,EAACA,EAAAE,EAAAd,EACpBe,QAAAA,OAAU,IAAHD,GAAOA,EACdE,EAAGhB,EAAHgB,IACAC,EAAEjB,EAAFiB,GACeC,EAAUlB,EAAzB,eAIImB,EAAeC,GAAQ,WAC3B,OAAKX,EAEEY,EAAMC,cAAA,OAAA,CAAAnB,UAAWoB,EAAGC,EAAOf,SAAUA,GAFxB,IAGtB,GAAG,CAACA,IAEEgB,EAAeL,GAAQ,WAC3B,OAAKZ,EAEEa,EAAMC,cAAA,OAAA,CAAAnB,UAAWoB,EAAGC,EAAOhB,SAAUA,GAFxB,IAGtB,GAAG,CAACA,IAEEkB,EAAkBN,GAAQ,WAC9B,OAAOO,EAAaC,OAAO1B,GAAQ,CACjCG,MAAAA,EACAwB,UAAWhB,EACXiB,UAAWf,GAEd,GAAE,CAACb,EAAOW,EAAkBR,EAAOU,IAEpC,OAAIgB,EAAc7B,GACTmB,EAAAC,cAAA,OAAA,KAAOX,GAIdU,uBACEpB,IAAKA,EACLE,UAAWA,EACXc,GAAIA,EAAE,cACOC,GAAcc,EAAUC,EAAuBC,iBAAkBjB,IAE7ED,EAAMG,EAAeM,EACtBJ,EAAAC,cAAA,OAAA,KAAOI,GACNV,EAAMS,EAAeN,EAG5B"}
+{"version":3,"file":"FormattedNumber.js","sources":["../../../../src/components/FormattedNumber/FormattedNumber.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { useMemo, forwardRef } from \"react\";\nimport { formatNumber, formatNumberConsts } from \"../../helpers/textManipulations\";\nimport { validateValue } from \"./FormattedNumberHelpers\";\nimport { type VibeComponentProps, withStaticProps } from \"../../types\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport styles from \"./FormattedNumber.module.scss\";\n\nexport interface FormattedNumberProps extends VibeComponentProps {\n  /**\n   * The numeric value to format.\n   */\n  value?: number | string;\n  /**\n   * The text displayed before the number.\n   */\n  prefix?: string;\n  /**\n   * The text displayed after the number.\n   */\n  suffix?: string;\n  /**\n   * The text displayed when no value is provided.\n   */\n  emptyPlaceHolder?: string;\n  /**\n   * The number of decimal places to display (0 ~ 20).\n   */\n  decimalPrecision?: number;\n  /**\n   * If true, formats the number into a compact notation.\n   */\n  compact?: boolean;\n  /**\n   * The locale used for formatting (Unicode BCP 47 locale identifier).\n   */\n  local?: string;\n  /**\n   * If true, reverses the order of the prefix and suffix.\n   */\n  rtl?: boolean;\n}\n\nconst FormattedNumber = forwardRef(\n  (\n    {\n      value,\n      className,\n      local = formatNumberConsts.DEFAULT_LOCAL,\n      prefix,\n      suffix,\n      emptyPlaceHolder = \"N/A\",\n      decimalPrecision = 2,\n      compact = true,\n      rtl,\n      id,\n      \"data-testid\": dataTestId\n    }: FormattedNumberProps,\n    ref: React.ForwardedRef<HTMLDivElement>\n  ) => {\n    const renderSuffix = useMemo(() => {\n      if (!suffix) return null;\n\n      return <span className={cx(styles.suffix)}>{suffix}</span>;\n    }, [suffix]);\n\n    const renderPrefix = useMemo(() => {\n      if (!prefix) return null;\n\n      return <span className={cx(styles.prefix)}>{prefix}</span>;\n    }, [prefix]);\n\n    const calculatedValue = useMemo(() => {\n      return formatNumber(Number(value), {\n        local,\n        precision: decimalPrecision,\n        isCompact: compact\n      });\n    }, [value, decimalPrecision, local, compact]);\n\n    if (validateValue(value)) {\n      return <span>{emptyPlaceHolder}</span>;\n    }\n\n    return (\n      <div\n        ref={ref}\n        className={className}\n        id={id}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.FORMATTED_NUMBER, id)}\n      >\n        {rtl ? renderSuffix : renderPrefix}\n        <span>{calculatedValue}</span>\n        {rtl ? renderPrefix : renderSuffix}\n      </div>\n    );\n  }\n);\n\ninterface FormattedNumberStaticProps {\n  formatNumber: typeof formatNumber;\n  localFallBack: string;\n}\n\nexport default withStaticProps<FormattedNumberProps, FormattedNumberStaticProps>(FormattedNumber, {\n  formatNumber: formatNumber,\n  localFallBack: formatNumberConsts.DEFAULT_LOCAL\n});\n"],"names":["withStaticProps","forwardRef","_ref","ref","value","className","_ref$local","local","formatNumberConsts","DEFAULT_LOCAL","prefix","suffix","_ref$emptyPlaceHolder","emptyPlaceHolder","_ref$decimalPrecision","decimalPrecision","_ref$compact","compact","rtl","id","dataTestId","renderSuffix","useMemo","React","createElement","cx","styles","renderPrefix","calculatedValue","formatNumber","Number","precision","isCompact","validateValue","getTestId","ComponentDefaultTestId","FORMATTED_NUMBER","localFallBack"],"mappings":"0cA2CA,IA6DeA,EAAAA,EA7DSC,GACtB,SAAAC,EAcEC,GACE,IAbAC,EAAKF,EAALE,MACAC,EAASH,EAATG,UAASC,EAAAJ,EACTK,MAAAA,OAAK,IAAAD,EAAGE,EAAmBC,cAAaH,EACxCI,EAAMR,EAANQ,OACAC,EAAMT,EAANS,OAAMC,EAAAV,EACNW,iBAAAA,OAAmB,IAAHD,EAAG,MAAKA,EAAAE,EAAAZ,EACxBa,iBAAAA,OAAmB,IAAHD,EAAG,EAACA,EAAAE,EAAAd,EACpBe,QAAAA,OAAU,IAAHD,GAAOA,EACdE,EAAGhB,EAAHgB,IACAC,EAAEjB,EAAFiB,GACeC,EAAUlB,EAAzB,eAIImB,EAAeC,GAAQ,WAC3B,OAAKX,EAEEY,EAAMC,cAAA,OAAA,CAAAnB,UAAWoB,EAAGC,EAAOf,SAAUA,GAFxB,IAGtB,GAAG,CAACA,IAEEgB,EAAeL,GAAQ,WAC3B,OAAKZ,EAEEa,EAAMC,cAAA,OAAA,CAAAnB,UAAWoB,EAAGC,EAAOhB,SAAUA,GAFxB,IAGtB,GAAG,CAACA,IAEEkB,EAAkBN,GAAQ,WAC9B,OAAOO,EAAaC,OAAO1B,GAAQ,CACjCG,MAAAA,EACAwB,UAAWhB,EACXiB,UAAWf,GAEd,GAAE,CAACb,EAAOW,EAAkBR,EAAOU,IAEpC,OAAIgB,EAAc7B,GACTmB,EAAAC,cAAA,OAAA,KAAOX,GAIdU,uBACEpB,IAAKA,EACLE,UAAWA,EACXc,GAAIA,EAAE,cACOC,GAAcc,EAAUC,EAAuBC,iBAAkBjB,IAE7ED,EAAMG,EAAeM,EACtBJ,EAAAC,cAAA,OAAA,KAAOI,GACNV,EAAMS,EAAeN,EAG5B,IAQgG,CAChGQ,aAAcA,EACdQ,cAAe7B,EAAmBC"}

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

@@ -1,2 +1,2 @@
-var e={formattedNumberComponent:"formattedNumberComponent_44321cc1d9",prefix:"prefix_baba460137",suffix:"suffix_baba460137"};!function(e){const n="s_id-d821b20045aa_3_85_1";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.formattedNumberComponent_44321cc1d9 {\n  display: flex;\n  flex-direction: row;\n  box-sizing: border-box;\n  font-family: var(--font-family);\n  width: 100%;\n}\n.prefix_baba460137 {\n  white-space: pre;\n}\n.suffix_baba460137 {\n  white-space: pre;\n}");export{e as default};
+var e={formattedNumberComponent:"formattedNumberComponent_a88c7b8c65",prefix:"prefix_a94b04152f",suffix:"suffix_a94b04152f"};!function(e){const n="s_id-d821b20045aa_3_86_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.formattedNumberComponent_a88c7b8c65 {\n  display: flex;\n  flex-direction: row;\n  box-sizing: border-box;\n  font-family: var(--font-family);\n  width: 100%;\n}\n.prefix_a94b04152f {\n  white-space: pre;\n}\n.suffix_a94b04152f {\n  white-space: pre;\n}");export{e as default};
 //# sourceMappingURL=FormattedNumber.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={hiddenTextWrapper:"hiddenTextWrapper_168fe50449"};!function(e){const t="s_id-5ac012179a41_3_85_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.hiddenTextWrapper_168fe50449 {\n  /* clip pattern taken from https://www.a11yproject.com/posts/2013-01-11-how-to-hide-content/. */\n  clip: rect(0, 0, 0, 0);\n  clip-path: inset(50%);\n  height: 1px;\n  overflow: hidden;\n  position: absolute;\n  white-space: nowrap;\n  width: 1px;\n}");export{e as default};
+var e={hiddenTextWrapper:"hiddenTextWrapper_7a7f0d4aba"};!function(e){const t="s_id-5ac012179a41_3_86_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.hiddenTextWrapper_7a7f0d4aba {\n  /* clip pattern taken from https://www.a11yproject.com/posts/2013-01-11-how-to-hide-content/. */\n  clip: rect(0, 0, 0, 0);\n  clip-path: inset(50%);\n  height: 1px;\n  overflow: hidden;\n  position: absolute;\n  white-space: nowrap;\n  width: 1px;\n}");export{e as default};
 //# sourceMappingURL=HiddenText.module.scss.js.map

package/dist/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 n,useCallback as a}from"react";import"../../../_virtual/_tslib.js";import"classnames";import{getTestId as r}from"../../tests/testIds.js";import"es-toolkit";import"../Link/Link.module.scss.js";import{ComponentDefaultTestId as s,ComponentVibeId as l}from"../../tests/constants.js";import"./components/InfoLink/InfoLink.module.scss.js";import d from"./components/InfoDialogContent/InfoDialogContent.js";import c from"../../hooks/useMergeRef.js";import m from"../../../components/dialog/dist/Dialog/Dialog.js";import u from"../../../components/icon-button/dist/IconButton/IconButton.js";import p from"../../../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=c(f,_),x=t(null),F=t(null),A=n(!1),O=o(A,2),P=O[0],R=O[1],q=g?"".concat(g,"-dialog"):void 0,z=a((function(){R(!0),null==N||N(),requestAnimationFrame((function(){var o;null===(o=F.current)||void 0===o||o.focus()}))}),[N]),M=a((function(o){var i;R(!1),null==E||E(),"Escape"===o.key&&(null===(i=_.current)||void 0===i||i.focus())}),[E]);return i.createElement(m,{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(d,{ref:F,id:q,title:k,body:v,link:j,className:T}),hideWhenReferenceHidden:!0},i.createElement(u,{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||r(s.INFO,g),"data-vibe":l.INFO,hideTooltip:H}))}));export{f as default};
+import{slicedToArray as o}from"../../../_virtual/_rollupPluginBabelHelpers.js";import i,{forwardRef as e,useRef as t,useState as n,useCallback as a}from"react";import"../../../_virtual/_tslib.js";import"classnames";import"../Link/Link.js";import"./components/InfoLink/InfoLink.module.scss.js";import r from"./components/InfoDialogContent/InfoDialogContent.js";import{ComponentDefaultTestId as s,ComponentVibeId as l}from"../../tests/constants.js";import{getTestId as d}from"../../tests/testIds.js";import c from"../../hooks/useMergeRef.js";import m from"../../../components/dialog/dist/Dialog/Dialog.js";import u from"../../../components/icon-button/dist/IconButton/IconButton.js";import p from"../../../icons/dist/react/Info.js";var f=e((function(e,f){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=c(f,_),x=t(null),F=t(null),A=n(!1),O=o(A,2),P=O[0],R=O[1],q=g?"".concat(g,"-dialog"):void 0,z=a((function(){R(!0),null==N||N(),requestAnimationFrame((function(){var o;null===(o=F.current)||void 0===o||o.focus()}))}),[N]),M=a((function(o){var i;R(!1),null==E||E(),"Escape"===o.key&&(null===(i=_.current)||void 0===i||i.focus())}),[E]);return i.createElement(m,{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(r,{ref:F,id:q,title:v,body:k,link:j,className:T}),hideWhenReferenceHidden:!0},i.createElement(u,{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||d(s.INFO,g),"data-vibe":l.INFO,hideTooltip:H}))}));export{f as default};
 //# sourceMappingURL=Info.js.map