@vibe/core 3.87.0 → 4.0.0-alpha.1

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":"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"}
+{"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 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        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          aria-label={ariaLabel}\n          aria-labelledby={ariaLabelledby}\n          aria-controls={dialogId}\n          aria-haspopup=\"dialog\"\n          aria-expanded={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","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","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,EAAmBH,EAAuB,MAEhDI,EAA4BC,GAAS,GAAMC,EAAAC,EAAAH,EAAA,GAApCI,EAAMF,EAAA,GAAEG,EAASH,EAAA,GAElBI,EAAW5B,EAAE,GAAA6B,OAAM7B,kBAAc8B,EAEjCC,EAAmBC,GAAY,WACnCL,GAAU,GACVhB,SAAAA,IACAsB,uBAAsB,iBACM,QAA1BC,EAAAb,EAAiBc,eAAS,IAAAD,GAAAA,EAAAE,OAC5B,GACF,GAAG,CAACzB,IAEE0B,EAAmBL,GACvB,SAACM,SACCX,GAAU,GACVf,SAAAA,IACuC,WAAlC0B,EAA0BC,MACN,QAAvBL,EAAAjB,EAAckB,eAAS,IAAAD,GAAAA,EAAAE,QAE3B,GACA,CAACxB,IAGH,OACE4B,EAACC,cAAAC,GACC1C,GAAI4B,EACJe,QAASjC,EACTF,SAAUA,EACVoC,OAAQ,CAAEC,KAAM,EAAGC,UAAW,GAC9BC,YAAa,CAAC,SACdC,YAAa,CAAC,QAAS,eAAgB,UACvCC,gBAAiBlB,EACjBmB,gBAAiBb,EACjBtB,kBAAmBA,EACnBoC,QACEX,EAAAC,cAACW,EACC,CAAArD,IAAKsB,EACLrB,GAAI4B,EACJ1B,MAAOA,EACPC,KAAMA,EACNC,KAAMA,EACNH,UAAWa,IAGfuC,yBAAuB,GAEvBb,EAAAC,cAACa,EAAU,CACTvD,IAAKoB,EACLnB,GAAIA,EACJC,UAAWA,EACXsD,KAAMC,EACNC,KAAK,KACLC,KAAK,WACLC,OAAQjC,EACRhB,SAAUA,EAAQ,aACNL,EAAS,kBACJC,EAAc,gBAChBsB,EAAQ,gBACT,SAAQ,gBACPF,EAAM,cACRV,GAAc4C,EAAUC,EAAuBC,KAAM9D,GAAG,YAC1D+D,EAAgBD,KAC3BE,YAAanD,IAIrB"}

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

@@ -1,2 +1,2 @@
-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};
+var e={contentWrapper:"contentWrapper_c81a46941e",link:"link_992b70fc22"};!function(e){const t="s_id-646297cad054_4_0_0-alpha_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".contentWrapper_c81a46941e {\n  max-width: 240px;\n}\n.contentWrapper_c81a46941e .link_992b70fc22 {\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_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};
+var e={infoLink:"infoLink_b075b5f1be"};!function(e){const t="s_id-63a4f7de1b47_4_0_0-alpha_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_b075b5f1be {\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_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};
+var e={infoText:"infoText_bc720eda4f",error:"error_7cd33d2fe5",success:"success_be7d39d570",disabled:"disabled_f5fefd55af",readOnly:"readOnly_bc720eda4f"};!function(e){const d="s_id-05a2b3ab5fae_4_0_0-alpha_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+d))return;const n=document.createElement("style");n.id=d,o.firstChild?o.insertBefore(n,o.firstChild):o.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}(".infoText_bc720eda4f {\n  color: var(--secondary-text-color);\n}\n.infoText_bc720eda4f.error_7cd33d2fe5 {\n  color: var(--negative-color);\n}\n.infoText_bc720eda4f.success_be7d39d570 {\n  color: var(--positive-color);\n}\n.infoText_bc720eda4f.disabled_f5fefd55af {\n  color: var(--disabled-text-color);\n}\n.infoText_bc720eda4f.readOnly_bc720eda4f {\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 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};
+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 L}from"../../tests/constants.js";import g from"../../../components/clickable/dist/useClickableProps/useClickableProps.js";import C from"../../../components/typography/dist/Text/Text.js";var E=n((function(n,E){var h=n.className,x=n.labelClassName,A=n.kind,N=void 0===A?"fill":A,P=n.color,T=void 0===P?"primary":P,B=n.text,I=void 0===B?"":B,H=n.isLegIncluded,M=void 0!==H&&H,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(E,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-"+N)),s(j,r("color-"+T)),t(t(t({},j.withLeg,M),j.clickable,Q),j.small,"small"===O),x)}),[N,T,M,x,Q,O]),U=p((function(){if(b.includes(T))return"line"===N?{color:"var(--color-".concat(T,")")}:{backgroundColor:"var(--color-".concat(T,")")}}),[T,N]),V=d((function(e){w&&(e.preventDefault(),w(e))}),[w]),X=g({onClick:V,id:W,"aria-hidden":!1,"aria-haspopup":!1,"aria-expanded":!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),h),"data-testid":_||a(l.LABEL,W),"data-vibe":L.LABEL,ref:q}),i.createElement(C,{style:U,element:"span",type:y[O],className:S,color:"dark"===T?"onInverted":"onPrimary","data-celebration-text":J},i.createElement(C,{element:"span",type:y[O],color:"inherit",className:o(t({},j.smallText,"small"===O))},I),i.createElement("span",{className:o(j.legWrapper)},M?i.createElement(f,null):null)))}),[Q,X,h,_,W,q,S,J,I,M,O,U,T]);return J&&"line"===N?i.createElement(k,{onAnimationEnd:function(){return K(!1)}},Y):Y}));export{E 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 { 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"}
+{"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        \"aria-hidden\": false,\n        \"aria-haspopup\": false,\n        \"aria-expanded\": 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","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,EACA,eAAe,EACf,iBAAiB,EACjB,iBAAiB,GAEnBM,GAGFiC,GAAU,WACRxB,EAA0BZ,EAC5B,GAAG,CAACA,IAEJ,IAAMkB,EAAQH,GAAQ,WACpB,OACEsB,EACMC,cAAA,OAAAC,OAAAC,OAAA,CAAA,EAAC3B,GAAeqB,EACpB,CAAA/C,UAAW6B,EAAEK,EAAIJ,CAAAA,EAAAA,EAAOwB,iBAAmB5B,GAAe1B,GAC7C,cAAAW,GAAc4C,EAAUC,EAAuBC,MAAO/C,eACxDgD,EAAgBD,MAC3B1D,IAAKmB,IAELgC,EAAAC,cAACQ,EAAI,CACHC,MAAOtB,EACPuB,QAAQ,OACRC,KAAMC,EAAmBhD,GACzBf,UAAW2B,EACXtB,MAAiB,SAAVA,EAAmB,aAAe,oCAClBmB,GAEvB0B,EAAAC,cAACQ,EAAI,CACHE,QAAQ,OACRC,KAAMC,EAAmBhD,GACzBV,MAAM,UACNL,UAAW6B,EAAEK,EAAIJ,CAAAA,EAAAA,EAAOkC,UAAqB,UAATjD,KAEnCR,GAEH2C,EAAMC,cAAA,OAAA,CAAAnD,UAAW6B,EAAGC,EAAOmC,aAAcxD,EAAgByC,EAACC,cAAAe,EAAM,MAAG,OAI3E,GAAG,CACDxC,EACAqB,EACA/C,EACAW,EACAD,EACAQ,EACAS,EACAH,EACAjB,EACAE,EACAM,EACAuB,EACAjC,IAIF,OAAImB,GAAmC,SAATrB,EAE1B+C,EAACC,cAAAgB,EAA0B,CAAAC,eAAgB,WAAA,OAAM3C,GAA0B,EAAM,GAC9EM,GAKAA,CACT"}

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

@@ -1,2 +1,2 @@
-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};
+var e={clickableWrapper:"clickableWrapper_2a83eac715","focus-visible":"focus-visible_b9390e7de1",label:"label_5b365eda7d",small:"small_08e6711fd3",withLeg:"withLeg_2a02e2011b",legWrapper:"legWrapper_61fa98c522",kindFill:"kindFill_46bc4a8b85",colorPrimary:"colorPrimary_5fde724000",clickable:"clickable_30fb9235ad",colorDark:"colorDark_60c0a37536",colorNegative:"colorNegative_27198c652e",colorPositive:"colorPositive_10c80ea6ea",kindLine:"kindLine_240c7b9520",smallText:"smallText_7a63325645"};!function(e){const a="s_id-05b0d3f05a05_4_0_0-alpha_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+a))return;const r=document.createElement("style");r.id=a,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable */\n/* stylelint-enable */\n.clickableWrapper_2a83eac715 {\n  cursor: pointer;\n}\n.clickableWrapper_2a83eac715:focus-visible, .clickableWrapper_2a83eac715.focus-visible_b9390e7de1 {\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_2a83eac715:focus:not(.focus-visible_b9390e7de1) {\n  outline: none;\n}\n.clickableWrapper_2a83eac715:active {\n  transform: scale(0.95) translate3d(0, 0, 0);\n  transition: var(--motion-productive-short) transform;\n}\n.label_5b365eda7d {\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(--space-8);\n  position: relative;\n}\n.label_5b365eda7d.small_08e6711fd3 {\n  padding: 0 var(--space-4);\n  border-radius: 2px;\n}\n.withLeg_2a02e2011b {\n  border-start-start-radius: var(--border-radius-small);\n  border-start-end-radius: var(--border-radius-small);\n  border-end-end-radius: var(--border-radius-small);\n  border-end-start-radius: 0;\n}\n.legWrapper_61fa98c522 {\n  position: absolute;\n  height: 8px;\n  top: 100%;\n  inset-inline-start: 0;\n  display: inline-flex;\n}\n.kindFill_46bc4a8b85.colorPrimary_5fde724000 {\n  background-color: var(--primary-color);\n}\n.kindFill_46bc4a8b85.colorPrimary_5fde724000 svg path {\n  fill: var(--primary-color);\n}\n.kindFill_46bc4a8b85.colorPrimary_5fde724000.clickable_30fb9235ad:hover, .kindFill_46bc4a8b85.colorPrimary_5fde724000.clickable_30fb9235ad:active {\n  background-color: var(--primary-hover-color);\n}\n.kindFill_46bc4a8b85.colorDark_60c0a37536 {\n  background-color: var(--inverted-color-background);\n}\n.kindFill_46bc4a8b85.colorDark_60c0a37536 svg path {\n  fill: var(--inverted-color-background);\n}\n.kindFill_46bc4a8b85.colorNegative_27198c652e {\n  background-color: var(--negative-color);\n}\n.kindFill_46bc4a8b85.colorNegative_27198c652e svg path {\n  fill: var(--negative-color);\n}\n.kindFill_46bc4a8b85.colorNegative_27198c652e.clickable_30fb9235ad:hover, .kindFill_46bc4a8b85.colorNegative_27198c652e.clickable_30fb9235ad:active {\n  background-color: var(--negative-color-hover);\n}\n.kindFill_46bc4a8b85.colorPositive_10c80ea6ea {\n  background-color: var(--positive-color);\n}\n.kindFill_46bc4a8b85.colorPositive_10c80ea6ea svg path {\n  fill: var(--positive-color);\n}\n.kindFill_46bc4a8b85.colorPositive_10c80ea6ea.clickable_30fb9235ad:hover, .kindFill_46bc4a8b85.colorPositive_10c80ea6ea.clickable_30fb9235ad:active {\n  background-color: var(--positive-color-hover);\n}\n.kindLine_240c7b9520 {\n  border: 1px solid currentColor;\n  padding: 1px var(--space-8);\n}\n.kindLine_240c7b9520 .legWrapper_61fa98c522 {\n  inset-inline-start: -1px;\n  top: calc(100% + 1px);\n}\n.kindLine_240c7b9520.colorPrimary_5fde724000 {\n  color: var(--primary-color);\n}\n.kindLine_240c7b9520.colorPrimary_5fde724000 svg path {\n  fill: var(--primary-color);\n}\n.kindLine_240c7b9520.colorPrimary_5fde724000.clickable_30fb9235ad:hover, .kindLine_240c7b9520.colorPrimary_5fde724000.clickable_30fb9235ad:active {\n  background-color: var(--primary-background-hover-color);\n}\n.kindLine_240c7b9520.colorDark_60c0a37536 {\n  color: var(--inverted-color-background);\n}\n.kindLine_240c7b9520.colorDark_60c0a37536 svg path {\n  fill: var(--inverted-color-background);\n}\n.kindLine_240c7b9520.colorDark_60c0a37536.clickable_30fb9235ad:hover, .kindLine_240c7b9520.colorDark_60c0a37536.clickable_30fb9235ad:active {\n  background-color: var(--primary-background-hover-color);\n}\n.kindLine_240c7b9520.colorNegative_27198c652e {\n  color: var(--negative-color);\n}\n.kindLine_240c7b9520.colorNegative_27198c652e svg path {\n  fill: var(--negative-color);\n}\n.kindLine_240c7b9520.colorNegative_27198c652e.clickable_30fb9235ad:hover, .kindLine_240c7b9520.colorNegative_27198c652e.clickable_30fb9235ad:active {\n  background-color: var(--negative-color-selected);\n}\n.kindLine_240c7b9520.colorPositive_10c80ea6ea {\n  color: var(--positive-color);\n}\n.kindLine_240c7b9520.colorPositive_10c80ea6ea svg path {\n  fill: var(--positive-color);\n}\n.kindLine_240c7b9520.colorPositive_10c80ea6ea.clickable_30fb9235ad:hover, .kindLine_240c7b9520.colorPositive_10c80ea6ea.clickable_30fb9235ad:active {\n  background-color: var(--positive-color-selected);\n}\n.kindLine_240c7b9520 .smallText_7a63325645 {\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_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};
+var e={celebration:"celebration_34cbe52016",svg:"svg_a1f177a7e0",stroke:"stroke_8aff449e5a","stroke-rotate":"stroke-rotate_93261fb50a",base:"base_4810abea66",fade:"fade_ec115ab3e2",first:"first_469e4542d5",second:"second_beab381181",third:"third_49a2b6de64","gradient-text-fill":"gradient-text-fill_e47fd987f7"};!function(e){const n="s_id-f81803454b25_4_0_0-alpha_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_34cbe52016 {\n  --container-perimeter: 840;\n  position: relative;\n}\n.celebration_34cbe52016 .svg_a1f177a7e0 {\n  position: absolute;\n  top: 0;\n  inset-inline-start: 0;\n  height: 100%;\n  width: 100%;\n}\n.celebration_34cbe52016 .svg_a1f177a7e0 .stroke_8aff449e5a {\n  fill: none;\n  stroke-width: 1;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  animation: stroke-rotate_93261fb50a cubic-bezier(0.33, 0, 0.67, 1) forwards;\n  stroke-dasharray: var(--container-perimeter);\n  stroke-dashoffset: var(--container-perimeter);\n}\n.celebration_34cbe52016 .svg_a1f177a7e0 .stroke_8aff449e5a.base_4810abea66 {\n  stroke: var(--color-egg_yolk);\n  animation: fade_ec115ab3e2 200ms linear forwards;\n  animation-delay: 80ms;\n  stroke-dasharray: 0;\n  stroke-dashoffset: 0;\n  opacity: 0;\n}\n.celebration_34cbe52016 .svg_a1f177a7e0 .stroke_8aff449e5a.first_469e4542d5 {\n  stroke: var(--color-done-green);\n  animation-delay: 80ms;\n  animation-duration: 320ms;\n}\n.celebration_34cbe52016 .svg_a1f177a7e0 .stroke_8aff449e5a.second_beab381181 {\n  stroke: var(--color-stuck-red);\n  animation-delay: 200ms;\n  animation-duration: 320ms;\n}\n.celebration_34cbe52016 .svg_a1f177a7e0 .stroke_8aff449e5a.third_49a2b6de64 {\n  stroke: var(--primary-color);\n  animation-delay: 360ms;\n  animation-duration: 320ms;\n}\n.celebration_34cbe52016.celebration_34cbe52016 [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_e47fd987f7 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_ec115ab3e2 {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n@keyframes stroke-rotate_93261fb50a {\n  to {\n    stroke-dashoffset: 0;\n  }\n}\n@keyframes gradient-text-fill_e47fd987f7 {\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 @@
-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};
+var t={small:"text3",medium:"text2"};export{t 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 { 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"}
+{"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"}

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

@@ -1,2 +1,2 @@
-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};
+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 m}from"es-toolkit";import{ComponentVibeId as c}from"../../tests/constants.js";import f from"../../../components/icon/dist/Icon/Icon.js";var p=a((function(a,f){var p=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,g=a.target,C=void 0===g?"_blank":g,E=a["aria-label"],L=void 0===E?"":E,P=a.color,S=void 0===P?"primary":P,_=a["aria-describedby"],z=void 0===_?"":_,F=a.icon,H=void 0===F?"":F,K=a.iconPosition,T=a.id,B=void 0===T?"":T,D=a["aria-labelledby"],M=void 0===D?"":D,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===K?"start":K),V=s((function(e){w&&e.preventDefault(),I&&I(e)}),[w,I]);return r.createElement("a",{"data-testid":R||t(i.LINK,B),"data-vibe":c.LINK,id:B,href:y,rel:x,ref:f,onClick:V,target:C,style:Q,className:o(l.link,p,d(l,m("color-"+S)),e(e({},l.inheritFontSize,G),l.inlineText,O)),"aria-label":L,"aria-describedby":z,"aria-labelledby":M},v(U,H,o(l.iconStart)),r.createElement("span",{className:o(l.text,u)},j),v(!U,H,o(l.iconEnd)))}));function v(e,t,i){if(e)return r.createElement(f,{className:i,icon:t,type:"font"})}export{p 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 { 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"}
+{"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 for accessibility.\n   */\n  \"aria-label\"?: string;\n  /**\n   * The ID of the element that describes this link.\n   */\n  \"aria-describedby\"?: string;\n  /**\n   * The ID of the element labeling this link.\n   */\n  \"aria-labelledby\"?: 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      \"aria-label\": ariaLabel = \"\",\n      color = \"primary\",\n      \"aria-describedby\": ariaDescribedby = \"\",\n      icon = \"\",\n      iconPosition = \"start\",\n      id = \"\",\n      \"aria-labelledby\": ariaLabelledBy = \"\",\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={ariaLabel}\n        aria-describedby={ariaDescribedby}\n        aria-labelledby={ariaLabelledBy}\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$ariaLabel","ariaLabel","_ref$color","color","_ref$ariaDescribedby","ariaDescribedby","_ref$icon","icon","_ref$iconPosition","iconPosition","_ref$id","id","_ref$ariaLabelledby","ariaLabelledBy","_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,EACjB,cAAcgB,OAAY,IAAHD,EAAG,GAAEA,EAAAE,EAAAjB,EAC5BkB,MAAAA,OAAQ,IAAHD,EAAG,UAASA,EAAAE,EAAAnB,EACjB,oBAAoBoB,OAAkB,IAAHD,EAAG,GAAEA,EAAAE,EAAArB,EACxCsB,KAAAA,OAAO,IAAHD,EAAG,GAAEA,EAAAE,EAAAvB,EACTwB,aAAsBC,EAAAzB,EACtB0B,GAAAA,OAAK,IAAHD,EAAG,GAAEA,EAAAE,EAAA3B,EACP,mBAAmB4B,OAAiB,IAAHD,EAAG,GAAEA,EAAAE,EAAA7B,EACtC8B,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"}

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

@@ -1,2 +1,2 @@
-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};
+var n={link:"link_5d0e5e55f0","focus-visible":"focus-visible_b9390e7de1",colorOnPrimary:"colorOnPrimary_4a5b3cc12f",colorOnInverted:"colorOnInverted_4983c709fb",text:"text_3996c2e086",inlineText:"inlineText_6b87c4d196",inheritFontSize:"inheritFontSize_cc4f8c7767",iconStart:"iconStart_f3721ecf8e",iconEnd:"iconEnd_ec3ae399ff"};!function(n){const e="s_id-c2cddf2190ae_4_0_0-alpha_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_5d0e5e55f0 {\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_5d0e5e55f0:focus-visible, .link_5d0e5e55f0.focus-visible_b9390e7de1 {\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_5d0e5e55f0:focus:not(.focus-visible_b9390e7de1) {\n  outline: none;\n}\n.link_5d0e5e55f0.colorOnPrimary_4a5b3cc12f {\n  color: var(--text-color-on-primary);\n}\n.link_5d0e5e55f0.colorOnInverted_4983c709fb {\n  color: var(--text-color-on-inverted);\n}\n.link_5d0e5e55f0:hover .text_3996c2e086 {\n  text-decoration: underline;\n  color: inherit;\n}\n.link_5d0e5e55f0.inlineText_6b87c4d196 {\n  display: inline-flex;\n  align-items: unset;\n}\n.link_5d0e5e55f0.inheritFontSize_cc4f8c7767 {\n  font-size: inherit;\n  line-height: inherit;\n}\n.iconStart_f3721ecf8e {\n  line-height: 24px;\n  margin-inline-end: var(--space-4);\n}\n.iconEnd_ec3ae399ff {\n  line-height: 24px;\n  margin-inline-start: var(--space-4);\n}");export{n as default};
 //# sourceMappingURL=Link.module.scss.js.map

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

@@ -1,2 +1,2 @@
-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};
+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 x,getListItemIdByIndex as L,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["aria-label"],N=i["aria-describedby"],P=i["aria-controls"],W=i.renderOnlyVisibleItems,z=void 0!==W&&W,D=i.style,H=i.role,M=void 0===H?"listbox":H,S=i["data-testid"],U=n(null),B=u(g,U),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==U?void 0:U.current)||void 0===t||t.setAttribute("aria-activedescendant",e)}),[]),Y=s((function(e){if(!z){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=x(G,F)),void 0!==r&&(X(L(F,r)),F.current[r].focus())}}),[G,z,X]);c({keys:f,callback:Y,ref:U}),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(L(F,e));else{var t=F.current.findIndex((function(e){return k(e)}));-1!==t&&X(L(F,t))}}),[X]);var Z=l((function(){var e=Array.isArray(_)?_:[_];return z?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,z]);return r.createElement(b.Provider,{value:{updateFocusedItem:X}},r.createElement(Q,{"data-testid":S||p(v.LIST,O),"data-vibe":h.LIST,ref:B,style:D,className:t(E.list,R),id:K,"aria-label":C,"aria-describedby":N,"aria-controls":P,tabIndex:-1,role:M},Z))}));export{g as default};
 //# sourceMappingURL=List.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"List.js","sources":["../../../../src/components/List/List.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, {\n  type AriaAttributes,\n  type AriaRole,\n  type CSSProperties,\n  forwardRef,\n  type ReactElement,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState\n} from \"react\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport useKeyEvent from \"../../hooks/useKeyEvent\";\nimport { VirtualizedListItems } from \"./VirtualizedListItems/VirtualizedListItems\";\nimport { keyCodes, UP_DOWN_ARROWS } from \"../../constants/keyCodes\";\nimport { withStaticProps, type VibeComponentProps } from \"../../types\";\nimport { type ListItemProps } from \"../ListItem/ListItem\";\nimport { type ListTitleProps } from \"../ListTitle/ListTitle\";\nimport { ListWrapperComponentType as ListWrapperComponentTypeEnum } from \"./ListConstants\";\nimport { type ListElement } from \"./List.types\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { ListContext } from \"./utils/ListContext\";\nimport {\n  getListItemComponentType,\n  getListItemIdByIndex,\n  getListItemIndexById,\n  getNextListItemIndex,\n  getPrevListItemIndex,\n  isListItem,\n  useListId\n} from \"./utils/ListUtils\";\nimport styles from \"./List.module.scss\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nexport interface ListProps extends VibeComponentProps {\n  /**\n   * The wrapping component for the list.\n   */\n  component?: ListElement;\n  /**\n   * The ARIA label describing the list.\n   */\n  ariaLabel?: string;\n  /**\n   * The ID of an element that describes the list.\n   */\n  ariaDescribedBy?: string;\n  /**\n   * The ID of an element controlled by the list.\n   */\n  \"aria-controls\"?: AriaAttributes[\"aria-controls\"];\n  /**\n   * The child elements inside the list.\n   */\n  children?: ReactElement<ListItemProps | ListTitleProps> | ReactElement<ListItemProps | ListTitleProps>[];\n  /**\n   * If true, uses a virtualized list to render only visible items for performance optimization.\n   */\n  renderOnlyVisibleItems?: boolean;\n  /**\n   * Custom inline styles applied to the list.\n   */\n  style?: CSSProperties;\n  /**\n   * The ARIA role of the list.\n   */\n  role?: AriaRole;\n}\n\nconst List = forwardRef(\n  (\n    {\n      className,\n      id,\n      component = ListWrapperComponentTypeEnum.UL,\n      children,\n      ariaLabel,\n      ariaDescribedBy,\n      \"aria-controls\": ariaControls,\n      renderOnlyVisibleItems = false,\n      style,\n      role = \"listbox\",\n      \"data-testid\": dataTestId\n    }: ListProps,\n    ref: React.ForwardedRef<HTMLElement>\n  ) => {\n    const componentRef = useRef(null);\n    const mergedRef = useMergeRef(ref, componentRef);\n    const childrenRefs: React.MutableRefObject<HTMLElement[]> = useRef([]);\n\n    const overrideId = useListId(id);\n    const [focusIndex, setFocusIndex] = useState(0);\n    const Component = component;\n\n    const updateFocusedItem = useCallback((id: string) => {\n      setFocusIndex(getListItemIndexById(childrenRefs, id));\n      componentRef?.current?.setAttribute(\"aria-activedescendant\", id);\n    }, []);\n\n    const onUpDownArrows = useCallback(\n      (event: KeyboardEvent) => {\n        if (renderOnlyVisibleItems) {\n          return;\n        }\n        event.preventDefault();\n\n        const isUpKey = event.key === keyCodes.UP_ARROW;\n        const isDownKey = event.key === keyCodes.DOWN_ARROW;\n        let overrideFocusIndex = undefined;\n\n        if (isDownKey && focusIndex + 1 < childrenRefs.current.length) {\n          overrideFocusIndex = getNextListItemIndex(focusIndex, childrenRefs);\n        } else if (isUpKey && focusIndex > 0) {\n          overrideFocusIndex = getPrevListItemIndex(focusIndex, childrenRefs);\n        }\n        if (overrideFocusIndex !== undefined) {\n          updateFocusedItem(getListItemIdByIndex(childrenRefs, overrideFocusIndex));\n          childrenRefs.current[overrideFocusIndex].focus();\n        }\n      },\n      [focusIndex, renderOnlyVisibleItems, updateFocusedItem]\n    );\n\n    useKeyEvent({\n      keys: UP_DOWN_ARROWS,\n      callback: onUpDownArrows,\n      ref: componentRef\n    });\n\n    useEffect(() => {\n      const selectedItemIndex = childrenRefs.current.findIndex(\n        child => child instanceof HTMLElement && isListItem(child) && child?.getAttribute(\"aria-selected\") === \"true\"\n      );\n      if (selectedItemIndex !== -1) {\n        updateFocusedItem(getListItemIdByIndex(childrenRefs, selectedItemIndex));\n      } else {\n        const firstFocusableIndex = childrenRefs.current.findIndex(child => isListItem(child));\n        if (firstFocusableIndex !== -1) {\n          updateFocusedItem(getListItemIdByIndex(childrenRefs, firstFocusableIndex));\n        }\n      }\n    }, [updateFocusedItem]);\n\n    const overrideChildren = useMemo(() => {\n      let override: ReactElement | ReactElement[] = Array.isArray(children) ? children : [children];\n      if (renderOnlyVisibleItems) {\n        override = <VirtualizedListItems>{override}</VirtualizedListItems>;\n      } else {\n        childrenRefs.current = childrenRefs.current.slice(0, override.length);\n        override = React.Children.map(override, (child, index) => {\n          if (!React.isValidElement(child)) {\n            return child;\n          }\n          const id = (child.props as ListItemProps).id || `${overrideId}-item-${index}`;\n          const currentRef = childrenRefs.current[index];\n          const isFocusableItem = currentRef === undefined || currentRef === null || isListItem(currentRef);\n          return React.cloneElement(child, {\n            // @ts-ignore not sure how to deal with ref here\n            ref: ref => (childrenRefs.current[index] = ref),\n            tabIndex: focusIndex === index && isFocusableItem ? 0 : -1,\n            id,\n            component: getListItemComponentType(component),\n            role: (child.props as ListItemProps).role\n          });\n        });\n      }\n\n      return override;\n    }, [children, component, focusIndex, overrideId, renderOnlyVisibleItems]);\n\n    return (\n      <ListContext.Provider value={{ updateFocusedItem }}>\n        <Component\n          data-testid={dataTestId || getTestId(ComponentDefaultTestId.LIST, id)}\n          data-vibe={ComponentVibeId.LIST}\n          ref={mergedRef}\n          style={style}\n          className={cx(styles.list, className)}\n          id={overrideId}\n          aria-label={ariaLabel}\n          aria-describedby={ariaDescribedBy}\n          aria-controls={ariaControls}\n          tabIndex={-1}\n          role={role}\n        >\n          {overrideChildren}\n        </Component>\n      </ListContext.Provider>\n    );\n  }\n);\n\ninterface ListStaticProps {\n  components: typeof ListWrapperComponentTypeEnum;\n}\n\nexport default withStaticProps<ListProps, ListStaticProps>(List, {\n  components: ListWrapperComponentTypeEnum\n});\n"],"names":["withStaticProps","forwardRef","_ref","ref","className","id","_ref$component","component","ListWrapperComponentTypeEnum","UL","children","ariaLabel","ariaDescribedBy","ariaControls","_ref$renderOnlyVisibl","renderOnlyVisibleItems","style","_ref$role","role","dataTestId","componentRef","useRef","mergedRef","useMergeRef","childrenRefs","overrideId","useListId","_useState","useState","_useState2","_slicedToArray","focusIndex","setFocusIndex","Component","updateFocusedItem","useCallback","getListItemIndexById","_a","current","setAttribute","onUpDownArrows","event","preventDefault","isUpKey","key","keyCodes","UP_ARROW","overrideFocusIndex","undefined","DOWN_ARROW","length","getNextListItemIndex","getPrevListItemIndex","getListItemIdByIndex","focus","useKeyEvent","keys","UP_DOWN_ARROWS","callback","useEffect","selectedItemIndex","findIndex","child","HTMLElement","isListItem","getAttribute","firstFocusableIndex","overrideChildren","useMemo","override","Array","isArray","React","createElement","VirtualizedListItems","slice","Children","map","index","isValidElement","props","concat","currentRef","isFocusableItem","cloneElement","_ref2","tabIndex","getListItemComponentType","ListContext","Provider","value","getTestId","ComponentDefaultTestId","LIST","ComponentVibeId","cx","styles","list","components"],"mappings":"kiCAuEA,IA+HeA,EAAAA,EA/HFC,GACX,SAAAC,EAcEC,GACE,IAbAC,EAASF,EAATE,UACAC,EAAEH,EAAFG,GAAEC,EAAAJ,EACFK,UAAAA,OAAS,IAAAD,EAAGE,EAA6BC,GAAEH,EAC3CI,EAAQR,EAARQ,SACAC,EAAST,EAATS,UACAC,EAAeV,EAAfU,gBACiBC,EAAYX,EAA7B,iBAAeY,EAAAZ,EACfa,uBAAAA,OAAyB,IAAHD,GAAQA,EAC9BE,EAAKd,EAALc,MAAKC,EAAAf,EACLgB,KAAAA,OAAO,IAAHD,EAAG,UAASA,EACDE,EAAUjB,EAAzB,eAIIkB,EAAeC,EAAO,MACtBC,EAAYC,EAAYpB,EAAKiB,GAC7BI,EAAsDH,EAAO,IAE7DI,EAAaC,EAAUrB,GAC7BsB,EAAoCC,EAAS,GAAEC,EAAAC,EAAAH,EAAA,GAAxCI,EAAUF,EAAA,GAAEG,EAAaH,EAAA,GAC1BI,EAAY1B,EAEZ2B,EAAoBC,GAAY,SAAC9B,SACrC2B,EAAcI,EAAqBZ,EAAcnB,IAC1B,QAAvBgC,EAAAjB,aAAY,EAAZA,EAAckB,eAAS,IAAAD,GAAAA,EAAAE,aAAa,wBAAyBlC,EAC9D,GAAE,IAEGmC,EAAiBL,GACrB,SAACM,GACC,IAAI1B,EAAJ,CAGA0B,EAAMC,iBAEN,IAAMC,EAAUF,EAAMG,MAAQC,EAASC,SAEnCC,OAAqBC,EADPP,EAAMG,MAAQC,EAASI,YAGPzB,EAAac,QAAQY,OAAtCnB,EAAa,EAC5BgB,EAAqBI,EAAqBpB,EAAYP,GAC7CmB,GAAWZ,EAAa,IACjCgB,EAAqBK,EAAqBrB,EAAYP,SAE7BwB,IAAvBD,IACFb,EAAkBmB,EAAqB7B,EAAcuB,IACrDvB,EAAac,QAAQS,GAAoBO,QAd1C,CAgBF,GACD,CAACvB,EAAYhB,EAAwBmB,IAGvCqB,EAAY,CACVC,KAAMC,EACNC,SAAUlB,EACVrC,IAAKiB,IAGPuC,GAAU,WACR,IAAMC,EAAoBpC,EAAac,QAAQuB,WAC7C,SAAAC,GAAK,OAAIA,aAAiBC,aAAeC,EAAWF,IAAmD,UAAzCA,aAAA,EAAAA,EAAOG,aAAa,qBAEpF,IAA2B,IAAvBL,EACF1B,EAAkBmB,EAAqB7B,EAAcoC,QAChD,CACL,IAAMM,EAAsB1C,EAAac,QAAQuB,WAAU,SAAAC,GAAK,OAAIE,EAAWF,OAClD,IAAzBI,GACFhC,EAAkBmB,EAAqB7B,EAAc0C,GAExD,CACH,GAAG,CAAChC,IAEJ,IAAMiC,EAAmBC,GAAQ,WAC/B,IAAIC,EAA0CC,MAAMC,QAAQ7D,GAAYA,EAAW,CAACA,GAuBpF,OAtBIK,EACFsD,EAAWG,EAACC,cAAAC,EAAsB,KAAAL,IAElC7C,EAAac,QAAUd,EAAac,QAAQqC,MAAM,EAAGN,EAASnB,QAC9DmB,EAAWG,EAAMI,SAASC,IAAIR,GAAU,SAACP,EAAOgB,GAC9C,IAAKN,EAAMO,eAAejB,GACxB,OAAOA,EAET,IAAMzD,EAAMyD,EAAMkB,MAAwB3E,IAAE4E,GAAAA,OAAOxD,EAAU,UAAAwD,OAASH,GAChEI,EAAa1D,EAAac,QAAQwC,GAClCK,EAAkBD,SAAmDlB,EAAWkB,GACtF,OAAOV,EAAMY,aAAatB,EAAO,CAE/B3D,IAAK,SAAGkF,GAAA,OAAK7D,EAAac,QAAQwC,GAAS3E,CAAI,EAC/CmF,SAAUvD,IAAe+C,GAASK,EAAkB,GAAK,EACzD9E,GAAAA,EACAE,UAAWgF,EAAyBhF,GACpCW,KAAO4C,EAAMkB,MAAwB9D,MAEzC,KAGKmD,CACT,GAAG,CAAC3D,EAAUH,EAAWwB,EAAYN,EAAYV,IAEjD,OACEyD,EAACC,cAAAe,EAAYC,UAASC,MAAO,CAAExD,kBAAAA,IAC7BsC,EAACC,cAAAxC,EACc,CAAA,cAAAd,GAAcwE,EAAUC,EAAuBC,KAAMxF,GAAG,YAC1DyF,EAAgBD,KAC3B1F,IAAKmB,EACLN,MAAOA,EACPZ,UAAW2F,EAAGC,EAAOC,KAAM7F,GAC3BC,GAAIoB,EACQ,aAAAd,EACM,mBAAAC,EACH,gBAAAC,EACfyE,UAAW,EACXpE,KAAMA,GAELiD,GAIT,IAO+D,CAC/D+B,WAAY1F"}
+{"version":3,"file":"List.js","sources":["../../../../src/components/List/List.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, {\n  type AriaAttributes,\n  type AriaRole,\n  type CSSProperties,\n  forwardRef,\n  type ReactElement,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState\n} from \"react\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport useKeyEvent from \"../../hooks/useKeyEvent\";\nimport { VirtualizedListItems } from \"./VirtualizedListItems/VirtualizedListItems\";\nimport { keyCodes, UP_DOWN_ARROWS } from \"../../constants/keyCodes\";\nimport { type VibeComponentProps } from \"../../types\";\nimport { type ListItemProps } from \"../ListItem/ListItem\";\nimport { type ListTitleProps } from \"../ListTitle/ListTitle\";\nimport { type ListElement } from \"./List.types\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { ListContext } from \"./utils/ListContext\";\nimport {\n  getListItemComponentType,\n  getListItemIdByIndex,\n  getListItemIndexById,\n  getNextListItemIndex,\n  getPrevListItemIndex,\n  isListItem,\n  useListId\n} from \"./utils/ListUtils\";\nimport styles from \"./List.module.scss\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nexport interface ListProps extends VibeComponentProps {\n  /**\n   * The wrapping component for the list.\n   */\n  component?: ListElement;\n  /**\n   * The ARIA label describing the list.\n   */\n  \"aria-label\"?: string;\n  /**\n   * The ID of an element that describes the list.\n   */\n  \"aria-describedby\"?: string;\n  /**\n   * The ID of an element controlled by the list.\n   */\n  \"aria-controls\"?: AriaAttributes[\"aria-controls\"];\n  /**\n   * The child elements inside the list.\n   */\n  children?: ReactElement<ListItemProps | ListTitleProps> | ReactElement<ListItemProps | ListTitleProps>[];\n  /**\n   * If true, uses a virtualized list to render only visible items for performance optimization.\n   */\n  renderOnlyVisibleItems?: boolean;\n  /**\n   * Custom inline styles applied to the list.\n   */\n  style?: CSSProperties;\n  /**\n   * The ARIA role of the list.\n   */\n  role?: AriaRole;\n}\n\nconst List = forwardRef(\n  (\n    {\n      className,\n      id,\n      component = \"ul\",\n      children,\n      \"aria-label\": ariaLabel,\n      \"aria-describedby\": ariaDescribedBy,\n      \"aria-controls\": ariaControls,\n      renderOnlyVisibleItems = false,\n      style,\n      role = \"listbox\",\n      \"data-testid\": dataTestId\n    }: ListProps,\n    ref: React.ForwardedRef<HTMLElement>\n  ) => {\n    const componentRef = useRef(null);\n    const mergedRef = useMergeRef(ref, componentRef);\n    const childrenRefs: React.MutableRefObject<HTMLElement[]> = useRef([]);\n\n    const overrideId = useListId(id);\n    const [focusIndex, setFocusIndex] = useState(0);\n    const Component = component;\n\n    const updateFocusedItem = useCallback((id: string) => {\n      setFocusIndex(getListItemIndexById(childrenRefs, id));\n      componentRef?.current?.setAttribute(\"aria-activedescendant\", id);\n    }, []);\n\n    const onUpDownArrows = useCallback(\n      (event: KeyboardEvent) => {\n        if (renderOnlyVisibleItems) {\n          return;\n        }\n        event.preventDefault();\n\n        const isUpKey = event.key === keyCodes.UP_ARROW;\n        const isDownKey = event.key === keyCodes.DOWN_ARROW;\n        let overrideFocusIndex = undefined;\n\n        if (isDownKey && focusIndex + 1 < childrenRefs.current.length) {\n          overrideFocusIndex = getNextListItemIndex(focusIndex, childrenRefs);\n        } else if (isUpKey && focusIndex > 0) {\n          overrideFocusIndex = getPrevListItemIndex(focusIndex, childrenRefs);\n        }\n        if (overrideFocusIndex !== undefined) {\n          updateFocusedItem(getListItemIdByIndex(childrenRefs, overrideFocusIndex));\n          childrenRefs.current[overrideFocusIndex].focus();\n        }\n      },\n      [focusIndex, renderOnlyVisibleItems, updateFocusedItem]\n    );\n\n    useKeyEvent({\n      keys: UP_DOWN_ARROWS,\n      callback: onUpDownArrows,\n      ref: componentRef\n    });\n\n    useEffect(() => {\n      const selectedItemIndex = childrenRefs.current.findIndex(\n        child => child instanceof HTMLElement && isListItem(child) && child?.getAttribute(\"aria-selected\") === \"true\"\n      );\n      if (selectedItemIndex !== -1) {\n        updateFocusedItem(getListItemIdByIndex(childrenRefs, selectedItemIndex));\n      } else {\n        const firstFocusableIndex = childrenRefs.current.findIndex(child => isListItem(child));\n        if (firstFocusableIndex !== -1) {\n          updateFocusedItem(getListItemIdByIndex(childrenRefs, firstFocusableIndex));\n        }\n      }\n    }, [updateFocusedItem]);\n\n    const overrideChildren = useMemo(() => {\n      let override: ReactElement | ReactElement[] = Array.isArray(children) ? children : [children];\n      if (renderOnlyVisibleItems) {\n        override = <VirtualizedListItems>{override}</VirtualizedListItems>;\n      } else {\n        childrenRefs.current = childrenRefs.current.slice(0, override.length);\n        override = React.Children.map(override, (child, index) => {\n          if (!React.isValidElement(child)) {\n            return child;\n          }\n          const id = (child.props as ListItemProps).id || `${overrideId}-item-${index}`;\n          const currentRef = childrenRefs.current[index];\n          const isFocusableItem = currentRef === undefined || currentRef === null || isListItem(currentRef);\n          return React.cloneElement(child, {\n            // @ts-ignore not sure how to deal with ref here\n            ref: ref => (childrenRefs.current[index] = ref),\n            tabIndex: focusIndex === index && isFocusableItem ? 0 : -1,\n            id,\n            component: getListItemComponentType(component),\n            role: (child.props as ListItemProps).role\n          });\n        });\n      }\n\n      return override;\n    }, [children, component, focusIndex, overrideId, renderOnlyVisibleItems]);\n\n    return (\n      <ListContext.Provider value={{ updateFocusedItem }}>\n        <Component\n          data-testid={dataTestId || getTestId(ComponentDefaultTestId.LIST, id)}\n          data-vibe={ComponentVibeId.LIST}\n          ref={mergedRef}\n          style={style}\n          className={cx(styles.list, className)}\n          id={overrideId}\n          aria-label={ariaLabel}\n          aria-describedby={ariaDescribedBy}\n          aria-controls={ariaControls}\n          tabIndex={-1}\n          role={role}\n        >\n          {overrideChildren}\n        </Component>\n      </ListContext.Provider>\n    );\n  }\n);\n\nexport default List;\n"],"names":["List","forwardRef","_ref","ref","className","id","_ref$component","component","children","ariaLabel","ariaDescribedBy","ariaControls","_ref$renderOnlyVisibl","renderOnlyVisibleItems","style","_ref$role","role","dataTestId","componentRef","useRef","mergedRef","useMergeRef","childrenRefs","overrideId","useListId","_useState","useState","_useState2","_slicedToArray","focusIndex","setFocusIndex","Component","updateFocusedItem","useCallback","getListItemIndexById","_a","current","setAttribute","onUpDownArrows","event","preventDefault","isUpKey","key","keyCodes","UP_ARROW","overrideFocusIndex","undefined","DOWN_ARROW","length","getNextListItemIndex","getPrevListItemIndex","getListItemIdByIndex","focus","useKeyEvent","keys","UP_DOWN_ARROWS","callback","useEffect","selectedItemIndex","findIndex","child","HTMLElement","isListItem","getAttribute","firstFocusableIndex","overrideChildren","useMemo","override","Array","isArray","React","createElement","VirtualizedListItems","slice","Children","map","index","isValidElement","props","concat","currentRef","isFocusableItem","cloneElement","_ref2","tabIndex","getListItemComponentType","ListContext","Provider","value","getTestId","ComponentDefaultTestId","LIST","ComponentVibeId","cx","styles","list"],"mappings":"43BAsEMA,IAAAA,EAAOC,GACX,SAAAC,EAcEC,GACE,IAbAC,EAASF,EAATE,UACAC,EAAEH,EAAFG,GAAEC,EAAAJ,EACFK,UAAAA,OAAY,IAAHD,EAAG,KAAIA,EAChBE,EAAQN,EAARM,SACcC,EAASP,EAAvB,cACoBQ,EAAeR,EAAnC,oBACiBS,EAAYT,EAA7B,iBAAeU,EAAAV,EACfW,uBAAAA,OAAyB,IAAHD,GAAQA,EAC9BE,EAAKZ,EAALY,MAAKC,EAAAb,EACLc,KAAAA,OAAO,IAAHD,EAAG,UAASA,EACDE,EAAUf,EAAzB,eAIIgB,EAAeC,EAAO,MACtBC,EAAYC,EAAYlB,EAAKe,GAC7BI,EAAsDH,EAAO,IAE7DI,EAAaC,EAAUnB,GAC7BoB,EAAoCC,EAAS,GAAEC,EAAAC,EAAAH,EAAA,GAAxCI,EAAUF,EAAA,GAAEG,EAAaH,EAAA,GAC1BI,EAAYxB,EAEZyB,EAAoBC,GAAY,SAAC5B,SACrCyB,EAAcI,EAAqBZ,EAAcjB,IAC1B,QAAvB8B,EAAAjB,aAAY,EAAZA,EAAckB,eAAS,IAAAD,GAAAA,EAAAE,aAAa,wBAAyBhC,EAC9D,GAAE,IAEGiC,EAAiBL,GACrB,SAACM,GACC,IAAI1B,EAAJ,CAGA0B,EAAMC,iBAEN,IAAMC,EAAUF,EAAMG,MAAQC,EAASC,SAEnCC,OAAqBC,EADPP,EAAMG,MAAQC,EAASI,YAGPzB,EAAac,QAAQY,OAAtCnB,EAAa,EAC5BgB,EAAqBI,EAAqBpB,EAAYP,GAC7CmB,GAAWZ,EAAa,IACjCgB,EAAqBK,EAAqBrB,EAAYP,SAE7BwB,IAAvBD,IACFb,EAAkBmB,EAAqB7B,EAAcuB,IACrDvB,EAAac,QAAQS,GAAoBO,QAd1C,CAgBF,GACD,CAACvB,EAAYhB,EAAwBmB,IAGvCqB,EAAY,CACVC,KAAMC,EACNC,SAAUlB,EACVnC,IAAKe,IAGPuC,GAAU,WACR,IAAMC,EAAoBpC,EAAac,QAAQuB,WAC7C,SAAAC,GAAK,OAAIA,aAAiBC,aAAeC,EAAWF,IAAmD,UAAzCA,aAAA,EAAAA,EAAOG,aAAa,qBAEpF,IAA2B,IAAvBL,EACF1B,EAAkBmB,EAAqB7B,EAAcoC,QAChD,CACL,IAAMM,EAAsB1C,EAAac,QAAQuB,WAAU,SAAAC,GAAK,OAAIE,EAAWF,OAClD,IAAzBI,GACFhC,EAAkBmB,EAAqB7B,EAAc0C,GAExD,CACH,GAAG,CAAChC,IAEJ,IAAMiC,EAAmBC,GAAQ,WAC/B,IAAIC,EAA0CC,MAAMC,QAAQ7D,GAAYA,EAAW,CAACA,GAuBpF,OAtBIK,EACFsD,EAAWG,EAACC,cAAAC,EAAsB,KAAAL,IAElC7C,EAAac,QAAUd,EAAac,QAAQqC,MAAM,EAAGN,EAASnB,QAC9DmB,EAAWG,EAAMI,SAASC,IAAIR,GAAU,SAACP,EAAOgB,GAC9C,IAAKN,EAAMO,eAAejB,GACxB,OAAOA,EAET,IAAMvD,EAAMuD,EAAMkB,MAAwBzE,IAAE0E,GAAAA,OAAOxD,EAAU,UAAAwD,OAASH,GAChEI,EAAa1D,EAAac,QAAQwC,GAClCK,EAAkBD,SAAmDlB,EAAWkB,GACtF,OAAOV,EAAMY,aAAatB,EAAO,CAE/BzD,IAAK,SAAGgF,GAAA,OAAK7D,EAAac,QAAQwC,GAASzE,CAAI,EAC/CiF,SAAUvD,IAAe+C,GAASK,EAAkB,GAAK,EACzD5E,GAAAA,EACAE,UAAW8E,EAAyB9E,GACpCS,KAAO4C,EAAMkB,MAAwB9D,MAEzC,KAGKmD,CACT,GAAG,CAAC3D,EAAUD,EAAWsB,EAAYN,EAAYV,IAEjD,OACEyD,EAACC,cAAAe,EAAYC,UAASC,MAAO,CAAExD,kBAAAA,IAC7BsC,EAACC,cAAAxC,EACc,CAAA,cAAAd,GAAcwE,EAAUC,EAAuBC,KAAMtF,GAAG,YAC1DuF,EAAgBD,KAC3BxF,IAAKiB,EACLN,MAAOA,EACPV,UAAWyF,EAAGC,EAAOC,KAAM3F,GAC3BC,GAAIkB,EACQ,aAAAd,EACM,mBAAAC,EACH,gBAAAC,EACfyE,UAAW,EACXpE,KAAMA,GAELiD,GAIT"}

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

@@ -1,2 +1,2 @@
-var e={list:"list_8222ab23d7"};!function(e){const t="s_id-ed9bf484fec4_3_86_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable selector-class-pattern */\n/* stylelint-disable */\n/* stylelint-enable */\n.list_8222ab23d7 {\n  margin: 0;\n  padding: 0;\n  overflow: auto;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.list_8222ab23d7::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.list_8222ab23d7::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{e as default};
+var e={list:"list_ac43d2ceb8"};!function(e){const t="s_id-ed9bf484fec4_4_0_0-alpha_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable selector-class-pattern */\n/* stylelint-disable */\n/* stylelint-enable */\n.list_ac43d2ceb8 {\n  margin: 0;\n  padding: 0;\n  overflow: auto;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.list_ac43d2ceb8::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.list_ac43d2ceb8::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{e as default};
 //# sourceMappingURL=List.module.scss.js.map

package/dist/src/components/List/VirtualizedListItems/VirtualizedListItems.module.scss.js

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

package/dist/src/components/ListItem/ListItem.js

@@ -1,2 +1,2 @@
-import{defineProperty as o}from"../../../_virtual/_rollupPluginBabelHelpers.js";import e from"classnames";import t,{forwardRef as s,useContext as i,useRef as r,useEffect as n,useCallback as a}from"react";import{camelCase as m}from"es-toolkit";import{getStyle as l}from"../../helpers/typesciptCssModulesHelper.js";import{SELECTION_KEYS as p}from"../../constants/keyCodes.js";import{SIZES as d}from"../../constants/sizes.js";import{NOOP as c}from"../../utils/function-utils.js";import{withStaticProps as u}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import f from"../../hooks/useKeyEvent/index.js";import"../Menu/Menu/hooks/useLastNavigationDirection.js";import"../../hooks/useFullKeyboardListeners.js";import"../../hooks/useActiveDescendantListFocus/index.js";import"../../hooks/useVibeMediaQuery/index.js";import"../../hooks/useSwitch/index.js";import j from"../../hooks/useMergeRef.js";import{ListContext as v}from"../List/utils/ListContext.js";import{ListItemComponentType as k}from"./ListItemConstants.js";import h from"./ListItem.module.scss.js";import y from"../../../components/typography/dist/Text/Text.js";var x=s((function(s,u){var k=s.className,x=s.id,b=s.component,L=void 0===b?"div":b,I=s.onClick,M=void 0===I?c:I,C=s.onHover,g=void 0===C?c:C,P=s.selected,F=s.disabled,N=void 0!==F&&F,z=s.size,E=void 0===z?d.SMALL:z,H=s.tabIndex,S=void 0===H?0:H,w=s.children,A=s["aria-current"],D=s["data-testid"],K=s.role,T=void 0===K?"option":K,_=s.tooltipProps,B=i(v).updateFocusedItem,O=r(null),Q=j(u,O);n((function(){P&&(null==B||B(x))}),[P,x,B]);var R=a((function(o){N||M(o,x)}),[N,M,x]);f({keys:p,ref:O,callback:R});var V=a((function(o){N||g(o,x)}),[N,g,x]);return t.createElement(y,{element:L,"data-testid":D||x,ref:Q,className:e(h.listItem,k,l(h,m(E)),o(o({},h.selected,P&&!N),h.disabled,N)),id:x,type:"text2","aria-disabled":N,"aria-selected":P,onClick:R,onMouseEnter:V,onFocus:V,role:T,tabIndex:S,"aria-current":A,tooltipProps:_},w)}));Object.assign(x,{displayName:"ListItem"});var b=u(x,{sizes:d,components:k});export{b as default};
+import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import o from"classnames";import t,{forwardRef as s,useContext as i,useRef as r,useEffect as n,useCallback as a}from"react";import{camelCase as m}from"es-toolkit";import{getStyle as l}from"../../helpers/typesciptCssModulesHelper.js";import{SELECTION_KEYS as d}from"../../constants/keyCodes.js";import{SIZES as p}from"../../constants/sizes.js";import{NOOP as u}from"../../utils/function-utils.js";import c from"../../hooks/useKeyEvent/index.js";import"../Menu/Menu/hooks/useLastNavigationDirection.js";import"../../hooks/useFullKeyboardListeners.js";import"../../hooks/useActiveDescendantListFocus/index.js";import"../../hooks/useVibeMediaQuery/index.js";import"../../hooks/useSwitch/index.js";import f from"../../hooks/useMergeRef.js";import{ListContext as v}from"../List/utils/ListContext.js";import j from"./ListItem.module.scss.js";import k from"../../../components/typography/dist/Text/Text.js";var h=s((function(s,h){var x=s.className,y=s.id,b=s.component,L=void 0===b?"div":b,M=s.onClick,I=void 0===M?u:M,g=s.onHover,C=void 0===g?u:g,F=s.selected,N=s.disabled,P=void 0!==N&&N,E=s.size,H=void 0===E?p.SMALL:E,z=s.tabIndex,A=void 0===z?0:z,D=s.children,K=s["aria-current"],S=s["data-testid"],T=s.role,_=void 0===T?"option":T,w=s.tooltipProps,B=i(v).updateFocusedItem,O=r(null),Q=f(h,O);n((function(){F&&(null==B||B(y))}),[F,y,B]);var R=a((function(e){P||I(e,y)}),[P,I,y]),V=a((function(e){return R(e)}),[R]);c({keys:d,ref:O,callback:V});var q=a((function(e){P||C(e,y)}),[P,C,y]);return t.createElement(k,{element:L,"data-testid":S||y,ref:Q,className:o(j.listItem,x,l(j,m(H)),e(e({},j.selected,F&&!P),j.disabled,P)),id:y,type:"text2","aria-disabled":P,"aria-selected":F,onClick:R,onMouseEnter:q,onFocus:q,role:_,tabIndex:A,"aria-current":K,tooltipProps:w},D)}));Object.assign(h,{displayName:"ListItem"});export{h as default};
 //# sourceMappingURL=ListItem.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ListItem.js","sources":["../../../../src/components/ListItem/ListItem.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, {\n  type AriaAttributes,\n  type AriaRole,\n  forwardRef,\n  useCallback,\n  useContext,\n  useEffect,\n  useRef\n} from \"react\";\nimport { camelCase } from \"es-toolkit\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { Text } from \"@vibe/typography\";\nimport { SIZES, SELECTION_KEYS } from \"../../constants\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport { withStaticProps, type VibeComponentProps, type ElementContent } from \"../../types\";\nimport { useKeyEvent } from \"../../hooks\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { ListContext } from \"../List/utils/ListContext\";\nimport { ListItemComponentType as ListItemComponentTypeEnum } from \"./ListItemConstants\";\nimport { type ListItemElement, type ListItemSize } from \"./ListItem.types\";\nimport { type TooltipProps } from \"@vibe/tooltip\";\nimport styles from \"./ListItem.module.scss\";\n\nexport interface ListItemProps extends VibeComponentProps {\n  /**\n   * The HTML element used for the list item.\n   */\n  component?: ListItemElement;\n  /**\n   * The textual content inside the list item.\n   */\n  children?: ElementContent;\n  /**\n   * Callback fired when the item is clicked.\n   */\n  onClick?: (event: React.MouseEvent | React.KeyboardEvent, id: string) => void;\n  /**\n   * Callback fired when the item is hovered.\n   */\n  onHover?: (event: React.MouseEvent | React.FocusEvent, id: string) => void;\n  /**\n   * If true, disables the item and prevents interactions.\n   */\n  disabled?: boolean;\n  /**\n   * If true, marks the item as selected.\n   */\n  selected?: boolean;\n  /**\n   * The size of the list item.\n   */\n  size?: ListItemSize;\n  /**\n   * The tab index of the list item for keyboard navigation.\n   */\n  tabIndex?: number;\n  /**\n   * Indicates the current state of the item in a set of items.\n   */\n  \"aria-current\"?: AriaAttributes[\"aria-current\"];\n  /**\n   * The ARIA role of the list item.\n   */\n  role?: AriaRole;\n  /**\n   * Props passed to the tooltip displayed when hovering over the text.\n   */\n  tooltipProps?: Partial<TooltipProps>;\n}\n\nconst ListItem = forwardRef(\n  (\n    {\n      className,\n      id,\n      component = \"div\",\n      onClick = NOOP,\n      onHover = NOOP,\n      selected,\n      disabled = false,\n      size = SIZES.SMALL,\n      tabIndex = 0,\n      children,\n      \"aria-current\": ariaCurrent,\n      \"data-testid\": dataTestId,\n      role = \"option\",\n      tooltipProps\n    }: ListItemProps,\n    ref: React.ForwardedRef<HTMLElement>\n  ) => {\n    const { updateFocusedItem } = useContext(ListContext);\n    const componentRef = useRef(null);\n    const mergedRef = useMergeRef(ref, componentRef);\n\n    useEffect(() => {\n      if (selected) {\n        updateFocusedItem?.(id);\n      }\n    }, [selected, id, updateFocusedItem]);\n\n    const componentOnClick = useCallback(\n      (event: React.MouseEvent | React.KeyboardEvent) => {\n        if (disabled) return;\n        onClick(event, id);\n      },\n      [disabled, onClick, id]\n    );\n\n    useKeyEvent({\n      keys: SELECTION_KEYS,\n      ref: componentRef,\n      callback: componentOnClick\n    });\n\n    const componentOnHover = useCallback(\n      (event: React.MouseEvent | React.FocusEvent) => {\n        if (disabled) return;\n        onHover(event, id);\n      },\n      [disabled, onHover, id]\n    );\n\n    return (\n      <Text\n        element={component}\n        data-testid={dataTestId || id}\n        ref={mergedRef}\n        className={cx(styles.listItem, className, getStyle(styles, camelCase(size)), {\n          [styles.selected]: selected && !disabled,\n          [styles.disabled]: disabled\n        })}\n        id={id}\n        type=\"text2\"\n        aria-disabled={disabled}\n        aria-selected={selected}\n        onClick={componentOnClick}\n        onMouseEnter={componentOnHover}\n        onFocus={componentOnHover}\n        role={role}\n        tabIndex={tabIndex}\n        aria-current={ariaCurrent}\n        tooltipProps={tooltipProps}\n      >\n        {children}\n      </Text>\n    );\n  }\n);\n\nObject.assign(ListItem, {\n  // Used by VirtualizedListItems\n  displayName: \"ListItem\"\n});\n\ninterface ListItemStaticProps {\n  sizes: typeof SIZES;\n  components: typeof ListItemComponentTypeEnum;\n}\n\nexport default withStaticProps<ListItemProps, ListItemStaticProps>(ListItem, {\n  sizes: SIZES,\n  components: ListItemComponentTypeEnum\n});\n"],"names":["ListItem","forwardRef","_ref","ref","className","id","_ref$component","component","_ref$onClick","onClick","NOOP","_ref$onHover","onHover","selected","_ref$disabled","disabled","_ref$size","size","SIZES","SMALL","_ref$tabIndex","tabIndex","children","ariaCurrent","dataTestId","_ref$role","role","tooltipProps","updateFocusedItem","useContext","ListContext","componentRef","useRef","mergedRef","useMergeRef","useEffect","componentOnClick","useCallback","event","useKeyEvent","keys","SELECTION_KEYS","callback","componentOnHover","React","createElement","Text","element","cx","styles","listItem","getStyle","camelCase","_defineProperty","type","onMouseEnter","onFocus","Object","assign","displayName","withStaticProps","sizes","components","ListItemComponentTypeEnum"],"mappings":"0nCAuEA,IAAMA,EAAWC,GACf,SAAAC,EAiBEC,GACE,IAhBAC,EAASF,EAATE,UACAC,EAAEH,EAAFG,GAAEC,EAAAJ,EACFK,UAAAA,OAAY,IAAHD,EAAG,MAAKA,EAAAE,EAAAN,EACjBO,QAAAA,OAAUC,IAAHF,EAAGE,EAAIF,EAAAG,EAAAT,EACdU,QAAAA,OAAUF,IAAHC,EAAGD,EAAIC,EACdE,EAAQX,EAARW,SAAQC,EAAAZ,EACRa,SAAAA,OAAW,IAAHD,GAAQA,EAAAE,EAAAd,EAChBe,KAAAA,OAAI,IAAAD,EAAGE,EAAMC,MAAKH,EAAAI,EAAAlB,EAClBmB,SAAAA,OAAW,IAAHD,EAAG,EAACA,EACZE,EAAQpB,EAARoB,SACgBC,EAAWrB,EAA3B,gBACesB,EAAUtB,EAAzB,eAAauB,EAAAvB,EACbwB,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EACfE,EAAYzB,EAAZyB,aAIMC,EAAsBC,EAAWC,GAAjCF,kBACFG,EAAeC,EAAO,MACtBC,EAAYC,EAAY/B,EAAK4B,GAEnCI,GAAU,WACJtB,IACFe,SAAAA,EAAoBvB,GAEvB,GAAE,CAACQ,EAAUR,EAAIuB,IAElB,IAAMQ,EAAmBC,GACvB,SAACC,GACKvB,GACJN,EAAQ6B,EAAOjC,EAChB,GACD,CAACU,EAAUN,EAASJ,IAGtBkC,EAAY,CACVC,KAAMC,EACNtC,IAAK4B,EACLW,SAAUN,IAGZ,IAAMO,EAAmBN,GACvB,SAACC,GACKvB,GACJH,EAAQ0B,EAAOjC,EAChB,GACD,CAACU,EAAUH,EAASP,IAGtB,OACEuC,EAAAC,cAACC,EAAI,CACHC,QAASxC,EACI,cAAAiB,GAAcnB,EAC3BF,IAAK8B,EACL7B,UAAW4C,EAAGC,EAAOC,SAAU9C,EAAW+C,EAASF,EAAQG,EAAUnC,IAAMoC,EAAAA,EACxEJ,CAAAA,EAAAA,EAAOpC,SAAWA,IAAaE,GAC/BkC,EAAOlC,SAAWA,IAErBV,GAAIA,EACJiD,KAAK,QAAO,gBACGvC,EACA,gBAAAF,EACfJ,QAAS2B,EACTmB,aAAcZ,EACda,QAASb,EACTjB,KAAMA,EACNL,SAAUA,iBACIE,EACdI,aAAcA,GAEbL,EAGP,IAGFmC,OAAOC,OAAO1D,EAAU,CAEtB2D,YAAa,aAQf,IAAeC,EAAAA,EAAoD5D,EAAU,CAC3E6D,MAAO3C,EACP4C,WAAYC"}
+{"version":3,"file":"ListItem.js","sources":["../../../../src/components/ListItem/ListItem.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, {\n  type AriaAttributes,\n  type AriaRole,\n  forwardRef,\n  useCallback,\n  useContext,\n  useEffect,\n  useRef\n} from \"react\";\nimport { camelCase } from \"es-toolkit\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { Text } from \"@vibe/typography\";\nimport { SIZES, SELECTION_KEYS } from \"../../constants\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport { type VibeComponentProps, type ElementContent } from \"../../types\";\nimport { useKeyEvent } from \"../../hooks\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { ListContext } from \"../List/utils/ListContext\";\nimport { type ListItemElement, type ListItemSize } from \"./ListItem.types\";\nimport { type TooltipProps } from \"@vibe/tooltip\";\nimport styles from \"./ListItem.module.scss\";\n\nexport interface ListItemProps extends VibeComponentProps {\n  /**\n   * The HTML element used for the list item.\n   */\n  component?: ListItemElement;\n  /**\n   * The textual content inside the list item.\n   */\n  children?: ElementContent;\n  /**\n   * Callback fired when the item is clicked.\n   */\n  onClick?: (event: React.MouseEvent | React.KeyboardEvent, id: string) => void;\n  /**\n   * Callback fired when the item is hovered.\n   */\n  onHover?: (event: React.MouseEvent | React.FocusEvent, id: string) => void;\n  /**\n   * If true, disables the item and prevents interactions.\n   */\n  disabled?: boolean;\n  /**\n   * If true, marks the item as selected.\n   */\n  selected?: boolean;\n  /**\n   * The size of the list item.\n   */\n  size?: ListItemSize;\n  /**\n   * The tab index of the list item for keyboard navigation.\n   */\n  tabIndex?: number;\n  /**\n   * Indicates the current state of the item in a set of items.\n   */\n  \"aria-current\"?: AriaAttributes[\"aria-current\"];\n  /**\n   * The ARIA role of the list item.\n   */\n  role?: AriaRole;\n  /**\n   * Props passed to the tooltip displayed when hovering over the text.\n   */\n  tooltipProps?: Partial<TooltipProps>;\n}\n\nconst ListItem = forwardRef(\n  (\n    {\n      className,\n      id,\n      component = \"div\",\n      onClick = NOOP,\n      onHover = NOOP,\n      selected,\n      disabled = false,\n      size = SIZES.SMALL,\n      tabIndex = 0,\n      children,\n      \"aria-current\": ariaCurrent,\n      \"data-testid\": dataTestId,\n      role = \"option\",\n      tooltipProps\n    }: ListItemProps,\n    ref: React.ForwardedRef<HTMLElement>\n  ) => {\n    const { updateFocusedItem } = useContext(ListContext);\n    const componentRef = useRef(null);\n    const mergedRef = useMergeRef(ref, componentRef);\n\n    useEffect(() => {\n      if (selected) {\n        updateFocusedItem?.(id);\n      }\n    }, [selected, id, updateFocusedItem]);\n\n    const componentOnClick = useCallback(\n      (event: React.MouseEvent | React.KeyboardEvent) => {\n        if (disabled) return;\n        onClick(event, id);\n      },\n      [disabled, onClick, id]\n    );\n\n    const onKeyboardSelect = useCallback((event: React.KeyboardEvent) => componentOnClick(event), [componentOnClick]);\n\n    useKeyEvent({\n      keys: SELECTION_KEYS,\n      ref: componentRef,\n      callback: onKeyboardSelect\n    });\n\n    const componentOnHover = useCallback(\n      (event: React.MouseEvent | React.FocusEvent) => {\n        if (disabled) return;\n        onHover(event, id);\n      },\n      [disabled, onHover, id]\n    );\n\n    return (\n      <Text\n        element={component}\n        data-testid={dataTestId || id}\n        ref={mergedRef}\n        className={cx(styles.listItem, className, getStyle(styles, camelCase(size)), {\n          [styles.selected]: selected && !disabled,\n          [styles.disabled]: disabled\n        })}\n        id={id}\n        type=\"text2\"\n        aria-disabled={disabled}\n        aria-selected={selected}\n        onClick={componentOnClick}\n        onMouseEnter={componentOnHover}\n        onFocus={componentOnHover}\n        role={role}\n        tabIndex={tabIndex}\n        aria-current={ariaCurrent}\n        tooltipProps={tooltipProps}\n      >\n        {children}\n      </Text>\n    );\n  }\n);\n\nObject.assign(ListItem, {\n  // Used by VirtualizedListItems\n  displayName: \"ListItem\"\n});\n\nexport default ListItem;\n"],"names":["ListItem","forwardRef","_ref","ref","className","id","_ref$component","component","_ref$onClick","onClick","NOOP","_ref$onHover","onHover","selected","_ref$disabled","disabled","_ref$size","size","SIZES","SMALL","_ref$tabIndex","tabIndex","children","ariaCurrent","dataTestId","_ref$role","role","tooltipProps","updateFocusedItem","useContext","ListContext","componentRef","useRef","mergedRef","useMergeRef","useEffect","componentOnClick","useCallback","event","onKeyboardSelect","useKeyEvent","keys","SELECTION_KEYS","callback","componentOnHover","React","createElement","Text","element","cx","styles","listItem","getStyle","camelCase","_defineProperty","type","onMouseEnter","onFocus","Object","assign","displayName"],"mappings":"m9BAsEMA,IAAAA,EAAWC,GACf,SAAAC,EAiBEC,GACE,IAhBAC,EAASF,EAATE,UACAC,EAAEH,EAAFG,GAAEC,EAAAJ,EACFK,UAAAA,OAAY,IAAHD,EAAG,MAAKA,EAAAE,EAAAN,EACjBO,QAAAA,OAAUC,IAAHF,EAAGE,EAAIF,EAAAG,EAAAT,EACdU,QAAAA,OAAUF,IAAHC,EAAGD,EAAIC,EACdE,EAAQX,EAARW,SAAQC,EAAAZ,EACRa,SAAAA,OAAW,IAAHD,GAAQA,EAAAE,EAAAd,EAChBe,KAAAA,OAAI,IAAAD,EAAGE,EAAMC,MAAKH,EAAAI,EAAAlB,EAClBmB,SAAAA,OAAW,IAAHD,EAAG,EAACA,EACZE,EAAQpB,EAARoB,SACgBC,EAAWrB,EAA3B,gBACesB,EAAUtB,EAAzB,eAAauB,EAAAvB,EACbwB,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EACfE,EAAYzB,EAAZyB,aAIMC,EAAsBC,EAAWC,GAAjCF,kBACFG,EAAeC,EAAO,MACtBC,EAAYC,EAAY/B,EAAK4B,GAEnCI,GAAU,WACJtB,IACFe,SAAAA,EAAoBvB,GAEvB,GAAE,CAACQ,EAAUR,EAAIuB,IAElB,IAAMQ,EAAmBC,GACvB,SAACC,GACKvB,GACJN,EAAQ6B,EAAOjC,EAChB,GACD,CAACU,EAAUN,EAASJ,IAGhBkC,EAAmBF,GAAY,SAACC,GAA0B,OAAKF,EAAiBE,KAAQ,CAACF,IAE/FI,EAAY,CACVC,KAAMC,EACNvC,IAAK4B,EACLY,SAAUJ,IAGZ,IAAMK,EAAmBP,GACvB,SAACC,GACKvB,GACJH,EAAQ0B,EAAOjC,EAChB,GACD,CAACU,EAAUH,EAASP,IAGtB,OACEwC,EAAAC,cAACC,EAAI,CACHC,QAASzC,EACI,cAAAiB,GAAcnB,EAC3BF,IAAK8B,EACL7B,UAAW6C,EAAGC,EAAOC,SAAU/C,EAAWgD,EAASF,EAAQG,EAAUpC,IAAMqC,EAAAA,EACxEJ,CAAAA,EAAAA,EAAOrC,SAAWA,IAAaE,GAC/BmC,EAAOnC,SAAWA,IAErBV,GAAIA,EACJkD,KAAK,QAAO,gBACGxC,EACA,gBAAAF,EACfJ,QAAS2B,EACToB,aAAcZ,EACda,QAASb,EACTlB,KAAMA,EACNL,SAAUA,iBACIE,EACdI,aAAcA,GAEbL,EAGP,IAGFoC,OAAOC,OAAO3D,EAAU,CAEtB4D,YAAa"}

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

@@ -1,2 +1,2 @@
-var e={listItem:"listItem_770bef51c4","focus-visible":"focus-visible_6f2b6d6a55",disabled:"disabled_d38ffa37a2",selected:"selected_7952e7d733",small:"small_a6d70071e2",medium:"medium_490ab6a6d1",large:"large_ebce8c69cb"};!function(e){const n="s_id-8402a299d384_3_86_0";if("undefined"!=typeof document){const l=document.head||document.getElementsByTagName("head")[0];if(l.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,l.firstChild?l.insertBefore(t,l.firstChild):l.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable selector-class-pattern */\n/* stylelint-disable */\n/* stylelint-enable */\n.listItem_770bef51c4 {\n  display: flex;\n  align-items: center;\n  padding: 8px 16px;\n  border-radius: 4px;\n  cursor: pointer;\n}\n.listItem_770bef51c4:focus-visible, .listItem_770bef51c4.focus-visible_6f2b6d6a55 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5) inset, 0 0 0 1px var(--primary-hover-color) inset;\n}\n.listItem_770bef51c4:focus:not(.focus-visible_6f2b6d6a55) {\n  outline: none;\n}\n.listItem_770bef51c4:hover {\n  background-color: var(--primary-background-hover-color);\n}\n.disabled_d38ffa37a2 {\n  cursor: not-allowed;\n}\n.disabled_d38ffa37a2:hover {\n  background-color: transparent;\n}\n.selected_7952e7d733 {\n  background-color: var(--primary-selected-color);\n}\n.selected_7952e7d733:hover {\n  background-color: var(--primary-selected-color);\n}\n.small_a6d70071e2 {\n  height: 32px;\n}\n.medium_490ab6a6d1 {\n  height: 40px;\n}\n.large_ebce8c69cb {\n  height: 48px;\n}");export{e as default};
+var e={listItem:"listItem_1fa818f2bf","focus-visible":"focus-visible_d67149d7f5",disabled:"disabled_7488c3d043",selected:"selected_00235f47af",small:"small_c92c01e5c1",medium:"medium_9c1663d113",large:"large_72a680d12a"};!function(e){const n="s_id-8402a299d384_4_0_0-alpha_0";if("undefined"!=typeof document){const l=document.head||document.getElementsByTagName("head")[0];if(l.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,l.firstChild?l.insertBefore(t,l.firstChild):l.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable selector-class-pattern */\n/* stylelint-disable */\n/* stylelint-enable */\n.listItem_1fa818f2bf {\n  display: flex;\n  align-items: center;\n  padding: 8px 16px;\n  border-radius: 4px;\n  cursor: pointer;\n}\n.listItem_1fa818f2bf:focus-visible, .listItem_1fa818f2bf.focus-visible_d67149d7f5 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5) inset, 0 0 0 1px var(--primary-hover-color) inset;\n}\n.listItem_1fa818f2bf:focus:not(.focus-visible_d67149d7f5) {\n  outline: none;\n}\n.listItem_1fa818f2bf:hover {\n  background-color: var(--primary-background-hover-color);\n}\n.disabled_7488c3d043 {\n  cursor: not-allowed;\n}\n.disabled_7488c3d043:hover {\n  background-color: transparent;\n}\n.selected_00235f47af {\n  background-color: var(--primary-selected-color);\n}\n.selected_00235f47af:hover {\n  background-color: var(--primary-selected-color);\n}\n.small_c92c01e5c1 {\n  height: 32px;\n}\n.medium_9c1663d113 {\n  height: 40px;\n}\n.large_72a680d12a {\n  height: 48px;\n}");export{e as default};
 //# sourceMappingURL=ListItem.module.scss.js.map

package/dist/src/components/ListItemAvatar/ListItemAvatar.js

@@ -1,2 +1,2 @@
-import t,{forwardRef as s,useRef as a}from"react";import r from"classnames";import e from"../../hooks/useMergeRef.js";import{withStaticProps as m}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import o from"../Avatar/Avatar.js";import{ListItemComponentType as i}from"../ListItem/ListItemConstants.js";import l from"./ListItemAvatar.module.scss.js";var c=m(s((function(s,m){var i=s.className,c=s.id,p=s.src,n=s.avatarClassName,f=s.component,v=void 0===f?"div":f,d=a(null),u=e(m,d);return t.createElement(v,{ref:u,className:r(l.listItemAvatar,i),id:c,"aria-hidden":"true"},t.createElement(o,{src:p,type:"img",size:"small",className:r(l.avatar,n)}))})),{components:i});export{c as default};
+import a,{forwardRef as e,useRef as r}from"react";import t from"classnames";import s from"../../hooks/useMergeRef.js";import m from"../Avatar/Avatar.js";import o from"./ListItemAvatar.module.scss.js";var i=e((function(e,i){var l=e.className,c=e.id,n=e.src,v=e.avatarClassName,f=e.component,d=void 0===f?"div":f,p=r(null),u=s(i,p);return a.createElement(d,{ref:u,className:t(o.listItemAvatar,l),id:c,"aria-hidden":"true"},a.createElement(m,{src:n,type:"img",size:"small",className:t(o.avatar,v)}))}));export{i as default};
 //# sourceMappingURL=ListItemAvatar.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ListItemAvatar.js","sources":["../../../../src/components/ListItemAvatar/ListItemAvatar.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from \"react\";\nimport cx from \"classnames\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { type VibeComponentProps, withStaticProps } from \"../../types\";\nimport Avatar from \"../Avatar/Avatar\";\nimport { ListItemComponentType as ListItemComponentTypeEnum } from \"../ListItem/ListItemConstants\";\nimport { type ListItemElement } from \"../ListItem\";\nimport styles from \"./ListItemAvatar.module.scss\";\n\nexport interface ListItemAvatarProps extends VibeComponentProps {\n  /**\n   * The HTML element used for the list item avatar.\n   */\n  component?: ListItemElement;\n  /**\n   * The source URL of the avatar image.\n   */\n  src?: string;\n  /**\n   * Class name applied to the avatar.\n   */\n  avatarClassName?: string;\n}\n\nconst ListItemAvatar = forwardRef(\n  (\n    { className, id, src, avatarClassName, component: Component = \"div\" }: ListItemAvatarProps,\n    ref: React.ForwardedRef<HTMLElement>\n  ) => {\n    const componentRef = useRef(null);\n    const mergedRef = useMergeRef(ref, componentRef);\n\n    return (\n      <Component ref={mergedRef} className={cx(styles.listItemAvatar, className)} id={id} aria-hidden=\"true\">\n        <Avatar src={src} type=\"img\" size=\"small\" className={cx(styles.avatar, avatarClassName)} />\n      </Component>\n    );\n  }\n);\n\ninterface ListItemAvatarStaticProps {\n  components: typeof ListItemComponentTypeEnum;\n}\n\nexport default withStaticProps<ListItemAvatarProps, ListItemAvatarStaticProps>(ListItemAvatar, {\n  components: ListItemComponentTypeEnum\n});\n"],"names":["withStaticProps","forwardRef","_ref","ref","className","id","src","avatarClassName","_ref$component","component","Component","componentRef","useRef","mergedRef","useMergeRef","React","cx","styles","listItemAvatar","createElement","Avatar","type","size","avatar","components","ListItemComponentTypeEnum"],"mappings":"yXAwBA,IAoBeA,EAAAA,EApBQC,GACrB,SAAAC,EAEEC,GACE,IAFAC,EAASF,EAATE,UAAWC,EAAEH,EAAFG,GAAIC,EAAGJ,EAAHI,IAAKC,EAAeL,EAAfK,gBAAeC,EAAAN,EAAEO,UAAWC,OAAY,IAAHF,EAAG,MAAKA,EAG7DG,EAAeC,EAAO,MACtBC,EAAYC,EAAYX,EAAKQ,GAEnC,OACEI,gBAACL,EAAS,CAACP,IAAKU,EAAWT,UAAWY,EAAGC,EAAOC,eAAgBd,GAAYC,GAAIA,EAAE,cAAc,QAC9FU,EAACI,cAAAC,EAAO,CAAAd,IAAKA,EAAKe,KAAK,MAAMC,KAAK,QAAQlB,UAAWY,EAAGC,EAAOM,OAAQhB,KAG7E,IAO6F,CAC7FiB,WAAYC"}
+{"version":3,"file":"ListItemAvatar.js","sources":["../../../../src/components/ListItemAvatar/ListItemAvatar.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from \"react\";\nimport cx from \"classnames\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { type VibeComponentProps } from \"../../types\";\nimport Avatar from \"../Avatar/Avatar\";\nimport { type ListItemElement } from \"../ListItem\";\nimport styles from \"./ListItemAvatar.module.scss\";\n\nexport interface ListItemAvatarProps extends VibeComponentProps {\n  /**\n   * The HTML element used for the list item avatar.\n   */\n  component?: ListItemElement;\n  /**\n   * The source URL of the avatar image.\n   */\n  src?: string;\n  /**\n   * Class name applied to the avatar.\n   */\n  avatarClassName?: string;\n}\n\nconst ListItemAvatar = forwardRef(\n  (\n    { className, id, src, avatarClassName, component: Component = \"div\" }: ListItemAvatarProps,\n    ref: React.ForwardedRef<HTMLElement>\n  ) => {\n    const componentRef = useRef(null);\n    const mergedRef = useMergeRef(ref, componentRef);\n\n    return (\n      <Component ref={mergedRef} className={cx(styles.listItemAvatar, className)} id={id} aria-hidden=\"true\">\n        <Avatar src={src} type=\"img\" size=\"small\" className={cx(styles.avatar, avatarClassName)} />\n      </Component>\n    );\n  }\n);\n\nexport default ListItemAvatar;\n"],"names":["ListItemAvatar","forwardRef","_ref","ref","className","id","src","avatarClassName","_ref$component","component","Component","componentRef","useRef","mergedRef","useMergeRef","React","cx","styles","listItemAvatar","createElement","Avatar","type","size","avatar"],"mappings":"wMAuBMA,IAAAA,EAAiBC,GACrB,SAAAC,EAEEC,GACE,IAFAC,EAASF,EAATE,UAAWC,EAAEH,EAAFG,GAAIC,EAAGJ,EAAHI,IAAKC,EAAeL,EAAfK,gBAAeC,EAAAN,EAAEO,UAAWC,OAAY,IAAHF,EAAG,MAAKA,EAG7DG,EAAeC,EAAO,MACtBC,EAAYC,EAAYX,EAAKQ,GAEnC,OACEI,gBAACL,EAAS,CAACP,IAAKU,EAAWT,UAAWY,EAAGC,EAAOC,eAAgBd,GAAYC,GAAIA,EAAE,cAAc,QAC9FU,EAACI,cAAAC,EAAO,CAAAd,IAAKA,EAAKe,KAAK,MAAMC,KAAK,QAAQlB,UAAWY,EAAGC,EAAOM,OAAQhB,KAG7E"}

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

@@ -1,2 +1,2 @@
-var e={listItemAvatar:"listItemAvatar_8358681267",avatar:"avatar_f002ed6497"};!function(e){const t="s_id-64054545c9e6_3_86_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.listItemAvatar_8358681267 {\n  display: flex;\n  align-items: center;\n  color: var(--primary-text-color);\n}\n.avatar_f002ed6497 {\n  width: 22px;\n  height: 22px;\n  margin-right: var(--spacing-small);\n}");export{e as default};
+var e={listItemAvatar:"listItemAvatar_180613c42d",avatar:"avatar_259d47e749"};!function(e){const t="s_id-4e549e461b77_4_0_0-alpha_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.listItemAvatar_180613c42d {\n  display: flex;\n  align-items: center;\n  color: var(--primary-text-color);\n}\n.avatar_259d47e749 {\n  width: 22px;\n  height: 22px;\n  margin-inline-end: var(--space-8);\n}");export{e as default};
 //# sourceMappingURL=ListItemAvatar.module.scss.js.map

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

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

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

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

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

@@ -1,2 +1,2 @@
-var e={listItemIcon:"listItemIcon_8358681267",start:"start_27531df33a",end:"end_ff4a2bf3f9"};!function(e){const t="s_id-0831d1bc0202_3_86_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const l=document.createElement("style");l.id=t,n.firstChild?n.insertBefore(l,n.firstChild):n.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.listItemIcon_8358681267 {\n  display: flex;\n  align-items: center;\n  color: var(--primary-text-color);\n}\n.start_27531df33a {\n  margin-right: var(--spacing-small);\n}\n.end_ff4a2bf3f9 {\n  margin-left: var(--spacing-small);\n}");export{e as default};
+var e={listItemIcon:"listItemIcon_180613c42d",start:"start_4006417eb3",end:"end_b0643c4840"};!function(e){const n="s_id-1b4ecdbffa23_4_0_0-alpha_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.listItemIcon_180613c42d {\n  display: flex;\n  align-items: center;\n  color: var(--primary-text-color);\n}\n.start_4006417eb3 {\n  margin-inline-end: var(--space-8);\n}\n.end_b0643c4840 {\n  margin-inline-start: var(--space-8);\n}");export{e as default};
 //# sourceMappingURL=ListItemIcon.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={listTitle:"listTitle_7496306508"};!function(e){const t="s_id-d4e0bfe7508e_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)}("/* stylelint-disable */\n/* stylelint-enable */\n.listTitle_7496306508 {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  padding: var(--spacing-medium) var(--spacing-medium) var(--spacing-small);\n  border-radius: var(--border-radius-small);\n}");export{e as default};
+var e={listTitle:"listTitle_b69bb31ae4"};!function(e){const t="s_id-76c16cf3efba_4_0_0-alpha_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)}("/* stylelint-disable */\n/* stylelint-enable */\n.listTitle_b69bb31ae4 {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  padding: var(--space-16) var(--space-16) var(--space-8);\n  border-radius: var(--border-radius-small);\n}");export{e as default};
 //# sourceMappingURL=ListTitle.module.scss.js.map