@vibe/core 3.86.0 → 3.87.0

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

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

package/dist/src/components/Info/components/InfoDialogContent/InfoDialogContent.module.scss.js

@@ -1,2 +1,2 @@
-var e={contentWrapper:"contentWrapper_fd26d1012c",link:"link_1ee2b18269"};!function(e){const t="s_id-646297cad054_3_85_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)}(".contentWrapper_fd26d1012c {\n  max-width: 240px;\n}\n.contentWrapper_fd26d1012c .link_1ee2b18269 {\n  margin-top: var(--space-4);\n}");export{e as default};
+var e={contentWrapper:"contentWrapper_7d313b27a5",link:"link_7c6de6b2a7"};!function(e){const t="s_id-646297cad054_3_86_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".contentWrapper_7d313b27a5 {\n  max-width: 240px;\n}\n.contentWrapper_7d313b27a5 .link_7c6de6b2a7 {\n  margin-top: var(--space-4);\n}");export{e as default};
 //# sourceMappingURL=InfoDialogContent.module.scss.js.map

package/dist/src/components/Info/components/InfoLink/InfoLink.module.scss.js

@@ -1,2 +1,2 @@
-var e={infoLink:"infoLink_81d4be899a"};!function(e){const t="s_id-63a4f7de1b47_3_85_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)}(".infoLink_81d4be899a {\n  color: var(--primary-text-color);\n  text-decoration: underline;\n}");export{e as default};
+var e={infoLink:"infoLink_2767a26af0"};!function(e){const t="s_id-63a4f7de1b47_3_86_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".infoLink_2767a26af0 {\n  color: var(--primary-text-color);\n  text-decoration: underline;\n}");export{e as default};
 //# sourceMappingURL=InfoLink.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={infoText:"infoText_e0aacd0d5a",error:"error_8507403d4d",success:"success_90eebcb139",disabled:"disabled_5e10ab53ec",readOnly:"readOnly_e0aacd0d5a"};!function(e){const a="s_id-05a2b3ab5fae_3_85_1";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+a))return;const o=document.createElement("style");o.id=a,d.firstChild?d.insertBefore(o,d.firstChild):d.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".infoText_e0aacd0d5a {\n  color: var(--secondary-text-color);\n}\n.infoText_e0aacd0d5a.error_8507403d4d {\n  color: var(--negative-color);\n}\n.infoText_e0aacd0d5a.success_90eebcb139 {\n  color: var(--positive-color);\n}\n.infoText_e0aacd0d5a.disabled_5e10ab53ec {\n  color: var(--disabled-text-color);\n}\n.infoText_e0aacd0d5a.readOnly_e0aacd0d5a {\n  color: var(--secondary-text-color);\n}");export{e as default};
+var e={infoText:"infoText_bb4deaeb00",error:"error_bbc1b49a8f",success:"success_6e5c7daf55",disabled:"disabled_afc32eb59c",readOnly:"readOnly_bb4deaeb00"};!function(e){const o="s_id-05a2b3ab5fae_3_86_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+o))return;const a=document.createElement("style");a.id=o,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=e)}(".infoText_bb4deaeb00 {\n  color: var(--secondary-text-color);\n}\n.infoText_bb4deaeb00.error_bbc1b49a8f {\n  color: var(--negative-color);\n}\n.infoText_bb4deaeb00.success_6e5c7daf55 {\n  color: var(--positive-color);\n}\n.infoText_bb4deaeb00.disabled_afc32eb59c {\n  color: var(--disabled-text-color);\n}\n.infoText_bb4deaeb00.readOnly_bb4deaeb00 {\n  color: var(--secondary-text-color);\n}");export{e as default};
 //# sourceMappingURL=InfoText.module.scss.js.map

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

@@ -1,2 +1,2 @@
-import{slicedToArray as e,defineProperty as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{camelCase as r}from"es-toolkit";import o from"classnames";import{getTestId as a,ComponentDefaultTestId as l}from"../../tests/testIds.js";import{getStyle as s}from"../../helpers/typesciptCssModulesHelper.js";import i,{forwardRef as n,useRef as m,useState as c,useMemo as p,useCallback as d,useEffect as u}from"react";import f from"./Leg.js";import{contentColors as b}from"../../utils/colors-vars-map.js";import v from"../../hooks/useMergeRef.js";import j from"./Label.module.scss.js";import k from"./LabelCelebrationAnimation.js";import{mapSizesToTextSize as y}from"./LabelConstants.js";import{ComponentVibeId as E}from"../../tests/constants.js";import L from"../../../components/clickable/dist/useClickableProps/useClickableProps.js";import g from"../../../components/typography/dist/Text/Text.js";var C=n((function(n,C){var x=n.className,A=n.labelClassName,N=n.kind,P=void 0===N?"fill":N,h=n.color,H=void 0===h?"primary":h,T=n.text,B=void 0===T?"":T,I=n.isLegIncluded,M=void 0!==I&&I,W=n.id,_=n["data-testid"],w=n.onClick,z=n.celebrationAnimation,D=n.size,O=void 0===D?"medium":D,R=m(null),q=v(C,R),F=c(z),G=e(F,2),J=G[0],K=G[1],Q=!!w,S=p((function(){return o(j.label,s(j,r("kind-"+P)),s(j,r("color-"+H)),t(t(t({},j.withLeg,M),j.clickable,Q),j.small,"small"===O),A)}),[P,H,M,A,Q,O]),U=p((function(){if(b.includes(H))return"line"===P?{color:"var(--color-".concat(H,")")}:{backgroundColor:"var(--color-".concat(H,")")}}),[H,P]),V=d((function(e){w&&(e.preventDefault(),w(e))}),[w]),X=L({onClick:V,id:W,ariaHidden:!1,ariaHasPopup:!1,ariaExpanded:!1},R);u((function(){K(z)}),[z]);var Y=p((function(){return i.createElement("span",Object.assign({},Q&&X,{className:o(t({},j.clickableWrapper,Q),x),"data-testid":_||a(l.LABEL,W),"data-vibe":E.LABEL,ref:q}),i.createElement(g,{style:U,element:"span",type:y[O],className:S,color:"dark"===H?"onInverted":"onPrimary","data-celebration-text":J},i.createElement(g,{element:"span",type:y[O],color:"inherit",className:o(t({},j.smallText,"small"===O))},B),i.createElement("span",{className:o(j.legWrapper)},M?i.createElement(f,null):null)))}),[Q,X,x,_,W,q,S,J,B,M,O,U,H]);return J&&"line"===P?i.createElement(k,{onAnimationEnd:function(){return K(!1)}},Y):Y}));export{C as default};
+import{slicedToArray as e,defineProperty as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{camelCase as r}from"es-toolkit";import o from"classnames";import{getTestId as a,ComponentDefaultTestId as s}from"../../tests/testIds.js";import{getStyle as l}from"../../helpers/typesciptCssModulesHelper.js";import i,{forwardRef as n,useRef as m,useState as c,useMemo as p,useCallback as d,useEffect as u}from"react";import f from"./Leg.js";import{LabelAllowedColor as b,LabelKind as v,mapSizesToTextSize as j}from"./LabelConstants.js";import{contentColors as k}from"../../utils/colors-vars-map.js";import{withStaticProps as y}from"../../types/withStaticProps.js";import E from"../../hooks/useMergeRef.js";import L from"./Label.module.scss.js";import g from"./LabelCelebrationAnimation.js";import{ComponentVibeId as C}from"../../tests/constants.js";import x from"../../../components/clickable/dist/useClickableProps/useClickableProps.js";import P from"../../../components/typography/dist/Text/Text.js";var h=y(n((function(n,b){var v=n.className,y=n.labelClassName,h=n.kind,A=void 0===h?"fill":h,N=n.color,H=void 0===N?"primary":N,T=n.text,B=void 0===T?"":T,I=n.isLegIncluded,w=void 0!==I&&I,M=n.id,W=n["data-testid"],_=n.onClick,z=n.celebrationAnimation,D=n.size,O=void 0===D?"medium":D,R=m(null),S=E(b,R),q=c(z),F=e(q,2),G=F[0],J=F[1],K=!!_,Q=p((function(){return o(L.label,l(L,r("kind-"+A)),l(L,r("color-"+H)),t(t(t({},L.withLeg,w),L.clickable,K),L.small,"small"===O),y)}),[A,H,w,y,K,O]),U=p((function(){if(k.includes(H))return"line"===A?{color:"var(--color-".concat(H,")")}:{backgroundColor:"var(--color-".concat(H,")")}}),[H,A]),V=d((function(e){_&&(e.preventDefault(),_(e))}),[_]),X=x({onClick:V,id:M,ariaHidden:!1,ariaHasPopup:!1,ariaExpanded:!1},R);u((function(){J(z)}),[z]);var Y=p((function(){return i.createElement("span",Object.assign({},K&&X,{className:o(t({},L.clickableWrapper,K),v),"data-testid":W||a(s.LABEL,M),"data-vibe":C.LABEL,ref:S}),i.createElement(P,{style:U,element:"span",type:j[O],className:Q,color:"dark"===H?"onInverted":"onPrimary","data-celebration-text":G},i.createElement(P,{element:"span",type:j[O],color:"inherit",className:o(t({},L.smallText,"small"===O))},B),i.createElement("span",{className:o(L.legWrapper)},w?i.createElement(f,null):null)))}),[K,X,v,W,M,S,Q,G,B,w,O,U,H]);return G&&"line"===A?i.createElement(g,{onAnimationEnd:function(){return J(!1)}},Y):Y})),{colors:b,kinds:v});export{h as default};
 //# sourceMappingURL=Label.js.map

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

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

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

@@ -1,2 +1,2 @@
-var e={clickableWrapper:"clickableWrapper_4fafe720c9","focus-visible":"focus-visible_17d22ae837",label:"label_a4b7cd71ba",small:"small_45a7802c52",withLeg:"withLeg_c3ac5b20ba",legWrapper:"legWrapper_34f1130319",kindFill:"kindFill_7ef5ea2aae",colorPrimary:"colorPrimary_20be3c4026",clickable:"clickable_528a33f64e",colorDark:"colorDark_318cb49008",colorNegative:"colorNegative_0cd2437284",colorPositive:"colorPositive_a75bb7d7d2",kindLine:"kindLine_3b9f7b2b72",smallText:"smallText_d0976bbb86"};!function(e){const a="s_id-642067f9ceae_3_85_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+a))return;const o=document.createElement("style");o.id=a,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable */\n/* stylelint-enable */\n.clickableWrapper_4fafe720c9 {\n  cursor: pointer;\n}\n.clickableWrapper_4fafe720c9:focus-visible, .clickableWrapper_4fafe720c9.focus-visible_17d22ae837 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.clickableWrapper_4fafe720c9:focus:not(.focus-visible_17d22ae837) {\n  outline: none;\n}\n.clickableWrapper_4fafe720c9:active {\n  transform: scale(0.95) translate3d(0, 0, 0);\n  transition: var(--motion-productive-short) transform;\n}\n.label_a4b7cd71ba {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: var(--border-radius-small);\n  padding: 2px var(--spacing-small);\n  position: relative;\n}\n.label_a4b7cd71ba.small_45a7802c52 {\n  padding: 0 var(--spacing-xs);\n  border-radius: 2px;\n}\n.withLeg_c3ac5b20ba {\n  border-radius: var(--border-radius-small) var(--border-radius-small) var(--border-radius-small) 0;\n}\n.legWrapper_34f1130319 {\n  position: absolute;\n  height: 8px;\n  top: 100%;\n  left: 0;\n  display: inline-flex;\n}\n.kindFill_7ef5ea2aae.colorPrimary_20be3c4026 {\n  background-color: var(--primary-color);\n}\n.kindFill_7ef5ea2aae.colorPrimary_20be3c4026 svg path {\n  fill: var(--primary-color);\n}\n.kindFill_7ef5ea2aae.colorPrimary_20be3c4026.clickable_528a33f64e:hover, .kindFill_7ef5ea2aae.colorPrimary_20be3c4026.clickable_528a33f64e:active {\n  background-color: var(--primary-hover-color);\n}\n.kindFill_7ef5ea2aae.colorDark_318cb49008 {\n  background-color: var(--inverted-color-background);\n}\n.kindFill_7ef5ea2aae.colorDark_318cb49008 svg path {\n  fill: var(--inverted-color-background);\n}\n.kindFill_7ef5ea2aae.colorNegative_0cd2437284 {\n  background-color: var(--negative-color);\n}\n.kindFill_7ef5ea2aae.colorNegative_0cd2437284 svg path {\n  fill: var(--negative-color);\n}\n.kindFill_7ef5ea2aae.colorNegative_0cd2437284.clickable_528a33f64e:hover, .kindFill_7ef5ea2aae.colorNegative_0cd2437284.clickable_528a33f64e:active {\n  background-color: var(--negative-color-hover);\n}\n.kindFill_7ef5ea2aae.colorPositive_a75bb7d7d2 {\n  background-color: var(--positive-color);\n}\n.kindFill_7ef5ea2aae.colorPositive_a75bb7d7d2 svg path {\n  fill: var(--positive-color);\n}\n.kindFill_7ef5ea2aae.colorPositive_a75bb7d7d2.clickable_528a33f64e:hover, .kindFill_7ef5ea2aae.colorPositive_a75bb7d7d2.clickable_528a33f64e:active {\n  background-color: var(--positive-color-hover);\n}\n.kindLine_3b9f7b2b72 {\n  border: 1px solid currentColor;\n  padding: 1px var(--spacing-small);\n}\n.kindLine_3b9f7b2b72 .legWrapper_34f1130319 {\n  left: -1px;\n  top: calc(100% + 1px);\n}\n.kindLine_3b9f7b2b72.colorPrimary_20be3c4026 {\n  color: var(--primary-color);\n}\n.kindLine_3b9f7b2b72.colorPrimary_20be3c4026 svg path {\n  fill: var(--primary-color);\n}\n.kindLine_3b9f7b2b72.colorPrimary_20be3c4026.clickable_528a33f64e:hover, .kindLine_3b9f7b2b72.colorPrimary_20be3c4026.clickable_528a33f64e:active {\n  background-color: var(--primary-background-hover-color);\n}\n.kindLine_3b9f7b2b72.colorDark_318cb49008 {\n  color: var(--inverted-color-background);\n}\n.kindLine_3b9f7b2b72.colorDark_318cb49008 svg path {\n  fill: var(--inverted-color-background);\n}\n.kindLine_3b9f7b2b72.colorDark_318cb49008.clickable_528a33f64e:hover, .kindLine_3b9f7b2b72.colorDark_318cb49008.clickable_528a33f64e:active {\n  background-color: var(--primary-background-hover-color);\n}\n.kindLine_3b9f7b2b72.colorNegative_0cd2437284 {\n  color: var(--negative-color);\n}\n.kindLine_3b9f7b2b72.colorNegative_0cd2437284 svg path {\n  fill: var(--negative-color);\n}\n.kindLine_3b9f7b2b72.colorNegative_0cd2437284.clickable_528a33f64e:hover, .kindLine_3b9f7b2b72.colorNegative_0cd2437284.clickable_528a33f64e:active {\n  background-color: var(--negative-color-selected);\n}\n.kindLine_3b9f7b2b72.colorPositive_a75bb7d7d2 {\n  color: var(--positive-color);\n}\n.kindLine_3b9f7b2b72.colorPositive_a75bb7d7d2 svg path {\n  fill: var(--positive-color);\n}\n.kindLine_3b9f7b2b72.colorPositive_a75bb7d7d2.clickable_528a33f64e:hover, .kindLine_3b9f7b2b72.colorPositive_a75bb7d7d2.clickable_528a33f64e:active {\n  background-color: var(--positive-color-selected);\n}\n.kindLine_3b9f7b2b72 .smallText_d0976bbb86 {\n  line-height: 14px;\n}");export{e as default};
+var e={clickableWrapper:"clickableWrapper_7a61956ea2","focus-visible":"focus-visible_5db8d7a1e4",label:"label_9a61e44d07",small:"small_7349036710",withLeg:"withLeg_8cfc0b3de7",legWrapper:"legWrapper_bf4b31feff",kindFill:"kindFill_50cb0a4fdd",colorPrimary:"colorPrimary_af4166966d",clickable:"clickable_7f437d6d4c",colorDark:"colorDark_c6321f0e3a",colorNegative:"colorNegative_e9b6813abd",colorPositive:"colorPositive_925462a9d9",kindLine:"kindLine_a1cd66fec1",smallText:"smallText_84e92cf9de"};!function(e){const a="s_id-642067f9ceae_3_86_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+a))return;const o=document.createElement("style");o.id=a,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable */\n/* stylelint-enable */\n.clickableWrapper_7a61956ea2 {\n  cursor: pointer;\n}\n.clickableWrapper_7a61956ea2:focus-visible, .clickableWrapper_7a61956ea2.focus-visible_5db8d7a1e4 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.clickableWrapper_7a61956ea2:focus:not(.focus-visible_5db8d7a1e4) {\n  outline: none;\n}\n.clickableWrapper_7a61956ea2:active {\n  transform: scale(0.95) translate3d(0, 0, 0);\n  transition: var(--motion-productive-short) transform;\n}\n.label_9a61e44d07 {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: var(--border-radius-small);\n  padding: 2px var(--spacing-small);\n  position: relative;\n}\n.label_9a61e44d07.small_7349036710 {\n  padding: 0 var(--spacing-xs);\n  border-radius: 2px;\n}\n.withLeg_8cfc0b3de7 {\n  border-radius: var(--border-radius-small) var(--border-radius-small) var(--border-radius-small) 0;\n}\n.legWrapper_bf4b31feff {\n  position: absolute;\n  height: 8px;\n  top: 100%;\n  left: 0;\n  display: inline-flex;\n}\n.kindFill_50cb0a4fdd.colorPrimary_af4166966d {\n  background-color: var(--primary-color);\n}\n.kindFill_50cb0a4fdd.colorPrimary_af4166966d svg path {\n  fill: var(--primary-color);\n}\n.kindFill_50cb0a4fdd.colorPrimary_af4166966d.clickable_7f437d6d4c:hover, .kindFill_50cb0a4fdd.colorPrimary_af4166966d.clickable_7f437d6d4c:active {\n  background-color: var(--primary-hover-color);\n}\n.kindFill_50cb0a4fdd.colorDark_c6321f0e3a {\n  background-color: var(--inverted-color-background);\n}\n.kindFill_50cb0a4fdd.colorDark_c6321f0e3a svg path {\n  fill: var(--inverted-color-background);\n}\n.kindFill_50cb0a4fdd.colorNegative_e9b6813abd {\n  background-color: var(--negative-color);\n}\n.kindFill_50cb0a4fdd.colorNegative_e9b6813abd svg path {\n  fill: var(--negative-color);\n}\n.kindFill_50cb0a4fdd.colorNegative_e9b6813abd.clickable_7f437d6d4c:hover, .kindFill_50cb0a4fdd.colorNegative_e9b6813abd.clickable_7f437d6d4c:active {\n  background-color: var(--negative-color-hover);\n}\n.kindFill_50cb0a4fdd.colorPositive_925462a9d9 {\n  background-color: var(--positive-color);\n}\n.kindFill_50cb0a4fdd.colorPositive_925462a9d9 svg path {\n  fill: var(--positive-color);\n}\n.kindFill_50cb0a4fdd.colorPositive_925462a9d9.clickable_7f437d6d4c:hover, .kindFill_50cb0a4fdd.colorPositive_925462a9d9.clickable_7f437d6d4c:active {\n  background-color: var(--positive-color-hover);\n}\n.kindLine_a1cd66fec1 {\n  border: 1px solid currentColor;\n  padding: 1px var(--spacing-small);\n}\n.kindLine_a1cd66fec1 .legWrapper_bf4b31feff {\n  left: -1px;\n  top: calc(100% + 1px);\n}\n.kindLine_a1cd66fec1.colorPrimary_af4166966d {\n  color: var(--primary-color);\n}\n.kindLine_a1cd66fec1.colorPrimary_af4166966d svg path {\n  fill: var(--primary-color);\n}\n.kindLine_a1cd66fec1.colorPrimary_af4166966d.clickable_7f437d6d4c:hover, .kindLine_a1cd66fec1.colorPrimary_af4166966d.clickable_7f437d6d4c:active {\n  background-color: var(--primary-background-hover-color);\n}\n.kindLine_a1cd66fec1.colorDark_c6321f0e3a {\n  color: var(--inverted-color-background);\n}\n.kindLine_a1cd66fec1.colorDark_c6321f0e3a svg path {\n  fill: var(--inverted-color-background);\n}\n.kindLine_a1cd66fec1.colorDark_c6321f0e3a.clickable_7f437d6d4c:hover, .kindLine_a1cd66fec1.colorDark_c6321f0e3a.clickable_7f437d6d4c:active {\n  background-color: var(--primary-background-hover-color);\n}\n.kindLine_a1cd66fec1.colorNegative_e9b6813abd {\n  color: var(--negative-color);\n}\n.kindLine_a1cd66fec1.colorNegative_e9b6813abd svg path {\n  fill: var(--negative-color);\n}\n.kindLine_a1cd66fec1.colorNegative_e9b6813abd.clickable_7f437d6d4c:hover, .kindLine_a1cd66fec1.colorNegative_e9b6813abd.clickable_7f437d6d4c:active {\n  background-color: var(--negative-color-selected);\n}\n.kindLine_a1cd66fec1.colorPositive_925462a9d9 {\n  color: var(--positive-color);\n}\n.kindLine_a1cd66fec1.colorPositive_925462a9d9 svg path {\n  fill: var(--positive-color);\n}\n.kindLine_a1cd66fec1.colorPositive_925462a9d9.clickable_7f437d6d4c:hover, .kindLine_a1cd66fec1.colorPositive_925462a9d9.clickable_7f437d6d4c:active {\n  background-color: var(--positive-color-selected);\n}\n.kindLine_a1cd66fec1 .smallText_84e92cf9de {\n  line-height: 14px;\n}");export{e as default};
 //# sourceMappingURL=Label.module.scss.js.map

package/dist/src/components/Label/LabelCelebrationAnimation.module.scss.js

@@ -1,2 +1,2 @@
-var e={celebration:"celebration_27a7de3754",svg:"svg_fb8d5e9fe7",stroke:"stroke_34f48ea1e1","stroke-rotate":"stroke-rotate_936abfbc25",base:"base_21101d0778",fade:"fade_fa3f99f467",first:"first_377036285b",second:"second_0c10986d1b",third:"third_bb270b7af8","gradient-text-fill":"gradient-text-fill_fbd3090761"};!function(e){const n="s_id-cc5df975abc6_3_85_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)}(".celebration_27a7de3754 {\n  --container-perimeter: 840;\n  position: relative;\n}\n.celebration_27a7de3754 .svg_fb8d5e9fe7 {\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 100%;\n  width: 100%;\n}\n.celebration_27a7de3754 .svg_fb8d5e9fe7 .stroke_34f48ea1e1 {\n  fill: none;\n  stroke-width: 1;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  animation: stroke-rotate_936abfbc25 cubic-bezier(0.33, 0, 0.67, 1) forwards;\n  stroke-dasharray: var(--container-perimeter);\n  stroke-dashoffset: var(--container-perimeter);\n}\n.celebration_27a7de3754 .svg_fb8d5e9fe7 .stroke_34f48ea1e1.base_21101d0778 {\n  stroke: var(--color-egg_yolk);\n  animation: fade_fa3f99f467 200ms linear forwards;\n  animation-delay: 80ms;\n  stroke-dasharray: 0;\n  stroke-dashoffset: 0;\n  opacity: 0;\n}\n.celebration_27a7de3754 .svg_fb8d5e9fe7 .stroke_34f48ea1e1.first_377036285b {\n  stroke: var(--color-done-green);\n  animation-delay: 80ms;\n  animation-duration: 320ms;\n}\n.celebration_27a7de3754 .svg_fb8d5e9fe7 .stroke_34f48ea1e1.second_0c10986d1b {\n  stroke: var(--color-stuck-red);\n  animation-delay: 200ms;\n  animation-duration: 320ms;\n}\n.celebration_27a7de3754 .svg_fb8d5e9fe7 .stroke_34f48ea1e1.third_bb270b7af8 {\n  stroke: var(--primary-color);\n  animation-delay: 360ms;\n  animation-duration: 320ms;\n}\n.celebration_27a7de3754.celebration_27a7de3754 [data-celebration-text] {\n  background-size: 300% 100%;\n  background-repeat: no-repeat;\n  background-clip: text;\n  -webkit-background-clip: text;\n  color: transparent;\n  animation: gradient-text-fill_fbd3090761 680ms linear forwards;\n  background-image: linear-gradient(to right, var(--primary-color) 30%, var(--color-stuck-red) 40%, var(--color-done-green) 60%, var(--color-egg_yolk) 85%, transparent 90%);\n}\n@keyframes fade_fa3f99f467 {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n@keyframes stroke-rotate_936abfbc25 {\n  to {\n    stroke-dashoffset: 0;\n  }\n}\n@keyframes gradient-text-fill_fbd3090761 {\n  from {\n    background-position: 150% 0;\n  }\n  to {\n    background-position: 0% 0;\n  }\n}");export{e as default};
+var e={celebration:"celebration_d563c9652f",svg:"svg_d8c5a13c93",stroke:"stroke_1e96ff5aa4","stroke-rotate":"stroke-rotate_35c40d1337",base:"base_2a7c2b5488",fade:"fade_2a514be08a",first:"first_d2821b997d",second:"second_e440f07d5a",third:"third_a776e3b430","gradient-text-fill":"gradient-text-fill_1266d7b52f"};!function(e){const n="s_id-cc5df975abc6_3_86_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".celebration_d563c9652f {\n  --container-perimeter: 840;\n  position: relative;\n}\n.celebration_d563c9652f .svg_d8c5a13c93 {\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 100%;\n  width: 100%;\n}\n.celebration_d563c9652f .svg_d8c5a13c93 .stroke_1e96ff5aa4 {\n  fill: none;\n  stroke-width: 1;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  animation: stroke-rotate_35c40d1337 cubic-bezier(0.33, 0, 0.67, 1) forwards;\n  stroke-dasharray: var(--container-perimeter);\n  stroke-dashoffset: var(--container-perimeter);\n}\n.celebration_d563c9652f .svg_d8c5a13c93 .stroke_1e96ff5aa4.base_2a7c2b5488 {\n  stroke: var(--color-egg_yolk);\n  animation: fade_2a514be08a 200ms linear forwards;\n  animation-delay: 80ms;\n  stroke-dasharray: 0;\n  stroke-dashoffset: 0;\n  opacity: 0;\n}\n.celebration_d563c9652f .svg_d8c5a13c93 .stroke_1e96ff5aa4.first_d2821b997d {\n  stroke: var(--color-done-green);\n  animation-delay: 80ms;\n  animation-duration: 320ms;\n}\n.celebration_d563c9652f .svg_d8c5a13c93 .stroke_1e96ff5aa4.second_e440f07d5a {\n  stroke: var(--color-stuck-red);\n  animation-delay: 200ms;\n  animation-duration: 320ms;\n}\n.celebration_d563c9652f .svg_d8c5a13c93 .stroke_1e96ff5aa4.third_a776e3b430 {\n  stroke: var(--primary-color);\n  animation-delay: 360ms;\n  animation-duration: 320ms;\n}\n.celebration_d563c9652f.celebration_d563c9652f [data-celebration-text] {\n  background-size: 300% 100%;\n  background-repeat: no-repeat;\n  background-clip: text;\n  -webkit-background-clip: text;\n  color: transparent;\n  animation: gradient-text-fill_1266d7b52f 680ms linear forwards;\n  background-image: linear-gradient(to right, var(--primary-color) 30%, var(--color-stuck-red) 40%, var(--color-done-green) 60%, var(--color-egg_yolk) 85%, transparent 90%);\n}\n@keyframes fade_2a514be08a {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n@keyframes stroke-rotate_35c40d1337 {\n  to {\n    stroke-dashoffset: 0;\n  }\n}\n@keyframes gradient-text-fill_1266d7b52f {\n  from {\n    background-position: 150% 0;\n  }\n  to {\n    background-position: 0% 0;\n  }\n}");export{e as default};
 //# sourceMappingURL=LabelCelebrationAnimation.module.scss.js.map

package/dist/src/components/Label/LabelConstants.js

@@ -1,2 +1,2 @@
-var t={small:"text3",medium:"text2"};export{t as mapSizesToTextSize};
+import{ContentColorByName as t}from"../../utils/colors-vars-map.js";import i from"../../../components/typography/dist/Text/Text.js";var s,e;!function(t){t.FILL="fill",t.LINE="line"}(s||(s={})),function(t){t.PRIMARY="primary",t.DARK="dark",t.NEGATIVE="negative",t.POSITIVE="positive"}(e||(e={}));var o=Object.assign(Object.assign({},e),t),r={small:i.types.TEXT3,medium:i.types.TEXT2};export{o as LabelAllowedColor,e as LabelColor,s as LabelKind,r as mapSizesToTextSize};
 //# sourceMappingURL=LabelConstants.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"LabelConstants.js","sources":["../../../../src/components/Label/LabelConstants.ts"],"sourcesContent":["import { type TextType } from \"@vibe/typography\";\nimport { type LabelSizes } from \"./Label.types\";\n\nexport const mapSizesToTextSize: Record<LabelSizes, TextType> = {\n  small: \"text3\",\n  medium: \"text2\"\n};\n"],"names":["mapSizesToTextSize","small","medium"],"mappings":"AAGO,IAAMA,EAAmD,CAC9DC,MAAO,QACPC,OAAQ"}
+{"version":3,"file":"LabelConstants.js","sources":["../../../../src/components/Label/LabelConstants.ts"],"sourcesContent":["import { Text, type TextType } from \"@vibe/typography\";\nimport { type LabelSizes } from \"./Label.types\";\nimport { ContentColorByName } from \"../../utils/colors-vars-map\";\n\n/**\n * @deprecated\n */\nexport enum LabelKind {\n  FILL = \"fill\",\n  LINE = \"line\"\n}\n\n/**\n * @deprecated\n */\nexport enum LabelColor {\n  PRIMARY = \"primary\",\n  DARK = \"dark\",\n  NEGATIVE = \"negative\",\n  POSITIVE = \"positive\"\n}\n\nexport const LabelAllowedColor = {\n  ...LabelColor,\n  ...ContentColorByName\n};\n\nexport const mapSizesToTextSize: Record<LabelSizes, TextType> = {\n  small: Text.types.TEXT3,\n  medium: Text.types.TEXT2\n};\n"],"names":["LabelKind","LabelColor","LabelAllowedColor","Object","assign","ContentColorByName","mapSizesToTextSize","small","Text","types","TEXT3","medium","TEXT2"],"mappings":"wIAOYA,EAQAC,GARZ,SAAYD,GACVA,EAAA,KAAA,OACAA,EAAA,KAAA,MACD,CAHD,CAAYA,IAAAA,EAGX,CAAA,IAKD,SAAYC,GACVA,EAAA,QAAA,UACAA,EAAA,KAAA,OACAA,EAAA,SAAA,WACAA,EAAA,SAAA,UACD,CALD,CAAYA,IAAAA,EAKX,CAAA,QAEYC,EAAiBC,OAAAC,OAAAD,OAAAC,OAAA,GACzBH,GACAI,GAGQC,EAAmD,CAC9DC,MAAOC,EAAKC,MAAMC,MAClBC,OAAQH,EAAKC,MAAMG"}

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

@@ -0,0 +1,2 @@
+import{slicedToArray as e,defineProperty as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import o,{useMemo as r,useCallback as i,cloneElement as a}from"react";import l from"react-dom";import n from"classnames";import{useA11yDialog as s}from"./a11yDialog.js";import d from"./LegacyModalContent/LegacyModalContent.js";import m from"./LegacyModalHeader/LegacyModalHeader.js";import c from"./useBodyScrollLock.js";import u from"./useShowHideModal.js";import{ModalWidth as f,validateTitleProp as p,isModalHeader as v,isModalContent as y,isModalFooter as g}from"./ModalHelper.js";import{NOOP as j}from"../../utils/function-utils.js";import{withStaticPropsWithoutForwardRef as h}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import{getTestId as L}from"../../tests/testIds.js";import{ComponentDefaultTestId as M}from"../../tests/constants.js";import{useWarnDeprecated as w}from"../../utils/warn-deprecated.js";import E from"./LegacyModal.module.scss.js";import{isClient as b}from"../../utils/ssr-utils.js";import C from"../../../components/layer/dist/LayerProvider/LayerProvider.js";var A=h((function(f){var h=f.classNames,A=void 0===h?{container:"",overlay:"",modal:""}:h,P=f.id,D=f.show,O=f.title,x=void 0===O?"":O,H=f.description,S=void 0===H?"":H,B=f.onClose,N=void 0===B?j:B,_=f.alertDialog,k=void 0!==_&&_,z=f.children,I=f.triggerElement,R=f.width,T=void 0===R?"default":R,V=f.closeButtonAriaLabel,Y=void 0===V?"Close":V,$=f.contentSpacing,q=void 0!==$&&$,F=f.zIndex,G=void 0===F?1e4:F,J=f.unmountOnClose,K=void 0===J||J,Q=f["data-testid"];w({component:"Modal (Legacy)",message:"This component is deprecated and will be removed in the next major version. Please use Modal from @vibe/core/next instead."});var U=r((function(){return z?o.Children.toArray(z):[]}),[z]);p(x,U);var W=s({id:P,alertDialog:k}),X=e(W,2),Z=X[0],ee=X[1],te=i((function(){k||null==N||N()}),[k,N]);c({instance:Z});var oe=u({instance:Z,show:D,triggerElement:I,onClose:N,alertDialog:k}).shouldShow,re=r((function(){var e=ee.title.id,t=U.find(v);return t?a(t,{id:e,closeModal:N}):o.createElement(m,{title:x,description:S,closeModal:N,id:e,closeButtonAriaLabel:Y})}),[ee.title,U,x,S,N,Y]),ie=r((function(){return U.find(y)||o.createElement(d,null,U.filter((function(e){return!v(e)&&!g(e)})))}),[U]),ae=r((function(){return U.find(g)||null}),[U]),le="default"!==T&&"full-width"!==T,ne=o.createElement(C,{layerRef:{current:null==Z?void 0:Z.$el}},o.createElement("div",Object.assign({},ee.container,{className:n(E.container,A.container),"data-testid":Q||L(M.MODAL,P),style:{"--monday-modal-z-index":G}}),o.createElement("div",{onClick:te,className:n(E.overlay,A.overlay),"data-testid":M.MODAL_OVERLAY}),o.createElement("div",Object.assign({},ee.dialog,{className:n(E.dialog,A.modal,t(t(t({},E.default,"default"===T),E.full,"full-width"===T),E.spacing,q)),style:{width:le?T:null}}),re,ie,ae)));return K&&!oe?null:b()?l.createPortal(ne,document.body):null}),{width:f});export{A as default};
+//# sourceMappingURL=LegacyModal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LegacyModal.js","sources":["../../../../src/components/LegacyModal/LegacyModal.tsx"],"sourcesContent":["import React, { cloneElement, type ReactElement, useCallback, useMemo } from \"react\";\nimport ReactDOM from \"react-dom\";\nimport cx from \"classnames\";\nimport { useA11yDialog } from \"./a11yDialog\";\nimport ModalContent from \"./LegacyModalContent/LegacyModalContent\";\nimport ModalHeader from \"./LegacyModalHeader/LegacyModalHeader\";\nimport useBodyScrollLock from \"./useBodyScrollLock\";\nimport useShowHideModal from \"./useShowHideModal\";\nimport {\n  isModalContent,\n  isModalFooter,\n  isModalHeader,\n  ModalWidth as ModalWidthEnum,\n  validateTitleProp\n} from \"./ModalHelper\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport { withStaticPropsWithoutForwardRef } from \"../../types\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\nimport { useWarnDeprecated } from \"../../utils/warn-deprecated\";\nimport styles from \"./LegacyModal.module.scss\";\nimport { type ModalWidth } from \"./LegacyModal.types\";\nimport { LayerProvider } from \"@vibe/layer\";\nimport { isClient } from \"../../utils/ssr-utils\";\n\nexport interface LegacyModalProps {\n  /**\n   * Id of the modal, used internally and for accessibility\n   */\n  id?: string;\n  \"data-testid\"?: string;\n  /**\n   * Show/hide the Dialog\n   */\n  show: boolean;\n  /**\n   * Heading for the modal, mandatory when ModalHeader isn't provided in children\n   */\n  title?: string;\n  /**\n   * Description for the modal title\n   */\n  description?: string;\n  /**\n   * Called when the modal is closed (by close button/click outside/esc key)\n   */\n  onClose: () => void;\n  /**\n   *  Makes the dialog behave like a modal (preventing closing on click outside of\n   *  ESC key)..\n   */\n  alertDialog?: boolean;\n  /**\n   *  Used for the fromOrigin animation\n   */\n  triggerElement?: Element;\n  /**\n   *  Set the modal's width. Can be one of the presets or any custom size\n   */\n  width?: ModalWidth | string;\n  /**\n   *  Aria label for the close button\n   */\n  closeButtonAriaLabel?: string;\n  /**\n   *  Add gaps between parts of the modal\n   */\n  contentSpacing?: boolean;\n  /**\n   *  classNames for specific parts of the dialog\n   */\n  classNames?: {\n    container?: string;\n    overlay?: string;\n    modal?: string;\n  };\n  /**\n   *  Dialog content\n   */\n  children?: ReactElement | ReactElement[];\n  /**\n   * z-index attribute of the container\n   */\n  zIndex?: number;\n  /**\n   * When `false`, the modal will remain in the DOM when closed\n   */\n  unmountOnClose?: boolean;\n}\n\nconst Modal = ({\n  classNames = { container: \"\", overlay: \"\", modal: \"\" },\n  id,\n  show,\n  title = \"\",\n  description = \"\",\n  onClose = NOOP,\n  alertDialog = false,\n  children,\n  triggerElement,\n  width = \"default\",\n  closeButtonAriaLabel = \"Close\",\n  contentSpacing = false,\n  zIndex = 10000,\n  unmountOnClose = true,\n  \"data-testid\": dataTestId\n}: LegacyModalProps) => {\n  useWarnDeprecated({\n    component: \"Modal (Legacy)\",\n    message:\n      \"This component is deprecated and will be removed in the next major version. Please use Modal from @vibe/core/next instead.\"\n  });\n\n  const childrenArray: ReactElement[] = useMemo(\n    () => (children ? (React.Children.toArray(children) as ReactElement[]) : []),\n    [children]\n  );\n  validateTitleProp(title, childrenArray);\n\n  const [instance, attr] = useA11yDialog({\n    id,\n    alertDialog\n  });\n\n  const closeIfNotAlertType = useCallback(() => {\n    if (!alertDialog) {\n      onClose?.();\n    }\n  }, [alertDialog, onClose]);\n\n  // lock body scroll when modal is open\n  useBodyScrollLock({ instance });\n\n  // show/hide and animate the modal\n  const { shouldShow } = useShowHideModal({\n    instance,\n    show,\n    triggerElement,\n    onClose,\n    alertDialog\n  });\n\n  const header = useMemo(() => {\n    const { id } = attr.title;\n    const header = childrenArray.find(isModalHeader);\n    if (header) {\n      return cloneElement(header, { id, closeModal: onClose });\n    }\n    return (\n      <ModalHeader\n        title={title}\n        description={description}\n        closeModal={onClose}\n        id={id}\n        closeButtonAriaLabel={closeButtonAriaLabel}\n      />\n    );\n  }, [attr.title, childrenArray, title, description, onClose, closeButtonAriaLabel]);\n\n  const content = useMemo(() => {\n    return (\n      childrenArray.find(isModalContent) || (\n        <ModalContent>{childrenArray.filter(child => !isModalHeader(child) && !isModalFooter(child))}</ModalContent>\n      )\n    );\n  }, [childrenArray]);\n\n  const footer = useMemo(() => {\n    return childrenArray.find(isModalFooter) || null;\n  }, [childrenArray]);\n\n  const customWidth = width !== \"default\" && width !== \"full-width\";\n\n  const dialog = (\n    <LayerProvider layerRef={{ current: instance?.$el }}>\n      <div\n        {...attr.container}\n        className={cx(styles.container, classNames.container)}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.MODAL, id)}\n        style={{ \"--monday-modal-z-index\": zIndex }}\n      >\n        {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events */}\n        <div\n          onClick={closeIfNotAlertType}\n          className={cx(styles.overlay, classNames.overlay)}\n          data-testid={ComponentDefaultTestId.MODAL_OVERLAY}\n        />\n        <div\n          {...attr.dialog}\n          className={cx(styles.dialog, classNames.modal, {\n            [styles.default]: width === \"default\",\n            [styles.full]: width === \"full-width\",\n            [styles.spacing]: contentSpacing\n          })}\n          style={{ width: customWidth ? width : null }}\n        >\n          {header}\n          {content}\n          {footer}\n        </div>\n      </div>\n    </LayerProvider>\n  );\n\n  if (unmountOnClose && !shouldShow) {\n    return null;\n  }\n  return isClient() ? ReactDOM.createPortal(dialog, document.body) : null;\n};\n\ninterface LegacyModalStaticProps {\n  width: typeof ModalWidthEnum;\n}\n\nexport default withStaticPropsWithoutForwardRef<LegacyModalProps, LegacyModalStaticProps>(Modal, {\n  width: ModalWidthEnum\n});\n"],"names":["withStaticPropsWithoutForwardRef","_ref","_ref$classNames","classNames","container","overlay","modal","id","show","_ref$title","title","_ref$description","description","_ref$onClose","onClose","NOOP","_ref$alertDialog","alertDialog","children","triggerElement","_ref$width","width","_ref$closeButtonAriaL","closeButtonAriaLabel","_ref$contentSpacing","contentSpacing","_ref$zIndex","zIndex","_ref$unmountOnClose","unmountOnClose","dataTestId","useWarnDeprecated","component","message","childrenArray","useMemo","React","Children","toArray","validateTitleProp","_useA11yDialog","useA11yDialog","_useA11yDialog2","_slicedToArray","instance","attr","closeIfNotAlertType","useCallback","useBodyScrollLock","shouldShow","useShowHideModal","header","find","isModalHeader","cloneElement","closeModal","createElement","ModalHeader","content","isModalContent","ModalContent","filter","child","isModalFooter","footer","customWidth","dialog","LayerProvider","layerRef","current","$el","Object","assign","className","cx","styles","getTestId","ComponentDefaultTestId","MODAL","style","onClick","MODAL_OVERLAY","_defineProperty","default","full","spacing","isClient","ReactDOM","createPortal","document","body","ModalWidthEnum"],"mappings":"2lCA0FA,IA4HeA,EAAAA,GA5HD,SAAHC,GAgBY,IAAAC,EAAAD,EAfrBE,WAAAA,OAAa,IAAHD,EAAG,CAAEE,UAAW,GAAIC,QAAS,GAAIC,MAAO,IAAIJ,EACtDK,EAAEN,EAAFM,GACAC,EAAIP,EAAJO,KAAIC,EAAAR,EACJS,MAAAA,OAAQ,IAAHD,EAAG,GAAEA,EAAAE,EAAAV,EACVW,YAAAA,OAAc,IAAHD,EAAG,GAAEA,EAAAE,EAAAZ,EAChBa,QAAAA,OAAUC,IAAHF,EAAGE,EAAIF,EAAAG,EAAAf,EACdgB,YAAAA,OAAc,IAAHD,GAAQA,EACnBE,EAAQjB,EAARiB,SACAC,EAAclB,EAAdkB,eAAcC,EAAAnB,EACdoB,MAAAA,OAAQ,IAAHD,EAAG,UAASA,EAAAE,EAAArB,EACjBsB,qBAAAA,OAAuB,IAAHD,EAAG,QAAOA,EAAAE,EAAAvB,EAC9BwB,eAAAA,OAAiB,IAAHD,GAAQA,EAAAE,EAAAzB,EACtB0B,OAAAA,OAAS,IAAHD,EAAG,IAAKA,EAAAE,EAAA3B,EACd4B,eAAAA,OAAiB,IAAHD,GAAOA,EACNE,EAAU7B,EAAzB,eAEA8B,EAAkB,CAChBC,UAAW,iBACXC,QACE,+HAGJ,IAAMC,EAAgCC,GACpC,WAAA,OAAOjB,EAAYkB,EAAMC,SAASC,QAAQpB,GAA+B,EAAE,GAC3E,CAACA,IAEHqB,EAAkB7B,EAAOwB,GAEzB,IAAAM,EAAyBC,EAAc,CACrClC,GAAAA,EACAU,YAAAA,IACAyB,EAAAC,EAAAH,EAAA,GAHKI,EAAQF,EAAA,GAAEG,GAAIH,EAAA,GAKfI,GAAsBC,GAAY,WACjC9B,GACHH,SAAAA,GAEJ,GAAG,CAACG,EAAaH,IAGjBkC,EAAkB,CAAEJ,SAAAA,IAGpB,IAAQK,GAAeC,EAAiB,CACtCN,SAAAA,EACApC,KAAAA,EACAW,eAAAA,EACAL,QAAAA,EACAG,YAAAA,IALMgC,WAQFE,GAAShB,GAAQ,WACrB,IAAQ5B,EAAOsC,GAAKnC,MAAZH,GACF4C,EAASjB,EAAckB,KAAKC,GAClC,OAAIF,EACKG,EAAaH,EAAQ,CAAE5C,GAAAA,EAAIgD,WAAYzC,IAG9CsB,EAACoB,cAAAC,EACC,CAAA/C,MAAOA,EACPE,YAAaA,EACb2C,WAAYzC,EACZP,GAAIA,EACJgB,qBAAsBA,GAG5B,GAAG,CAACsB,GAAKnC,MAAOwB,EAAexB,EAAOE,EAAaE,EAASS,IAEtDmC,GAAUvB,GAAQ,WACtB,OACED,EAAckB,KAAKO,IACjBvB,gBAACwB,EAAY,KAAE1B,EAAc2B,QAAO,SAAAC,GAAK,OAAKT,EAAcS,KAAWC,EAAcD,EAAM,IAGjG,GAAG,CAAC5B,IAEE8B,GAAS7B,GAAQ,WACrB,OAAOD,EAAckB,KAAKW,IAAkB,IAC9C,GAAG,CAAC7B,IAEE+B,GAAwB,YAAV5C,GAAiC,eAAVA,EAErC6C,GACJ9B,gBAAC+B,EAAa,CAACC,SAAU,CAAEC,QAASzB,eAAAA,EAAU0B,MAC5ClC,EAAAoB,cAAA,MAAAe,OAAAC,OAAA,CAAA,EACM3B,GAAKzC,UAAS,CAClBqE,UAAWC,EAAGC,EAAOvE,UAAWD,EAAWC,WAAU,cACxC0B,GAAc8C,EAAUC,EAAuBC,MAAOvE,GACnEwE,MAAO,CAAE,yBAA0BpD,KAGnCS,EACEoB,cAAA,MAAA,CAAAwB,QAASlC,GACT2B,UAAWC,EAAGC,EAAOtE,QAASF,EAAWE,uBAC5BwE,EAAuBI,gBAEtC7C,EAAAoB,cAAA,MAAAe,OAAAC,OAAA,CAAA,EACM3B,GAAKqB,OAAM,CACfO,UAAWC,EAAGC,EAAOT,OAAQ/D,EAAWG,MAAK4E,EAAAA,EAAAA,KAC1CP,EAAOQ,QAAoB,YAAV9D,GACjBsD,EAAOS,KAAiB,eAAV/D,GACdsD,EAAOU,QAAU5D,IAEpBsD,MAAO,CAAE1D,MAAO4C,GAAc5C,EAAQ,QAErC8B,GACAO,GACAM,MAMT,OAAInC,IAAmBoB,GACd,KAEFqC,IAAaC,EAASC,aAAatB,GAAQuB,SAASC,MAAQ,IACrE,GAMiG,CAC/FrE,MAAOsE"}

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

@@ -0,0 +1,2 @@
+var n={container:"container_86ebb42591",overlay:"overlay_e4ca3441c2","overlay-fade-out":"overlay-fade-out_20df1b6dbc","overlay-fade-in":"overlay-fade-in_2a514be08a",dialog:"dialog_6f083e183e",default:"default_8d35be6065",full:"full_b96ee4f5fb",spacing:"spacing_a38b5d9842"};!function(n){const e="s_id-fe267e23c74c_3_86_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,a.firstChild?a.insertBefore(o,a.firstChild):a.appendChild(o),o.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".container_86ebb42591,\n.overlay_e4ca3441c2 {\n  position: fixed;\n  inset: 0;\n}\n\n.container_86ebb42591 {\n  --monday-modal-z-index: 10000;\n  z-index: var(--monday-modal-z-index);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.container_86ebb42591[aria-hidden=true] {\n  display: none;\n}\n\n.container_86ebb42591[aria-hidden=true] .overlay_e4ca3441c2 {\n  background-color: transparent;\n  animation: overlay-fade-out_20df1b6dbc 70ms var(--motion-timing-enter);\n}\n\n.overlay_e4ca3441c2 {\n  background-color: rgba(41, 47, 76, 0.7);\n  animation: overlay-fade-in_2a514be08a 70ms var(--motion-timing-enter);\n}\n\n.dialog_6f083e183e {\n  display: flex;\n  position: relative;\n  flex-direction: column;\n  padding-block: var(--spacing-large);\n  padding-inline: var(--spacing-xl);\n  border-radius: var(--border-radius-big);\n  box-shadow: var(--box-shadow-large);\n  background-color: var(--secondary-background-color);\n  max-height: 90vh;\n  max-width: 90vw;\n}\n\n.dialog_6f083e183e.default_8d35be6065 {\n  width: 520px;\n}\n\n.dialog_6f083e183e.full_b96ee4f5fb {\n  width: 100vw;\n}\n\n.dialog_6f083e183e.spacing_a38b5d9842 {\n  gap: var(--spacing-medium);\n}\n\n@keyframes overlay-fade-in_2a514be08a {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n\n@keyframes overlay-fade-out_20df1b6dbc {\n  from {\n    opacity: 1;\n  }\n  to {\n    opacity: 0;\n  }\n}");export{n as default};
+//# sourceMappingURL=LegacyModal.module.scss.js.map

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

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

package/dist/src/components/LegacyModal/LegacyModalContent/LegacyModalContent.js

@@ -0,0 +1,2 @@
+import t from"react";import s from"classnames";import{getTestId as e}from"../../../tests/testIds.js";import{ComponentDefaultTestId as a}from"../../../tests/constants.js";import o from"./LegacyModalContent.module.scss.js";import r from"../../../../components/typography/dist/Text/Text.js";var m=function(m){var i=m.className,n=m.id,d=m.children;return t.createElement(r,{type:"text1",id:n,"data-testid":m["data-testid"]||e(a.MODAL_CONTENT,n),className:s(o.container,i),ellipsis:!1},d)};Object.assign(m,{displayName:"ModalContent"});export{m as default};
+//# sourceMappingURL=LegacyModalContent.js.map

package/dist/src/components/LegacyModal/LegacyModalContent/LegacyModalContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LegacyModalContent.js","sources":["../../../../../src/components/LegacyModal/LegacyModalContent/LegacyModalContent.tsx"],"sourcesContent":["import React, { type FC, type ReactElement } from \"react\";\nimport cx from \"classnames\";\nimport { Text } from \"@vibe/typography\";\nimport type VibeComponentProps from \"../../../types/VibeComponentProps\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\nimport styles from \"./LegacyModalContent.module.scss\";\n\nexport interface LegacyModalContentProps extends VibeComponentProps {\n  children: ReactElement | ReactElement[] | string;\n}\n\nconst LegacyModalContent: FC<LegacyModalContentProps> = ({ className, id, \"data-testid\": dataTestId, children }) => {\n  return (\n    <Text\n      type=\"text1\"\n      id={id}\n      data-testid={dataTestId || getTestId(ComponentDefaultTestId.MODAL_CONTENT, id)}\n      className={cx(styles.container, className)}\n      ellipsis={false}\n    >\n      {children}\n    </Text>\n  );\n};\n\nObject.assign(LegacyModalContent, {\n  displayName: \"ModalContent\"\n});\n\nexport default LegacyModalContent;\n"],"names":["LegacyModalContent","_ref","className","id","children","React","createElement","Text","type","getTestId","ComponentDefaultTestId","MODAL_CONTENT","cx","styles","container","ellipsis","Object","assign","displayName"],"mappings":"gSAYA,IAAMA,EAAkD,SAAhCC,GAA2F,IAAxDC,EAASD,EAATC,UAAWC,EAAEF,EAAFE,GAA+BC,EAAQH,EAARG,SACnG,OACEC,EAACC,cAAAC,GACCC,KAAK,QACLL,GAAIA,gBAJyFF,EAAzB,gBAKzCQ,EAAUC,EAAuBC,cAAeR,GAC3ED,UAAWU,EAAGC,EAAOC,UAAWZ,GAChCa,UAAU,GAETX,EAGP,EAEAY,OAAOC,OAAOjB,EAAoB,CAChCkB,YAAa"}

package/dist/src/components/LegacyModal/LegacyModalContent/LegacyModalContent.module.scss.js

@@ -0,0 +1,2 @@
+var e={container:"container_a50c3151f6"};!function(e){const n="s_id-40a1f8a37338_3_86_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.container_a50c3151f6 {\n  flex-grow: 1;\n  overflow: auto;\n}\n.container_a50c3151f6::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.container_a50c3151f6::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{e as default};
+//# sourceMappingURL=LegacyModalContent.module.scss.js.map

package/dist/src/components/LegacyModal/LegacyModalContent/LegacyModalContent.module.scss.js.map

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

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

@@ -0,0 +1,2 @@
+import a from"react";import e from"classnames";import r from"./LegacyModalFooter.module.scss.js";var o=function(o){var s=o.children;return a.createElement("div",{className:e(r.container,o.className)},s)};Object.assign(o,{displayName:"ModalFooter"});export{o as default};
+//# sourceMappingURL=LegacyModalFooter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LegacyModalFooter.js","sources":["../../../../../src/components/LegacyModal/LegacyModalFooter/LegacyModalFooter.tsx"],"sourcesContent":["import React, { type FC, type ReactElement } from \"react\";\nimport cx from \"classnames\";\nimport type VibeComponentProps from \"../../../types/VibeComponentProps\";\nimport styles from \"./LegacyModalFooter.module.scss\";\n\nexport interface LegacyModalFooterProps extends VibeComponentProps {\n  children: ReactElement | ReactElement[] | string;\n}\n\nconst LegacyModalFooter: FC<LegacyModalFooterProps> = ({ className, children }) => {\n  return <div className={cx(styles.container, className)}>{children}</div>;\n};\n\nObject.assign(LegacyModalFooter, {\n  displayName: \"ModalFooter\"\n});\n\nexport default LegacyModalFooter;\n"],"names":["LegacyModalFooter","_ref","children","React","createElement","className","cx","styles","container","Object","assign","displayName"],"mappings":"iGASA,IAAMA,EAAgD,SAA/BC,GAA2D,IAAdC,EAAQD,EAARC,SAClE,OAAOC,EAAKC,cAAA,MAAA,CAAAC,UAAWC,EAAGC,EAAOC,UAD+BP,EAATI,YACEH,EAC3D,EAEAO,OAAOC,OAAOV,EAAmB,CAC/BW,YAAa"}

package/dist/src/components/LegacyModal/LegacyModalFooter/LegacyModalFooter.module.scss.js

@@ -0,0 +1,2 @@
+var e={container:"container_494b31e4f5"};!function(e){const t="s_id-9ff7e713f88b_3_86_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".container_494b31e4f5 {\n  margin-block-start: var(--spacing-large);\n}");export{e as default};
+//# sourceMappingURL=LegacyModalFooter.module.scss.js.map

package/dist/src/components/LegacyModal/LegacyModalFooter/LegacyModalFooter.module.scss.js.map

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

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

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

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

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

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

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

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

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

package/dist/src/components/LegacyModal/LegacyModalHeader/LegacyModalHeader.module.scss.js

@@ -0,0 +1,2 @@
+var e={container:"container_884e60db67",icon:"icon_089e7db018",description:"description_83f2e07c9a",closeButton:"closeButton_ae0446f879"};!function(e){const n="s_id-f34f7b91e8f3_3_86_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.container_884e60db67 {\n  margin-block-start: var(--spacing-medium);\n}\n.container_884e60db67 .icon_089e7db018 {\n  margin-top: var(--spacing-xs);\n  flex-shrink: 0;\n  color: var(--primary-text-color);\n}\n.container_884e60db67 .description_83f2e07c9a {\n  margin-block-start: var(--spacing-small);\n  color: var(--secondary-text-color);\n}\n.container_884e60db67 .closeButton_ae0446f879 {\n  position: absolute;\n  right: 20px;\n  top: 20px;\n}");export{e as default};
+//# sourceMappingURL=LegacyModalHeader.module.scss.js.map

package/dist/src/components/LegacyModal/LegacyModalHeader/LegacyModalHeader.module.scss.js.map

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

package/dist/src/components/LegacyModal/ModalHelper.js

@@ -0,0 +1,2 @@
+import o from"./LegacyModalHeader/LegacyModalHeader.js";import t from"./LegacyModalContent/LegacyModalContent.js";import e from"./LegacyModalFooter/LegacyModalFooter.js";import r from"./LegacyModalFooter/LegacyModalFooterButtons/LegacyModalFooterButtons.js";var a;!function(o){o.DEFAULT="default",o.FULL_WIDTH="full-width"}(a||(a={}));var n=function(t){return t.type===o},d=function(o){return o.type===t},i=function(o){return[e,r].some((function(t){return o.type===t}))},l=function(o,t){if(!t.some(n)&&!o)throw Error("Title prop is mandatory for Modal when HeaderModal isn't provided. Validation failed.")};export{a as ModalWidth,d as isModalContent,i as isModalFooter,n as isModalHeader,l as validateTitleProp};
+//# sourceMappingURL=ModalHelper.js.map

package/dist/src/components/LegacyModal/ModalHelper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalHelper.js","sources":["../../../../src/components/LegacyModal/ModalHelper.ts"],"sourcesContent":["import { type ReactElement } from \"react\";\nimport ModalHeader from \"./LegacyModalHeader/LegacyModalHeader\";\nimport ModalContent from \"./LegacyModalContent/LegacyModalContent\";\nimport ModalFooter from \"./LegacyModalFooter/LegacyModalFooter\";\nimport ModalFooterButtons from \"./LegacyModalFooter/LegacyModalFooterButtons/LegacyModalFooterButtons\";\n\n/**\n * @deprecated\n */\nexport enum ModalWidth {\n  DEFAULT = \"default\",\n  FULL_WIDTH = \"full-width\"\n}\n\n// the type A11yDialog is not exported from a11y-dialog, so mocking it with any for now\nexport type A11yDialogType = any;\n\nexport const isModalHeader = (child: ReactElement) => child.type === ModalHeader;\nexport const isModalContent = (child: ReactElement) => child.type === ModalContent;\nexport const isModalFooter = (child: ReactElement) =>\n  [ModalFooter, ModalFooterButtons].some(component => child.type === component);\nexport const validateTitleProp = (title: string, childrenArray: ReactElement[]) => {\n  const hasHeaderComponent = childrenArray.some(isModalHeader);\n  if (hasHeaderComponent) return;\n\n  if (!title) {\n    throw new Error(`Title prop is mandatory for Modal when HeaderModal isn't provided. Validation failed.`);\n  }\n};\n"],"names":["ModalWidth","isModalHeader","child","type","ModalHeader","isModalContent","ModalContent","isModalFooter","ModalFooter","ModalFooterButtons","some","component","validateTitleProp","title","childrenArray","Error"],"mappings":"sQASYA,GAAZ,SAAYA,GACVA,EAAA,QAAA,UACAA,EAAA,WAAA,YACD,CAHD,CAAYA,IAAAA,EAGX,CAAA,QAKYC,EAAgB,SAACC,GAAmB,OAAKA,EAAMC,OAASC,CAAW,EACnEC,EAAiB,SAACH,GAAmB,OAAKA,EAAMC,OAASG,CAAY,EACrEC,EAAgB,SAACL,GAAmB,MAC/C,CAACM,EAAaC,GAAoBC,MAAK,SAAAC,GAAS,OAAIT,EAAMC,OAASQ,IAAU,EAClEC,EAAoB,SAACC,EAAeC,GAE/C,IAD2BA,EAAcJ,KAAKT,KAGzCY,EACH,MAAUE,MAAK,wFAEnB"}

package/dist/src/components/LegacyModal/a11yDialog.js

@@ -0,0 +1,2 @@
+import{slicedToArray as r}from"../../../_virtual/_rollupPluginBabelHelpers.js";import a from"react";import e from"a11y-dialog";var l=function(l){var i,t,o,n=l.id,d=l.alertDialog,u=(i=a.useState(null),t=r(i,2),o=t[1],[t[0],a.useCallback((function(r){null!==r&&o(new e(r))}),[])]),c=r(u,2),f=c[0],m=c[1],s=d?"alertdialog":"dialog",g=n+"-title";return a.useEffect((function(){return function(){f&&f.destroy()}}),[f]),[f,{container:{id:n,ref:m,role:s,tabIndex:-1,"aria-modal":!0,"aria-hidden":!0,"aria-labelledby":g},dialog:{role:"document"},title:{id:g}}]};export{l as useA11yDialog};
+//# sourceMappingURL=a11yDialog.js.map

package/dist/src/components/LegacyModal/a11yDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"a11yDialog.js","sources":["../../../../src/components/LegacyModal/a11yDialog.ts"],"sourcesContent":["import React from \"react\";\nimport A11yDialogLib from \"a11y-dialog\";\nimport { type A11yDialogType } from \"./ModalHelper\";\n\nconst useA11yDialogInstance = (): [A11yDialogType, (node: Element) => void] => {\n  const [instance, setInstance] = React.useState(null);\n  const container = React.useCallback((node: Element) => {\n    if (node !== null) setInstance(new A11yDialogLib(node));\n  }, []);\n\n  return [instance, container];\n};\n\nexport const useA11yDialog = ({ id, alertDialog }: { id: string; alertDialog: boolean }) => {\n  const [instance, ref] = useA11yDialogInstance();\n  const role = alertDialog ? \"alertdialog\" : \"dialog\";\n  const titleId = id + \"-title\";\n\n  // Destroy the `a11y-dialog` instance when unmounting the component.\n  React.useEffect(() => {\n    return () => {\n      if (instance) instance.destroy();\n    };\n  }, [instance]);\n\n  return [\n    instance,\n    {\n      container: {\n        id,\n        ref,\n        role,\n        tabIndex: -1,\n        \"aria-modal\": true,\n        \"aria-hidden\": true,\n        \"aria-labelledby\": titleId\n      },\n      dialog: { role: \"document\" },\n      // Using a paragraph with accessibility mapping can be useful to work\n      // around SEO concerns of having multiple <h1> per page.\n      title: { id: titleId }\n    }\n  ];\n};\n"],"names":["useA11yDialog","_ref","_React$useState","_React$useState2","setInstance","id","alertDialog","_useA11yDialogInstanc","React","useState","_slicedToArray","useCallback","node","A11yDialogLib","_useA11yDialogInstanc2","instance","ref","role","titleId","useEffect","destroy","container","tabIndex","dialog","title"],"mappings":"+HAIA,IASaA,EAAgB,SAAHC,GAAiE,IARzFC,EAAoDC,EAAnCC,EAQaC,EAAEJ,EAAFI,GAAIC,EAAWL,EAAXK,YAClCC,GATAL,EAAgCM,EAAMC,SAAS,MAAKN,EAAAO,EAAAR,EAAA,GAAnCE,EAAWD,EAAA,GAKrB,CALQA,EAAA,GACGK,EAAMG,aAAY,SAACC,GACtB,OAATA,GAAeR,EAAY,IAAIS,EAAcD,GAClD,GAAE,MAM4CE,EAAAJ,EAAAH,EAAA,GAAxCQ,EAAQD,EAAA,GAAEE,EAAGF,EAAA,GACdG,EAAOX,EAAc,cAAgB,SACrCY,EAAUb,EAAK,SASrB,OANAG,EAAMW,WAAU,WACd,OAAO,WACDJ,GAAUA,EAASK,UAE3B,GAAG,CAACL,IAEG,CACLA,EACA,CACEM,UAAW,CACThB,GAAAA,EACAW,IAAAA,EACAC,KAAAA,EACAK,UAAW,EACX,cAAc,EACd,eAAe,EACf,kBAAmBJ,GAErBK,OAAQ,CAAEN,KAAM,YAGhBO,MAAO,CAAEnB,GAAIa,IAGnB"}

package/dist/src/components/LegacyModal/useAnimationProps.js

@@ -0,0 +1,2 @@
+import{useCallback as t}from"react";function e(e,a){return t((function(){var t,i,n=arguments.length>0&&void 0!==arguments[0]&&arguments[0];if(e){var r=e.getBoundingClientRect(),o=r.top,c=r.right,l=(null==a?void 0:a.$el.childNodes[1].getBoundingClientRect())||{},s=l.top,u=l.height;t={transform:"translate(".concat(c-l.left-l.width/2,"px, ").concat(o-s-u/2,"px) scale(0.6)"),opacity:0},i={transform:"translate(0, 0) scale(1)",opacity:1}}else t={transform:"scale(0.70)",opacity:.4},i={transform:"scale(1)",opacity:1};return n?[[i,t],{duration:100,easing:"cubic-bezier(0.4, 0, 1, 1)"}]:[[t,i],{duration:100,easing:"cubic-bezier(0, 0, 0.35, 1)"}]}),[a,e])}export{e as default};
+//# sourceMappingURL=useAnimationProps.js.map

package/dist/src/components/LegacyModal/useAnimationProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAnimationProps.js","sources":["../../../../src/components/LegacyModal/useAnimationProps.ts"],"sourcesContent":["import { useCallback } from \"react\";\nimport { type A11yDialogType } from \"./ModalHelper\";\n\nexport default function useAnimationProps(triggerElement: Element, instance: A11yDialogType) {\n  return useCallback(\n    (hideAnimation = false) => {\n      let animationStart, animationEnd;\n      if (triggerElement) {\n        const { top: sourceTop, right: sourceRight } = triggerElement.getBoundingClientRect();\n        const {\n          top: destinationTop,\n          left: destinationLeft,\n          width,\n          height\n        } = instance?.$el.childNodes[1].getBoundingClientRect() || {};\n\n        animationStart = {\n          transform: `translate(${sourceRight - destinationLeft - width / 2}px, ${\n            sourceTop - destinationTop - height / 2\n          }px) scale(0.6)`,\n          opacity: 0\n        };\n        animationEnd = { transform: `translate(0, 0) scale(1)`, opacity: 1 };\n      } else {\n        animationStart = {\n          transform: `scale(0.70)`,\n          opacity: 0.4\n        };\n        animationEnd = { transform: `scale(1)`, opacity: 1 };\n      }\n\n      return hideAnimation\n        ? [\n            [animationEnd, animationStart],\n            {\n              duration: 100,\n              easing: \"cubic-bezier(0.4, 0, 1, 1)\"\n            }\n          ]\n        : [\n            [animationStart, animationEnd],\n            {\n              duration: 100,\n              easing: \"cubic-bezier(0, 0, 0.35, 1)\"\n            }\n          ];\n    },\n    [instance, triggerElement]\n  );\n}\n"],"names":["useAnimationProps","triggerElement","instance","useCallback","animationStart","animationEnd","hideAnimation","arguments","length","undefined","_triggerElement$getBo","getBoundingClientRect","sourceTop","top","sourceRight","right","_ref","$el","childNodes","destinationTop","height","transform","concat","left","width","opacity","duration","easing"],"mappings":"oCAGc,SAAUA,EAAkBC,EAAyBC,GACjE,OAAOC,GACL,WAA0B,IACpBC,EAAgBC,EADrBC,EAAaC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,IAAAA,UAAA,GAEZ,GAAIN,EAAgB,CAClB,IAAAS,EAA+CT,EAAeU,wBAAjDC,EAASF,EAAdG,IAAuBC,EAAWJ,EAAlBK,MACxBC,GAKId,aAAQ,EAARA,EAAUe,IAAIC,WAAW,GAAGP,0BAA2B,CAAE,EAJtDQ,EAAcH,EAAnBH,IAGAO,EAAMJ,EAANI,OAGFhB,EAAiB,CACfiB,UAAS,aAAAC,OAAeR,EANHE,EAArBO,KACKP,EAALQ,MAKgE,UAACF,OAC/DV,EAAYO,EAAiBC,EAAS,EACxB,kBAChBK,QAAS,GAEXpB,EAAe,CAAEgB,UAAqC,2BAAEI,QAAS,EAClE,MACCrB,EAAiB,CACfiB,UAAwB,cACxBI,QAAS,IAEXpB,EAAe,CAAEgB,UAAqB,WAAEI,QAAS,GAGnD,OAAOnB,EACH,CACE,CAACD,EAAcD,GACf,CACEsB,SAAU,IACVC,OAAQ,+BAGZ,CACE,CAACvB,EAAgBC,GACjB,CACEqB,SAAU,IACVC,OAAQ,+BAGlB,GACA,CAACzB,EAAUD,GAEf"}

package/dist/src/components/LegacyModal/useBodyScrollLock.js

@@ -0,0 +1,2 @@
+import{useEffect as n}from"react";import{clearAllBodyScrollLocks as o,disableBodyScroll as r,enableBodyScroll as t}from"body-scroll-lock";function u(u){var e=u.instance;n((function(){return function(){return o()}}),[]),n((function(){return null==e||e.on("show",(function(){return r(e.$el,{reserveScrollBarGap:!0})})),null==e||e.on("hide",(function(){return t(e.$el)})),function(){null==e||e.off("show"),null==e||e.off("hide")}}),[e])}export{u as default};
+//# sourceMappingURL=useBodyScrollLock.js.map

package/dist/src/components/LegacyModal/useBodyScrollLock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBodyScrollLock.js","sources":["../../../../src/components/LegacyModal/useBodyScrollLock.ts"],"sourcesContent":["import { useEffect } from \"react\";\nimport { clearAllBodyScrollLocks, disableBodyScroll, enableBodyScroll } from \"body-scroll-lock\";\nimport { type A11yDialogType } from \"./ModalHelper\";\n\nexport default function useBodyScrollLock({ instance }: { instance: A11yDialogType }) {\n  // clear all scroll locks on unmount (just to be safe)\n  useEffect(() => {\n    return () => clearAllBodyScrollLocks();\n  }, []);\n\n  // lock body on modal show\n  useEffect(() => {\n    instance?.on(\"show\", () => disableBodyScroll(instance.$el, { reserveScrollBarGap: true }));\n    instance?.on(\"hide\", () => enableBodyScroll(instance.$el));\n    return () => {\n      instance?.off(\"show\");\n      instance?.off(\"hide\");\n    };\n  }, [instance]);\n}\n"],"names":["useBodyScrollLock","_ref","instance","useEffect","clearAllBodyScrollLocks","on","disableBodyScroll","$el","reserveScrollBarGap","enableBodyScroll","off"],"mappings":"0IAIc,SAAUA,EAAiBC,GAA2C,IAAxCC,EAAQD,EAARC,SAE1CC,GAAU,WACR,OAAO,WAAA,OAAMC,GAAyB,CACvC,GAAE,IAGHD,GAAU,WAGR,OAFAD,SAAAA,EAAUG,GAAG,QAAQ,WAAA,OAAMC,EAAkBJ,EAASK,IAAK,CAAEC,qBAAqB,OAClFN,SAAAA,EAAUG,GAAG,QAAQ,WAAA,OAAMI,EAAiBP,EAASK,QAC9C,WACLL,SAAAA,EAAUQ,IAAI,QACdR,SAAAA,EAAUQ,IAAI,QAElB,GAAG,CAACR,GACN"}

package/dist/src/components/LegacyModal/useShowHideModal.js

@@ -0,0 +1,2 @@
+import{slicedToArray as l,toConsumableArray as o}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{useState as e,useCallback as n,useEffect as i}from"react";import a from"./useAnimationProps.js";import t from"../../hooks/useKeyEvent/index.js";import{keyCodes as s}from"../../constants/keyCodes.js";import"../../constants/sizes.js";var r=[s.ESCAPE];function u(s){var u=s.instance,d=s.show,c=s.triggerElement,m=s.onClose,p=s.alertDialog,v=e(!1),f=l(v,2),h=f[0],y=f[1],$=a(c,u),g=n((function(l){!p&&(null==u?void 0:u.$el.contains(document.activeElement))&&(l.stopPropagation(),null==m||m())}),[p,null==u?void 0:u.$el,m]);return t({callback:g,capture:!0,keys:r}),i((function(){var l,e,n,i;if(d)y(!0),null==u||u.show(),(null==u?void 0:u.$el.childNodes[1].animate)&&(null===(e=null==u?void 0:(l=u.$el.childNodes[1]).animate)||void 0===e||(i=e).call.apply(i,[l].concat(o($()))));else if(null==u?void 0:u.$el.childNodes[1].animate){var a,t=null===(n=null==u?void 0:u.$el.childNodes[1])||void 0===n?void 0:(a=n).animate.apply(a,o($(!0)));null==t||t.finished.then((function(){y(!1),null==u||u.hide()}))}else y(!1),null==u||u.hide()}),[d,u,$]),{shouldShow:h}}export{u as default};
+//# sourceMappingURL=useShowHideModal.js.map

package/dist/src/components/LegacyModal/useShowHideModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useShowHideModal.js","sources":["../../../../src/components/LegacyModal/useShowHideModal.ts"],"sourcesContent":["import type React from \"react\";\nimport { useState, useCallback, useEffect } from \"react\";\nimport useAnimationProps from \"./useAnimationProps\";\nimport useKeyEvent from \"../../hooks/useKeyEvent/index\";\nimport { type A11yDialogType } from \"./ModalHelper\";\nimport { keyCodes } from \"../../constants\";\n\nconst KEYS = [keyCodes.ESCAPE];\n\nexport default function useShowHideModal({\n  instance,\n  show,\n  triggerElement,\n  onClose,\n  alertDialog\n}: {\n  instance: A11yDialogType;\n  show: boolean;\n  triggerElement: Element;\n  onClose: () => void;\n  alertDialog: boolean;\n}) {\n  const [isAnimating, setIsAnimating] = useState(false);\n  const getAnimationProps = useAnimationProps(triggerElement, instance);\n\n  const closeOnEsc = useCallback(\n    (event: React.KeyboardEvent) => {\n      if (!alertDialog && instance?.$el.contains(document.activeElement)) {\n        event.stopPropagation();\n        onClose?.();\n      }\n    },\n    [alertDialog, instance?.$el, onClose]\n  );\n\n  useKeyEvent({\n    callback: closeOnEsc,\n    capture: true,\n    keys: KEYS\n  });\n\n  useEffect(() => {\n    if (show) {\n      setIsAnimating(true);\n      instance?.show();\n      const animate = instance?.$el.childNodes[1].animate;\n      if (animate) {\n        instance?.$el.childNodes[1].animate?.(...getAnimationProps());\n      }\n    } else {\n      const animate = instance?.$el.childNodes[1].animate;\n      if (animate) {\n        const animation = instance?.$el.childNodes[1]?.animate(...getAnimationProps(true));\n        animation?.finished.then(() => {\n          setIsAnimating(false);\n          instance?.hide();\n        });\n      } else {\n        setIsAnimating(false);\n        instance?.hide();\n      }\n    }\n  }, [show, instance, getAnimationProps]);\n\n  return { shouldShow: isAnimating };\n}\n"],"names":["KEYS","keyCodes","ESCAPE","useShowHideModal","_ref","instance","show","triggerElement","onClose","alertDialog","_useState","useState","_useState2","_slicedToArray","isAnimating","setIsAnimating","getAnimationProps","useAnimationProps","closeOnEsc","useCallback","event","$el","contains","document","activeElement","stopPropagation","useKeyEvent","callback","capture","keys","useEffect","_b2","childNodes","animate","_b","call","apply","_a","concat","_toConsumableArray","_c2","animation","_c","finished","then","hide","shouldShow"],"mappings":"qVAOA,IAAMA,EAAO,CAACC,EAASC,QAEC,SAAAC,EAAgBC,GAYvC,IAXCC,EAAQD,EAARC,SACAC,EAAIF,EAAJE,KACAC,EAAcH,EAAdG,eACAC,EAAOJ,EAAPI,QACAC,EAAWL,EAAXK,YAQAC,EAAsCC,GAAS,GAAMC,EAAAC,EAAAH,EAAA,GAA9CI,EAAWF,EAAA,GAAEG,EAAcH,EAAA,GAC5BI,EAAoBC,EAAkBV,EAAgBF,GAEtDa,EAAaC,GACjB,SAACC,IACMX,IAAeJ,eAAAA,EAAUgB,IAAIC,SAASC,SAASC,kBAClDJ,EAAMK,kBACNjB,SAAAA,IAEH,GACD,CAACC,EAAaJ,aAAA,EAAAA,EAAUgB,IAAKb,IAgC/B,OA7BAkB,EAAY,CACVC,SAAUT,EACVU,SAAS,EACTC,KAAM7B,IAGR8B,GAAU,qBAKOC,EAJf,GAAIzB,EACFS,GAAe,GACfV,SAAAA,EAAUC,QACMD,aAAA,EAAAA,EAAUgB,IAAIW,WAAW,GAAGC,WAEP,QAAnCC,EAAA7B,kBAAAA,EAAUgB,IAAIW,WAAW,IAAGC,eAAO,IAAAC,IAAAH,EAAAG,GAAAC,KAAAC,MAAAL,EAAAM,CAAAA,GAAAC,OAAAC,EAAMvB,aAI3C,GADgBX,aAAA,EAAAA,EAAUgB,IAAIW,WAAW,GAAGC,QAC/B,CAAA,IAAAO,EACLC,EAAyC,QAA7BC,EAAArC,aAAA,EAAAA,EAAUgB,IAAIW,WAAW,UAAI,IAAAU,OAAA,GAAAF,EAAAE,GAAAT,QAAOG,MAAAI,EAAAD,EAAIvB,GAAkB,KAC5EyB,SAAAA,EAAWE,SAASC,MAAK,WACvB7B,GAAe,GACfV,SAAAA,EAAUwC,MACZ,GACD,MACC9B,GAAe,GACfV,SAAAA,EAAUwC,MAGf,GAAE,CAACvC,EAAMD,EAAUW,IAEb,CAAE8B,WAAYhC,EACvB"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"Link.js","sources":["../../../../src/components/Link/Link.tsx"],"sourcesContent":["import { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport React, { forwardRef, useCallback } from \"react\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport { Icon, type SubIcon } from \"@vibe/icon\";\nimport { type LinkColor, type LinkIconPosition, type LinkTarget } from \"./Link.types\";\nimport { type VibeComponentProps } from \"../../types\";\nimport styles from \"./Link.module.scss\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { camelCase } from \"es-toolkit\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nexport interface LinkProps extends VibeComponentProps {\n  /**\n   * Class name applied to the link text.\n   */\n  textClassName?: string;\n  /**\n   * The URL the link points to.\n   */\n  href?: string;\n  /**\n   * The text content of the link.\n   */\n  text?: string;\n  /**\n   * Specifies the relationship between the current document and the linked resource.\n   */\n  rel?: string;\n  /**\n   * Callback fired when the link is clicked.\n   */\n  onClick?: (event: React.MouseEvent) => void;\n  /**\n   * Specifies where to open the linked document.\n   */\n  target?: LinkTarget;\n  /**\n   * The ARIA label description for accessibility.\n   */\n  ariaLabelDescription?: string;\n  /**\n   * The ID of the element that describes this link.\n   */\n  ariaDescribedby?: string;\n  /**\n   * The ID of the element labeling this link.\n   */\n  ariaLabeledBy?: string;\n  /**\n   * Icon displayed next to the link text.\n   */\n  icon?: SubIcon;\n  /**\n   * The position of the icon relative to the text.\n   */\n  iconPosition?: LinkIconPosition;\n  /**\n   * If true, disables navigation when the link is clicked.\n   */\n  disableNavigation?: boolean;\n  /**\n   * If true, the link inherits the surrounding text's font size.\n   */\n  inheritFontSize?: boolean;\n  /**\n   * If true, the link is styled to fit within inline text content.\n   */\n  inlineText?: boolean;\n  /** The link's color style */\n  color?: LinkColor;\n  /**\n   * Inline style object applied to the link element.\n   */\n  style?: React.CSSProperties;\n}\n\nconst Link = forwardRef(\n  (\n    {\n      className,\n      textClassName,\n      href = \"\",\n      text = \"\",\n      rel = \"noreferrer\",\n      onClick = NOOP,\n      target = \"_blank\",\n      ariaLabelDescription = \"\",\n      color = \"primary\",\n      ariaDescribedby = \"\",\n      icon = \"\",\n      iconPosition = \"start\",\n      id = \"\",\n      ariaLabeledBy = \"\",\n      disableNavigation = false,\n      inheritFontSize = false,\n      inlineText = false,\n      style,\n      \"data-testid\": dataTestId\n    }: LinkProps,\n    ref: React.ForwardedRef<HTMLAnchorElement>\n  ) => {\n    const isStart = iconPosition === \"start\";\n\n    const onClickWrapper = useCallback(\n      (e: React.MouseEvent<HTMLElement>) => {\n        if (disableNavigation) {\n          e.preventDefault();\n        }\n        onClick && onClick(e);\n      },\n      [disableNavigation, onClick]\n    );\n\n    return (\n      <a\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.LINK, id)}\n        data-vibe={ComponentVibeId.LINK}\n        id={id}\n        href={href}\n        rel={rel}\n        ref={ref}\n        onClick={onClickWrapper}\n        target={target}\n        style={style}\n        className={cx(styles.link, className, getStyle(styles, camelCase(\"color-\" + color)), {\n          [styles.inheritFontSize]: inheritFontSize,\n          [styles.inlineText]: inlineText\n        })}\n        aria-label={ariaLabelDescription}\n        aria-describedby={ariaDescribedby}\n        aria-labelledby={ariaLabeledBy}\n      >\n        {getIcon(isStart, icon, cx(styles.iconStart))}\n        <span className={cx(styles.text, textClassName)}>{text}</span>\n        {getIcon(!isStart, icon, cx(styles.iconEnd))}\n      </a>\n    );\n  }\n);\n\nfunction getIcon(shouldShow: boolean, icon: string | React.FunctionComponent | null, className: string) {\n  if (!shouldShow) return;\n  return <Icon className={className} icon={icon} type=\"font\" />;\n}\n\nexport default Link;\n"],"names":["Link","forwardRef","_ref","ref","className","textClassName","_ref$href","href","_ref$text","text","_ref$rel","rel","_ref$onClick","onClick","NOOP","_ref$target","target","_ref$ariaLabelDescrip","ariaLabelDescription","_ref$color","color","_ref$ariaDescribedby","ariaDescribedby","_ref$icon","icon","_ref$iconPosition","iconPosition","_ref$id","id","_ref$ariaLabeledBy","ariaLabeledBy","_ref$disableNavigatio","disableNavigation","_ref$inheritFontSize","inheritFontSize","_ref$inlineText","inlineText","style","dataTestId","isStart","onClickWrapper","useCallback","e","preventDefault","React","createElement","getTestId","ComponentDefaultTestId","LINK","ComponentVibeId","cx","styles","link","getStyle","camelCase","_defineProperty","getIcon","iconStart","iconEnd","shouldShow","Icon","type"],"mappings":"4iBA6EMA,IAAAA,EAAOC,GACX,SAAAC,EAsBEC,GACE,IArBAC,EAASF,EAATE,UACAC,EAAaH,EAAbG,cAAaC,EAAAJ,EACbK,KAAAA,OAAO,IAAHD,EAAG,GAAEA,EAAAE,EAAAN,EACTO,KAAAA,OAAO,IAAHD,EAAG,GAAEA,EAAAE,EAAAR,EACTS,IAAAA,OAAM,IAAHD,EAAG,aAAYA,EAAAE,EAAAV,EAClBW,QAAAA,OAAUC,IAAHF,EAAGE,EAAIF,EAAAG,EAAAb,EACdc,OAAAA,OAAS,IAAHD,EAAG,SAAQA,EAAAE,EAAAf,EACjBgB,qBAAAA,OAAuB,IAAHD,EAAG,GAAEA,EAAAE,EAAAjB,EACzBkB,MAAAA,OAAQ,IAAHD,EAAG,UAASA,EAAAE,EAAAnB,EACjBoB,gBAAAA,OAAkB,IAAHD,EAAG,GAAEA,EAAAE,EAAArB,EACpBsB,KAAAA,OAAO,IAAHD,EAAG,GAAEA,EAAAE,EAAAvB,EACTwB,aAAsBC,EAAAzB,EACtB0B,GAAAA,OAAK,IAAHD,EAAG,GAAEA,EAAAE,EAAA3B,EACP4B,cAAAA,OAAgB,IAAHD,EAAG,GAAEA,EAAAE,EAAA7B,EAClB8B,kBAAAA,OAAoB,IAAHD,GAAQA,EAAAE,EAAA/B,EACzBgC,gBAAAA,OAAkB,IAAHD,GAAQA,EAAAE,EAAAjC,EACvBkC,WAAAA,OAAa,IAAHD,GAAQA,EAClBE,EAAKnC,EAALmC,MACeC,EAAUpC,EAAzB,eAIIqC,EAA2B,gBAXhB,IAAHd,EAAG,QAAOA,GAalBe,EAAiBC,GACrB,SAACC,GACKV,GACFU,EAAEC,iBAEJ9B,GAAWA,EAAQ6B,EACrB,GACA,CAACV,EAAmBnB,IAGtB,OACE+B,EAAAC,cAAA,IAAA,CAAA,cACeP,GAAcQ,EAAUC,EAAuBC,KAAMpB,eACvDqB,EAAgBD,KAC3BpB,GAAIA,EACJrB,KAAMA,EACNI,IAAKA,EACLR,IAAKA,EACLU,QAAS2B,EACTxB,OAAQA,EACRqB,MAAOA,EACPjC,UAAW8C,EAAGC,EAAOC,KAAMhD,EAAWiD,EAASF,EAAQG,EAAU,SAAWlC,IAAOmC,EAAAA,EAAA,CAAA,EAChFJ,EAAOjB,gBAAkBA,GACzBiB,EAAOf,WAAaA,IAEX,aAAAlB,EACM,mBAAAI,oBACDQ,GAEhB0B,EAAQjB,EAASf,EAAM0B,EAAGC,EAAOM,YAClCb,EAAAC,cAAA,OAAA,CAAMzC,UAAW8C,EAAGC,EAAO1C,KAAMJ,IAAiBI,GACjD+C,GAASjB,EAASf,EAAM0B,EAAGC,EAAOO,UAGzC,IAGF,SAASF,EAAQG,EAAqBnC,EAA+CpB,GACnF,GAAKuD,EACL,OAAOf,EAACC,cAAAe,EAAK,CAAAxD,UAAWA,EAAWoB,KAAMA,EAAMqC,KAAK,QACtD"}
+{"version":3,"file":"Link.js","sources":["../../../../src/components/Link/Link.tsx"],"sourcesContent":["import { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport React, { forwardRef, useCallback } from \"react\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport { Icon, type SubIcon } from \"@vibe/icon\";\nimport { IconPosition as IconPositionEnum, LinkTarget as LinkTargetEnum } from \"./LinkConsts\";\nimport { type LinkColor, type LinkIconPosition, type LinkTarget } from \"./Link.types\";\nimport { type VibeComponentProps, withStaticProps } from \"../../types\";\nimport styles from \"./Link.module.scss\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { camelCase } from \"es-toolkit\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nexport interface LinkProps extends VibeComponentProps {\n  /**\n   * Class name applied to the link text.\n   */\n  textClassName?: string;\n  /**\n   * The URL the link points to.\n   */\n  href?: string;\n  /**\n   * The text content of the link.\n   */\n  text?: string;\n  /**\n   * Specifies the relationship between the current document and the linked resource.\n   */\n  rel?: string;\n  /**\n   * Callback fired when the link is clicked.\n   */\n  onClick?: (event: React.MouseEvent) => void;\n  /**\n   * Specifies where to open the linked document.\n   */\n  target?: LinkTarget;\n  /**\n   * The ARIA label description for accessibility.\n   */\n  ariaLabelDescription?: string;\n  /**\n   * The ID of the element that describes this link.\n   */\n  ariaDescribedby?: string;\n  /**\n   * The ID of the element labeling this link.\n   */\n  ariaLabeledBy?: string;\n  /**\n   * Icon displayed next to the link text.\n   */\n  icon?: SubIcon;\n  /**\n   * The position of the icon relative to the text.\n   */\n  iconPosition?: LinkIconPosition;\n  /**\n   * If true, disables navigation when the link is clicked.\n   */\n  disableNavigation?: boolean;\n  /**\n   * If true, the link inherits the surrounding text's font size.\n   */\n  inheritFontSize?: boolean;\n  /**\n   * If true, the link is styled to fit within inline text content.\n   */\n  inlineText?: boolean;\n  /** The link's color style */\n  color?: LinkColor;\n  /**\n   * Inline style object applied to the link element.\n   */\n  style?: React.CSSProperties;\n}\n\nconst Link = forwardRef(\n  (\n    {\n      className,\n      textClassName,\n      href = \"\",\n      text = \"\",\n      rel = \"noreferrer\",\n      onClick = NOOP,\n      target = \"_blank\",\n      ariaLabelDescription = \"\",\n      color = \"primary\",\n      ariaDescribedby = \"\",\n      icon = \"\",\n      iconPosition = \"start\",\n      id = \"\",\n      ariaLabeledBy = \"\",\n      disableNavigation = false,\n      inheritFontSize = false,\n      inlineText = false,\n      style,\n      \"data-testid\": dataTestId\n    }: LinkProps,\n    ref: React.ForwardedRef<HTMLAnchorElement>\n  ) => {\n    const isStart = iconPosition === \"start\";\n\n    const onClickWrapper = useCallback(\n      (e: React.MouseEvent<HTMLElement>) => {\n        if (disableNavigation) {\n          e.preventDefault();\n        }\n        onClick && onClick(e);\n      },\n      [disableNavigation, onClick]\n    );\n\n    return (\n      <a\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.LINK, id)}\n        data-vibe={ComponentVibeId.LINK}\n        id={id}\n        href={href}\n        rel={rel}\n        ref={ref}\n        onClick={onClickWrapper}\n        target={target}\n        style={style}\n        className={cx(styles.link, className, getStyle(styles, camelCase(\"color-\" + color)), {\n          [styles.inheritFontSize]: inheritFontSize,\n          [styles.inlineText]: inlineText\n        })}\n        aria-label={ariaLabelDescription}\n        aria-describedby={ariaDescribedby}\n        aria-labelledby={ariaLabeledBy}\n      >\n        {getIcon(isStart, icon, cx(styles.iconStart))}\n        <span className={cx(styles.text, textClassName)}>{text}</span>\n        {getIcon(!isStart, icon, cx(styles.iconEnd))}\n      </a>\n    );\n  }\n);\n\nfunction getIcon(shouldShow: boolean, icon: string | React.FunctionComponent | null, className: string) {\n  if (!shouldShow) return;\n  return <Icon className={className} icon={icon} iconType=\"font\" />;\n}\n\ninterface LinkStaticProps {\n  targets: typeof LinkTargetEnum;\n  iconPositions: typeof IconPositionEnum;\n  position: typeof IconPositionEnum;\n}\n\nexport default withStaticProps<LinkProps, LinkStaticProps>(Link, {\n  position: IconPositionEnum,\n  iconPositions: IconPositionEnum,\n  targets: LinkTargetEnum\n});\n"],"names":["getIcon","shouldShow","icon","className","React","createElement","Icon","iconType","withStaticProps","forwardRef","_ref","ref","textClassName","_ref$href","href","_ref$text","text","_ref$rel","rel","_ref$onClick","onClick","NOOP","_ref$target","target","_ref$ariaLabelDescrip","ariaLabelDescription","_ref$color","color","_ref$ariaDescribedby","ariaDescribedby","_ref$icon","_ref$iconPosition","iconPosition","_ref$id","id","_ref$ariaLabeledBy","ariaLabeledBy","_ref$disableNavigatio","disableNavigation","_ref$inheritFontSize","inheritFontSize","_ref$inlineText","inlineText","style","dataTestId","isStart","onClickWrapper","useCallback","e","preventDefault","getTestId","ComponentDefaultTestId","LINK","ComponentVibeId","cx","styles","link","getStyle","camelCase","_defineProperty","iconStart","iconEnd","position","IconPositionEnum","iconPositions","targets","LinkTargetEnum"],"mappings":"mtBA8IA,SAASA,EAAQC,EAAqBC,EAA+CC,GACnF,GAAKF,EACL,OAAOG,EAACC,cAAAC,EAAK,CAAAH,UAAWA,EAAWD,KAAMA,EAAMK,SAAS,QAC1D,CAQA,IAAeC,EAAAA,EA3EFC,GACX,SAAAC,EAsBEC,GACE,IArBAR,EAASO,EAATP,UACAS,EAAaF,EAAbE,cAAaC,EAAAH,EACbI,KAAAA,OAAO,IAAHD,EAAG,GAAEA,EAAAE,EAAAL,EACTM,KAAAA,OAAO,IAAHD,EAAG,GAAEA,EAAAE,EAAAP,EACTQ,IAAAA,OAAM,IAAHD,EAAG,aAAYA,EAAAE,EAAAT,EAClBU,QAAAA,OAAUC,IAAHF,EAAGE,EAAIF,EAAAG,EAAAZ,EACda,OAAAA,OAAS,IAAHD,EAAG,SAAQA,EAAAE,EAAAd,EACjBe,qBAAAA,OAAuB,IAAHD,EAAG,GAAEA,EAAAE,EAAAhB,EACzBiB,MAAAA,OAAQ,IAAHD,EAAG,UAASA,EAAAE,EAAAlB,EACjBmB,gBAAAA,OAAkB,IAAHD,EAAG,GAAEA,EAAAE,EAAApB,EACpBR,KAAAA,OAAO,IAAH4B,EAAG,GAAEA,EAAAC,EAAArB,EACTsB,aAAsBC,EAAAvB,EACtBwB,GAAAA,OAAK,IAAHD,EAAG,GAAEA,EAAAE,EAAAzB,EACP0B,cAAAA,OAAgB,IAAHD,EAAG,GAAEA,EAAAE,EAAA3B,EAClB4B,kBAAAA,OAAoB,IAAHD,GAAQA,EAAAE,EAAA7B,EACzB8B,gBAAAA,OAAkB,IAAHD,GAAQA,EAAAE,EAAA/B,EACvBgC,WAAAA,OAAa,IAAHD,GAAQA,EAClBE,EAAKjC,EAALiC,MACeC,EAAUlC,EAAzB,eAIImC,EAA2B,gBAXhB,IAAHd,EAAG,QAAOA,GAalBe,EAAiBC,GACrB,SAACC,GACKV,GACFU,EAAEC,iBAEJ7B,GAAWA,EAAQ4B,EACrB,GACA,CAACV,EAAmBlB,IAGtB,OACEhB,EAAAC,cAAA,IAAA,CAAA,cACeuC,GAAcM,EAAUC,EAAuBC,KAAMlB,eACvDmB,EAAgBD,KAC3BlB,GAAIA,EACJpB,KAAMA,EACNI,IAAKA,EACLP,IAAKA,EACLS,QAAS0B,EACTvB,OAAQA,EACRoB,MAAOA,EACPxC,UAAWmD,EAAGC,EAAOC,KAAMrD,EAAWsD,EAASF,EAAQG,EAAU,SAAW/B,IAAOgC,EAAAA,EAAA,CAAA,EAChFJ,EAAOf,gBAAkBA,GACzBe,EAAOb,WAAaA,IAEX,aAAAjB,EACM,mBAAAI,oBACDO,GAEhBpC,EAAQ6C,EAAS3C,EAAMoD,EAAGC,EAAOK,YAClCxD,EAAAC,cAAA,OAAA,CAAMF,UAAWmD,EAAGC,EAAOvC,KAAMJ,IAAiBI,GACjDhB,GAAS6C,EAAS3C,EAAMoD,EAAGC,EAAOM,UAGzC,IAc+D,CAC/DC,SAAUC,EACVC,cAAeD,EACfE,QAASC"}

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

@@ -1,2 +1,2 @@
-var n={link:"link_4c14361858","focus-visible":"focus-visible_17d22ae837",colorOnPrimary:"colorOnPrimary_5374443587",colorOnInverted:"colorOnInverted_ad2fbef1b6",text:"text_003ae9d794",inlineText:"inlineText_ef8ce3cbdf",inheritFontSize:"inheritFontSize_7758c275ed",iconStart:"iconStart_c3425c03a5",iconEnd:"iconEnd_4dddccd3c9"};!function(n){const e="s_id-6fcc93dacbaa_3_85_1";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,i.firstChild?i.insertBefore(t,i.firstChild):i.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable */\n/* stylelint-enable */\n.link_4c14361858 {\n  display: flex;\n  align-items: center;\n  color: var(--link-color);\n  font: var(--font-text2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  text-decoration: none;\n  writing-mode: horizontal-tb;\n}\n.link_4c14361858:focus-visible, .link_4c14361858.focus-visible_17d22ae837 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.link_4c14361858:focus:not(.focus-visible_17d22ae837) {\n  outline: none;\n}\n.link_4c14361858.colorOnPrimary_5374443587 {\n  color: var(--text-color-on-primary);\n}\n.link_4c14361858.colorOnInverted_ad2fbef1b6 {\n  color: var(--text-color-on-inverted);\n}\n.link_4c14361858:hover .text_003ae9d794 {\n  text-decoration: underline;\n  color: inherit;\n}\n.link_4c14361858.inlineText_ef8ce3cbdf {\n  display: inline-flex;\n  align-items: unset;\n}\n.link_4c14361858.inheritFontSize_7758c275ed {\n  font-size: inherit;\n  line-height: inherit;\n}\n.iconStart_c3425c03a5 {\n  line-height: 24px;\n  margin-right: var(--spacing-small);\n}\n.iconEnd_4dddccd3c9 {\n  line-height: 24px;\n  margin-left: var(--spacing-small);\n}\n@supports (margin-inline-start: initial) {\n  .iconStart_c3425c03a5 {\n    line-height: 24px;\n    margin-right: 0;\n    margin-inline-end: var(--spacing-xs);\n  }\n  .iconEnd_4dddccd3c9 {\n    line-height: 24px;\n    margin-left: 0;\n    margin-inline-start: var(--spacing-xs);\n  }\n}");export{n as default};
+var n={link:"link_57ae764058","focus-visible":"focus-visible_5db8d7a1e4",colorOnPrimary:"colorOnPrimary_c49a5008de",colorOnInverted:"colorOnInverted_472957d1c2",text:"text_eb8ec01163",inlineText:"inlineText_41c2ca2291",inheritFontSize:"inheritFontSize_8629e005f2",iconStart:"iconStart_dc37b5b2cd",iconEnd:"iconEnd_1bb2e2635e"};!function(n){const e="s_id-6fcc93dacbaa_3_86_0";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,i.firstChild?i.insertBefore(t,i.firstChild):i.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable */\n/* stylelint-enable */\n.link_57ae764058 {\n  display: flex;\n  align-items: center;\n  color: var(--link-color);\n  font: var(--font-text2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  text-decoration: none;\n  writing-mode: horizontal-tb;\n}\n.link_57ae764058:focus-visible, .link_57ae764058.focus-visible_5db8d7a1e4 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.link_57ae764058:focus:not(.focus-visible_5db8d7a1e4) {\n  outline: none;\n}\n.link_57ae764058.colorOnPrimary_c49a5008de {\n  color: var(--text-color-on-primary);\n}\n.link_57ae764058.colorOnInverted_472957d1c2 {\n  color: var(--text-color-on-inverted);\n}\n.link_57ae764058:hover .text_eb8ec01163 {\n  text-decoration: underline;\n  color: inherit;\n}\n.link_57ae764058.inlineText_41c2ca2291 {\n  display: inline-flex;\n  align-items: unset;\n}\n.link_57ae764058.inheritFontSize_8629e005f2 {\n  font-size: inherit;\n  line-height: inherit;\n}\n.iconStart_dc37b5b2cd {\n  line-height: 24px;\n  margin-right: var(--spacing-small);\n}\n.iconEnd_1bb2e2635e {\n  line-height: 24px;\n  margin-left: var(--spacing-small);\n}\n@supports (margin-inline-start: initial) {\n  .iconStart_dc37b5b2cd {\n    line-height: 24px;\n    margin-right: 0;\n    margin-inline-end: var(--spacing-xs);\n  }\n  .iconEnd_1bb2e2635e {\n    line-height: 24px;\n    margin-left: 0;\n    margin-inline-start: var(--spacing-xs);\n  }\n}");export{n as default};
 //# sourceMappingURL=Link.module.scss.js.map

package/dist/src/components/Link/LinkConsts.js

@@ -0,0 +1,2 @@
+var n,t;!function(n){n.NEW_WINDOW="_blank",n.SELF="_self",n.PARENT="_parent",n.TOP="_top"}(n||(n={})),function(n){n.START="start",n.END="end"}(t||(t={}));export{t as IconPosition,n as LinkTarget};
+//# sourceMappingURL=LinkConsts.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LinkConsts.js","sources":["../../../../src/components/Link/LinkConsts.ts"],"sourcesContent":["/**\n * @deprecated\n */\nexport enum LinkTarget {\n  NEW_WINDOW = \"_blank\",\n  SELF = \"_self\",\n  PARENT = \"_parent\",\n  TOP = \"_top\"\n}\n\n/**\n * @deprecated\n */\nexport enum IconPosition {\n  START = \"start\",\n  END = \"end\"\n}\n"],"names":["LinkTarget","IconPosition"],"mappings":"IAGYA,EAUAC,GAVZ,SAAYD,GACVA,EAAA,WAAA,SACAA,EAAA,KAAA,QACAA,EAAA,OAAA,UACAA,EAAA,IAAA,MACD,CALD,CAAYA,IAAAA,EAKX,CAAA,IAKD,SAAYC,GACVA,EAAA,MAAA,QACAA,EAAA,IAAA,KACD,CAHD,CAAYA,IAAAA,EAGX,CAAA"}

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

@@ -1,2 +1,2 @@
-import{slicedToArray as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import t from"classnames";import r,{forwardRef as i,useRef as n,useState as o,useCallback as s,useEffect as a,useMemo as l}from"react";import u from"../../hooks/useMergeRef.js";import c from"../../hooks/useKeyEvent/index.js";import{VirtualizedListItems as d}from"./VirtualizedListItems/VirtualizedListItems.js";import{keyCodes as m,UP_DOWN_ARROWS as f}from"../../constants/keyCodes.js";import{getTestId as p,ComponentDefaultTestId as v}from"../../tests/testIds.js";import{ListContext as b}from"./utils/ListContext.js";import{useListId as y,getListItemIndexById as I,getNextListItemIndex as j,getPrevListItemIndex as L,getListItemIdByIndex as x,isListItem as k,getListItemComponentType as A}from"./utils/ListUtils.js";import E from"./List.module.scss.js";import{ComponentVibeId as h}from"../../tests/constants.js";var g=i((function(i,g){var R=i.className,O=i.id,T=i.component,V=void 0===T?"ul":T,_=i.children,C=i.ariaLabel,D=i.ariaDescribedBy,N=i["aria-controls"],P=i.renderOnlyVisibleItems,W=void 0!==P&&P,z=i.style,B=i.role,H=void 0===B?"listbox":B,M=i["data-testid"],S=n(null),U=u(g,S),F=n([]),K=y(O),q=o(0),w=e(q,2),G=w[0],J=w[1],Q=V,X=s((function(e){var t;J(I(F,e)),null===(t=null==S?void 0:S.current)||void 0===t||t.setAttribute("aria-activedescendant",e)}),[]),Y=s((function(e){if(!W){e.preventDefault();var t=e.key===m.UP_ARROW,r=void 0;e.key===m.DOWN_ARROW&&F.current.length>G+1?r=j(G,F):t&&G>0&&(r=L(G,F)),void 0!==r&&(X(x(F,r)),F.current[r].focus())}}),[G,W,X]);c({keys:f,callback:Y,ref:S}),a((function(){var e=F.current.findIndex((function(e){return e instanceof HTMLElement&&k(e)&&"true"===(null==e?void 0:e.getAttribute("aria-selected"))}));if(-1!==e)X(x(F,e));else{var t=F.current.findIndex((function(e){return k(e)}));-1!==t&&X(x(F,t))}}),[X]);var Z=l((function(){var e=Array.isArray(_)?_:[_];return W?e=r.createElement(d,null,e):(F.current=F.current.slice(0,e.length),e=r.Children.map(e,(function(e,t){if(!r.isValidElement(e))return e;var i=e.props.id||"".concat(K,"-item-").concat(t),n=F.current[t],o=null==n||k(n);return r.cloneElement(e,{ref:function(e){return F.current[t]=e},tabIndex:G===t&&o?0:-1,id:i,component:A(V),role:e.props.role})}))),e}),[_,V,G,K,W]);return r.createElement(b.Provider,{value:{updateFocusedItem:X}},r.createElement(Q,{"data-testid":M||p(v.LIST,O),"data-vibe":h.LIST,ref:U,style:z,className:t(E.list,R),id:K,"aria-label":C,"aria-describedby":D,"aria-controls":N,tabIndex:-1,role:H},Z))}));export{g as default};
+import{slicedToArray as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import e from"classnames";import r,{forwardRef as i,useRef as o,useState as s,useCallback as n,useEffect as a,useMemo as l}from"react";import c from"../../hooks/useMergeRef.js";import u from"../../hooks/useKeyEvent/index.js";import{VirtualizedListItems as m}from"./VirtualizedListItems/VirtualizedListItems.js";import{keyCodes as d,UP_DOWN_ARROWS as f}from"../../constants/keyCodes.js";import{withStaticProps as p}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import{ListWrapperComponentType as v}from"./ListConstants.js";import{getTestId as b,ComponentDefaultTestId as y}from"../../tests/testIds.js";import{ListContext as j}from"./utils/ListContext.js";import{useListId as I,getListItemIndexById as L,getNextListItemIndex as x,getPrevListItemIndex as h,getListItemIdByIndex as k,isListItem as A,getListItemComponentType as E}from"./utils/ListUtils.js";import g from"./List.module.scss.js";import{ComponentVibeId as R}from"../../tests/constants.js";var C=p(i((function(i,p){var C=i.className,O=i.id,P=i.component,T=void 0===P?v.UL:P,V=i.children,_=i.ariaLabel,D=i.ariaDescribedBy,N=i["aria-controls"],S=i.renderOnlyVisibleItems,U=void 0!==S&&S,W=i.style,z=i.role,B=void 0===z?"listbox":z,H=i["data-testid"],M=o(null),w=c(p,M),F=o([]),K=I(O),q=s(0),G=t(q,2),J=G[0],Q=G[1],X=T,Y=n((function(t){var e;Q(L(F,t)),null===(e=null==M?void 0:M.current)||void 0===e||e.setAttribute("aria-activedescendant",t)}),[]),Z=n((function(t){if(!U){t.preventDefault();var e=t.key===d.UP_ARROW,r=void 0;t.key===d.DOWN_ARROW&&F.current.length>J+1?r=x(J,F):e&&J>0&&(r=h(J,F)),void 0!==r&&(Y(k(F,r)),F.current[r].focus())}}),[J,U,Y]);u({keys:f,callback:Z,ref:M}),a((function(){var t=F.current.findIndex((function(t){return t instanceof HTMLElement&&A(t)&&"true"===(null==t?void 0:t.getAttribute("aria-selected"))}));if(-1!==t)Y(k(F,t));else{var e=F.current.findIndex((function(t){return A(t)}));-1!==e&&Y(k(F,e))}}),[Y]);var $=l((function(){var t=Array.isArray(V)?V:[V];return U?t=r.createElement(m,null,t):(F.current=F.current.slice(0,t.length),t=r.Children.map(t,(function(t,e){if(!r.isValidElement(t))return t;var i=t.props.id||"".concat(K,"-item-").concat(e),o=F.current[e],s=null==o||A(o);return r.cloneElement(t,{ref:function(t){return F.current[e]=t},tabIndex:J===e&&s?0:-1,id:i,component:E(T),role:t.props.role})}))),t}),[V,T,J,K,U]);return r.createElement(j.Provider,{value:{updateFocusedItem:Y}},r.createElement(X,{"data-testid":H||b(y.LIST,O),"data-vibe":R.LIST,ref:w,style:W,className:e(g.list,C),id:K,"aria-label":_,"aria-describedby":D,"aria-controls":N,tabIndex:-1,role:B},$))})),{components:v});export{C as default};
 //# sourceMappingURL=List.js.map