@vibe/core 3.52.2 → 3.52.3-alpha-2b605.0

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

@@ -1,2 +0,0 @@
-var n,o,t,i=function(n){return n},e=["container","control","valueContainer"],r="dropdown-menu-id",u="dropdown-menu-list-id",d="Dropdown menu",p="Dropdown input";!function(n){n.PRIMARY="primary",n.NEGATIVE="negative",n.POSITIVE="positive"}(n||(n={})),function(n){n.ABSOLUTE="absolute",n.FIXED="fixed"}(o||(o={})),function(n){n.TOP="top",n.BOTTOM="bottom",n.AUTO="auto"}(t||(t={}));export{e as ADD_AUTO_HEIGHT_COMPONENTS,n as DROPDOWN_CHIP_COLORS,r as DROPDOWN_ID,p as DROPDOWN_INPUT_ARIA_LABEL,d as DROPDOWN_MENU_ARIA_LABEL,u as DROPDOWN_MENU_ID,t as DROPDOWN_MENU_PLACEMENT,o as DROPDOWN_MENU_POSITION,i as defaultCustomStyles};
-//# sourceMappingURL=DropdownConstants.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"DropdownConstants.js","sources":["../../../../src/components/Dropdown/DropdownConstants.ts"],"sourcesContent":["export const defaultCustomStyles = (baseStyles: string) => baseStyles;\n\nexport const ADD_AUTO_HEIGHT_COMPONENTS = [\"container\", \"control\", \"valueContainer\"];\n\nexport const DROPDOWN_ID = \"dropdown-menu-id\";\nexport const DROPDOWN_MENU_ID = \"dropdown-menu-list-id\";\nexport const DROPDOWN_MENU_ARIA_LABEL = \"Dropdown menu\";\nexport const DROPDOWN_INPUT_ARIA_LABEL = \"Dropdown input\";\n\n/**\n * @deprecated\n */\nexport enum DROPDOWN_CHIP_COLORS {\n  PRIMARY = \"primary\",\n  NEGATIVE = \"negative\",\n  POSITIVE = \"positive\"\n}\n\n/**\n * @deprecated\n */\nexport enum DROPDOWN_MENU_POSITION {\n  ABSOLUTE = \"absolute\",\n  FIXED = \"fixed\"\n}\n\n/**\n * @deprecated\n */\nexport enum DROPDOWN_MENU_PLACEMENT {\n  TOP = \"top\",\n  BOTTOM = \"bottom\",\n  AUTO = \"auto\"\n}\n"],"names":["DROPDOWN_CHIP_COLORS","DROPDOWN_MENU_POSITION","DROPDOWN_MENU_PLACEMENT","defaultCustomStyles","baseStyles","ADD_AUTO_HEIGHT_COMPONENTS","DROPDOWN_ID","DROPDOWN_MENU_ID","DROPDOWN_MENU_ARIA_LABEL","DROPDOWN_INPUT_ARIA_LABEL"],"mappings":"IAYYA,EASAC,EAQAC,EA7BCC,EAAsB,SAACC,GAAkB,OAAKA,CAAU,EAExDC,EAA6B,CAAC,YAAa,UAAW,kBAEtDC,EAAc,mBACdC,EAAmB,wBACnBC,EAA2B,gBAC3BC,EAA4B,kBAKzC,SAAYT,GACVA,EAAA,QAAA,UACAA,EAAA,SAAA,WACAA,EAAA,SAAA,UACD,CAJD,CAAYA,IAAAA,EAIX,CAAA,IAKD,SAAYC,GACVA,EAAA,SAAA,WACAA,EAAA,MAAA,OACD,CAHD,CAAYA,IAAAA,EAGX,CAAA,IAKD,SAAYC,GACVA,EAAA,IAAA,MACAA,EAAA,OAAA,SACAA,EAAA,KAAA,MACD,CAJD,CAAYA,IAAAA,EAIX,CAAA"}

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

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

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

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

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

@@ -1,2 +0,0 @@
-var e={valueContainer:"valueContainer_3a69f03c79",avatar:"avatar_7267a1dce0",icon:"icon_17800ddded"};!function(e){const n="s_id-a9768234c15e_3_52_1";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_3a69f03c79 {\n  display: flex;\n  gap: var(--spacing-xs);\n  align-items: center;\n  width: 100%;\n}\n.valueContainer_3a69f03c79 .avatar_7267a1dce0,\n.valueContainer_3a69f03c79 .icon_17800ddded {\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

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

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

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

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

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

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

@@ -1,2 +0,0 @@
-import e from"react";import{components as o}from"react-select";import t from"../../../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

@@ -1 +0,0 @@
-{"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 \"../../../Tooltip/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":"0GAIA,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

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

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

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

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

@@ -1,2 +0,0 @@
-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 u}from"../../hooks/useHiddenOptionsData.js";import p from"../../../Counter/Counter.js";import m from"../../../Dialog/Dialog.js";import d from"../../../DialogContentContainer/DialogContentContainer.js";import h from"../../../Chips/Chips.js";import f from"./MultiValueContainer.module.scss.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=f["chip-with-input-wrapper"],U=c(S?f["multiselect-chip-multi-line"]:f["multiselect-chip-single-line-".concat(A)],n({},f["multiselect-chip-disabled"],w)),X=u({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(h,{"data-testid":"value-container-chip",key:n.value,className:c(f.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:f["value-container"],onTouchEndCapture:function(e){e.stopPropagation()}},L&&i.createElement("div",{className:f["placeholder-container"]},i.createElement(s.Placeholder,E,N)),i.createElement("div",{className:c(f["value-container-chips"],n({},f["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(m,{content:function(){return i.createElement(d,{className:f.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(p,{kind:"line",prefix:"+",count:Z,counterClassName:c(f.dropdownCounter,n({},f.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

@@ -1 +0,0 @@
-{"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 from \"../../../Dialog/Dialog\";\nimport DialogContentContainer from \"../../../DialogContentContainer/DialogContentContainer\";\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":"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"}

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

@@ -1,2 +0,0 @@
-var e={"chip-with-input-wrapper":"chip-with-input-wrapper_65ee6f436c","placeholder-container":"placeholder-container_97948966d5","multiselect-chip-multi-line":"multiselect-chip-multi-line_91215d1950","multiselect-chip-single-line-medium":"multiselect-chip-single-line-medium_00830e92dc","multiselect-chip-single-line-large":"multiselect-chip-single-line-large_5059bd27e9","multiselect-chip-single-line-small":"multiselect-chip-single-line-small_c7256cda00","multiselect-chip-disabled":"multiselect-chip-disabled_01e5d815b4","value-container":"value-container_be6dace3b7","value-container-chips":"value-container-chips_ab66194b9f","without-placeholder":"without-placeholder_97948966d5",valueDialogContent:"valueDialogContent_4266640ddf",chips:"chips_ab66194b9f",dropdownCounter:"dropdownCounter_9397779581",active:"active_0e8f820c11"};!function(e){const n="s_id-f8ce8faa7861_3_52_1";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)}(".chip-with-input-wrapper_65ee6f436c {\n  display: flex;\n  max-width: 100%;\n}\n\n.placeholder-container_97948966d5 {\n  margin-left: 6px;\n}\n\n.multiselect-chip-multi-line_91215d1950 {\n  --chips-margin: 2px;\n}\n\n.multiselect-chip-single-line-medium_00830e92dc {\n  --chips-margin: 5px 2px;\n}\n\n.multiselect-chip-single-line-large_5059bd27e9 {\n  --chips-margin: 9px 2px;\n}\n\n.multiselect-chip-single-line-small_c7256cda00 {\n  --chips-margin: 1px 2px;\n}\n\n.multiselect-chip-disabled_01e5d815b4 {\n  background-color: var(--ui-background-color) !important;\n}\n\n.value-container_be6dace3b7 {\n  display: flex;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n}\n\n.value-container-chips_ab66194b9f {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  flex-grow: 1;\n  height: 100%;\n  overflow: hidden;\n}\n\n.value-container-chips_ab66194b9f.without-placeholder_97948966d5 {\n  margin-left: 6px;\n}\n\n.valueDialogContent_4266640ddf {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  max-height: 300px;\n  overflow-y: auto;\n}\n\n.valueDialogContent_4266640ddf::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n\n.valueDialogContent_4266640ddf::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n\n.valueDialogContent_4266640ddf .chips_ab66194b9f {\n  flex-shrink: 0;\n}\n\n.dropdownCounter_9397779581:hover {\n  background-color: var(--primary-background-hover-color);\n  box-shadow: 0 0 0 1px var(--primary-hover-color) inset;\n}\n\n.dropdownCounter_9397779581.active_0e8f820c11 {\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

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

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

@@ -1,2 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,2 +0,0 @@
-var e={dropdownMenuWrapper:"dropdownMenuWrapper_49cf57dcef",fadeIn:"fadeIn_327e152ec6",withoutAnimation:"withoutAnimation_bd4fb5f340",dropdownMenuWrapperFixedPosition:"dropdownMenuWrapperFixedPosition_749cd30b90"};!function(e){const n="s_id-42a8647cae1d_3_52_1";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,o.firstChild?o.insertBefore(a,o.firstChild):o.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".dropdownMenuWrapper_49cf57dcef {\n  animation: fadeIn_327e152ec6 var(--motion-productive-medium) var(--motion-timing-enter);\n}\n.dark-app-theme .dropdownMenuWrapper_49cf57dcef, .black-app-theme .dropdownMenuWrapper_49cf57dcef, .hacker-app-theme .dropdownMenuWrapper_49cf57dcef {\n  box-shadow: 0 0 0 1px var(--layout-border-color), var(--box-shadow-small);\n}\n.dropdownMenuWrapper_49cf57dcef.withoutAnimation_bd4fb5f340 {\n  animation: none;\n}\n.dropdownMenuWrapperFixedPosition_749cd30b90 {\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_327e152ec6 {\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

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

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

@@ -1,2 +0,0 @@
-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 a from"../../../Tooltip/Tooltip.js";import{ChildrenContent as p}from"../ChildrenContent/ChildrenContent.js";import l from"./option.module.scss.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(a,o({},C,{position:"right"}),m?i.createElement(s.Option,o({},E,{className:r(l.optionReset,P)}),i.createElement(m,o({},E,u))," "):i.createElement(s.Option,o({},E,{className:r(l.optionReset,P)}),i.createElement(p,{data:u},f)))};export{c as default};
-//# sourceMappingURL=option.js.map

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

@@ -1 +0,0 @@
-{"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 \"../../../Tooltip/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":"qdAOMA,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

@@ -1,2 +0,0 @@
-var e={optionReset:"optionReset_bdf200038a"};!function(e){const t="s_id-64f14b86843f_3_52_1";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)}(".optionReset_bdf200038a {\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

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

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

@@ -1,2 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,2 +0,0 @@
-var e={singleValue:"singleValue_defa97b6dc"};!function(e){const n="s_id-a262ceec984a_3_52_1";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_defa97b6dc {\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

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

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

@@ -1,2 +0,0 @@
-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

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

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

@@ -1 +0,0 @@
-{"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 from \"../Heading/Heading\";\nimport { VibeComponentProps, withStaticProps } from \"../../types\";\nimport styles from \"./EditableHeading.module.scss\";\nimport { HeadingType as HeadingTypeEnum, HeadingWeight as HeadingWeightEnum } from \"../Heading/HeadingConstants\";\nimport { HeadingType, HeadingWeight } from \"../Heading\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { camelCase } from \"lodash-es\";\nimport EditableTypography, { EditableTypographyImplementationProps } from \"../EditableTypography/EditableTypography\";\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        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","EditableTypography","Object","assign","getTestId","ComponentDefaultTestId","EDITABLE_HEADING","component","Heading","typographyClassName","getStyle","styles","camelCase","types","HeadingTypeEnum","weights","HeadingWeightEnum"],"mappings":"8lBAsBA,IAwBeA,EAAAA,EAxBSC,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,gBAACC,EAAkBC,OAAAC,OAAA,CACjBZ,IAAKA,EACQ,cAAAM,GAAcO,EAAUC,EAAuBC,iBAAkBV,GAC9EW,UAAWC,EACXC,oBAAqBC,EAASC,EAAQC,EAAUnB,EAAO,IAAME,IAC7DF,KAAMA,EACNE,OAAQA,GACJG,GAGV,IAQgG,CAChGe,MAAOC,EACPC,QAASC"}

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

@@ -1,2 +0,0 @@
-var n={h1Bold:"h1Bold_623c56e778",h1Medium:"h1Medium_5beb5430d3",h1Normal:"h1Normal_da846a0138",h1Light:"h1Light_37615a8af5",h2Bold:"h2Bold_f90cedd718",h2Medium:"h2Medium_f0c0c9bf9f",h2Normal:"h2Normal_a8b748244a",h2Light:"h2Light_7d4fac25da",h3Bold:"h3Bold_589568401b",h3Medium:"h3Medium_22663e30da",h3Normal:"h3Normal_5499666de9",h3Light:"h3Light_7624f259c0"};!function(n){const o="s_id-81b561c226b7_3_52_1";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+o))return;const i=document.createElement("style");i.id=o,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=n)}(".h1Bold_623c56e778 {\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\n.h1Medium_5beb5430d3 {\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\n.h1Normal_da846a0138 {\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\n.h1Light_37615a8af5 {\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\n.h2Bold_f90cedd718 {\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\n.h2Medium_f0c0c9bf9f {\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\n.h2Normal_a8b748244a {\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\n.h2Light_7d4fac25da {\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\n.h3Bold_589568401b {\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\n.h3Medium_22663e30da {\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\n.h3Normal_5499666de9 {\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\n.h3Light_7624f259c0 {\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/EditableHeading/EditableHeading.module.scss.js.map

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

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

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

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

@@ -1 +0,0 @@
-{"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 { VibeComponentProps, withStaticProps } from \"../../types\";\nimport styles from \"./EditableText.module.scss\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { camelCase } from \"lodash-es\";\nimport EditableTypography, { EditableTypographyImplementationProps } from \"../EditableTypography/EditableTypography\";\nimport { TextType as TextTypeEnum, TextWeight as TextWeightEnum } from \"../Text/TextConstants\";\nimport { TextType, TextWeight } from \"../Text\";\nimport Text from \"../Text/Text\";\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":"mmBA2BA,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 +0,0 @@
-var t={text1Bold:"text1Bold_55da83707c",text1Medium:"text1Medium_48b000a595",text1Normal:"text1Normal_3057fa2a8b",text2Bold:"text2Bold_6e3e14ff64",text2Medium:"text2Medium_3602a7ed9d",text2Normal:"text2Normal_2aa41ff154",text3Bold:"text3Bold_8377677634",text3Medium:"text3Medium_47f94d2806",text3Normal:"text3Normal_5a064de678",editableText:"editableText_5e41a6a3ab",typography:"typography_b6d16966fc"};!function(t){const e="s_id-bcdc5f69e9db_3_52_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)}(".text1Bold_55da83707c {\n  font: var(--font-text1-bold);\n}\n\n.text1Medium_48b000a595 {\n  font: var(--font-text1-medium);\n}\n\n.text1Normal_3057fa2a8b {\n  font: var(--font-text1-normal);\n}\n\n.text2Bold_6e3e14ff64 {\n  font: var(--font-text2-bold);\n}\n\n.text2Medium_3602a7ed9d {\n  font: var(--font-text2-medium);\n}\n\n.text2Normal_2aa41ff154 {\n  font: var(--font-text2-normal);\n}\n\n.text3Bold_8377677634 {\n  font: var(--font-text3-bold);\n}\n\n.text3Medium_47f94d2806 {\n  font: var(--font-text3-medium);\n}\n\n.text3Normal_5a064de678 {\n  font: var(--font-text3-normal);\n}\n\n.editableText_5e41a6a3ab .typography_b6d16966fc {\n  min-width: 56px;\n}");export{t as default};
-//# sourceMappingURL=EditableText.module.scss.js.map

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

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

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

@@ -1,2 +0,0 @@
-import{slicedToArray as e,defineProperty as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import o,{forwardRef as n,useRef as l,useState as r,useEffect as a}from"react";import i from"classnames";import u from"../../hooks/useMergeRef.js";import s from"./EditableTypography.module.scss.js";import{keyCodes as c}from"../../constants/keyCodes.js";import"../../constants/sizes.js";import{useKeyboardButtonPressedFunc as p}from"../../hooks/useKeyboardButtonPressedFunc.js";import d from"../../hooks/usePrevious/index.js";import f from"../../hooks/ssr/useIsomorphicLayoutEffect.js";var m=n((function(n,m){var v=n.id,h=n.className,y=n["data-testid"],g=n.value,b=n.onChange,E=n.onClick,P=n.readOnly,x=void 0!==P&&P,C=n.ariaLabel,k=void 0===C?"":C,j=n.placeholder,w=n.clearable,N=n.typographyClassName,D=n.component,B=n.isEditMode,K=n.autoSelectTextOnEditMode,T=n.onEditModeChange,M=n.tooltipProps,R=n.type,S=n.weight,A=n.multiline,H=void 0!==A&&A,I=l(null),L=u(m,I),O=r(B||!1),_=e(O,2),z=_[0],F=_[1],q=r(g),G=e(q,2),J=G[0],Q=G[1],U=d(g),V=l(null),W=l(null);function X(e){x||z||(e.preventDefault(),Y(!0))}function Y(e){null==T||T(e),F(e)}function Z(){(Y(!1),g!==J)&&(J||w&&j?(Q(J),null==b||b(J)):Q(g))}function $(){Z()}function ee(e){if(e.key===c.ENTER){if(H&&e.shiftKey)return;e.preventDefault(),e.stopPropagation(),Z()}e.key===c.ESCAPE&&(e.preventDefault(),e.stopPropagation(),Y(!1),Q(g))}function te(e){Q(e.target.value)}a((function(){z||g===U||g===J||Q(g)}),[U,z,g,J]),a((function(){F(B)}),[B]);var oe=p(X);return a((function(){var e,t;z&&(!function(){var e,t;if(null===(t=null===(e=V.current)||void 0===e?void 0:e.focus)||void 0===t||t.call(e),V.current){var o=V.current,n=o.value.length;o.setSelectionRange(n,n)}}(),K&&(null===(t=null===(e=V.current)||void 0===e?void 0:e.select)||void 0===t||t.call(e)))}),[K,z]),f((function(){var e;if(W.current){var t=W.current.getBoundingClientRect();if(null===(e=null==V?void 0:V.current)||void 0===e||e.style.setProperty("--input-width","".concat(t.width,"px")),H){var o=null==V?void 0:V.current;null==o||o.style.setProperty("--input-height","auto"),null==o||o.style.setProperty("--input-height","".concat(o.scrollHeight+2,"px"))}}}),[J,z]),o.createElement("div",{ref:L,id:v,"aria-label":k,"data-testid":y,className:i(s.editableTypography,h),role:z?null:"button",onClick:function(e){null==E||E(e),X(e)},onKeyDown:oe},z&&(H?o.createElement("textarea",{ref:V,className:i(s.textarea,N),value:J,onChange:te,onKeyDown:ee,onBlur:$,"aria-label":k,placeholder:j,role:"textbox",rows:1}):o.createElement("input",{ref:V,className:i(s.input,N),value:J,onChange:te,onKeyDown:ee,onBlur:$,"aria-label":k,placeholder:j,role:"input"})),o.createElement(D,{ref:W,"aria-hidden":z,className:i(s.typography,N,t(t(t(t({},s.hidden,z),s.disabled,x),s.placeholder,!J&&j),s.multiline,!z&&H)),tabIndex:0,tooltipProps:M,weight:S,type:R,ellipsis:!H},J||j))}));export{m as default};
-//# sourceMappingURL=EditableTypography.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"EditableTypography.js","sources":["../../../../src/components/EditableTypography/EditableTypography.tsx"],"sourcesContent":["import React, { ElementType, forwardRef, useEffect, useRef, useState } from \"react\";\nimport cx from \"classnames\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { VibeComponentProps } from \"../../types\";\nimport styles from \"./EditableTypography.module.scss\";\nimport { keyCodes } from \"../../constants\";\nimport { useKeyboardButtonPressedFunc } from \"../../hooks/useKeyboardButtonPressedFunc\";\nimport { TooltipProps } from \"../Tooltip\";\nimport usePrevious from \"../../hooks/usePrevious\";\nimport { TextType, TextWeight } from \"../Text\";\nimport { HeadingType, HeadingWeight } from \"../Heading\";\nimport useIsomorphicLayoutEffect from \"../../hooks/ssr/useIsomorphicLayoutEffect\";\n\nexport interface EditableTypographyImplementationProps {\n  /**\n   * The current value of the text.\n   */\n  value: string;\n  /**\n   * Callback fired when the value changes.\n   */\n  onChange?: (value: string) => void;\n  /**\n   * Callback fired when the component is clicked.\n   */\n  onClick?: (event: React.KeyboardEvent | React.MouseEvent) => void;\n  /**\n   * If true, the text is read-only and cannot be edited.\n   */\n  readOnly?: boolean;\n  /**\n   * Placeholder text displayed when the value is empty.\n   */\n  placeholder?: string;\n  /**\n   * The label of the component for accessibility.\n   */\n  ariaLabel?: string;\n  /**\n   * Controls whether the component is in edit mode.\n   */\n  isEditMode?: boolean;\n  /**\n   * If true, automatically selects all text when entering edit mode.\n   */\n  autoSelectTextOnEditMode?: boolean;\n  /**\n   * Callback fired when the edit mode changes.\n   */\n  onEditModeChange?: (isEditMode: boolean) => void;\n  /**\n   * Props to customize the tooltip.\n   */\n  tooltipProps?: Partial<TooltipProps>;\n}\n\nexport interface EditableTypographyProps extends VibeComponentProps, EditableTypographyImplementationProps {\n  /**\n   * The typography component used in view mode.\n   */\n  component: ElementType;\n  /**\n   * Class name applied to the typography component.\n   */\n  typographyClassName: string;\n  /**\n   * If true, shows the placeholder when empty.\n   */\n  clearable?: boolean;\n  /**\n   * The text or heading type.\n   */\n  type?: TextType | HeadingType;\n  /**\n   * The text or heading weight.\n   */\n  weight?: TextWeight | HeadingWeight;\n  /**\n   * If true, enables multi-line editing.\n   */\n  multiline?: boolean;\n}\n\nconst PADDING_OFFSET = 2;\n\nconst EditableTypography = forwardRef(\n  (\n    {\n      id,\n      className,\n      \"data-testid\": dataTestId,\n      value,\n      onChange,\n      onClick,\n      readOnly = false,\n      ariaLabel = \"\",\n      placeholder,\n      clearable,\n      typographyClassName,\n      component: TypographyComponent,\n      isEditMode,\n      autoSelectTextOnEditMode,\n      onEditModeChange,\n      tooltipProps,\n      type,\n      weight,\n      multiline = false\n    }: EditableTypographyProps,\n    ref: React.ForwardedRef<HTMLElement>\n  ) => {\n    const componentRef = useRef(null);\n    const mergedRef = useMergeRef(ref, componentRef);\n\n    const [isEditing, setIsEditing] = useState(isEditMode || false);\n    const [inputValue, setInputValue] = useState(value);\n\n    const prevValue = usePrevious(value);\n\n    const inputRef = useRef(null);\n    const typographyRef = useRef(null);\n\n    useEffect(() => {\n      if (!isEditing && value !== prevValue && value !== inputValue) {\n        setInputValue(value);\n      }\n    }, [prevValue, isEditing, value, inputValue]);\n\n    useEffect(() => {\n      setIsEditing(isEditMode);\n    }, [isEditMode]);\n\n    function onTypographyClick(event: React.KeyboardEvent | React.MouseEvent) {\n      onClick?.(event);\n      toggleEditMode(event);\n    }\n\n    function toggleEditMode(event: React.KeyboardEvent | React.MouseEvent) {\n      if (readOnly || isEditing) {\n        return;\n      }\n      event.preventDefault();\n      handleEditModeChange(true);\n    }\n\n    function handleEditModeChange(value: boolean) {\n      onEditModeChange?.(value);\n      setIsEditing(value);\n    }\n\n    function handleInputValueChange() {\n      handleEditModeChange(false);\n\n      if (value === inputValue) {\n        return;\n      }\n\n      const shouldShowPlaceholderWhenEmpty = clearable && placeholder;\n      if (!inputValue && !shouldShowPlaceholderWhenEmpty) {\n        setInputValue(value);\n        return;\n      }\n      setInputValue(inputValue);\n      onChange?.(inputValue);\n    }\n\n    function handleBlur() {\n      handleInputValueChange();\n    }\n\n    function handleKeyDown(event: React.KeyboardEvent<HTMLInputElement | HTMLTextAreaElement>) {\n      if (event.key === keyCodes.ENTER) {\n        if (multiline && event.shiftKey) {\n          return;\n        }\n\n        event.preventDefault();\n        event.stopPropagation();\n        handleInputValueChange();\n      }\n      if (event.key === keyCodes.ESCAPE) {\n        event.preventDefault();\n        event.stopPropagation();\n        handleEditModeChange(false);\n        setInputValue(value);\n      }\n    }\n\n    function handleChange(event: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) {\n      setInputValue(event.target.value);\n    }\n\n    const toggleKeyboardEditMode = useKeyboardButtonPressedFunc(toggleEditMode);\n\n    function focus() {\n      inputRef.current?.focus?.();\n\n      if (inputRef.current) {\n        const inputElement = inputRef.current as HTMLInputElement | HTMLTextAreaElement;\n        const textLength = inputElement.value.length;\n        inputElement.setSelectionRange(textLength, textLength);\n      }\n    }\n\n    function selectAllInputText() {\n      inputRef.current?.select?.();\n    }\n\n    useEffect(() => {\n      if (!isEditing) return;\n      focus();\n      if (autoSelectTextOnEditMode) {\n        selectAllInputText();\n      }\n    }, [autoSelectTextOnEditMode, isEditing]);\n\n    useIsomorphicLayoutEffect(() => {\n      if (!typographyRef.current) {\n        return;\n      }\n\n      const { width } = typographyRef.current.getBoundingClientRect();\n      inputRef?.current?.style.setProperty(\"--input-width\", `${width}px`);\n\n      if (multiline) {\n        const textareaElement = inputRef?.current as HTMLTextAreaElement;\n        textareaElement?.style.setProperty(\"--input-height\", \"auto\");\n        textareaElement?.style.setProperty(\"--input-height\", `${textareaElement.scrollHeight + PADDING_OFFSET}px`);\n      }\n    }, [inputValue, isEditing]);\n\n    return (\n      <div\n        ref={mergedRef}\n        id={id}\n        aria-label={ariaLabel}\n        data-testid={dataTestId}\n        className={cx(styles.editableTypography, className)}\n        role={isEditing ? null : \"button\"}\n        onClick={onTypographyClick}\n        onKeyDown={toggleKeyboardEditMode}\n      >\n        {isEditing &&\n          (multiline ? (\n            <textarea\n              ref={inputRef}\n              className={cx(styles.textarea, typographyClassName)}\n              value={inputValue}\n              onChange={handleChange}\n              onKeyDown={handleKeyDown}\n              onBlur={handleBlur}\n              aria-label={ariaLabel}\n              placeholder={placeholder}\n              role=\"textbox\"\n              rows={1}\n            />\n          ) : (\n            <input\n              ref={inputRef}\n              className={cx(styles.input, typographyClassName)}\n              value={inputValue}\n              onChange={handleChange}\n              onKeyDown={handleKeyDown}\n              onBlur={handleBlur}\n              aria-label={ariaLabel}\n              placeholder={placeholder}\n              role=\"input\"\n            />\n          ))}\n        <TypographyComponent\n          ref={typographyRef}\n          aria-hidden={isEditing}\n          className={cx(styles.typography, typographyClassName, {\n            [styles.hidden]: isEditing,\n            [styles.disabled]: readOnly,\n            [styles.placeholder]: !inputValue && placeholder,\n            [styles.multiline]: !isEditing && multiline\n          })}\n          tabIndex={0}\n          tooltipProps={tooltipProps}\n          weight={weight}\n          type={type}\n          ellipsis={!multiline}\n        >\n          {inputValue || placeholder}\n        </TypographyComponent>\n      </div>\n    );\n  }\n);\n\nexport default EditableTypography;\n"],"names":["EditableTypography","forwardRef","_ref","ref","id","className","dataTestId","value","onChange","onClick","_ref$readOnly","readOnly","_ref$ariaLabel","ariaLabel","placeholder","clearable","typographyClassName","TypographyComponent","component","isEditMode","autoSelectTextOnEditMode","onEditModeChange","tooltipProps","type","weight","_ref$multiline","multiline","componentRef","useRef","mergedRef","useMergeRef","_useState","useState","_useState2","_slicedToArray","isEditing","setIsEditing","_useState3","_useState4","inputValue","setInputValue","prevValue","usePrevious","inputRef","typographyRef","toggleEditMode","event","preventDefault","handleEditModeChange","handleInputValueChange","handleBlur","handleKeyDown","key","keyCodes","ENTER","shiftKey","stopPropagation","ESCAPE","handleChange","target","useEffect","toggleKeyboardEditMode","useKeyboardButtonPressedFunc","_b","current","_a","focus","inputElement","textLength","length","setSelectionRange","select","useIsomorphicLayoutEffect","_typographyRef$curren","getBoundingClientRect","style","setProperty","concat","width","textareaElement","scrollHeight","React","createElement","cx","styles","editableTypography","role","onKeyDown","textarea","onBlur","rows","input","typography","_defineProperty","hidden","disabled","tabIndex","ellipsis"],"mappings":"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"}

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

@@ -1,2 +0,0 @@
-var e={editableTypography:"editableTypography_1ed1f4ee9b",input:"input_8fd02da82c",textarea:"textarea_96ae420be2",typography:"typography_b054aca377",disabled:"disabled_ade5973c34",hidden:"hidden_56bd9204c9",placeholder:"placeholder_7bf2726c24",multiline:"multiline_31e607bf68"};!function(e){const a="s_id-34ea4bd39075_3_52_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)}(".editableTypography_1ed1f4ee9b {\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_1ed1f4ee9b .input_8fd02da82c,\n.editableTypography_1ed1f4ee9b .textarea_96ae420be2 {\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_1ed1f4ee9b .input_8fd02da82c:focus, .editableTypography_1ed1f4ee9b .input_8fd02da82c:active,\n.editableTypography_1ed1f4ee9b .textarea_96ae420be2:focus,\n.editableTypography_1ed1f4ee9b .textarea_96ae420be2:active {\n  outline: none;\n}\n.editableTypography_1ed1f4ee9b .textarea_96ae420be2 {\n  resize: none;\n  overflow: hidden;\n  height: var(--input-height);\n}\n.editableTypography_1ed1f4ee9b .typography_b054aca377 {\n  border: 1px solid transparent;\n  padding: 0 var(--spacing-xs);\n  border-radius: var(--border-radius-small);\n}\n.editableTypography_1ed1f4ee9b .typography_b054aca377:hover:not(.disabled_ade5973c34) {\n  border-color: var(--ui-border-color);\n}\n.editableTypography_1ed1f4ee9b .typography_b054aca377.hidden_56bd9204c9 {\n  position: absolute;\n  opacity: 0;\n  height: 0;\n  visibility: hidden;\n  white-space: pre;\n}\n.editableTypography_1ed1f4ee9b .typography_b054aca377.placeholder_7bf2726c24 {\n  color: var(--secondary-text-color);\n}\n.editableTypography_1ed1f4ee9b .typography_b054aca377.multiline_31e607bf68 {\n  white-space: pre-wrap;\n}");export{e as default};
-//# sourceMappingURL=EditableTypography.module.scss.js.map

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

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

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"EmptyState.js","sources":["../../../../src/components/EmptyState/EmptyState.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport Flex from \"../../components/Flex/Flex\";\nimport Heading from \"../../components/Heading/Heading\";\nimport Text from \"../../components/Text/Text\";\nimport { EmptyStateProps } from \"./EmptyState.types\";\nimport styles from \"./EmptyState.module.scss\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { Button, ButtonProps } from \"../Button\";\nimport { Link, LinkProps } from \"../Link\";\nconst EmptyState = forwardRef<HTMLDivElement, EmptyStateProps>(\n  (\n    {\n      className,\n      title,\n      description,\n      visual,\n      mainAction,\n      supportingAction,\n      layout = \"default\",\n      id,\n      \"data-testid\": dataTestId\n    },\n    ref\n  ) => {\n    const isCompact = layout === \"compact\";\n\n    return (\n      <Flex\n        direction=\"column\"\n        align=\"center\"\n        justify=\"center\"\n        gap={isCompact ? \"small\" : \"medium\"}\n        className={cx(styles.emptyState, getStyle(styles, layout), className)}\n        id={id}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.EMPTY_STATE, id)}\n        ref={ref}\n      >\n        {!!visual && visual}\n\n        <Flex direction=\"column\" align=\"center\" gap={isCompact ? 12 : \"medium\"} className={styles.content}>\n          <Flex direction=\"column\" align=\"center\" gap=\"xs\">\n            {title && (\n              <Heading type=\"h3\" weight=\"normal\" className={styles.title} align=\"center\" ellipsis={false}>\n                {title}\n              </Heading>\n            )}\n\n            {typeof description === \"string\" ? (\n              <Text className={styles.description} align=\"center\" ellipsis={false}>\n                {description}\n              </Text>\n            ) : (\n              description\n            )}\n          </Flex>\n\n          {(mainAction || supportingAction) && (\n            <Flex direction=\"column\" align=\"center\" gap=\"small\" className={styles.actions}>\n              {renderMainAction(mainAction, isCompact)}\n              {renderSupportingAction(supportingAction, isCompact)}\n            </Flex>\n          )}\n        </Flex>\n      </Flex>\n    );\n  }\n);\n\nfunction renderMainAction(mainAction: EmptyStateProps[\"mainAction\"], isCompact: boolean) {\n  if (typeof mainAction === \"object\" && \"text\" in mainAction) {\n    return (\n      <Button kind=\"secondary\" size={isCompact ? \"small\" : \"medium\"} {...mainAction}>\n        {mainAction.text}\n      </Button>\n    );\n  }\n\n  return mainAction;\n}\n\nfunction renderSupportingAction(supportingAction: EmptyStateProps[\"supportingAction\"], isCompact: boolean) {\n  if (typeof supportingAction === \"object\") {\n    if (\"text\" in supportingAction && \"href\" in supportingAction) {\n      const { text, ...linkProps } = supportingAction as LinkProps & { text: string };\n      return <Link text={text} {...linkProps} />;\n    }\n    if (\"text\" in supportingAction) {\n      const { text, ...buttonProps } = supportingAction as ButtonProps & { text: string };\n      return (\n        <Button kind=\"tertiary\" size={isCompact ? \"small\" : \"medium\"} {...buttonProps}>\n          {text}\n        </Button>\n      );\n    }\n  }\n\n  return supportingAction;\n}\n\nexport default EmptyState;\n"],"names":["EmptyState","forwardRef","_ref","ref","className","title","description","visual","mainAction","supportingAction","_ref$layout","layout","id","dataTestId","isCompact","React","createElement","Flex","direction","align","justify","gap","cx","styles","emptyState","getStyle","getTestId","ComponentDefaultTestId","EMPTY_STATE","content","Heading","type","weight","ellipsis","Text","actions","_typeof","Button","Object","assign","kind","size","text","renderMainAction","linkProps","__rest","Link","buttonProps","renderSupportingAction"],"mappings":"kiBAWMA,IAAAA,EAAaC,GACjB,SAAAC,EAYEC,GACE,IAXAC,EAASF,EAATE,UACAC,EAAKH,EAALG,MACAC,EAAWJ,EAAXI,YACAC,EAAML,EAANK,OACAC,EAAUN,EAAVM,WACAC,EAAgBP,EAAhBO,iBAAgBC,EAAAR,EAChBS,OAAAA,OAAS,IAAHD,EAAG,UAASA,EAClBE,EAAEV,EAAFU,GACeC,EAAUX,EAAzB,eAIIY,EAAuB,YAAXH,EAElB,OACEI,EAAAC,cAACC,EAAI,CACHC,UAAU,SACVC,MAAM,SACNC,QAAQ,SACRC,IAAKP,EAAY,QAAU,SAC3BV,UAAWkB,EAAGC,EAAOC,WAAYC,EAASF,EAAQZ,GAASP,GAC3DQ,GAAIA,EAAE,cACOC,GAAca,EAAUC,EAAuBC,YAAahB,GACzET,IAAKA,KAEFI,GAAUA,EAEbQ,EAACC,cAAAC,EAAK,CAAAC,UAAU,SAASC,MAAM,SAASE,IAAKP,EAAY,GAAK,SAAUV,UAAWmB,EAAOM,SACxFd,EAAAC,cAACC,EAAI,CAACC,UAAU,SAASC,MAAM,SAASE,IAAI,MACzChB,GACCU,EAACC,cAAAc,EAAQ,CAAAC,KAAK,KAAKC,OAAO,SAAS5B,UAAWmB,EAAOlB,MAAOc,MAAM,SAASc,UAAU,GAClF5B,GAImB,iBAAhBC,EACNS,EAACC,cAAAkB,EAAK,CAAA9B,UAAWmB,EAAOjB,YAAaa,MAAM,SAASc,UAAU,GAC3D3B,GAGHA,IAIFE,GAAcC,IACdM,EAACC,cAAAC,EAAK,CAAAC,UAAU,SAASC,MAAM,SAASE,IAAI,QAAQjB,UAAWmB,EAAOY,SAWlF,SAA0B3B,EAA2CM,GACnE,GAA0B,WAAtBsB,EAAO5B,IAA2B,SAAUA,EAC9C,OACEO,EAACC,cAAAqB,EAAOC,OAAAC,OAAA,CAAAC,KAAK,YAAYC,KAAM3B,EAAY,QAAU,UAAcN,GAChEA,EAAWkC,MAKlB,OAAOlC,CACT,CApBemC,CAAiBnC,EAAYM,GAsB5C,SAAgCL,EAAuDK,GACrF,GAAgC,WAA5BsB,EAAO3B,GAA+B,CACxC,GAAI,SAAUA,GAAoB,SAAUA,EAAkB,CACtD,IAAEiC,EAAuBjC,EAAvBiC,KAASE,EAASC,EAAKpC,EAAzB,CAAsB,SAC5B,OAAOM,EAAAC,cAAC8B,EAAKR,OAAAC,OAAA,CAAAG,KAAMA,GAAUE,GAC9B,CACD,GAAI,SAAUnC,EAAkB,CACxB,IAAEiC,EAAyBjC,EAAzBiC,KAASK,EAAWF,EAAKpC,EAA3B,CAAwB,SAC9B,OACEM,EAACC,cAAAqB,EAAOC,OAAAC,OAAA,CAAAC,KAAK,WAAWC,KAAM3B,EAAY,QAAU,UAAciC,GAC/DL,EAGN,CACF,CAED,OAAOjC,CACT,CAtCeuC,CAAuBvC,EAAkBK,KAMtD"}

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

@@ -1,2 +0,0 @@
-var e={emptyState:"emptyState_4f711baa25",compact:"compact_e55f36cb0d",content:"content_3bcff8e953",title:"title_24a82358a9",description:"description_24a82358a9",actions:"actions_9b8e8244f7"};!function(e){const t="s_id-ec6bbd61ae58_3_52_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_4f711baa25 {\n  width: 100%;\n  padding: var(--spacing-large);\n  box-sizing: border-box;\n  background: var(--primary-background-color);\n}\n.emptyState_4f711baa25.compact_e55f36cb0d {\n  padding: var(--spacing-medium);\n}\n.emptyState_4f711baa25 .content_3bcff8e953 {\n  width: 100%;\n  text-align: center;\n}\n.emptyState_4f711baa25 .content_3bcff8e953 .title_24a82358a9 {\n  max-width: 500px;\n}\n.emptyState_4f711baa25 .content_3bcff8e953 .description_24a82358a9 {\n  max-width: 500px;\n}\n.emptyState_4f711baa25 .content_3bcff8e953 .actions_9b8e8244f7 {\n  width: 100%;\n}");export{e as default};
-//# sourceMappingURL=EmptyState.module.scss.js.map

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

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

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"ExpandCollapse.js","sources":["../../../../src/components/ExpandCollapse/ExpandCollapse.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { FC, forwardRef, ReactElement, useCallback, useRef, useState } from \"react\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport Icon from \"../Icon/Icon\";\nimport Text from \"../Text/Text\";\nimport { DropdownChevronDown } from \"@vibe/icons\";\nimport { VibeComponentProps, ElementContent } from \"../../types\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport styles from \"./ExpandCollapse.module.scss\";\nimport { ExpandCollapseIconPosition } from \"./ExpandCollapse.types\";\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      >\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","expandCollapse","showBorder","header","section","headerOpen","hideBorderBottom","leftIcon","onClickCapture","concat","length","content","animateExpandCollapseContent","role"],"mappings":"ofAkEMA,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,uBACEzC,IAAK4B,EACLtB,UAAWA,EACXQ,GAAIA,EAAE,cACOS,GAAckC,EAAUC,EAAuBC,gBAAiB7C,IAE7E2B,EAAAC,cAAA,MAAA,CACEpC,UAAWuC,EACTC,EAAOc,eAAcT,EAAAA,EAElBL,GAAAA,EAAO3B,WAAaA,GACpB2B,EAAOe,YAAc1C,GAExBG,IAGFmB,EAAAC,cAAA,SAAA,CACEE,KAAK,SACLtC,UAAWuC,EAAGC,EAAOgB,OAAQhB,EAAOiB,QAAS3C,EAAe+B,EAAAA,EAAAA,EAAA,CAAA,EACzDL,EAAOkB,WAAa5B,GACpBU,EAAOmB,iBAAmB9C,GAC1B2B,EAAOoB,SAA4B,SAAjBtD,IAErBuD,eAAgB1C,EAAiBR,GAAWqB,OAAeD,EAC3DpB,QAAUQ,OAA2CY,EAA1BpB,GAAWqB,EACvB,gBAAAF,EACA,gBAAA,GAAAgC,OAAGtD,EAAE,cAEF,SAAjBF,GAA2BoC,IACV,iBAAV3C,GAAuC,IAAjBA,EAAMgE,OAChC9B,IACApC,GAA2BA,IACb,UAAjBS,GAA4BoC,KAE9BZ,GACCK,EAAAC,cAAA,MAAA,CACEpC,UAAWuC,EAAGC,EAAOwB,QAASxB,EAAOiB,QAAS1C,EAAgB8B,EAC3DL,CAAAA,EAAAA,EAAOyB,6BAA+BnC,IAEzCtB,GAAEsD,GAAAA,OAAKtD,EAAa,aACpB0D,KAAK,UAEJvE,IAMb"}

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

@@ -1,2 +0,0 @@
-var n={expandCollapse:"expandCollapse_32b8be4e5a",header:"header_7dd4479292","focus-visible":"focus-visible_b0a5cd5036",headerContent:"headerContent_d9e5e57789",iconComponent:"iconComponent_cbcf1cdf61",content:"content_e55f36cb0d",section:"section_9b8e8244f7",hideBorder:"hideBorder_816293b9ce",hideBorderBottom:"hideBorderBottom_85aefafda0",showBorder:"showBorder_36b88d6ccd",headerOpen:"headerOpen_f9ae0316cf",animateIconOpen:"animateIconOpen_f99f70ff2b",animateIconClose:"animateIconClose_f246951b16",leftIcon:"leftIcon_79e5d9f581"};!function(n){const e="s_id-023f1d02802e_3_52_1";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,o.firstChild?o.insertBefore(r,o.firstChild):o.appendChild(r),r.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".expandCollapse_32b8be4e5a {\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\n.header_7dd4479292 {\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\n.header_7dd4479292:focus-visible, .header_7dd4479292.focus-visible_b0a5cd5036 {\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\n.header_7dd4479292:focus:not(.focus-visible_b0a5cd5036) {\n  outline: none;\n}\n\n.header_7dd4479292:hover {\n  background-color: var(--primary-background-hover-color);\n}\n\n.header_7dd4479292:active {\n  transform: scale(1);\n}\n\n.header_7dd4479292 .headerContent_d9e5e57789 {\n  margin: 0;\n}\n\n.header_7dd4479292 .iconComponent_cbcf1cdf61 {\n  color: var(--icon-color);\n}\n\n.content_e55f36cb0d {\n  padding: var(--spacing-medium);\n}\n\n.section_9b8e8244f7 {\n  width: 100%;\n}\n\n.hideBorder_816293b9ce {\n  border: none;\n}\n\n.hideBorderBottom_85aefafda0 {\n  border-bottom: none;\n}\n\n.showBorder_36b88d6ccd {\n  border: 1px solid var(--ui-border-color);\n}\n\n.showBorder_36b88d6ccd .headerOpen_f9ae0316cf {\n  border-bottom: 1px solid;\n  border-color: var(--ui-border-color);\n}\n\n.animateIconOpen_f99f70ff2b {\n  transform: rotate(-180deg);\n  transition: transform var(--motion-expressive-short) var(--motion-timing-transition);\n}\n\n.animateIconClose_f246951b16 {\n  transform: rotate(-360deg);\n  transition: transform var(--motion-expressive-short) var(--motion-timing-transition);\n}\n\n.header_7dd4479292.leftIcon_79e5d9f581 {\n  justify-content: flex-start;\n  gap: var(--spacing-small);\n}");export{n as default};
-//# sourceMappingURL=ExpandCollapse.module.scss.js.map

package/dist/src/components/ExpandCollapse/ExpandCollapse.module.scss.js.map

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

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

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

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

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

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

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

package/dist/src/components/FieldLabel/FieldLabel.module.scss.js.map

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

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

@@ -1,2 +0,0 @@
-import{typeof as e,defineProperty as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import r,{forwardRef as a,useRef as i,useMemo as s}from"react";import o from"classnames";import n from"../../hooks/useMergeRef.js";import l from"../Clickable/Clickable.js";import{FlexJustify as c,FlexAlign as p,FlexGap as m,FlexDirection as f}from"./FlexConstants.js";import{withStaticProps as d}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import{getStyle as u}from"../../helpers/typesciptCssModulesHelper.js";import b from"./Flex.module.scss.js";import{camelCase as g}from"lodash-es";var j=d(a((function(a,c){var p=a.className,m=a.id,f=a.elementType,d=void 0===f?"div":f,j=a.direction,y=void 0===j?"row":j,v=a.wrap,x=void 0!==v&&v,h=a.children,k=a.justify,w=void 0===k?"start":k,C=a.align,O=void 0===C?"center":C,L=a.flex,P=a.gap,B=a.onClick,F=a.style,H=a.ariaLabelledby,I=a.ariaLabel,M=a.tabIndex,N=a["data-testid"],S=i(null),T=n(c,S),_=s((function(){if(P)return"number"==typeof P?{gap:"".concat(P,"px")}:{gap:"var(--spacing-".concat(P,")")}}),[P]),E=s((function(){return L?["string","number"].includes(e(L))?{flex:L}:"object"===e(L)?{flexGrow:L.grow,flexShrink:L.shrink,flexBasis:L.basis}:{}:{}}),[L]),G=s((function(){return Object.assign(Object.assign(Object.assign({},F),_),E)}),[F,_,E]),R=s((function(){return B?{elementType:d,ariaLabelledby:H}:{"aria-labelledby":H}}),[B,d,H]);return r.createElement(B?l:d,Object.assign({id:m,"data-testid":N},R,{ref:T,className:o(b.container,u(b,g("direction-".concat(y))),u(b,g("justify-".concat(w))),u(b,g("align-".concat(O))),p,t({},b.wrap,x)),tabIndex:M,onClick:B,style:G,"aria-label":I}),h)})),{justify:c,align:p,gaps:m,directions:f});export{j as default};
-//# sourceMappingURL=Flex.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Flex.js","sources":["../../../../src/components/Flex/Flex.tsx"],"sourcesContent":["import React, { forwardRef, useMemo, useRef } from \"react\";\nimport cx from \"classnames\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport Clickable from \"../../components/Clickable/Clickable\";\nimport {\n  FlexAlign as FlexAlignEnum,\n  FlexDirection as FlexDirectionEnum,\n  FlexGap as FlexGapEnum,\n  FlexJustify as FlexJustifyEnum\n} from \"./FlexConstants\";\nimport { FlexDirection, FlexJustify, FlexAlign, FlexGap, FlexShorthand } from \"./Flex.types\";\nimport { ElementContent, withStaticProps, VibeComponentProps } from \"../../types\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport styles from \"./Flex.module.scss\";\nimport { camelCase } from \"lodash-es\";\n\nexport interface FlexProps extends VibeComponentProps {\n  /**\n   * Inline styles applied to the flex container.\n   */\n  style?: object;\n  /**\n   * The direction of the flex container.\n   */\n  direction?: FlexDirection;\n  /**\n   * The HTML element or component used as the root.\n   */\n  elementType?: React.ElementType;\n  /**\n   * If true, allows wrapping of flex items.\n   */\n  wrap?: boolean;\n  /**\n   * The content inside the flex container.\n   */\n  children?: ElementContent | ElementContent[];\n  /**\n   * Defines how flex items are aligned along the main axis.\n   */\n  justify?: FlexJustify;\n  /**\n   * Defines how flex items are aligned along the cross axis.\n   */\n  align?: FlexAlign;\n  /**\n   * The gap between flex items.\n   */\n  gap?: FlexGap | number;\n  /**\n   * The flex shorthand of the flex container.\n   */\n  flex?: FlexShorthand;\n  /**\n   * The label of the flex container for accessibility.\n   */\n  ariaLabel?: string;\n  /**\n   * The tab order of the element.\n   */\n  tabIndex?: number;\n  /**\n   * Callback fired when the flex container is clicked.\n   */\n  onClick?: (event: React.MouseEvent) => void;\n  /**\n   * ID of the element describing the flex container.\n   */\n  ariaLabelledby?: string;\n}\n\nconst Flex = forwardRef(\n  (\n    {\n      className,\n      id,\n      elementType = \"div\",\n      direction = \"row\",\n      wrap = false,\n      children,\n      justify = \"start\",\n      align = \"center\",\n      flex,\n      gap,\n      onClick,\n      style,\n      ariaLabelledby,\n      ariaLabel,\n      tabIndex,\n      \"data-testid\": dataTestId\n    }: FlexProps,\n    ref: React.ForwardedRef<HTMLElement>\n  ) => {\n    const componentRef = useRef<HTMLElement>(null);\n    const mergedRef = useMergeRef(ref, componentRef);\n\n    const gapStyle = useMemo(() => {\n      if (!gap) {\n        return;\n      }\n      if (typeof gap === \"number\") {\n        return { gap: `${gap}px` };\n      }\n      return { gap: `var(--spacing-${gap})` };\n    }, [gap]);\n\n    const flexStyle = useMemo(() => {\n      if (!flex) return {};\n\n      if ([\"string\", \"number\"].includes(typeof flex)) {\n        return { flex };\n      }\n\n      if (typeof flex === \"object\") {\n        return {\n          flexGrow: flex.grow,\n          flexShrink: flex.shrink,\n          flexBasis: flex.basis\n        };\n      }\n\n      return {};\n    }, [flex]);\n\n    const overrideStyle = useMemo(() => ({ ...style, ...gapStyle, ...flexStyle }), [style, gapStyle, flexStyle]);\n    const onClickProps = useMemo(() => {\n      if (onClick) return { elementType, ariaLabelledby };\n      return { \"aria-labelledby\": ariaLabelledby };\n    }, [onClick, elementType, ariaLabelledby]);\n    const Element = onClick ? Clickable : elementType;\n\n    return (\n      <Element\n        id={id}\n        data-testid={dataTestId}\n        {...onClickProps}\n        ref={mergedRef}\n        className={cx(\n          styles.container,\n          getStyle(styles, camelCase(`direction-${direction}`)),\n          getStyle(styles, camelCase(`justify-${justify}`)),\n          getStyle(styles, camelCase(`align-${align}`)),\n          className,\n          {\n            [styles.wrap]: wrap\n          }\n        )}\n        tabIndex={tabIndex}\n        onClick={onClick}\n        style={overrideStyle}\n        aria-label={ariaLabel}\n      >\n        {children}\n      </Element>\n    );\n  }\n);\n\ninterface FlexStaticProps {\n  justify: typeof FlexJustifyEnum;\n  align: typeof FlexAlignEnum;\n  gaps: typeof FlexGapEnum;\n  directions: typeof FlexDirectionEnum;\n}\n\nexport default withStaticProps<FlexProps, FlexStaticProps>(Flex, {\n  justify: FlexJustifyEnum,\n  align: FlexAlignEnum,\n  gaps: FlexGapEnum,\n  directions: FlexDirectionEnum\n});\n"],"names":["withStaticProps","forwardRef","_ref","ref","className","id","_ref$elementType","elementType","_ref$direction","direction","_ref$wrap","wrap","children","_ref$justify","justify","_ref$align","align","flex","gap","onClick","style","ariaLabelledby","ariaLabel","tabIndex","dataTestId","componentRef","useRef","mergedRef","useMergeRef","gapStyle","useMemo","concat","flexStyle","includes","_typeof","flexGrow","grow","flexShrink","shrink","flexBasis","basis","overrideStyle","Object","assign","onClickProps","React","createElement","Clickable","cx","styles","container","getStyle","camelCase","_defineProperty","FlexJustifyEnum","FlexAlignEnum","gaps","FlexGapEnum","directions","FlexDirectionEnum"],"mappings":"imBAuEA,IA8FeA,EAAAA,EA9FFC,GACX,SAAAC,EAmBEC,GACE,IAlBAC,EAASF,EAATE,UACAC,EAAEH,EAAFG,GAAEC,EAAAJ,EACFK,YAAAA,OAAc,IAAHD,EAAG,MAAKA,EAAAE,EAAAN,EACnBO,UAAAA,OAAY,IAAHD,EAAG,MAAKA,EAAAE,EAAAR,EACjBS,KAAAA,OAAO,IAAHD,GAAQA,EACZE,EAAQV,EAARU,SAAQC,EAAAX,EACRY,QAAAA,OAAU,IAAHD,EAAG,QAAOA,EAAAE,EAAAb,EACjBc,MAAAA,OAAQ,IAAHD,EAAG,SAAQA,EAChBE,EAAIf,EAAJe,KACAC,EAAGhB,EAAHgB,IACAC,EAAOjB,EAAPiB,QACAC,EAAKlB,EAALkB,MACAC,EAAcnB,EAAdmB,eACAC,EAASpB,EAAToB,UACAC,EAAQrB,EAARqB,SACeC,EAAUtB,EAAzB,eAIIuB,EAAeC,EAAoB,MACnCC,EAAYC,EAAYzB,EAAKsB,GAE7BI,EAAWC,GAAQ,WACvB,GAAKZ,EAGL,MAAmB,iBAARA,EACF,CAAEA,IAAG,GAAAa,OAAKb,EAAG,OAEf,CAAEA,IAAG,iBAAAa,OAAmBb,EAAG,KACpC,GAAG,CAACA,IAEEc,EAAYF,GAAQ,WACxB,OAAKb,EAED,CAAC,SAAU,UAAUgB,SAAQC,EAAQjB,IAChC,CAAEA,KAAAA,GAGS,WAAhBiB,EAAOjB,GACF,CACLkB,SAAUlB,EAAKmB,KACfC,WAAYpB,EAAKqB,OACjBC,UAAWtB,EAAKuB,OAIb,GAdW,EAepB,GAAG,CAACvB,IAEEwB,EAAgBX,GAAQ,WAAA,OAAYY,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAvB,GAAUS,GAAaG,EAAY,GAAE,CAACZ,EAAOS,EAAUG,IAC3FY,EAAed,GAAQ,WAC3B,OAAIX,EAAgB,CAAEZ,YAAAA,EAAac,eAAAA,GAC5B,CAAE,kBAAmBA,EAC7B,GAAE,CAACF,EAASZ,EAAac,IAG1B,OACEwB,EAAAC,cAHc3B,EAAU4B,EAAYxC,EAG5BmC,OAAAC,OAAA,CACNtC,GAAIA,EAAE,cACOmB,GACToB,EAAY,CAChBzC,IAAKwB,EACLvB,UAAW4C,EACTC,EAAOC,UACPC,EAASF,EAAQG,EAAS,aAAArB,OAActB,KACxC0C,EAASF,EAAQG,EAAS,WAAArB,OAAYjB,KACtCqC,EAASF,EAAQG,EAAS,SAAArB,OAAUf,KACpCZ,EAASiD,EAAA,CAAA,EAENJ,EAAOtC,KAAOA,IAGnBY,SAAUA,EACVJ,QAASA,EACTC,MAAOqB,EACK,aAAAnB,IAEXV,EAGP,IAU+D,CAC/DE,QAASwC,EACTtC,MAAOuC,EACPC,KAAMC,EACNC,WAAYC"}

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

@@ -1,2 +0,0 @@
-var n={container:"container_c4387f8d23",justifyStart:"justifyStart_47ecae744f",justifyEnd:"justifyEnd_cdd667668f",justifyCenter:"justifyCenter_d07dd6ace5",justifySpaceBetween:"justifySpaceBetween_02caeabcbc",justifySpaceAround:"justifySpaceAround_f6db42193c",justifyInital:"justifyInital_d0e7446b29",alignStart:"alignStart_56774cf1d9",alignEnd:"alignEnd_fd4ce75565",alignCenter:"alignCenter_3da6c9f81e",alignStretch:"alignStretch_9ed16b1b82",alignBaseline:"alignBaseline_886e5916c1",alignInitial:"alignInitial_05b412f7ba",directionColumn:"directionColumn_9f72e2abb7",wrap:"wrap_af3f9bed79"};!function(n){const e="s_id-3ad7193e0a34_3_52_1";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const i=document.createElement("style");i.id=e,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".container_c4387f8d23 {\n  display: flex;\n  flex-direction: row;\n}\n.container_c4387f8d23.justifyStart_47ecae744f {\n  justify-content: flex-start;\n}\n.container_c4387f8d23.justifyEnd_cdd667668f {\n  justify-content: flex-end;\n}\n.container_c4387f8d23.justifyCenter_d07dd6ace5 {\n  justify-content: center;\n}\n.container_c4387f8d23.justifySpaceBetween_02caeabcbc {\n  justify-content: space-between;\n}\n.container_c4387f8d23.justifySpaceAround_f6db42193c {\n  justify-content: space-around;\n}\n.container_c4387f8d23.justifyInital_d0e7446b29 {\n  justify-content: initial;\n}\n.container_c4387f8d23.alignStart_56774cf1d9 {\n  align-items: flex-start;\n}\n.container_c4387f8d23.alignEnd_fd4ce75565 {\n  align-items: flex-end;\n}\n.container_c4387f8d23.alignCenter_3da6c9f81e {\n  align-items: center;\n}\n.container_c4387f8d23.alignStretch_9ed16b1b82 {\n  align-items: stretch;\n}\n.container_c4387f8d23.alignBaseline_886e5916c1 {\n  align-items: baseline;\n}\n.container_c4387f8d23.alignInitial_05b412f7ba {\n  align-items: initial;\n}\n.container_c4387f8d23.directionColumn_9f72e2abb7 {\n  flex-direction: column;\n}\n.container_c4387f8d23.wrap_af3f9bed79 {\n  flex-wrap: wrap;\n}");export{n as default};
-//# sourceMappingURL=Flex.module.scss.js.map

package/dist/src/components/Flex/Flex.module.scss.js.map

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

package/dist/src/components/Flex/FlexConstants.js

@@ -1,2 +0,0 @@
-var e,n,t,E;!function(e){e.START="start",e.CENTER="center",e.END="end",e.STRETCH="stretch",e.BASELINE="baseline",e.INITIAL="initial"}(e||(e={})),function(e){e.START="start",e.CENTER="center",e.END="end",e.STRETCH="stretch",e.SPACE_AROUND="space-around",e.SPACE_BETWEEN="space-between",e.INITIAL="initial"}(n||(n={})),function(e){e.XS="xs",e.SMALL="small",e.MEDIUM="medium",e.LARGE="large"}(t||(t={})),function(e){e.ROW="row",e.COLUMN="column"}(E||(E={}));export{e as FlexAlign,E as FlexDirection,t as FlexGap,n as FlexJustify};
-//# sourceMappingURL=FlexConstants.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"FlexConstants.js","sources":["../../../../src/components/Flex/FlexConstants.ts"],"sourcesContent":["/**\n * @deprecated\n */\nexport enum FlexAlign {\n  START = \"start\",\n  CENTER = \"center\",\n  END = \"end\",\n  STRETCH = \"stretch\",\n  BASELINE = \"baseline\",\n  INITIAL = \"initial\"\n}\n\n/**\n * @deprecated\n */\nexport enum FlexJustify {\n  START = \"start\",\n  CENTER = \"center\",\n  END = \"end\",\n  STRETCH = \"stretch\",\n  SPACE_AROUND = \"space-around\",\n  SPACE_BETWEEN = \"space-between\",\n  INITIAL = \"initial\"\n}\n\n/**\n * @deprecated\n */\nexport enum FlexGap {\n  XS = \"xs\",\n  SMALL = \"small\",\n  MEDIUM = \"medium\",\n  LARGE = \"large\"\n}\n\n/**\n * @deprecated\n */\nexport enum FlexDirection {\n  ROW = \"row\",\n  COLUMN = \"column\"\n}\n"],"names":["FlexAlign","FlexJustify","FlexGap","FlexDirection"],"mappings":"IAGYA,EAYAC,EAaAC,EAUAC,GAnCZ,SAAYH,GACVA,EAAA,MAAA,QACAA,EAAA,OAAA,SACAA,EAAA,IAAA,MACAA,EAAA,QAAA,UACAA,EAAA,SAAA,WACAA,EAAA,QAAA,SACD,CAPD,CAAYA,IAAAA,EAOX,CAAA,IAKD,SAAYC,GACVA,EAAA,MAAA,QACAA,EAAA,OAAA,SACAA,EAAA,IAAA,MACAA,EAAA,QAAA,UACAA,EAAA,aAAA,eACAA,EAAA,cAAA,gBACAA,EAAA,QAAA,SACD,CARD,CAAYA,IAAAA,EAQX,CAAA,IAKD,SAAYC,GACVA,EAAA,GAAA,KACAA,EAAA,MAAA,QACAA,EAAA,OAAA,SACAA,EAAA,MAAA,OACD,CALD,CAAYA,IAAAA,EAKX,CAAA,IAKD,SAAYC,GACVA,EAAA,IAAA,MACAA,EAAA,OAAA,QACD,CAHD,CAAYA,IAAAA,EAGX,CAAA"}

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

@@ -1,2 +0,0 @@
-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 +0,0 @@
-{"version":3,"file":"FormattedNumber.js","sources":["../../../../src/components/FormattedNumber/FormattedNumber.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { useMemo, forwardRef } from \"react\";\nimport { formatNumber, formatNumberConsts } from \"../../helpers/textManipulations\";\nimport { validateValue } from \"./FormattedNumberHelpers\";\nimport { VibeComponentProps, 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 +0,0 @@
-var e={formattedNumberComponent:"formattedNumberComponent_1e0dd75b97",prefix:"prefix_6965ae58de",suffix:"suffix_6965ae58de"};!function(e){const n="s_id-d821b20045aa_3_52_1";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)}(".formattedNumberComponent_1e0dd75b97 {\n  display: flex;\n  flex-direction: row;\n  box-sizing: border-box;\n  font-family: var(--font-family);\n  width: 100%;\n}\n\n.prefix_6965ae58de {\n  white-space: pre;\n}\n\n.suffix_6965ae58de {\n  white-space: pre;\n}");export{e as default};
-//# sourceMappingURL=FormattedNumber.module.scss.js.map

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

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

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

@@ -1,2 +0,0 @@
-var n=function(n){var e=null==n,t="string"==typeof n&&!n.replace(" ","").length;return e||isNaN(Number(n))||t};Object.freeze({range:function(n,e){return function(t,r,c){if(n>t[r]||t[r]>e)return Error("Invalid prop ".concat(r," supplied to ").concat(c,". ").concat(r," should be between ").concat(n," to ").concat(e,"."))}}});export{n as validateValue};
-//# sourceMappingURL=FormattedNumberHelpers.js.map