@vibe/core 4.5.8 → 4.5.9

package/dist/components/AvatarGroup/AvatarGroup.types.d.ts

@@ -1,4 +1,4 @@
-import { type CounterColor } from "../Counter/Counter.types";
+import { type CounterColor } from "@vibe/counter";
 export type AvatarGroupCounterVisualProps = {
     color?: Extract<CounterColor, "light" | "dark">;
     count?: number;

package/dist/components/Badge/Badge.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import { type BadgeAlignments, type BadgeAnchor, type BadgeType } from "./Badge.types";
 import { type IndicatorProps } from "./Indicator/Indicator";
-import { type CounterProps } from "../Counter/Counter";
+import { type CounterProps } from "@vibe/counter";
 import { type VibeComponentProps } from "../../types";
 export interface BadgeBaseProps extends VibeComponentProps {
     /**

package/dist/components/counter/dist/Counter/Counter.js

@@ -0,0 +1,2 @@
+import{slicedToArray as e,defineProperty as t}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import{camelCase as i}from"es-toolkit";import r from"classnames";import o,{useState as a,useRef as s,useCallback as n,useEffect as d,useMemo as l}from"react";import{SwitchTransition as m,CSSTransition as c}from"react-transition-group";import u from"./Counter.module.scss.js";import f from"../../../../hooks/dist/useAfterFirstRender/index.js";import{useEventListener as v}from"../../../../shared/dist/hooks/useEventListener.js";import{getStyle as p}from"../../../../shared/dist/utils/typesciptCssModulesHelper.js";import{getTestId as E}from"../../../../shared/dist/tests/test-ids-utils.js";import{ComponentDefaultTestId as b,ComponentVibeId as h}from"../../../../shared/dist/tests/constants.js";import{NOOP as x}from"../../../../shared/dist/utils/function-utils.js";var N=function(N){var j=N.className,A=N.counterClassName,k=N.count,y=void 0===k?0:k,g=N.size,C=void 0===g?"large":g,M=N.kind,R=void 0===M?"fill":M,w=N.color,T=void 0===w?"primary":w,D=N.maxDigits,L=void 0===D?3:D,O=N["aria-labelledby"],U=void 0===O?"":O,z=N["aria-label"],H=void 0===z?"":z,P=N.id,_=void 0===P?"":P,B=N.prefix,F=void 0===B?"":B,q=N.onMouseDown,G=void 0===q?x:q,I=N.noAnimation,J=void 0!==I&&I,K=N["data-testid"],Q=a(!1),S=e(Q,2),V=S[0],W=S[1],X=s(null),Y=s(null),Z=n((function(){W(!0)}),[W]),$=n((function(){W(!1)}),[W]);v({eventName:"animationend",callback:$,ref:X});var ee=f();d((function(){ee.current&&Z()}),[y,ee,Z]),d((function(){L>0||console.error("Max digits must be a positive number")}),[L]);var te=l((function(){return r(u.counter,p(u,i("size-"+C)),p(u,i("kind-"+R)),p(u,i("color-"+T)),t({},u.withAnimation,V),A)}),[C,R,T,V,A]),ie="counter"+(_?"-"+_:""),re=(null==y?void 0:(""+y).length)>L?Math.pow(10,L)-1+"+":y+"",oe=o.createElement("span",{id:ie,"data-testid":K||E(b.COUNTER,_)},F+re);return o.createElement("span",{className:j,"aria-label":"".concat(H," ").concat(re),"aria-labelledby":U,onMouseDown:G,"data-vibe":h.COUNTER},o.createElement("div",{className:te,"aria-label":re,ref:X},J?oe:o.createElement(m,{mode:"out-in"},o.createElement(c,{key:re,nodeRef:Y,classNames:{enter:u.fadeEnter,enterActive:u.fadeEnterActive,exit:u.fadeExit,exitActive:u.fadeExitActive},addEndListener:function(e){var t;null===(t=Y.current)||void 0===t||t.addEventListener("transitionend",e,!1)}},o.createElement("span",{ref:Y,id:ie,"data-testid":K||E(b.COUNTER,_)},F+re)))))};export{N as default};
+//# sourceMappingURL=Counter.js.map

package/dist/components/counter/dist/Counter/Counter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Counter.js","sources":["../../../../../../components/counter/dist/Counter/Counter.js"],"sourcesContent":["import{camelCase as e}from\"es-toolkit\";import{useEventListener as t,getStyle as a,getTestId as r,ComponentDefaultTestId as i,ComponentVibeId as n,NOOP as o}from\"@vibe/shared\";import s from\"classnames\";import l,{useState as m,useRef as d,useCallback as c,useEffect as u,useMemo as f}from\"react\";import{SwitchTransition as p,CSSTransition as E}from\"react-transition-group\";import{useAfterFirstRender as v}from\"@vibe/hooks\";import b from\"./Counter.module.scss.js\";const N=({className:N,counterClassName:x,count:k=0,size:A=\"large\",kind:g=\"fill\",color:h=\"primary\",maxDigits:C=3,\"aria-labelledby\":w=\"\",\"aria-label\":y=\"\",id:M=\"\",prefix:R=\"\",onMouseDown:D=o,noAnimation:O=!1,\"data-testid\":T})=>{const[U,z]=m(!1),L=d(null),$=d(null),j=c((()=>{z(!0)}),[z]),q=c((()=>{z(!1)}),[z]);t({eventName:\"animationend\",callback:q,ref:L});const B=v();u((()=>{B.current&&j()}),[k,B,j]),u((()=>{C>0||console.error(\"Max digits must be a positive number\")}),[C]);const F=f((()=>s(b.counter,a(b,e(\"size-\"+A)),a(b,e(\"kind-\"+g)),a(b,e(\"color-\"+h)),{[b.withAnimation]:U},x)),[A,g,h,U,x]),G=\"counter\"+(M?\"-\"+M:\"\"),H=(null==k?void 0:(\"\"+k).length)>C?Math.pow(10,C)-1+\"+\":k+\"\",I=l.createElement(\"span\",{id:G,\"data-testid\":T||r(i.COUNTER,M)},R+H);return l.createElement(\"span\",{className:N,\"aria-label\":`${y} ${H}`,\"aria-labelledby\":w,onMouseDown:D,\"data-vibe\":n.COUNTER},l.createElement(\"div\",{className:F,\"aria-label\":H,ref:L},O?I:l.createElement(p,{mode:\"out-in\"},l.createElement(E,{key:H,nodeRef:$,classNames:{enter:b.fadeEnter,enterActive:b.fadeEnterActive,exit:b.fadeExit,exitActive:b.fadeExitActive},addEndListener:e=>{var t;null===(t=$.current)||void 0===t||t.addEventListener(\"transitionend\",e,!1)}},l.createElement(\"span\",{ref:$,id:G,\"data-testid\":T||r(i.COUNTER,M)},R+H)))))};export{N as default};\n//# sourceMappingURL=Counter.js.map\n"],"names":["N","_ref","className","x","counterClassName","_ref$count","count","k","_ref$size","size","A","_ref$kind","kind","g","_ref$color","color","h","_ref$maxDigits","maxDigits","C","_ref$ariaLabelledby","w","_ref$ariaLabel","y","_ref$id","id","M","_ref$prefix","prefix","R","_ref$onMouseDown","onMouseDown","D","o","_ref$noAnimation","noAnimation","O","T","_m","m","_m2","_slicedToArray","U","z","L","d","$","j","c","q","t","eventName","callback","ref","B","v","u","current","console","error","F","f","s","b","counter","a","e","_defineProperty","withAnimation","G","H","length","Math","pow","I","l","createElement","r","i","COUNTER","concat","n","p","mode","E","key","nodeRef","classNames","enter","fadeEnter","enterActive","fadeEnterActive","exit","fadeExit","exitActive","fadeExitActive","addEndListener","addEventListener"],"mappings":"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"}

package/dist/components/counter/dist/Counter/Counter.module.scss.js

@@ -0,0 +1,2 @@
+var n={counter:"counter_923a07e385",withAnimation:"withAnimation_94ea5e3954",counterPopElastic:"counterPopElastic_39c0ab7d1c",sizeXs:"sizeXs_b3f20780a6",sizeSmall:"sizeSmall_091a5b8673",sizeLarge:"sizeLarge_86529c5ab4",kindFill:"kindFill_79fa32a24c",colorPrimary:"colorPrimary_48043c4513",colorDark:"colorDark_0bae6311b3",colorNegative:"colorNegative_7acfd36119",colorLight:"colorLight_9f71a9d2a8",kindLine:"kindLine_54411bddb6",fadeEnter:"fadeEnter_a9db1938fe",fadeEnterActive:"fadeEnterActive_bea322632a",fadeExit:"fadeExit_18c9e5f4cc",fadeExitActive:"fadeExitActive_de29bd46b6","counter-pop-elastic":"counter-pop-elastic_4018c71e1c"};!function(n){var o="s_id-89bb3525c38e_4_0_0";if("undefined"!=typeof document){var e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+o))return;var t=document.createElement("style");t.id=o,e.firstChild?e.insertBefore(t,e.firstChild):e.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=n)}("/* stylelint-disable */\n/* stylelint-enable */\n.counter_923a07e385 {\n  display: inline-flex;\n  justify-content: center;\n  border-radius: 30px;\n  overflow: hidden;\n  transform-origin: center;\n}\n@keyframes counter-pop-elastic_4018c71e1c {\n  0% {\n    transform: scale(1);\n  }\n  33% {\n    transform: scale(1.2);\n  }\n  66% {\n    transform: scale(0.9);\n  }\n  100% {\n    transform: scale(1);\n  }\n}\n.withAnimation_94ea5e3954 {\n  animation: counterPopElastic_39c0ab7d1c var(--motion-expressive-short);\n}\n.sizeXs_b3f20780a6 {\n  font: var(--font-text3-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  min-width: 18px;\n  line-height: 18px;\n  padding: 0 var(--space-8);\n}\n.sizeSmall_091a5b8673 {\n  font: var(--font-text2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  min-width: 18px;\n  line-height: 18px;\n  padding: 0 var(--space-8);\n}\n.sizeLarge_86529c5ab4 {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text2-normal);\n  min-width: 24px;\n  padding: 2px var(--space-8);\n}\n.kindFill_79fa32a24c.colorPrimary_48043c4513 {\n  color: var(--fixed-light-color);\n  background-color: var(--primary-color);\n}\n.kindFill_79fa32a24c.colorDark_0bae6311b3 {\n  color: var(--text-color-on-inverted);\n  background-color: var(--inverted-color-background);\n}\n.kindFill_79fa32a24c.colorNegative_7acfd36119 {\n  color: var(--fixed-light-color);\n  background-color: var(--negative-color);\n}\n.kindFill_79fa32a24c.colorLight_9f71a9d2a8 {\n  color: var(--primary-text-color);\n  background-color: var(--ui-background-color);\n}\n.kindLine_54411bddb6 {\n  box-shadow: 0 0 0 1px currentColor inset;\n}\n.kindLine_54411bddb6.colorPrimary_48043c4513 {\n  color: var(--primary-color);\n}\n.kindLine_54411bddb6.colorDark_0bae6311b3 {\n  color: var(--inverted-color-background);\n}\n.kindLine_54411bddb6.colorNegative_7acfd36119 {\n  color: var(--negative-color);\n}\n.kindLine_54411bddb6.colorLight_9f71a9d2a8 {\n  color: var(--primary-text-color);\n  box-shadow: 0 0 0 1px var(--ui-background-color) inset !important;\n}\n/* New number enters */\n.fadeEnter_a9db1938fe {\n  opacity: 0;\n  transform: translateY(15px);\n}\n.fadeEnterActive_bea322632a {\n  position: relative;\n  opacity: 1;\n  transition: transform var(--motion-productive-long) var(--motion-timing-enter), opacity var(--motion-productive-short);\n  transform: translateY(0);\n}\n/* Old number exits */\n.fadeExit_18c9e5f4cc {\n  position: relative;\n  opacity: 1;\n  transform: translateY(0);\n}\n.fadeExitActive_de29bd46b6 {\n  position: relative;\n  opacity: 0;\n  transform: translateY(-15px);\n  transition: transform var(--motion-productive-long) var(--motion-timing-exit), opacity var(--motion-productive-short);\n}");export{n as default};
+//# sourceMappingURL=Counter.module.scss.js.map

package/dist/components/index.d.ts

@@ -12,7 +12,7 @@ export * from "./Chips";
 export { Clickable, type ClickableProps, useClickableProps } from "@vibe/clickable";
 export * from "./ColorPicker";
 export * from "./Combobox";
-export * from "./Counter";
+export * from "@vibe/counter";
 export * from "./DatePicker";
 export { Dialog, DialogContentContainer, type DialogProps, type DialogContentContainerProps, type DialogType, type DialogSize, type DialogPosition, type DialogTriggerEvent, type DialogAnimationType, type DialogOffset, type DialogEvent } from "@vibe/dialog";
 export * from "@vibe/divider";
@@ -44,7 +44,7 @@ export * from "./NumberField";
 export * from "./Modal";
 export * from "./MultiStepIndicator";
 export * from "@vibe/progress-bars";
-export * from "./RadioButton";
+export * from "@vibe/radio-button";
 export * from "./Search";
 export * from "./Skeleton";
 export * from "./Slider";

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

@@ -1,2 +1,2 @@
-var e={clickableWrapper:"clickableWrapper_01b5c8b0c9","focus-visible":"focus-visible_fb70ab87b8",label:"label_ca69c5fc1b",small:"small_0e20acfdc2",withLeg:"withLeg_190fe02246",legWrapper:"legWrapper_3c648b5e66",kindFill:"kindFill_624f26afd9",colorPrimary:"colorPrimary_bc18f03e0f",clickable:"clickable_51d0fb0e8c",colorDark:"colorDark_2bd80ed3de",colorNegative:"colorNegative_095e6e077b",colorPositive:"colorPositive_2f08df895a",kindLine:"kindLine_deabdd2e61",smallText:"smallText_772b5efdf1"};!function(e){var r="s_id-7ba6c6dd9512_4_0_0";if("undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+r))return;var o=document.createElement("style");o.id=r,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.clickableWrapper_01b5c8b0c9 {\n  cursor: pointer;\n}\n.clickableWrapper_01b5c8b0c9:focus-visible, .clickableWrapper_01b5c8b0c9.focus-visible_fb70ab87b8 {\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_01b5c8b0c9:focus:not(.focus-visible_fb70ab87b8) {\n  outline: none;\n}\n.clickableWrapper_01b5c8b0c9:active {\n  transform: scale(0.95) translate3d(0, 0, 0);\n  transition: var(--motion-productive-short) transform;\n}\n.label_ca69c5fc1b {\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_ca69c5fc1b.small_0e20acfdc2 {\n  padding: 0 var(--space-4);\n  border-radius: 2px;\n}\n.withLeg_190fe02246 {\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_3c648b5e66 {\n  position: absolute;\n  height: 8px;\n  top: 100%;\n  inset-inline-start: 0;\n  display: inline-flex;\n}\n.kindFill_624f26afd9.colorPrimary_bc18f03e0f {\n  background-color: var(--primary-color);\n}\n.kindFill_624f26afd9.colorPrimary_bc18f03e0f svg path {\n  fill: var(--primary-color);\n}\n.kindFill_624f26afd9.colorPrimary_bc18f03e0f.clickable_51d0fb0e8c:hover, .kindFill_624f26afd9.colorPrimary_bc18f03e0f.clickable_51d0fb0e8c:active {\n  background-color: var(--primary-hover-color);\n}\n.kindFill_624f26afd9.colorDark_2bd80ed3de {\n  background-color: var(--inverted-color-background);\n}\n.kindFill_624f26afd9.colorDark_2bd80ed3de svg path {\n  fill: var(--inverted-color-background);\n}\n.kindFill_624f26afd9.colorNegative_095e6e077b {\n  background-color: var(--negative-color);\n}\n.kindFill_624f26afd9.colorNegative_095e6e077b svg path {\n  fill: var(--negative-color);\n}\n.kindFill_624f26afd9.colorNegative_095e6e077b.clickable_51d0fb0e8c:hover, .kindFill_624f26afd9.colorNegative_095e6e077b.clickable_51d0fb0e8c:active {\n  background-color: var(--negative-color-hover);\n}\n.kindFill_624f26afd9.colorPositive_2f08df895a {\n  background-color: var(--positive-color);\n}\n.kindFill_624f26afd9.colorPositive_2f08df895a svg path {\n  fill: var(--positive-color);\n}\n.kindFill_624f26afd9.colorPositive_2f08df895a.clickable_51d0fb0e8c:hover, .kindFill_624f26afd9.colorPositive_2f08df895a.clickable_51d0fb0e8c:active {\n  background-color: var(--positive-color-hover);\n}\n.kindLine_deabdd2e61 {\n  border: 1px solid currentColor;\n  padding: 1px var(--space-8);\n}\n.kindLine_deabdd2e61 .legWrapper_3c648b5e66 {\n  inset-inline-start: -1px;\n  top: calc(100% + 1px);\n}\n.kindLine_deabdd2e61.colorPrimary_bc18f03e0f {\n  color: var(--primary-color);\n}\n.kindLine_deabdd2e61.colorPrimary_bc18f03e0f svg path {\n  fill: var(--primary-color);\n}\n.kindLine_deabdd2e61.colorPrimary_bc18f03e0f.clickable_51d0fb0e8c:hover, .kindLine_deabdd2e61.colorPrimary_bc18f03e0f.clickable_51d0fb0e8c:active {\n  background-color: var(--primary-background-hover-color);\n}\n.kindLine_deabdd2e61.colorDark_2bd80ed3de {\n  color: var(--inverted-color-background);\n}\n.kindLine_deabdd2e61.colorDark_2bd80ed3de svg path {\n  fill: var(--inverted-color-background);\n}\n.kindLine_deabdd2e61.colorDark_2bd80ed3de.clickable_51d0fb0e8c:hover, .kindLine_deabdd2e61.colorDark_2bd80ed3de.clickable_51d0fb0e8c:active {\n  background-color: var(--primary-background-hover-color);\n}\n.kindLine_deabdd2e61.colorNegative_095e6e077b {\n  color: var(--negative-color);\n}\n.kindLine_deabdd2e61.colorNegative_095e6e077b svg path {\n  fill: var(--negative-color);\n}\n.kindLine_deabdd2e61.colorNegative_095e6e077b.clickable_51d0fb0e8c:hover, .kindLine_deabdd2e61.colorNegative_095e6e077b.clickable_51d0fb0e8c:active {\n  background-color: var(--negative-color-selected);\n}\n.kindLine_deabdd2e61.colorPositive_2f08df895a {\n  color: var(--positive-color);\n}\n.kindLine_deabdd2e61.colorPositive_2f08df895a svg path {\n  fill: var(--positive-color);\n}\n.kindLine_deabdd2e61.colorPositive_2f08df895a.clickable_51d0fb0e8c:hover, .kindLine_deabdd2e61.colorPositive_2f08df895a.clickable_51d0fb0e8c:active {\n  background-color: var(--positive-color-selected);\n}\n.kindLine_deabdd2e61 .smallText_772b5efdf1 {\n  line-height: 14px;\n}");export{e as default};
+var e={clickableWrapper:"clickableWrapper_23ca2fff50","focus-visible":"focus-visible_31ee638e26",label:"label_fec5a26f2a",small:"small_c38c05d8f1",withLeg:"withLeg_4f2af76f53",legWrapper:"legWrapper_7d05998977",kindFill:"kindFill_f17b2159df",colorPrimary:"colorPrimary_c2fad6531e",clickable:"clickable_e214ecafa9",colorDark:"colorDark_eef5249613",colorNegative:"colorNegative_b983ad52b8",colorPositive:"colorPositive_826f99de95",kindLine:"kindLine_3922b846a7",smallText:"smallText_abe7ec4d4f"};!function(e){var a="s_id-7ba6c6dd9512_4_0_1";if("undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+a))return;var n=document.createElement("style");n.id=a,r.firstChild?r.insertBefore(n,r.firstChild):r.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.clickableWrapper_23ca2fff50 {\n  cursor: pointer;\n}\n.clickableWrapper_23ca2fff50:focus-visible, .clickableWrapper_23ca2fff50.focus-visible_31ee638e26 {\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_23ca2fff50:focus:not(.focus-visible_31ee638e26) {\n  outline: none;\n}\n.clickableWrapper_23ca2fff50:active {\n  transform: scale(0.95) translate3d(0, 0, 0);\n  transition: var(--motion-productive-short) transform;\n}\n.label_fec5a26f2a {\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_fec5a26f2a.small_c38c05d8f1 {\n  padding: 0 var(--space-4);\n  border-radius: 2px;\n}\n.withLeg_4f2af76f53 {\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_7d05998977 {\n  position: absolute;\n  height: 8px;\n  top: 100%;\n  inset-inline-start: 0;\n  display: inline-flex;\n}\n.kindFill_f17b2159df.colorPrimary_c2fad6531e {\n  background-color: var(--primary-color);\n}\n.kindFill_f17b2159df.colorPrimary_c2fad6531e svg path {\n  fill: var(--primary-color);\n}\n.kindFill_f17b2159df.colorPrimary_c2fad6531e.clickable_e214ecafa9:hover, .kindFill_f17b2159df.colorPrimary_c2fad6531e.clickable_e214ecafa9:active {\n  background-color: var(--primary-hover-color);\n}\n.kindFill_f17b2159df.colorDark_eef5249613 {\n  background-color: var(--inverted-color-background);\n}\n.kindFill_f17b2159df.colorDark_eef5249613 svg path {\n  fill: var(--inverted-color-background);\n}\n.kindFill_f17b2159df.colorNegative_b983ad52b8 {\n  background-color: var(--negative-color);\n}\n.kindFill_f17b2159df.colorNegative_b983ad52b8 svg path {\n  fill: var(--negative-color);\n}\n.kindFill_f17b2159df.colorNegative_b983ad52b8.clickable_e214ecafa9:hover, .kindFill_f17b2159df.colorNegative_b983ad52b8.clickable_e214ecafa9:active {\n  background-color: var(--negative-color-hover);\n}\n.kindFill_f17b2159df.colorPositive_826f99de95 {\n  background-color: var(--positive-color);\n}\n.kindFill_f17b2159df.colorPositive_826f99de95 svg path {\n  fill: var(--positive-color);\n}\n.kindFill_f17b2159df.colorPositive_826f99de95.clickable_e214ecafa9:hover, .kindFill_f17b2159df.colorPositive_826f99de95.clickable_e214ecafa9:active {\n  background-color: var(--positive-color-hover);\n}\n.kindLine_3922b846a7 {\n  border: 1px solid currentColor;\n  padding: 1px var(--space-8);\n}\n.kindLine_3922b846a7 .legWrapper_7d05998977 {\n  inset-inline-start: -1px;\n  top: calc(100% + 1px);\n}\n.kindLine_3922b846a7.colorPrimary_c2fad6531e {\n  color: var(--primary-color);\n}\n.kindLine_3922b846a7.colorPrimary_c2fad6531e svg path {\n  fill: var(--primary-color);\n}\n.kindLine_3922b846a7.colorPrimary_c2fad6531e.clickable_e214ecafa9:hover, .kindLine_3922b846a7.colorPrimary_c2fad6531e.clickable_e214ecafa9:active {\n  background-color: var(--primary-background-hover-color);\n}\n.kindLine_3922b846a7.colorDark_eef5249613 {\n  color: var(--inverted-color-background);\n}\n.kindLine_3922b846a7.colorDark_eef5249613 svg path {\n  fill: var(--inverted-color-background);\n}\n.kindLine_3922b846a7.colorDark_eef5249613.clickable_e214ecafa9:hover, .kindLine_3922b846a7.colorDark_eef5249613.clickable_e214ecafa9:active {\n  background-color: var(--primary-background-hover-color);\n}\n.kindLine_3922b846a7.colorNegative_b983ad52b8 {\n  color: var(--negative-color);\n}\n.kindLine_3922b846a7.colorNegative_b983ad52b8 svg path {\n  fill: var(--negative-color);\n}\n.kindLine_3922b846a7.colorNegative_b983ad52b8.clickable_e214ecafa9:hover, .kindLine_3922b846a7.colorNegative_b983ad52b8.clickable_e214ecafa9:active {\n  background-color: var(--negative-color-selected);\n}\n.kindLine_3922b846a7.colorPositive_826f99de95 {\n  color: var(--positive-color);\n}\n.kindLine_3922b846a7.colorPositive_826f99de95 svg path {\n  fill: var(--positive-color);\n}\n.kindLine_3922b846a7.colorPositive_826f99de95.clickable_e214ecafa9:hover, .kindLine_3922b846a7.colorPositive_826f99de95.clickable_e214ecafa9:active {\n  background-color: var(--positive-color-selected);\n}\n.kindLine_3922b846a7 .smallText_abe7ec4d4f {\n  line-height: 14px;\n}");export{e as default};
 //# sourceMappingURL=Label.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={celebration:"celebration_87c2886020",svg:"svg_ed6a10baa5",stroke:"stroke_a0dc03f2b8","stroke-rotate":"stroke-rotate_db8471105b",base:"base_9837b17d6c",fade:"fade_3e1e47245b",first:"first_56af4a9a61",second:"second_ff0f63c207",third:"third_a44f1f8f0d","gradient-text-fill":"gradient-text-fill_52fa9469df"};!function(e){var n="s_id-f81803454b25_4_0_0";if("undefined"!=typeof document){var a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;var 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_87c2886020 {\n  --container-perimeter: 840;\n  position: relative;\n}\n.celebration_87c2886020 .svg_ed6a10baa5 {\n  position: absolute;\n  top: 0;\n  inset-inline-start: 0;\n  height: 100%;\n  width: 100%;\n}\n.celebration_87c2886020 .svg_ed6a10baa5 .stroke_a0dc03f2b8 {\n  fill: none;\n  stroke-width: 1;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  animation: stroke-rotate_db8471105b cubic-bezier(0.33, 0, 0.67, 1) forwards;\n  stroke-dasharray: var(--container-perimeter);\n  stroke-dashoffset: var(--container-perimeter);\n}\n.celebration_87c2886020 .svg_ed6a10baa5 .stroke_a0dc03f2b8.base_9837b17d6c {\n  stroke: var(--color-egg_yolk);\n  animation: fade_3e1e47245b 200ms linear forwards;\n  animation-delay: 80ms;\n  stroke-dasharray: 0;\n  stroke-dashoffset: 0;\n  opacity: 0;\n}\n.celebration_87c2886020 .svg_ed6a10baa5 .stroke_a0dc03f2b8.first_56af4a9a61 {\n  stroke: var(--color-done-green);\n  animation-delay: 80ms;\n  animation-duration: 320ms;\n}\n.celebration_87c2886020 .svg_ed6a10baa5 .stroke_a0dc03f2b8.second_ff0f63c207 {\n  stroke: var(--color-stuck-red);\n  animation-delay: 200ms;\n  animation-duration: 320ms;\n}\n.celebration_87c2886020 .svg_ed6a10baa5 .stroke_a0dc03f2b8.third_a44f1f8f0d {\n  stroke: var(--primary-color);\n  animation-delay: 360ms;\n  animation-duration: 320ms;\n}\n.celebration_87c2886020.celebration_87c2886020 [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_52fa9469df 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_3e1e47245b {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n@keyframes stroke-rotate_db8471105b {\n  to {\n    stroke-dashoffset: 0;\n  }\n}\n@keyframes gradient-text-fill_52fa9469df {\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_1a9b659c5d",svg:"svg_143ecd4c9c",stroke:"stroke_f93c9457ea","stroke-rotate":"stroke-rotate_a7bcc118a8",base:"base_389245841b",fade:"fade_aa69963235",first:"first_935169d9ba",second:"second_be9dd5a85b",third:"third_c9b098894a","gradient-text-fill":"gradient-text-fill_aa33e1156b"};!function(e){var n="s_id-f81803454b25_4_0_1";if("undefined"!=typeof document){var a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;var 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_1a9b659c5d {\n  --container-perimeter: 840;\n  position: relative;\n}\n.celebration_1a9b659c5d .svg_143ecd4c9c {\n  position: absolute;\n  top: 0;\n  inset-inline-start: 0;\n  height: 100%;\n  width: 100%;\n}\n.celebration_1a9b659c5d .svg_143ecd4c9c .stroke_f93c9457ea {\n  fill: none;\n  stroke-width: 1;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  animation: stroke-rotate_a7bcc118a8 cubic-bezier(0.33, 0, 0.67, 1) forwards;\n  stroke-dasharray: var(--container-perimeter);\n  stroke-dashoffset: var(--container-perimeter);\n}\n.celebration_1a9b659c5d .svg_143ecd4c9c .stroke_f93c9457ea.base_389245841b {\n  stroke: var(--color-egg_yolk);\n  animation: fade_aa69963235 200ms linear forwards;\n  animation-delay: 80ms;\n  stroke-dasharray: 0;\n  stroke-dashoffset: 0;\n  opacity: 0;\n}\n.celebration_1a9b659c5d .svg_143ecd4c9c .stroke_f93c9457ea.first_935169d9ba {\n  stroke: var(--color-done-green);\n  animation-delay: 80ms;\n  animation-duration: 320ms;\n}\n.celebration_1a9b659c5d .svg_143ecd4c9c .stroke_f93c9457ea.second_be9dd5a85b {\n  stroke: var(--color-stuck-red);\n  animation-delay: 200ms;\n  animation-duration: 320ms;\n}\n.celebration_1a9b659c5d .svg_143ecd4c9c .stroke_f93c9457ea.third_c9b098894a {\n  stroke: var(--primary-color);\n  animation-delay: 360ms;\n  animation-duration: 320ms;\n}\n.celebration_1a9b659c5d.celebration_1a9b659c5d [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_aa33e1156b 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_aa69963235 {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n@keyframes stroke-rotate_a7bcc118a8 {\n  to {\n    stroke-dashoffset: 0;\n  }\n}\n@keyframes gradient-text-fill_aa33e1156b {\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/components/link/dist/Link/Link.module.scss.js

@@ -1,2 +1,2 @@
-var n={link:"link_508bdb50f5","focus-visible":"focus-visible_fb70ab87b8",colorOnPrimary:"colorOnPrimary_2f6344029f",colorOnInverted:"colorOnInverted_fc8995b8f1",text:"text_60dca5f8f0",inlineText:"inlineText_b9ad0b3d54",inheritFontSize:"inheritFontSize_c95b86e9dc",iconStart:"iconStart_2288c8259b",iconEnd:"iconEnd_48ea7cf081"};!function(n){var e="s_id-f634b8f1d921_4_0_0";if("undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+e))return;var 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.link_508bdb50f5 {\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_508bdb50f5:focus-visible, .link_508bdb50f5.focus-visible_fb70ab87b8 {\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_508bdb50f5:focus:not(.focus-visible_fb70ab87b8) {\n  outline: none;\n}\n.link_508bdb50f5.colorOnPrimary_2f6344029f {\n  color: var(--text-color-on-primary);\n}\n.link_508bdb50f5.colorOnInverted_fc8995b8f1 {\n  color: var(--text-color-on-inverted);\n}\n.link_508bdb50f5:hover .text_60dca5f8f0 {\n  text-decoration: underline;\n  color: inherit;\n}\n.link_508bdb50f5.inlineText_b9ad0b3d54 {\n  display: inline-flex;\n  align-items: unset;\n}\n.link_508bdb50f5.inheritFontSize_c95b86e9dc {\n  font-size: inherit;\n  line-height: inherit;\n}\n.iconStart_2288c8259b {\n  line-height: 24px;\n  margin-inline-end: var(--space-4);\n}\n.iconEnd_48ea7cf081 {\n  line-height: 24px;\n  margin-inline-start: var(--space-4);\n}");export{n as default};
+var n={link:"link_5f2ba6d4b3","focus-visible":"focus-visible_31ee638e26",colorOnPrimary:"colorOnPrimary_306927aec1",colorOnInverted:"colorOnInverted_cb14cd7c3d",text:"text_8426cc4e5c",inlineText:"inlineText_bf8abe5306",inheritFontSize:"inheritFontSize_9862af2eb2",iconStart:"iconStart_875552118f",iconEnd:"iconEnd_b1cfff4e94"};!function(n){var e="s_id-f634b8f1d921_4_0_1";if("undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+e))return;var 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.link_5f2ba6d4b3 {\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_5f2ba6d4b3:focus-visible, .link_5f2ba6d4b3.focus-visible_31ee638e26 {\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_5f2ba6d4b3:focus:not(.focus-visible_31ee638e26) {\n  outline: none;\n}\n.link_5f2ba6d4b3.colorOnPrimary_306927aec1 {\n  color: var(--text-color-on-primary);\n}\n.link_5f2ba6d4b3.colorOnInverted_cb14cd7c3d {\n  color: var(--text-color-on-inverted);\n}\n.link_5f2ba6d4b3:hover .text_8426cc4e5c {\n  text-decoration: underline;\n  color: inherit;\n}\n.link_5f2ba6d4b3.inlineText_bf8abe5306 {\n  display: inline-flex;\n  align-items: unset;\n}\n.link_5f2ba6d4b3.inheritFontSize_9862af2eb2 {\n  font-size: inherit;\n  line-height: inherit;\n}\n.iconStart_875552118f {\n  line-height: 24px;\n  margin-inline-end: var(--space-4);\n}\n.iconEnd_b1cfff4e94 {\n  line-height: 24px;\n  margin-inline-start: var(--space-4);\n}");export{n as default};
 //# sourceMappingURL=Link.module.scss.js.map

package/dist/components/radio-button/dist/RadioButton/RadioButton.js

@@ -0,0 +1,2 @@
+import{defineProperty as e}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import t from"classnames";import a,{forwardRef as i,useRef as s,useCallback as o,useMemo as l}from"react";import r from"./RadioButton.module.scss.js";import d from"../../../tooltip/dist/Tooltip/Tooltip.js";import n from"../../../typography/dist/Text/Text.js";import c from"../../../clickable/dist/Clickable/Clickable.js";import{useMergeRef as m}from"../../../../shared/dist/hooks/useMergeRef.js";import{getTestId as u}from"../../../../shared/dist/tests/test-ids-utils.js";import{ComponentDefaultTestId as p,ComponentVibeId as b}from"../../../../shared/dist/tests/constants.js";var f=i((function(i,f){var v=i.className,h=i.text,T=void 0===h?"":h,N=i.value,C=void 0===N?"":N,k=i.name,O=void 0===k?"":k,j=i.labelClassName,B=i.radioButtonClassName,E=i.disabled,R=void 0!==E&&E,_=i.autoFocus,x=i.disabledReason,y=i.defaultChecked,A=void 0!==y&&y,I=i.children,g=i.onSelect,D=i.checked,L=i.retainChildClick,U=void 0===L||L,F=i.childrenTabIndex,P=void 0===F?0:F,H=i.noLabelAnimation,M=void 0!==H&&H,S=i["aria-label"],q=i["aria-describedby"],w=i.id,z=i["data-testid"],G=s(),J=m(f,G),K=o((function(){!R&&U&&(G.current&&(G.current.checked=!0),g&&g(null))}),[g,G,R,U]),Q=l((function(){return void 0!==D?{checked:D}:{defaultChecked:A}}),[D,A]);return a.createElement(d,{content:R?x:null},a.createElement("label",{"data-testid":z||u(p.RADIO_BUTTON,w),"data-vibe":b.RADIO_BUTTON,className:t(r.radioButton,v,e(e({},r.disabled,R),"disabled",R))},a.createElement("span",{className:t(r.inputContainer)},a.createElement("input",Object.assign({className:t(r.input),type:"radio",value:C,name:O,autoFocus:_,disabled:R},Q,{"aria-label":S,"aria-describedby":q,onChange:g,ref:J})),a.createElement("span",{"data-testid":u(p.RADIO_BUTTON_CONTROL,w),className:t(r.control,B,e({},r.labelAnimation,!M))})),T&&a.createElement(n,{element:"span",type:"text2",className:j,"data-testid":u(p.RADIO_BUTTON_LABEL,w)},T),I&&a.createElement(c,{onClick:K,tabIndex:P},I)))}));export{f as default};
+//# sourceMappingURL=RadioButton.js.map

package/dist/components/radio-button/dist/RadioButton/RadioButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioButton.js","sources":["../../../../../../components/radio-button/dist/RadioButton/RadioButton.js"],"sourcesContent":["import e from\"classnames\";import a,{forwardRef as t,useRef as l,useCallback as i,useMemo as n}from\"react\";import{useMergeRef as r,getTestId as s,ComponentDefaultTestId as d,ComponentVibeId as o}from\"@vibe/shared\";import{Clickable as c}from\"@vibe/clickable\";import{Text as m}from\"@vibe/typography\";import{Tooltip as b}from\"@vibe/tooltip\";import u from\"./RadioButton.module.scss.js\";const p=t((({className:t,text:p=\"\",value:N=\"\",name:f=\"\",labelClassName:h,radioButtonClassName:O,disabled:C=!1,autoFocus:T,disabledReason:k,defaultChecked:v=!1,children:B,onSelect:E,checked:A,retainChildClick:R=!0,childrenTabIndex:y=0,noLabelAnimation:I=!1,\"aria-label\":_,\"aria-describedby\":x,id:D,\"data-testid\":L},U)=>{const g=l(),j=r(U,g),F=i((()=>{!C&&R&&(g.current&&(g.current.checked=!0),E&&E(null))}),[E,g,C,R]),S=n((()=>void 0!==A?{checked:A}:{defaultChecked:v}),[A,v]);return a.createElement(b,{content:C?k:null},a.createElement(\"label\",{\"data-testid\":L||s(d.RADIO_BUTTON,D),\"data-vibe\":o.RADIO_BUTTON,className:e(u.radioButton,t,{[u.disabled]:C,disabled:C})},a.createElement(\"span\",{className:e(u.inputContainer)},a.createElement(\"input\",Object.assign({className:e(u.input),type:\"radio\",value:N,name:f,autoFocus:T,disabled:C},S,{\"aria-label\":_,\"aria-describedby\":x,onChange:E,ref:j})),a.createElement(\"span\",{\"data-testid\":s(d.RADIO_BUTTON_CONTROL,D),className:e(u.control,O,{[u.labelAnimation]:!I})})),p&&a.createElement(m,{element:\"span\",type:\"text2\",className:h,\"data-testid\":s(d.RADIO_BUTTON_LABEL,D)},p),B&&a.createElement(c,{onClick:F,tabIndex:y},B)))}));export{p as default};\n//# sourceMappingURL=RadioButton.js.map\n"],"names":["p","t","_ref","U","className","_ref$text","text","_ref$value","value","N","_ref$name","name","f","h","labelClassName","O","radioButtonClassName","_ref$disabled","disabled","C","T","autoFocus","k","disabledReason","_ref$defaultChecked","defaultChecked","v","B","children","E","onSelect","A","checked","_ref$retainChildClick","retainChildClick","R","_ref$childrenTabIndex","childrenTabIndex","y","_ref$noLabelAnimation","noLabelAnimation","I","_","x","D","id","L","g","l","j","r","F","i","current","S","n","a","createElement","b","content","s","d","RADIO_BUTTON","o","e","u","radioButton","_defineProperty","inputContainer","Object","assign","input","type","onChange","ref","RADIO_BUTTON_CONTROL","control","labelAnimation","m","element","RADIO_BUTTON_LABEL","c","onClick","tabIndex"],"mappings":"opBA+EA,IAAMA,EAAcC,GAClB,SAAAC,EAuBEC,GAAA,IArBEF,EAAAC,EAAAE,UAAAC,EAAAH,EACAI,KAAAN,OAAO,IAAPK,EAAO,GAAAA,EAAAE,EAAAL,EACPM,MAAAC,OAAQ,IAARF,EAAQ,GAAAA,EAAAG,EAAAR,EACRS,KAAAC,OAAO,IAAPF,EAAO,GAAAA,EACPG,EAAAX,EAAAY,eACAC,EAAAb,EAAAc,qBAAAC,EAAAf,EACAgB,SAAAC,OAAW,IAAXF,GAAWA,EACXG,EAAAlB,EAAAmB,UACAC,EAAApB,EAAAqB,eAAAC,EAAAtB,EACAuB,eAAAC,OAAiB,IAAjBF,GAAiBA,EACjBG,EAAAzB,EAAA0B,SACAC,EAAA3B,EAAA4B,SACAC,EAAA7B,EAAA8B,QAAAC,EAAA/B,EACAgC,iBAAAC,OAAmB,IAAnBF,GAAmBA,EAAAG,EAAAlC,EACnBmC,iBAAAC,OAAmB,IAAnBF,EAAmB,EAAAA,EAAAG,EAAArC,EACnBsC,iBAAAC,OAAmB,IAAnBF,GAAmBA,EACLG,EAAAxC,EAAd,cACoByC,EAAAzC,EAApB,oBACA0C,EAAA1C,EAAA2C,GACeC,EAAA5C,EAAf,eAII6C,EAAWC,IACXC,EAAYC,EAAY/C,EAAK4C,GAE7BI,EAAeC,GAAY,YAC3BjC,GAAagB,IACbY,EAASM,UACXN,EAASM,QAAQrB,SAAU,GAEzBH,GACFA,EAAS,MACX,GACC,CAACA,EAAUkB,EAAU5B,EAAUgB,IAE5BmB,EAAeC,GAAQ,WAAA,YACX,IAAZxB,EACK,CAAEC,QAAAD,GAEJ,CAAEN,eAAAC,KACR,CAACK,EAASL,IAIb,OACE8B,EAACC,cAAAC,EAAQ,CAAAC,QAHYxC,EAAWG,EAAiB,MAI/CkC,EACeC,cAAA,QAAA,CAAA,cAAAX,GAAcc,EAAUC,EAAuBC,aAAclB,GAC/D,YAAAmB,EAAgBD,aAC3B1D,UAAW4D,EAAGC,EAAOC,YAAajE,EAAAkE,EAAAA,KAC/BF,EAAO/C,SAAWC,cACTA,KAGZqC,EAAAC,cAAA,OAAA,CAAMrD,UAAW4D,EAAGC,EAAOG,iBACzBZ,EAAAC,cAAAY,QAAAA,OAAAC,OAAA,CACElE,UAAW4D,EAAGC,EAAOM,OACrBC,KAAK,QACLhE,MAAOC,EACPE,KAAMC,EACNS,UAAWD,EACXF,SAAUC,GACNmC,EACQ,CAAA,aAAAZ,EAAA,mBACMC,EAClB8B,SAAU5C,EACV6C,IAAKzB,KAEPO,EAAAC,cAAA,OAAA,CAAA,cACeG,EAAUC,EAAuBc,qBAAsB/B,GACpExC,UAAW4D,EAAGC,EAAOW,QAAS7D,EAAAoD,EAC3BF,CAAAA,EAAAA,EAAOY,gBAAkBpC,OAI/BzC,GACCwD,EAACC,cAAAqB,EACC,CAAAC,QAAQ,OACRP,KAAK,QACLpE,UAAWS,EACE,cAAA+C,EAAUC,EAAuBmB,mBAAoBpC,IAEjE5C,GAGJ2B,GACC6B,EAAAC,cAACwB,EAAU,CAAAC,QAAS/B,EAAcgC,SAAU7C,GACzCX,IAIC"}

package/dist/components/radio-button/dist/RadioButton/RadioButton.module.scss.js

@@ -0,0 +1,2 @@
+var n={radioButton:"radioButton_25f9be3d1c",inputContainer:"inputContainer_3330cda671",input:"input_2c0b682072",control:"control_89360dd2ef",labelAnimation:"labelAnimation_06aecb2611",radioCheckedAnimation:"radioCheckedAnimation_aeec13b900",disabled:"disabled_372306ffc9",label:"label_d765fcfcb4"};!function(n){var e="s_id-f0fb17b54d8d_4_0_0";if("undefined"!=typeof document){var o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;var r=document.createElement("style");r.id=e,o.firstChild?o.insertBefore(r,o.firstChild):o.appendChild(r),r.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}("/* stylelint-disable unit-disallowed-list */\n.radioButton_25f9be3d1c {\n  display: grid;\n  grid-template-columns: 1.5em auto;\n  grid-gap: 0.5em;\n  cursor: pointer;\n}\n.inputContainer_3330cda671 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.input_2c0b682072 {\n  opacity: 0;\n  width: 0;\n  height: 0;\n  margin: 0;\n}\n.control_89360dd2ef {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 1em;\n  height: 1em;\n  border: 0.1em solid;\n  box-sizing: border-box;\n  border-color: var(--ui-border-color);\n  border-radius: 50%;\n  transition: border-width var(--motion-productive-medium) var(--motion-timing-enter);\n  background-color: var(--secondary-background-color);\n}\ninput:checked + .control_89360dd2ef {\n  border-color: var(--primary-color);\n  border-width: 0.3em;\n}\ninput:checked + .labelAnimation_06aecb2611 {\n  animation-name: radioCheckedAnimation_aeec13b900;\n  animation-duration: var(--motion-productive-medium);\n  animation-timing-function: var(--motion-timing-enter);\n  animation-fill-mode: forwards;\n}\ninput:disabled + .control_89360dd2ef {\n  border: 0.5em solid;\n  border-color: var(--disabled-background-color);\n  border-radius: 50%;\n}\ninput:checked:disabled + .control_89360dd2ef {\n  border: 0.3em solid;\n  border-color: var(--disabled-background-color);\n  background-color: var(--secondary-text-color);\n}\n.radioButton_25f9be3d1c.disabled_372306ffc9 {\n  cursor: not-allowed;\n}\n.radioButton_25f9be3d1c.disabled_372306ffc9 .label_d765fcfcb4 {\n  color: var(--disabled-text-color);\n}\n.inputContainer_3330cda671 input:focus-visible + .control_89360dd2ef {\n  outline: none;\n  border-color: var(--primary-color);\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5);\n  border-radius: 50%;\n}\n.radioButton_25f9be3d1c:hover .inputContainer_3330cda671 input:enabled:checked + .control_89360dd2ef {\n  border-color: var(--primary-hover-color);\n}\n.radioButton_25f9be3d1c:hover .inputContainer_3330cda671 input:enabled:not(:checked) + .control_89360dd2ef,\n.radioButton_25f9be3d1c:focus-within .inputContainer_3330cda671 input:enabled:not(:checked) + .control_89360dd2ef {\n  border-color: var(--primary-text-color);\n}\n@keyframes radioCheckedAnimation_aeec13b900 {\n  0% {\n    height: 1em;\n    width: 1em;\n  }\n  50% {\n    height: 0.8em;\n    width: 0.8em;\n  }\n  100% {\n    height: 1em;\n    width: 1em;\n  }\n}");export{n as default};
+//# sourceMappingURL=RadioButton.module.scss.js.map

package/dist/hooks/dist/useAfterFirstRender/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../hooks/dist/useAfterFirstRender/index.js"],"sourcesContent":["import{useRef as t,useEffect as r}from\"react\";function e(){const e=t(!1);return r((()=>{const t=setTimeout((()=>{e.current=!0}),0);return()=>clearTimeout(t)}),[]),e}export{e as default};\n//# sourceMappingURL=index.js.map\n"],"names":["e","t","r","setTimeout","current","clearTimeout"],"mappings":"8CAEc,SAAUA,IACtB,IAAMA,EAAqBC,GAAO,GASlC,OAPAC,GAAU,WACR,IAAMD,EAAQE,YAAW,WACvBH,EAAmBI,SAAA,CAClB,GAAA,GACH,OAAO,WAAA,OAAMC,aAAaJ,EAAM,CAAA,GAC/B,IAEID,CACT"}

package/dist/hooks/index.d.ts

@@ -1,8 +1,7 @@
 export { default as useKeyEvent } from "./useKeyEvent";
 export { default as useEventListener } from "./useEventListener";
 export { default as useDebounceEvent } from "./useDebounceEvent";
-export { useClickOutside, useIsOverflowing, useResizeObserver } from "@vibe/hooks";
-export { default as useAfterFirstRender } from "./useAfterFirstRender";
+export { useAfterFirstRender, useClickOutside, useIsOverflowing, useResizeObserver } from "@vibe/hooks";
 export { default as useTimeout } from "./useTimeout";
 export { default as usePrevious } from "./usePrevious";
 export { default as useSetFocus } from "./useSetFocus";

package/dist/metadata/components.json

@@ -4625,7 +4625,7 @@
     "subComponents": []
   },
   {
-    "filePath": "src/components/Counter/Counter.tsx",
+    "filePath": "src/Counter/Counter.tsx",
     "aggregator": "core",
     "symbols": [
       "default as Counter",
@@ -13710,7 +13710,7 @@
     "previewUrl": "https://vibe.monday.com/iframe.html?id=components-progressbar--overview&viewMode=story&shortcuts=false&singleStory=true"
   },
   {
-    "filePath": "src/components/RadioButton/RadioButton.tsx",
+    "filePath": "src/RadioButton/RadioButton.tsx",
     "aggregator": "core",
     "symbols": [
       "default as RadioButton",

package/dist/metadata.json

@@ -4625,7 +4625,7 @@
     "subComponents": []
   },
   {
-    "filePath": "src/components/Counter/Counter.tsx",
+    "filePath": "src/Counter/Counter.tsx",
     "aggregator": "core",
     "symbols": [
       "default as Counter",
@@ -13710,7 +13710,7 @@
     "previewUrl": "https://vibe.monday.com/iframe.html?id=components-progressbar--overview&viewMode=story&shortcuts=false&singleStory=true"
   },
   {
-    "filePath": "src/components/RadioButton/RadioButton.tsx",
+    "filePath": "src/RadioButton/RadioButton.tsx",
     "aggregator": "core",
     "symbols": [
       "default as RadioButton",

package/dist/mocked_classnames/components/AvatarGroup/AvatarGroup.types.d.ts

@@ -1,4 +1,4 @@
-import { type CounterColor } from "../Counter/Counter.types";
+import { type CounterColor } from "@vibe/counter";
 export type AvatarGroupCounterVisualProps = {
     color?: Extract<CounterColor, "light" | "dark">;
     count?: number;

package/dist/mocked_classnames/components/Badge/Badge.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import { type BadgeAlignments, type BadgeAnchor, type BadgeType } from "./Badge.types";
 import { type IndicatorProps } from "./Indicator/Indicator";
-import { type CounterProps } from "../Counter/Counter";
+import { type CounterProps } from "@vibe/counter";
 import { type VibeComponentProps } from "../../types";
 export interface BadgeBaseProps extends VibeComponentProps {
     /**

package/dist/mocked_classnames/components/index.d.ts

@@ -12,7 +12,7 @@ export * from "./Chips";
 export { Clickable, type ClickableProps, useClickableProps } from "@vibe/clickable";
 export * from "./ColorPicker";
 export * from "./Combobox";
-export * from "./Counter";
+export * from "@vibe/counter";
 export * from "./DatePicker";
 export { Dialog, DialogContentContainer, type DialogProps, type DialogContentContainerProps, type DialogType, type DialogSize, type DialogPosition, type DialogTriggerEvent, type DialogAnimationType, type DialogOffset, type DialogEvent } from "@vibe/dialog";
 export * from "@vibe/divider";
@@ -44,7 +44,7 @@ export * from "./NumberField";
 export * from "./Modal";
 export * from "./MultiStepIndicator";
 export * from "@vibe/progress-bars";
-export * from "./RadioButton";
+export * from "@vibe/radio-button";
 export * from "./Search";
 export * from "./Skeleton";
 export * from "./Slider";

package/dist/mocked_classnames/hooks/index.d.ts

@@ -1,8 +1,7 @@
 export { default as useKeyEvent } from "./useKeyEvent";
 export { default as useEventListener } from "./useEventListener";
 export { default as useDebounceEvent } from "./useDebounceEvent";
-export { useClickOutside, useIsOverflowing, useResizeObserver } from "@vibe/hooks";
-export { default as useAfterFirstRender } from "./useAfterFirstRender";
+export { useAfterFirstRender, useClickOutside, useIsOverflowing, useResizeObserver } from "@vibe/hooks";
 export { default as useTimeout } from "./useTimeout";
 export { default as usePrevious } from "./usePrevious";
 export { default as useSetFocus } from "./useSetFocus";

package/dist/mocked_classnames/src/components/Accordion/Accordion/Accordion.module.scss.js

@@ -1,2 +1,2 @@
-var e={accordion:"accordion",accordionItemExpandCollapse:"accordionItemExpandCollapse",accordionItemExpandCollapseLast:"accordionItemExpandCollapseLast"};!function(e){const o="s_id-0e4aa6b3ed9f_4_5_7";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+o))return;const d=document.createElement("style");d.id=o,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=e)}(".accordion {\n  height: fit-content;\n  border: 1px solid var(--ui-border-color);\n  box-sizing: border-box;\n  border-radius: var(--border-radius-small);\n}\n\n.accordion .accordionItemExpandCollapse {\n  border-radius: 0;\n  border-top: none;\n  border-inline: none;\n  border-color: var(--ui-border-color);\n}\n\n.accordion .accordionItemExpandCollapseLast {\n  border-bottom: none;\n}");export{e as default};
+var e={accordion:"accordion",accordionItemExpandCollapse:"accordionItemExpandCollapse",accordionItemExpandCollapseLast:"accordionItemExpandCollapseLast"};!function(e){const o="s_id-0e4aa6b3ed9f_4_5_8";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+o))return;const d=document.createElement("style");d.id=o,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=e)}(".accordion {\n  height: fit-content;\n  border: 1px solid var(--ui-border-color);\n  box-sizing: border-box;\n  border-radius: var(--border-radius-small);\n}\n\n.accordion .accordionItemExpandCollapse {\n  border-radius: 0;\n  border-top: none;\n  border-inline: none;\n  border-color: var(--ui-border-color);\n}\n\n.accordion .accordionItemExpandCollapseLast {\n  border-bottom: none;\n}");export{e as default};
 //# sourceMappingURL=Accordion.module.scss.js.map

package/dist/mocked_classnames/src/components/AlertBanner/AlertBanner.module.scss.js

@@ -1,2 +1,2 @@
-var n={alertBanner:"alertBanner",primary:"primary",positive:"positive",negative:"negative",dark:"dark",warning:"warning",closeBtn:"closeBtn",content:"content",closeButtonWrapper:"closeButtonWrapper",ellipsis:"ellipsis",contentItem:"contentItem",contentItemText:"contentItemText"};!function(n){const e="s_id-d6894f952adc_4_5_7";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".alertBanner {\n  height: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n}\n\n.primary {\n  background-color: var(--primary-color);\n}\n\n.positive {\n  background-color: var(--positive-color);\n}\n\n.negative {\n  background-color: var(--negative-color);\n}\n\n.dark {\n  background-color: var(--inverted-color-background);\n}\n\n.warning {\n  background-color: var(--warning-color);\n  color: var(--fixed-dark-color);\n}\n\n.warning .closeBtn {\n  color: var(--fixed-dark-color);\n}\n\n.content {\n  flex: 1 1 auto;\n  display: flex;\n  height: 100%;\n  min-width: 0;\n  align-items: center;\n  justify-content: center;\n  padding-inline-start: var(--space-16);\n}\n\n.closeButtonWrapper {\n  flex: 0 0 40px;\n  position: relative;\n  height: 100%;\n  min-width: 0;\n}\n\n.closeBtn {\n  position: absolute;\n  inset-inline-end: 4px;\n  top: 4px;\n}\n\n.ellipsis {\n  flex: 0 1 auto;\n}\n\n.contentItem {\n  flex: 0 0 auto;\n  min-width: 0;\n}\n\n.contentItemText {\n  flex: 0 1 auto;\n  min-width: 0;\n}");export{n as default};
+var n={alertBanner:"alertBanner",primary:"primary",positive:"positive",negative:"negative",dark:"dark",warning:"warning",closeBtn:"closeBtn",content:"content",closeButtonWrapper:"closeButtonWrapper",ellipsis:"ellipsis",contentItem:"contentItem",contentItemText:"contentItemText"};!function(n){const e="s_id-d6894f952adc_4_5_8";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".alertBanner {\n  height: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n}\n\n.primary {\n  background-color: var(--primary-color);\n}\n\n.positive {\n  background-color: var(--positive-color);\n}\n\n.negative {\n  background-color: var(--negative-color);\n}\n\n.dark {\n  background-color: var(--inverted-color-background);\n}\n\n.warning {\n  background-color: var(--warning-color);\n  color: var(--fixed-dark-color);\n}\n\n.warning .closeBtn {\n  color: var(--fixed-dark-color);\n}\n\n.content {\n  flex: 1 1 auto;\n  display: flex;\n  height: 100%;\n  min-width: 0;\n  align-items: center;\n  justify-content: center;\n  padding-inline-start: var(--space-16);\n}\n\n.closeButtonWrapper {\n  flex: 0 0 40px;\n  position: relative;\n  height: 100%;\n  min-width: 0;\n}\n\n.closeBtn {\n  position: absolute;\n  inset-inline-end: 4px;\n  top: 4px;\n}\n\n.ellipsis {\n  flex: 0 1 auto;\n}\n\n.contentItem {\n  flex: 0 0 auto;\n  min-width: 0;\n}\n\n.contentItemText {\n  flex: 0 1 auto;\n  min-width: 0;\n}");export{n as default};
 //# sourceMappingURL=AlertBanner.module.scss.js.map

package/dist/mocked_classnames/src/components/AlertBanner/AlertBannerButton/AlertBannerButton.module.scss.js

@@ -1,2 +1,2 @@
-var n={bannerButton:"bannerButton",darkBackground:"darkBackground",marginLeft:"marginLeft"};!function(n){const e="s_id-35a7e70934a8_4_5_7";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const a=document.createElement("style");a.id=e,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".bannerButton {\n  -webkit-font-smoothing: auto;\n  -moz-osx-font-smoothing: auto;\n}\n\n.dark-app-theme .darkBackground .bannerButton {\n  background-color: var(--dark-background-color);\n}\n\n.marginLeft {\n  margin-inline-start: var(--space-8);\n}");export{n as default};
+var n={bannerButton:"bannerButton",darkBackground:"darkBackground",marginLeft:"marginLeft"};!function(n){const e="s_id-35a7e70934a8_4_5_8";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const a=document.createElement("style");a.id=e,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".bannerButton {\n  -webkit-font-smoothing: auto;\n  -moz-osx-font-smoothing: auto;\n}\n\n.dark-app-theme .darkBackground .bannerButton {\n  background-color: var(--dark-background-color);\n}\n\n.marginLeft {\n  margin-inline-start: var(--space-8);\n}");export{n as default};
 //# sourceMappingURL=AlertBannerButton.module.scss.js.map

package/dist/mocked_classnames/src/components/AlertBanner/AlertBannerLink/AlertBannerLink.module.scss.js

@@ -1,2 +1,2 @@
-var n={bannerLink:"bannerLink",bannerLinkTextColorOnPrimary:"bannerLinkTextColorOnPrimary",bannerLinkTextColorOnInverted:"bannerLinkTextColorOnInverted",marginLeft:"marginLeft"};!function(n){const e="s_id-b8e9178179b1_4_5_7";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".bannerLink {\n  text-decoration: underline;\n  -webkit-font-smoothing: auto;\n  -moz-osx-font-smoothing: auto;\n}\n\n.bannerLinkTextColorOnPrimary {\n  color: var(--text-color-on-primary);\n}\n\n.bannerLinkTextColorOnInverted {\n  color: var(--text-color-on-inverted);\n}\n\n.marginLeft {\n  margin-inline-start: var(--space-8);\n}");export{n as default};
+var n={bannerLink:"bannerLink",bannerLinkTextColorOnPrimary:"bannerLinkTextColorOnPrimary",bannerLinkTextColorOnInverted:"bannerLinkTextColorOnInverted",marginLeft:"marginLeft"};!function(n){const e="s_id-b8e9178179b1_4_5_8";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".bannerLink {\n  text-decoration: underline;\n  -webkit-font-smoothing: auto;\n  -moz-osx-font-smoothing: auto;\n}\n\n.bannerLinkTextColorOnPrimary {\n  color: var(--text-color-on-primary);\n}\n\n.bannerLinkTextColorOnInverted {\n  color: var(--text-color-on-inverted);\n}\n\n.marginLeft {\n  margin-inline-start: var(--space-8);\n}");export{n as default};
 //# sourceMappingURL=AlertBannerLink.module.scss.js.map

package/dist/mocked_classnames/src/components/AlertBanner/AlertBannerText/AlertBannerText.module.scss.js

@@ -1,2 +1,2 @@
-var e={bannerText:"bannerText",marginLeft:"marginLeft"};!function(e){const n="s_id-306a220e9849_4_5_7";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)}(".bannerText {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.marginLeft {\n  margin-inline-start: var(--space-8);\n}");export{e as default};
+var e={bannerText:"bannerText",marginLeft:"marginLeft"};!function(e){const n="s_id-306a220e9849_4_5_8";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)}(".bannerText {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.marginLeft {\n  margin-inline-start: var(--space-8);\n}");export{e as default};
 //# sourceMappingURL=AlertBannerText.module.scss.js.map

package/dist/mocked_classnames/src/components/AttentionBox/AttentionBox.module.scss.js

@@ -1,2 +1,2 @@
-var n={attention:"attention",animate:"animate",attentionBoxAnimation:"attentionBoxAnimation",primary:"primary",positive:"positive",negative:"negative",warning:"warning",neutral:"neutral"};!function(n){const t="s_id-4a6eadcbcb7d_4_5_7";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,e.firstChild?e.insertBefore(a,e.firstChild):e.appendChild(a),a.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=n)}("@keyframes attentionBoxAnimation {\n  0% {\n    opacity: 0;\n    transform: translateY(-10px);\n  }\n  50% {\n    opacity: 1;\n  }\n  100% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n.attention {\n  width: 100%;\n  border-radius: var(--border-radius-medium);\n  padding: var(--space-12) var(--space-16);\n  position: relative;\n  overflow: hidden;\n}\n.attention.animate {\n  animation: attentionBoxAnimation 200ms var(--motion-timing-transition);\n}\n.attention.primary {\n  background-color: var(--primary-selected-color);\n}\n.attention.positive {\n  background-color: var(--positive-color-selected);\n}\n.attention.negative {\n  background-color: var(--negative-color-selected);\n}\n.attention.warning {\n  background-color: var(--warning-color-selected);\n}\n.attention.neutral {\n  background-color: var(--allgrey-background-color);\n}");export{n as default};
+var n={attention:"attention",animate:"animate",attentionBoxAnimation:"attentionBoxAnimation",primary:"primary",positive:"positive",negative:"negative",warning:"warning",neutral:"neutral"};!function(n){const t="s_id-4a6eadcbcb7d_4_5_8";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,e.firstChild?e.insertBefore(a,e.firstChild):e.appendChild(a),a.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=n)}("@keyframes attentionBoxAnimation {\n  0% {\n    opacity: 0;\n    transform: translateY(-10px);\n  }\n  50% {\n    opacity: 1;\n  }\n  100% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n.attention {\n  width: 100%;\n  border-radius: var(--border-radius-medium);\n  padding: var(--space-12) var(--space-16);\n  position: relative;\n  overflow: hidden;\n}\n.attention.animate {\n  animation: attentionBoxAnimation 200ms var(--motion-timing-transition);\n}\n.attention.primary {\n  background-color: var(--primary-selected-color);\n}\n.attention.positive {\n  background-color: var(--positive-color-selected);\n}\n.attention.negative {\n  background-color: var(--negative-color-selected);\n}\n.attention.warning {\n  background-color: var(--warning-color-selected);\n}\n.attention.neutral {\n  background-color: var(--allgrey-background-color);\n}");export{n as default};
 //# sourceMappingURL=AttentionBox.module.scss.js.map

package/dist/mocked_classnames/src/components/AttentionBox/components/AttentionBoxCloseButton/AttentionBoxCloseButton.module.scss.js

@@ -1,2 +1,2 @@
-var e={closeButton:"closeButton"};!function(e){const t="s_id-979f8aeb619b_4_5_7";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)}(".closeButton {\n  flex-shrink: 0;\n}\n.closeButton:hover {\n  background-color: var(--primary-background-hover-color);\n}");export{e as default};
+var e={closeButton:"closeButton"};!function(e){const t="s_id-979f8aeb619b_4_5_8";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)}(".closeButton {\n  flex-shrink: 0;\n}\n.closeButton:hover {\n  background-color: var(--primary-background-hover-color);\n}");export{e as default};
 //# sourceMappingURL=AttentionBoxCloseButton.module.scss.js.map

package/dist/mocked_classnames/src/components/AttentionBox/components/AttentionBoxLeadingIcon/AttentionBoxLeadingIcon.module.scss.js

@@ -1,2 +1,2 @@
-var e={icon:"icon"};!function(e){const t="s_id-55a80ba34ba3_4_5_7";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)}(".icon {\n  color: var(--primary-text-color);\n  flex-shrink: 0;\n}");export{e as default};
+var e={icon:"icon"};!function(e){const t="s_id-55a80ba34ba3_4_5_8";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)}(".icon {\n  color: var(--primary-text-color);\n  flex-shrink: 0;\n}");export{e as default};
 //# sourceMappingURL=AttentionBoxLeadingIcon.module.scss.js.map

package/dist/mocked_classnames/src/components/AttentionBox/components/AttentionBoxLink/AttentionBoxLink.module.scss.js

@@ -1,2 +1,2 @@
-var e={attentionBoxLink:"attentionBoxLink"};!function(e){const t="s_id-f7cefb69d475_4_5_7";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)}("a.attentionBoxLink {\n  color: var(--primary-text-color);\n  text-decoration: underline;\n}");export{e as default};
+var e={attentionBoxLink:"attentionBoxLink"};!function(e){const t="s_id-f7cefb69d475_4_5_8";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)}("a.attentionBoxLink {\n  color: var(--primary-text-color);\n  text-decoration: underline;\n}");export{e as default};
 //# sourceMappingURL=AttentionBoxLink.module.scss.js.map

package/dist/mocked_classnames/src/components/AttentionBox/layouts/AttentionBoxCompact/AttentionBoxCompact.module.scss.js

@@ -1,2 +1,2 @@
-var n={container:"container",mainContentGroup:"mainContentGroup",leadingIcon:"leadingIcon",actionsGroup:"actionsGroup"};!function(n){const e="s_id-2f71fab0a877_4_5_7";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const a=document.createElement("style");a.id=e,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".container {\n  gap: var(--space-32);\n}\n\n.mainContentGroup {\n  min-width: 0;\n}\n\n.leadingIcon {\n  align-self: flex-start;\n}\n\n.actionsGroup {\n  gap: var(--space-12);\n}");export{n as default};
+var n={container:"container",mainContentGroup:"mainContentGroup",leadingIcon:"leadingIcon",actionsGroup:"actionsGroup"};!function(n){const e="s_id-2f71fab0a877_4_5_8";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const a=document.createElement("style");a.id=e,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".container {\n  gap: var(--space-32);\n}\n\n.mainContentGroup {\n  min-width: 0;\n}\n\n.leadingIcon {\n  align-self: flex-start;\n}\n\n.actionsGroup {\n  gap: var(--space-12);\n}");export{n as default};
 //# sourceMappingURL=AttentionBoxCompact.module.scss.js.map

package/dist/mocked_classnames/src/components/AttentionBox/layouts/AttentionBoxDefault/AttentionBoxDefault.module.scss.js

@@ -1,2 +1,2 @@
-var n={container:"container",icon:"icon",title:"title",text:"text",actions:"actions",closeButton:"closeButton",hasIcon:"hasIcon",hasCloseButton:"hasCloseButton",hasTitle:"hasTitle"};!function(n){const t="s_id-d1aa0b2532e6_4_5_7";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+t))return;const e=document.createElement("style");e.id=t,o.firstChild?o.insertBefore(e,o.firstChild):o.appendChild(e),e.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=n)}(".container {\n  --grid-columns: auto 1fr auto;\n  display: grid;\n  gap: var(--space-4);\n  width: 100%;\n  grid-template-columns: var(--grid-columns);\n}\n.container .icon {\n  grid-column: 1;\n  grid-row: 1;\n  align-self: center;\n}\n.container .title {\n  grid-row: 1;\n  grid-column: 2;\n  align-self: center;\n}\n.container .text,\n.container .actions {\n  grid-column: 2/-1;\n}\n.container .text {\n  grid-row: 2;\n  min-width: 0;\n  margin-inline-end: var(--space-8);\n}\n.container .closeButton {\n  grid-row: 1;\n  grid-column: 3;\n  align-self: start;\n}\n.container .actions {\n  grid-row: 3;\n  margin-block-start: var(--space-8);\n}\n.container:not(.hasIcon) {\n  --grid-columns: 1fr auto;\n}\n.container:not(.hasIcon):not(.hasCloseButton) {\n  --grid-columns: 1fr;\n}\n.container:not(.hasIcon) .title {\n  grid-column: 1;\n}\n.container:not(.hasIcon) .text,\n.container:not(.hasIcon) .actions {\n  grid-column: 1/-1;\n}\n.container:not(.hasIcon) .closeButton {\n  grid-column: 2;\n}\n.container:not(.hasCloseButton) {\n  --grid-columns: auto 1fr;\n}\n.container:not(.hasTitle) .icon {\n  align-self: start;\n}\n.container:not(.hasTitle) .text {\n  grid-row: 1;\n  grid-column-end: -2;\n}\n.container:not(.hasTitle) .closeButton {\n  margin-block-start: -1px;\n}\n.container:not(.hasTitle) .actions {\n  grid-row: 2;\n}");export{n as default};
+var n={container:"container",icon:"icon",title:"title",text:"text",actions:"actions",closeButton:"closeButton",hasIcon:"hasIcon",hasCloseButton:"hasCloseButton",hasTitle:"hasTitle"};!function(n){const t="s_id-d1aa0b2532e6_4_5_8";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+t))return;const e=document.createElement("style");e.id=t,o.firstChild?o.insertBefore(e,o.firstChild):o.appendChild(e),e.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=n)}(".container {\n  --grid-columns: auto 1fr auto;\n  display: grid;\n  gap: var(--space-4);\n  width: 100%;\n  grid-template-columns: var(--grid-columns);\n}\n.container .icon {\n  grid-column: 1;\n  grid-row: 1;\n  align-self: center;\n}\n.container .title {\n  grid-row: 1;\n  grid-column: 2;\n  align-self: center;\n}\n.container .text,\n.container .actions {\n  grid-column: 2/-1;\n}\n.container .text {\n  grid-row: 2;\n  min-width: 0;\n  margin-inline-end: var(--space-8);\n}\n.container .closeButton {\n  grid-row: 1;\n  grid-column: 3;\n  align-self: start;\n}\n.container .actions {\n  grid-row: 3;\n  margin-block-start: var(--space-8);\n}\n.container:not(.hasIcon) {\n  --grid-columns: 1fr auto;\n}\n.container:not(.hasIcon):not(.hasCloseButton) {\n  --grid-columns: 1fr;\n}\n.container:not(.hasIcon) .title {\n  grid-column: 1;\n}\n.container:not(.hasIcon) .text,\n.container:not(.hasIcon) .actions {\n  grid-column: 1/-1;\n}\n.container:not(.hasIcon) .closeButton {\n  grid-column: 2;\n}\n.container:not(.hasCloseButton) {\n  --grid-columns: auto 1fr;\n}\n.container:not(.hasTitle) .icon {\n  align-self: start;\n}\n.container:not(.hasTitle) .text {\n  grid-row: 1;\n  grid-column-end: -2;\n}\n.container:not(.hasTitle) .closeButton {\n  margin-block-start: -1px;\n}\n.container:not(.hasTitle) .actions {\n  grid-row: 2;\n}");export{n as default};
 //# sourceMappingURL=AttentionBoxDefault.module.scss.js.map

package/dist/mocked_classnames/src/components/Avatar/Avatar.module.scss.js

@@ -1,2 +1,2 @@
-var e={avatar:"avatar",large:"large",medium:"medium",small:"small",xs:"xs",clickableWrapper:"clickableWrapper",circle:"circle","focus-visible":"focus-visible",circleImg:"circleImg",circleText:"circleText",disabled:"disabled",square:"square",withoutBorder:"withoutBorder",badges:"badges",badge:"badge",badgeTopLeft:"badgeTopLeft",badgeTopRight:"badgeTopRight",badgeBottomLeft:"badgeBottomLeft",badgeBottomRight:"badgeBottomRight"};!function(e){const n="s_id-4487266934ef_4_5_7";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,o.firstChild?o.insertBefore(i,o.firstChild):o.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}('/* stylelint-disable */\n/* stylelint-enable */\n.avatar {\n  position: relative;\n}\n.large {\n  height: 50px;\n  width: 50px;\n}\n.medium {\n  height: 32px;\n  width: 32px;\n}\n.small {\n  height: 28px;\n  width: 28px;\n}\n.xs {\n  height: 20px;\n  width: 20px;\n}\n.clickableWrapper {\n  height: 100%;\n  width: 100%;\n}\n.circle {\n  height: 100%;\n  width: 100%;\n  position: relative;\n  border: 1px solid;\n  border-radius: 50%;\n  overflow: hidden;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: var(--text-color-on-primary);\n}\n.circle:focus {\n  outline: none;\n}\n.circle:focus:focus-visible, .circle:focus.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 50%;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.circle:focus:focus:not(.focus-visible) {\n  outline: none;\n}\n.circleImg {\n  border-color: var(--primary-background-color);\n}\n.circleText {\n  border-color: var(--layout-border-color);\n}\n.disabled:before {\n  content: "";\n  height: 100%;\n  width: 100%;\n  position: absolute;\n  top: 0;\n  opacity: 0.7;\n  background: var(--primary-background-color);\n}\n.square {\n  border-radius: var(--border-radius-small);\n}\n.square:focus {\n  outline: none;\n}\n.square:focus:focus-visible, .square:focus.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: var(--border-radius-small);\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.square:focus:focus:not(.focus-visible) {\n  outline: none;\n}\n.withoutBorder {\n  border: none;\n}\n.badges {\n  position: absolute;\n  top: 50%;\n  left: 50%; /* position the left edge of the element at the middle of the parent */\n  transform: translate(-50%, -50%);\n  display: grid;\n  grid-template-columns: 50% 50%;\n  margin-inline: auto;\n  height: 110%;\n  width: 110%;\n}\n.badges .badge {\n  display: flex;\n}\n.badges .badgeTopLeft {\n  grid-row: 1;\n  grid-column: 1;\n  justify-self: start;\n}\n.badges .badgeTopRight {\n  grid-row: 1;\n  grid-column: 2;\n  justify-self: end;\n}\n.badges .badgeBottomLeft {\n  grid-row: 2;\n  grid-column: 1;\n  justify-self: start;\n  align-self: end;\n}\n.badges .badgeBottomRight {\n  grid-row: 2;\n  grid-column: 2;\n  justify-self: end;\n  align-self: end;\n}');export{e as default};
+var e={avatar:"avatar",large:"large",medium:"medium",small:"small",xs:"xs",clickableWrapper:"clickableWrapper",circle:"circle","focus-visible":"focus-visible",circleImg:"circleImg",circleText:"circleText",disabled:"disabled",square:"square",withoutBorder:"withoutBorder",badges:"badges",badge:"badge",badgeTopLeft:"badgeTopLeft",badgeTopRight:"badgeTopRight",badgeBottomLeft:"badgeBottomLeft",badgeBottomRight:"badgeBottomRight"};!function(e){const n="s_id-4487266934ef_4_5_8";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,o.firstChild?o.insertBefore(i,o.firstChild):o.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}('/* stylelint-disable */\n/* stylelint-enable */\n.avatar {\n  position: relative;\n}\n.large {\n  height: 50px;\n  width: 50px;\n}\n.medium {\n  height: 32px;\n  width: 32px;\n}\n.small {\n  height: 28px;\n  width: 28px;\n}\n.xs {\n  height: 20px;\n  width: 20px;\n}\n.clickableWrapper {\n  height: 100%;\n  width: 100%;\n}\n.circle {\n  height: 100%;\n  width: 100%;\n  position: relative;\n  border: 1px solid;\n  border-radius: 50%;\n  overflow: hidden;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: var(--text-color-on-primary);\n}\n.circle:focus {\n  outline: none;\n}\n.circle:focus:focus-visible, .circle:focus.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 50%;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.circle:focus:focus:not(.focus-visible) {\n  outline: none;\n}\n.circleImg {\n  border-color: var(--primary-background-color);\n}\n.circleText {\n  border-color: var(--layout-border-color);\n}\n.disabled:before {\n  content: "";\n  height: 100%;\n  width: 100%;\n  position: absolute;\n  top: 0;\n  opacity: 0.7;\n  background: var(--primary-background-color);\n}\n.square {\n  border-radius: var(--border-radius-small);\n}\n.square:focus {\n  outline: none;\n}\n.square:focus:focus-visible, .square:focus.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: var(--border-radius-small);\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.square:focus:focus:not(.focus-visible) {\n  outline: none;\n}\n.withoutBorder {\n  border: none;\n}\n.badges {\n  position: absolute;\n  top: 50%;\n  left: 50%; /* position the left edge of the element at the middle of the parent */\n  transform: translate(-50%, -50%);\n  display: grid;\n  grid-template-columns: 50% 50%;\n  margin-inline: auto;\n  height: 110%;\n  width: 110%;\n}\n.badges .badge {\n  display: flex;\n}\n.badges .badgeTopLeft {\n  grid-row: 1;\n  grid-column: 1;\n  justify-self: start;\n}\n.badges .badgeTopRight {\n  grid-row: 1;\n  grid-column: 2;\n  justify-self: end;\n}\n.badges .badgeBottomLeft {\n  grid-row: 2;\n  grid-column: 1;\n  justify-self: start;\n  align-self: end;\n}\n.badges .badgeBottomRight {\n  grid-row: 2;\n  grid-column: 2;\n  justify-self: end;\n  align-self: end;\n}');export{e as default};
 //# sourceMappingURL=Avatar.module.scss.js.map

package/dist/mocked_classnames/src/components/Avatar/AvatarBadge.module.scss.js

@@ -1,2 +1,2 @@
-var e={badgeLarge:"badgeLarge",badgeMedium:"badgeMedium",badgeSmall:"badgeSmall",badgeXs:"badgeXs"};!function(e){const d="s_id-e545a08d61b0_4_5_7";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+d))return;const t=document.createElement("style");t.id=d,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}(".badgeLarge {\n  height: 19px;\n  width: 19px;\n}\n\n.badgeMedium {\n  height: 13px;\n  width: 13px;\n}\n\n.badgeSmall,\n.badgeXs {\n  height: 10px;\n  width: 10px;\n}");export{e as default};
+var e={badgeLarge:"badgeLarge",badgeMedium:"badgeMedium",badgeSmall:"badgeSmall",badgeXs:"badgeXs"};!function(e){const d="s_id-e545a08d61b0_4_5_8";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+d))return;const t=document.createElement("style");t.id=d,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}(".badgeLarge {\n  height: 19px;\n  width: 19px;\n}\n\n.badgeMedium {\n  height: 13px;\n  width: 13px;\n}\n\n.badgeSmall,\n.badgeXs {\n  height: 10px;\n  width: 10px;\n}");export{e as default};
 //# sourceMappingURL=AvatarBadge.module.scss.js.map

package/dist/mocked_classnames/src/components/Avatar/AvatarContent.module.scss.js

@@ -1,2 +1,2 @@
-var n={contentImg:"contentImg",contentText:"contentText",contentTextLarge:"contentTextLarge",contentTextMedium:"contentTextMedium",contentTextSmall:"contentTextSmall",contentTextXs:"contentTextXs",contentIconLarge:"contentIconLarge",contentIconMedium:"contentIconMedium",contentIconSmall:"contentIconSmall"};!function(n){const t="s_id-50188146c7c7_4_5_7";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,e.firstChild?e.insertBefore(o,e.firstChild):e.appendChild(o),o.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=n)}("/* stylelint-disable */\n/* stylelint-enable */\n.contentImg {\n  object-fit: cover;\n  width: 100%;\n  height: 100%;\n}\n.contentText {\n  font-family: var(--font-family);\n  font-weight: 400;\n  line-height: 21px;\n  letter-spacing: -0.5px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n}\n.contentTextLarge {\n  font: var(--font-h3-normal);\n  letter-spacing: var(--letter-spacing-h3-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font-family: var(--font-family) !important;\n}\n.contentTextMedium {\n  font: var(--font-text1-normal);\n  margin-top: 1px;\n}\n.contentTextSmall {\n  margin-top: 1px;\n  font-size: 12px;\n}\n.contentTextXs {\n  margin-top: 1px;\n  font: var(--font-text3-normal);\n}\n.contentIconLarge {\n  height: 28px;\n  width: 28px;\n}\n.contentIconMedium {\n  height: 18px;\n  width: 18px;\n}\n.contentIconSmall {\n  height: 12px;\n  width: 12px;\n}");export{n as default};
+var n={contentImg:"contentImg",contentText:"contentText",contentTextLarge:"contentTextLarge",contentTextMedium:"contentTextMedium",contentTextSmall:"contentTextSmall",contentTextXs:"contentTextXs",contentIconLarge:"contentIconLarge",contentIconMedium:"contentIconMedium",contentIconSmall:"contentIconSmall"};!function(n){const t="s_id-50188146c7c7_4_5_8";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,e.firstChild?e.insertBefore(o,e.firstChild):e.appendChild(o),o.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=n)}("/* stylelint-disable */\n/* stylelint-enable */\n.contentImg {\n  object-fit: cover;\n  width: 100%;\n  height: 100%;\n}\n.contentText {\n  font-family: var(--font-family);\n  font-weight: 400;\n  line-height: 21px;\n  letter-spacing: -0.5px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n}\n.contentTextLarge {\n  font: var(--font-h3-normal);\n  letter-spacing: var(--letter-spacing-h3-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font-family: var(--font-family) !important;\n}\n.contentTextMedium {\n  font: var(--font-text1-normal);\n  margin-top: 1px;\n}\n.contentTextSmall {\n  margin-top: 1px;\n  font-size: 12px;\n}\n.contentTextXs {\n  margin-top: 1px;\n  font: var(--font-text3-normal);\n}\n.contentIconLarge {\n  height: 28px;\n  width: 28px;\n}\n.contentIconMedium {\n  height: 18px;\n  width: 18px;\n}\n.contentIconSmall {\n  height: 12px;\n  width: 12px;\n}");export{n as default};
 //# sourceMappingURL=AvatarContent.module.scss.js.map

package/dist/mocked_classnames/src/components/AvatarGroup/AvatarGroup.module.scss.js

@@ -1,2 +1,2 @@
-var e={avatarGroupContainer:"avatarGroupContainer",avatarContainer:"avatarContainer"};!function(e){const n="s_id-34c07868a875_4_5_7";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)}(".avatarGroupContainer {\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  position: relative;\n  padding: 0;\n  margin: 0;\n}\n\n.avatarContainer {\n  margin-inline-start: calc(-1 * var(--space-8));\n}");export{e as default};
+var e={avatarGroupContainer:"avatarGroupContainer",avatarContainer:"avatarContainer"};!function(e){const n="s_id-34c07868a875_4_5_8";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)}(".avatarGroupContainer {\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  position: relative;\n  padding: 0;\n  margin: 0;\n}\n\n.avatarContainer {\n  margin-inline-start: calc(-1 * var(--space-8));\n}");export{e as default};
 //# sourceMappingURL=AvatarGroup.module.scss.js.map

package/dist/mocked_classnames/src/components/AvatarGroup/AvatarGroupCounter.js

@@ -1,2 +1,2 @@
-import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import o,{useRef as t,useCallback as r}from"react";import n from"classnames";import i from"../Counter/Counter.js";import a from"../MenuButton/MenuButton.js";import l from"../Menu/Menu/Menu.js";import s from"../Menu/MenuItem/AvatarMenuItem.js";import u from"./AvatarGroupCounterTooltipContainer.js";import{getStyle as m}from"@vibe/shared";import{avatarOnClick as c}from"./AvatarGroupHelper.js";import d from"./AvatarGroupCounter.module.scss.js";import{AVATAR_GROUP_COUNTER_AVATAR_SIZE as p}from"./AvatarGroupConstants.js";var v=function(v){var f=v.counterTooltipAvatars,b=void 0===f?[]:f,C=v.counterTooltipCustomProps,x=v.counterTooltipIsVirtualizedList,I=void 0!==x&&x,j=v.size,P=void 0===j?"medium":j,g=v.type,A=v.counterAriaLabel,E=v.disabled,M=v.counterProps||{},z=M.color,N=void 0===z?"light":z,T=M.count,h=void 0===T?b.length:T,y=M.prefix,G=void 0===y?"+":y,L=M.maxDigits,k=void 0===L?3:L,B=M.ariaLabelItemsName,O=void 0===B?"items":B,R=M.noAnimation,S=M.dialogContainerSelector,D=M.tabIndex,H=void 0===D?0:D,V=m(d,null==P?void 0:""+P),_=d[N],q=t(null),w=t(null),F=t(null),J=r((function(){return o.createElement(i,{color:N,count:h,prefix:G,maxDigits:k,"aria-label":A||"Tab for more ".concat(O),noAnimation:R,counterClassName:n(e({},d.disabled,E)),size:"xs"===P?"xs":void 0})}),[A,O,N,k,G,h,E,R]);return b.length||h?E?o.createElement("div",{ref:F,className:n(d.counterContainer,d.disabled,V,_)},J()):b.some((function(e){var o;return null===(o=e.props)||void 0===o?void 0:o.onClick}))?o.createElement(a,{component:J,zIndex:1,className:n(d.counterContainer,V,_),"aria-label":A||"".concat(h," additional ").concat(O),dialogContainerSelector:S},o.createElement(l,{id:"menu",size:"medium",className:d.menu,focusItemIndexOnMount:0},b.map((function(e,t){var r,n,i,a;return o.createElement(s,{menuItemProps:{key:(null===(r=e.props)||void 0===r?void 0:r.id)||t+"",title:(null===(i=null===(n=e.props)||void 0===n?void 0:n.tooltipProps)||void 0===i?void 0:i.content)||(null===(a=null==e?void 0:e.props)||void 0===a?void 0:a["aria-label"]),onClick:function(o){return c(o,e.props)}},avatarProps:Object.assign(Object.assign({},e.props),{customSize:p,"aria-label":"",tabIndex:-1})})})))):o.createElement(u,{focusPrevPlaceholderRef:q,focusNextPlaceholderRef:w,counterContainerRef:F,avatars:b,counterTooltipCustomProps:C,counterTooltipIsVirtualizedList:I,type:g},o.createElement("div",{tabIndex:-1,ref:q}),o.createElement("div",{tabIndex:H,className:n(d.counterContainer,V,_),ref:F},J(),o.createElement("div",{tabIndex:-1,ref:w}))):null};export{v as default};
+import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import o,{useRef as t,useCallback as r}from"react";import n from"classnames";import{Counter as i}from"@vibe/counter/mockedClassNames";import a from"../MenuButton/MenuButton.js";import l from"../Menu/Menu/Menu.js";import s from"../Menu/MenuItem/AvatarMenuItem.js";import u from"./AvatarGroupCounterTooltipContainer.js";import{getStyle as m}from"@vibe/shared";import{avatarOnClick as c}from"./AvatarGroupHelper.js";import d from"./AvatarGroupCounter.module.scss.js";import{AVATAR_GROUP_COUNTER_AVATAR_SIZE as p}from"./AvatarGroupConstants.js";var v=function(v){var f=v.counterTooltipAvatars,b=void 0===f?[]:f,C=v.counterTooltipCustomProps,x=v.counterTooltipIsVirtualizedList,I=void 0!==x&&x,P=v.size,g=void 0===P?"medium":P,j=v.type,A=v.counterAriaLabel,E=v.disabled,M=v.counterProps||{},N=M.color,z=void 0===N?"light":N,T=M.count,h=void 0===T?b.length:T,k=M.prefix,y=void 0===k?"+":k,G=M.maxDigits,L=void 0===G?3:G,B=M.ariaLabelItemsName,O=void 0===B?"items":B,R=M.noAnimation,S=M.dialogContainerSelector,D=M.tabIndex,H=void 0===D?0:D,V=m(d,null==g?void 0:""+g),_=d[z],q=t(null),w=t(null),F=t(null),J=r((function(){return o.createElement(i,{color:z,count:h,prefix:y,maxDigits:L,"aria-label":A||"Tab for more ".concat(O),noAnimation:R,counterClassName:n(e({},d.disabled,E)),size:"xs"===g?"xs":void 0})}),[A,O,z,L,y,h,E,R]);return b.length||h?E?o.createElement("div",{ref:F,className:n(d.counterContainer,d.disabled,V,_)},J()):b.some((function(e){var o;return null===(o=e.props)||void 0===o?void 0:o.onClick}))?o.createElement(a,{component:J,zIndex:1,className:n(d.counterContainer,V,_),"aria-label":A||"".concat(h," additional ").concat(O),dialogContainerSelector:S},o.createElement(l,{id:"menu",size:"medium",className:d.menu,focusItemIndexOnMount:0},b.map((function(e,t){var r,n,i,a;return o.createElement(s,{menuItemProps:{key:(null===(r=e.props)||void 0===r?void 0:r.id)||t+"",title:(null===(i=null===(n=e.props)||void 0===n?void 0:n.tooltipProps)||void 0===i?void 0:i.content)||(null===(a=null==e?void 0:e.props)||void 0===a?void 0:a["aria-label"]),onClick:function(o){return c(o,e.props)}},avatarProps:Object.assign(Object.assign({},e.props),{customSize:p,"aria-label":"",tabIndex:-1})})})))):o.createElement(u,{focusPrevPlaceholderRef:q,focusNextPlaceholderRef:w,counterContainerRef:F,avatars:b,counterTooltipCustomProps:C,counterTooltipIsVirtualizedList:I,type:j},o.createElement("div",{tabIndex:-1,ref:q}),o.createElement("div",{tabIndex:H,className:n(d.counterContainer,V,_),ref:F},J(),o.createElement("div",{tabIndex:-1,ref:w}))):null};export{v as default};
 //# sourceMappingURL=AvatarGroupCounter.js.map

package/dist/mocked_classnames/src/components/AvatarGroup/AvatarGroupCounter.js.map

@@ -1 +1 @@
-{"version":3,"file":"AvatarGroupCounter.js","sources":["../../../../../src/components/AvatarGroup/AvatarGroupCounter.tsx"],"sourcesContent":["import React, { type ReactElement, useCallback, useRef } from \"react\";\nimport cx from \"classnames\";\nimport { type AvatarProps } from \"../Avatar/Avatar\";\nimport Counter from \"../Counter/Counter\";\nimport MenuButton from \"../MenuButton/MenuButton\";\nimport Menu from \"../Menu/Menu/Menu\";\nimport AvatarMenuItem from \"../Menu/MenuItem/AvatarMenuItem\";\nimport AvatarGroupCounterTooltipContainer from \"./AvatarGroupCounterTooltipContainer\";\nimport type VibeComponentProps from \"../../types/VibeComponentProps\";\nimport { type AvatarSize, type AvatarType } from \"../Avatar/Avatar.types\";\nimport { getStyle } from \"@vibe/shared\";\nimport { type AvatarGroupCounterVisualProps } from \"./AvatarGroup.types\";\nimport { type TooltipProps } from \"@vibe/tooltip\";\nimport { avatarOnClick } from \"./AvatarGroupHelper\";\nimport styles from \"./AvatarGroupCounter.module.scss\";\nimport { AVATAR_GROUP_COUNTER_AVATAR_SIZE } from \"./AvatarGroupConstants\";\n\nexport interface AvatarGroupCounterProps extends VibeComponentProps {\n  /**\n   * The list of avatars hidden behind the counter.\n   */\n  counterTooltipAvatars?: ReactElement<AvatarProps>[];\n  /**\n   * Props for customizing the counter appearance.\n   */\n  counterProps?: AvatarGroupCounterVisualProps;\n  /**\n   * Props for customizing the counter tooltip.\n   */\n  counterTooltipCustomProps?: Partial<TooltipProps>;\n  /**\n   * If true, the counter tooltip uses a virtualized list for performance optimization.\n   */\n  counterTooltipIsVirtualizedList?: boolean;\n  /**\n   * The size of the counter.\n   */\n  size?: AvatarSize;\n  /**\n   * The type of the avatars in the counter.\n   */\n  type?: AvatarType;\n  /**\n   * The label of the counter for accessibility.\n   */\n  counterAriaLabel?: string;\n  /**\n   * If true, the counter is disabled and non-interactive.\n   */\n  disabled?: boolean;\n}\n\nconst AvatarGroupCounter: React.FC<AvatarGroupCounterProps> = ({\n  counterTooltipAvatars = [],\n  counterProps,\n  counterTooltipCustomProps,\n  counterTooltipIsVirtualizedList = false,\n  size = \"medium\",\n  type,\n  counterAriaLabel,\n  disabled\n}: AvatarGroupCounterProps) => {\n  const {\n    color: counterColor = \"light\",\n    count: counterValue = counterTooltipAvatars.length,\n    prefix: counterPrefix = \"+\",\n    maxDigits: counterMaxDigits = 3,\n    ariaLabelItemsName: counterAriaLabelItemsName = \"items\",\n    noAnimation,\n    dialogContainerSelector,\n    tabIndex: counterTabIndex = 0\n  } = counterProps || {};\n\n  const counterSizeStyle = getStyle(styles, size?.toString());\n  const counterColorStyle = styles[counterColor];\n\n  const focusPrevPlaceholderRef = useRef(null);\n  const focusNextPlaceholderRef = useRef(null);\n  const counterContainerRef = useRef(null);\n  const counterComponent = useCallback(() => {\n    return (\n      <Counter\n        color={counterColor}\n        count={counterValue}\n        prefix={counterPrefix}\n        maxDigits={counterMaxDigits}\n        aria-label={counterAriaLabel ? counterAriaLabel : `Tab for more ${counterAriaLabelItemsName}`}\n        noAnimation={noAnimation}\n        counterClassName={cx({ [styles.disabled]: disabled })}\n        size={size === \"xs\" ? \"xs\" : undefined}\n      />\n    );\n  }, [\n    counterAriaLabel,\n    counterAriaLabelItemsName,\n    counterColor,\n    counterMaxDigits,\n    counterPrefix,\n    counterValue,\n    disabled,\n    noAnimation\n  ]);\n\n  if (!counterTooltipAvatars.length && !counterValue) {\n    return null;\n  }\n\n  if (disabled) {\n    return (\n      <div\n        ref={counterContainerRef}\n        className={cx(styles.counterContainer, styles.disabled, counterSizeStyle, counterColorStyle)}\n      >\n        {counterComponent()}\n      </div>\n    );\n  }\n\n  const areAvatarsClickable = counterTooltipAvatars.some(a => a.props?.onClick);\n  if (areAvatarsClickable) {\n    return (\n      <MenuButton\n        component={counterComponent}\n        zIndex={1}\n        className={cx(styles.counterContainer, counterSizeStyle, counterColorStyle)}\n        aria-label={counterAriaLabel ? counterAriaLabel : `${counterValue} additional ${counterAriaLabelItemsName}`}\n        dialogContainerSelector={dialogContainerSelector}\n      >\n        <Menu id=\"menu\" size=\"medium\" className={styles.menu} focusItemIndexOnMount={0}>\n          {counterTooltipAvatars.map((avatar, index) => {\n            return (\n              // eslint-disable-next-line react/jsx-key\n              <AvatarMenuItem\n                menuItemProps={{\n                  key: avatar.props?.id || String(index),\n                  title: (avatar.props?.tooltipProps?.content as string) || avatar?.props?.[\"aria-label\"],\n                  onClick: (event: React.MouseEvent | React.KeyboardEvent) => avatarOnClick(event, avatar.props)\n                }}\n                avatarProps={{\n                  ...avatar.props,\n                  customSize: AVATAR_GROUP_COUNTER_AVATAR_SIZE,\n                  \"aria-label\": \"\",\n                  tabIndex: -1\n                }}\n              />\n            );\n          })}\n        </Menu>\n      </MenuButton>\n    );\n  }\n\n  return (\n    <AvatarGroupCounterTooltipContainer\n      focusPrevPlaceholderRef={focusPrevPlaceholderRef}\n      focusNextPlaceholderRef={focusNextPlaceholderRef}\n      counterContainerRef={counterContainerRef}\n      avatars={counterTooltipAvatars}\n      counterTooltipCustomProps={counterTooltipCustomProps}\n      counterTooltipIsVirtualizedList={counterTooltipIsVirtualizedList}\n      type={type}\n    >\n      <div tabIndex={-1} ref={focusPrevPlaceholderRef} />\n      {/* eslint-disable jsx-a11y/no-noninteractive-tabindex */}\n      <div\n        tabIndex={counterTabIndex}\n        className={cx(styles.counterContainer, counterSizeStyle, counterColorStyle)}\n        ref={counterContainerRef}\n      >\n        {/* eslint-enable jsx-a11y/no-noninteractive-tabindex */}\n        {counterComponent()}\n        <div tabIndex={-1} ref={focusNextPlaceholderRef} />\n      </div>\n    </AvatarGroupCounterTooltipContainer>\n  );\n};\n\nexport default AvatarGroupCounter;\n"],"names":["AvatarGroupCounter","_ref","_ref$counterTooltipAv","counterTooltipAvatars","counterTooltipCustomProps","_ref$counterTooltipIs","counterTooltipIsVirtualizedList","_ref$size","size","type","counterAriaLabel","disabled","_ref2","counterProps","_ref2$color","color","counterColor","_ref2$count","count","counterValue","length","_ref2$prefix","prefix","counterPrefix","_ref2$maxDigits","maxDigits","counterMaxDigits","_ref2$ariaLabelItemsN","ariaLabelItemsName","counterAriaLabelItemsName","noAnimation","dialogContainerSelector","_ref2$tabIndex","tabIndex","counterTabIndex","counterSizeStyle","getStyle","styles","counterColorStyle","focusPrevPlaceholderRef","useRef","focusNextPlaceholderRef","counterContainerRef","counterComponent","useCallback","React","createElement","Counter","concat","counterClassName","cx","_defineProperty","undefined","ref","className","counterContainer","some","a","_a","props","onClick","MenuButton","component","zIndex","Menu","id","menu","focusItemIndexOnMount","map","avatar","index","AvatarMenuItem","menuItemProps","key","String","title","_c","_b","tooltipProps","content","_d","event","avatarOnClick","avatarProps","customSize","AVATAR_GROUP_COUNTER_AVATAR_SIZE","AvatarGroupCounterTooltipContainer","avatars"],"mappings":"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"}
+{"version":3,"file":"AvatarGroupCounter.js","sources":["../../../../../src/components/AvatarGroup/AvatarGroupCounter.tsx"],"sourcesContent":["import React, { type ReactElement, useCallback, useRef } from \"react\";\nimport cx from \"classnames\";\nimport { type AvatarProps } from \"../Avatar/Avatar\";\nimport { Counter } from \"@vibe/counter\";\nimport MenuButton from \"../MenuButton/MenuButton\";\nimport Menu from \"../Menu/Menu/Menu\";\nimport AvatarMenuItem from \"../Menu/MenuItem/AvatarMenuItem\";\nimport AvatarGroupCounterTooltipContainer from \"./AvatarGroupCounterTooltipContainer\";\nimport type VibeComponentProps from \"../../types/VibeComponentProps\";\nimport { type AvatarSize, type AvatarType } from \"../Avatar/Avatar.types\";\nimport { getStyle } from \"@vibe/shared\";\nimport { type AvatarGroupCounterVisualProps } from \"./AvatarGroup.types\";\nimport { type TooltipProps } from \"@vibe/tooltip\";\nimport { avatarOnClick } from \"./AvatarGroupHelper\";\nimport styles from \"./AvatarGroupCounter.module.scss\";\nimport { AVATAR_GROUP_COUNTER_AVATAR_SIZE } from \"./AvatarGroupConstants\";\n\nexport interface AvatarGroupCounterProps extends VibeComponentProps {\n  /**\n   * The list of avatars hidden behind the counter.\n   */\n  counterTooltipAvatars?: ReactElement<AvatarProps>[];\n  /**\n   * Props for customizing the counter appearance.\n   */\n  counterProps?: AvatarGroupCounterVisualProps;\n  /**\n   * Props for customizing the counter tooltip.\n   */\n  counterTooltipCustomProps?: Partial<TooltipProps>;\n  /**\n   * If true, the counter tooltip uses a virtualized list for performance optimization.\n   */\n  counterTooltipIsVirtualizedList?: boolean;\n  /**\n   * The size of the counter.\n   */\n  size?: AvatarSize;\n  /**\n   * The type of the avatars in the counter.\n   */\n  type?: AvatarType;\n  /**\n   * The label of the counter for accessibility.\n   */\n  counterAriaLabel?: string;\n  /**\n   * If true, the counter is disabled and non-interactive.\n   */\n  disabled?: boolean;\n}\n\nconst AvatarGroupCounter: React.FC<AvatarGroupCounterProps> = ({\n  counterTooltipAvatars = [],\n  counterProps,\n  counterTooltipCustomProps,\n  counterTooltipIsVirtualizedList = false,\n  size = \"medium\",\n  type,\n  counterAriaLabel,\n  disabled\n}: AvatarGroupCounterProps) => {\n  const {\n    color: counterColor = \"light\",\n    count: counterValue = counterTooltipAvatars.length,\n    prefix: counterPrefix = \"+\",\n    maxDigits: counterMaxDigits = 3,\n    ariaLabelItemsName: counterAriaLabelItemsName = \"items\",\n    noAnimation,\n    dialogContainerSelector,\n    tabIndex: counterTabIndex = 0\n  } = counterProps || {};\n\n  const counterSizeStyle = getStyle(styles, size?.toString());\n  const counterColorStyle = styles[counterColor];\n\n  const focusPrevPlaceholderRef = useRef(null);\n  const focusNextPlaceholderRef = useRef(null);\n  const counterContainerRef = useRef(null);\n  const counterComponent = useCallback(() => {\n    return (\n      <Counter\n        color={counterColor}\n        count={counterValue}\n        prefix={counterPrefix}\n        maxDigits={counterMaxDigits}\n        aria-label={counterAriaLabel ? counterAriaLabel : `Tab for more ${counterAriaLabelItemsName}`}\n        noAnimation={noAnimation}\n        counterClassName={cx({ [styles.disabled]: disabled })}\n        size={size === \"xs\" ? \"xs\" : undefined}\n      />\n    );\n  }, [\n    counterAriaLabel,\n    counterAriaLabelItemsName,\n    counterColor,\n    counterMaxDigits,\n    counterPrefix,\n    counterValue,\n    disabled,\n    noAnimation\n  ]);\n\n  if (!counterTooltipAvatars.length && !counterValue) {\n    return null;\n  }\n\n  if (disabled) {\n    return (\n      <div\n        ref={counterContainerRef}\n        className={cx(styles.counterContainer, styles.disabled, counterSizeStyle, counterColorStyle)}\n      >\n        {counterComponent()}\n      </div>\n    );\n  }\n\n  const areAvatarsClickable = counterTooltipAvatars.some(a => a.props?.onClick);\n  if (areAvatarsClickable) {\n    return (\n      <MenuButton\n        component={counterComponent}\n        zIndex={1}\n        className={cx(styles.counterContainer, counterSizeStyle, counterColorStyle)}\n        aria-label={counterAriaLabel ? counterAriaLabel : `${counterValue} additional ${counterAriaLabelItemsName}`}\n        dialogContainerSelector={dialogContainerSelector}\n      >\n        <Menu id=\"menu\" size=\"medium\" className={styles.menu} focusItemIndexOnMount={0}>\n          {counterTooltipAvatars.map((avatar, index) => {\n            return (\n              // eslint-disable-next-line react/jsx-key\n              <AvatarMenuItem\n                menuItemProps={{\n                  key: avatar.props?.id || String(index),\n                  title: (avatar.props?.tooltipProps?.content as string) || avatar?.props?.[\"aria-label\"],\n                  onClick: (event: React.MouseEvent | React.KeyboardEvent) => avatarOnClick(event, avatar.props)\n                }}\n                avatarProps={{\n                  ...avatar.props,\n                  customSize: AVATAR_GROUP_COUNTER_AVATAR_SIZE,\n                  \"aria-label\": \"\",\n                  tabIndex: -1\n                }}\n              />\n            );\n          })}\n        </Menu>\n      </MenuButton>\n    );\n  }\n\n  return (\n    <AvatarGroupCounterTooltipContainer\n      focusPrevPlaceholderRef={focusPrevPlaceholderRef}\n      focusNextPlaceholderRef={focusNextPlaceholderRef}\n      counterContainerRef={counterContainerRef}\n      avatars={counterTooltipAvatars}\n      counterTooltipCustomProps={counterTooltipCustomProps}\n      counterTooltipIsVirtualizedList={counterTooltipIsVirtualizedList}\n      type={type}\n    >\n      <div tabIndex={-1} ref={focusPrevPlaceholderRef} />\n      {/* eslint-disable jsx-a11y/no-noninteractive-tabindex */}\n      <div\n        tabIndex={counterTabIndex}\n        className={cx(styles.counterContainer, counterSizeStyle, counterColorStyle)}\n        ref={counterContainerRef}\n      >\n        {/* eslint-enable jsx-a11y/no-noninteractive-tabindex */}\n        {counterComponent()}\n        <div tabIndex={-1} ref={focusNextPlaceholderRef} />\n      </div>\n    </AvatarGroupCounterTooltipContainer>\n  );\n};\n\nexport default AvatarGroupCounter;\n"],"names":["AvatarGroupCounter","_ref","_ref$counterTooltipAv","counterTooltipAvatars","counterTooltipCustomProps","_ref$counterTooltipIs","counterTooltipIsVirtualizedList","_ref$size","size","type","counterAriaLabel","disabled","_ref2","counterProps","_ref2$color","color","counterColor","_ref2$count","count","counterValue","length","_ref2$prefix","prefix","counterPrefix","_ref2$maxDigits","maxDigits","counterMaxDigits","_ref2$ariaLabelItemsN","ariaLabelItemsName","counterAriaLabelItemsName","noAnimation","dialogContainerSelector","_ref2$tabIndex","tabIndex","counterTabIndex","counterSizeStyle","getStyle","styles","counterColorStyle","focusPrevPlaceholderRef","useRef","focusNextPlaceholderRef","counterContainerRef","counterComponent","useCallback","React","createElement","Counter","concat","counterClassName","cx","_defineProperty","undefined","ref","className","counterContainer","some","a","_a","props","onClick","MenuButton","component","zIndex","Menu","id","menu","focusItemIndexOnMount","map","avatar","index","AvatarMenuItem","menuItemProps","key","String","title","_c","_b","tooltipProps","content","_d","event","avatarOnClick","avatarProps","customSize","AVATAR_GROUP_COUNTER_AVATAR_SIZE","AvatarGroupCounterTooltipContainer","avatars"],"mappings":"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"}

package/dist/mocked_classnames/src/components/AvatarGroup/AvatarGroupCounter.module.scss.js

@@ -1,2 +1,2 @@
-var n={counterContainer:"counterContainer","focus-visible":"focus-visible",xs:"xs",small:"small",medium:"medium",large:"large",primary:"primary",dark:"dark",negative:"negative",light:"light",disabled:"disabled",menu:"menu"};!function(n){const e="s_id-98062d6d439a_4_5_7";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,o.firstChild?o.insertBefore(r,o.firstChild):o.appendChild(r),r.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}("/* stylelint-disable */\n/* stylelint-enable */\n.counterContainer.counterContainer {\n  background: var(--ui-background-color);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin-inline-start: calc(-1 * var(--space-8));\n  z-index: 1;\n  border: 1px solid var(--primary-background-color);\n}\n.counterContainer.counterContainer:focus-visible, .counterContainer.counterContainer.focus-visible { /* stylelint-disable-line selector-class-pattern */\n  outline: none;\n}\n.counterContainer.counterContainer:focus-visible:focus-visible, .counterContainer.counterContainer:focus-visible.focus-visible, .counterContainer.counterContainer.focus-visible:focus-visible, .counterContainer.counterContainer.focus-visible.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 50%;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.counterContainer.counterContainer:focus-visible:focus:not(.focus-visible), .counterContainer.counterContainer.focus-visible:focus:not(.focus-visible) {\n  outline: none;\n}\n.counterContainer.counterContainer.xs {\n  height: 20px;\n  min-width: 20px;\n  border-radius: 10px;\n  padding: 0 1px;\n}\n.counterContainer.counterContainer.small {\n  height: 28px;\n  min-width: 28px;\n  border-radius: 14px;\n  padding: 0 1px;\n}\n.counterContainer.counterContainer.medium {\n  height: 32px;\n  min-width: 32px;\n  border-radius: 16px;\n  padding: 0 2px;\n}\n.counterContainer.counterContainer.large {\n  height: 50px;\n  min-width: 50px;\n  border-radius: 25px;\n  padding: 0 var(--space-4);\n}\n.counterContainer.counterContainer.primary {\n  color: var(--text-color-on-primary);\n  background-color: var(--primary-color);\n}\n.counterContainer.counterContainer.dark {\n  color: var(--text-color-on-inverted);\n  background-color: var(--inverted-color-background);\n}\n.counterContainer.counterContainer.negative {\n  color: var(--text-color-on-primary);\n  background-color: var(--negative-color);\n}\n.counterContainer.counterContainer.light {\n  color: var(--primary-text-color);\n  background-color: var(--ui-background-color);\n}\n.counterContainer.counterContainer .disabled, .counterContainer.counterContainer.disabled {\n  background-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n}\n.menu {\n  max-height: 300px;\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n.menu::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.menu::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{n as default};
+var n={counterContainer:"counterContainer","focus-visible":"focus-visible",xs:"xs",small:"small",medium:"medium",large:"large",primary:"primary",dark:"dark",negative:"negative",light:"light",disabled:"disabled",menu:"menu"};!function(n){const e="s_id-98062d6d439a_4_5_8";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,o.firstChild?o.insertBefore(r,o.firstChild):o.appendChild(r),r.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}("/* stylelint-disable */\n/* stylelint-enable */\n.counterContainer.counterContainer {\n  background: var(--ui-background-color);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin-inline-start: calc(-1 * var(--space-8));\n  z-index: 1;\n  border: 1px solid var(--primary-background-color);\n}\n.counterContainer.counterContainer:focus-visible, .counterContainer.counterContainer.focus-visible { /* stylelint-disable-line selector-class-pattern */\n  outline: none;\n}\n.counterContainer.counterContainer:focus-visible:focus-visible, .counterContainer.counterContainer:focus-visible.focus-visible, .counterContainer.counterContainer.focus-visible:focus-visible, .counterContainer.counterContainer.focus-visible.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 50%;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.counterContainer.counterContainer:focus-visible:focus:not(.focus-visible), .counterContainer.counterContainer.focus-visible:focus:not(.focus-visible) {\n  outline: none;\n}\n.counterContainer.counterContainer.xs {\n  height: 20px;\n  min-width: 20px;\n  border-radius: 10px;\n  padding: 0 1px;\n}\n.counterContainer.counterContainer.small {\n  height: 28px;\n  min-width: 28px;\n  border-radius: 14px;\n  padding: 0 1px;\n}\n.counterContainer.counterContainer.medium {\n  height: 32px;\n  min-width: 32px;\n  border-radius: 16px;\n  padding: 0 2px;\n}\n.counterContainer.counterContainer.large {\n  height: 50px;\n  min-width: 50px;\n  border-radius: 25px;\n  padding: 0 var(--space-4);\n}\n.counterContainer.counterContainer.primary {\n  color: var(--text-color-on-primary);\n  background-color: var(--primary-color);\n}\n.counterContainer.counterContainer.dark {\n  color: var(--text-color-on-inverted);\n  background-color: var(--inverted-color-background);\n}\n.counterContainer.counterContainer.negative {\n  color: var(--text-color-on-primary);\n  background-color: var(--negative-color);\n}\n.counterContainer.counterContainer.light {\n  color: var(--primary-text-color);\n  background-color: var(--ui-background-color);\n}\n.counterContainer.counterContainer .disabled, .counterContainer.counterContainer.disabled {\n  background-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n}\n.menu {\n  max-height: 300px;\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n.menu::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.menu::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{n as default};
 //# sourceMappingURL=AvatarGroupCounter.module.scss.js.map

package/dist/mocked_classnames/src/components/AvatarGroup/AvatarGroupCounterTooltipContent.module.scss.js

@@ -1,2 +1,2 @@
-var t={tooltipAvatarItemTitle:"tooltipAvatarItemTitle",tooltipAvatarItemAvatar:"tooltipAvatarItemAvatar",tooltipContainer:"tooltipContainer","focus-visible":"focus-visible",tooltipGridContainer:"tooltipGridContainer",scrollableContainer:"scrollableContainer"};!function(t){const e="s_id-886ef7c132b6_4_5_7";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const i=document.createElement("style");i.id=e,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}("/* stylelint-disable */\n/* stylelint-enable */\n.tooltipAvatarItemTitle {\n  white-space: nowrap;\n}\n.tooltipAvatarItemAvatar {\n  flex-shrink: 0;\n}\n.tooltipContainer {\n  max-height: 300px;\n  padding-inline-end: var(--space-16);\n  align-items: flex-start !important;\n  overflow-x: visible;\n  overflow-y: auto;\n  margin-top: var(--space-8);\n}\n.tooltipContainer:focus, .tooltipContainer:focus-visible, .tooltipContainer.focus-visible { /* stylelint-disable-line selector-class-pattern */\n  outline: none;\n}\n.tooltipGridContainer {\n  max-width: 160px;\n  padding-inline-end: 0;\n}\n.scrollableContainer::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{t as default};
+var t={tooltipAvatarItemTitle:"tooltipAvatarItemTitle",tooltipAvatarItemAvatar:"tooltipAvatarItemAvatar",tooltipContainer:"tooltipContainer","focus-visible":"focus-visible",tooltipGridContainer:"tooltipGridContainer",scrollableContainer:"scrollableContainer"};!function(t){const e="s_id-886ef7c132b6_4_5_8";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const i=document.createElement("style");i.id=e,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}("/* stylelint-disable */\n/* stylelint-enable */\n.tooltipAvatarItemTitle {\n  white-space: nowrap;\n}\n.tooltipAvatarItemAvatar {\n  flex-shrink: 0;\n}\n.tooltipContainer {\n  max-height: 300px;\n  padding-inline-end: var(--space-16);\n  align-items: flex-start !important;\n  overflow-x: visible;\n  overflow-y: auto;\n  margin-top: var(--space-8);\n}\n.tooltipContainer:focus, .tooltipContainer:focus-visible, .tooltipContainer.focus-visible { /* stylelint-disable-line selector-class-pattern */\n  outline: none;\n}\n.tooltipGridContainer {\n  max-width: 160px;\n  padding-inline-end: 0;\n}\n.scrollableContainer::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{t as default};
 //# sourceMappingURL=AvatarGroupCounterTooltipContent.module.scss.js.map

package/dist/mocked_classnames/src/components/AvatarGroup/AvatarGroupCounterTooltipContentVirtualizedList.module.scss.js

@@ -1,2 +1,2 @@
-var e={scrollableContainer:"scrollableContainer",virtualizedTooltipContainer:"virtualizedTooltipContainer","focus-visible":"focus-visible"};!function(e){const i="s_id-21f61936150a_4_5_7";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+i))return;const l=document.createElement("style");l.id=i,n.firstChild?n.insertBefore(l,n.firstChild):n.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[i]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.scrollableContainer::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.virtualizedTooltipContainer {\n  align-items: flex-start !important;\n  display: flex;\n  overflow-y: hidden;\n  overflow-x: visible;\n}\n.virtualizedTooltipContainer:focus, .virtualizedTooltipContainer:focus-visible, .virtualizedTooltipContainer.focus-visible { /* stylelint-disable-line selector-class-pattern */\n  outline: none;\n}");export{e as default};
+var e={scrollableContainer:"scrollableContainer",virtualizedTooltipContainer:"virtualizedTooltipContainer","focus-visible":"focus-visible"};!function(e){const i="s_id-21f61936150a_4_5_8";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+i))return;const l=document.createElement("style");l.id=i,n.firstChild?n.insertBefore(l,n.firstChild):n.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[i]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.scrollableContainer::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.virtualizedTooltipContainer {\n  align-items: flex-start !important;\n  display: flex;\n  overflow-y: hidden;\n  overflow-x: visible;\n}\n.virtualizedTooltipContainer:focus, .virtualizedTooltipContainer:focus-visible, .virtualizedTooltipContainer.focus-visible { /* stylelint-disable-line selector-class-pattern */\n  outline: none;\n}");export{e as default};
 //# sourceMappingURL=AvatarGroupCounterTooltipContentVirtualizedList.module.scss.js.map

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

@@ -1,2 +1,2 @@
-import{__rest as t}from"../../../_virtual/_tslib.js";import e,{forwardRef as r,useRef as a}from"react";import o from"classnames";import{camelCase as i}from"es-toolkit";import{useMergeRef as s,getStyle as n}from"@vibe/shared";import{getTestId as m}from"../../tests/testIds.js";import{ComponentVibeId as c,ComponentDefaultTestId as d}from"../../tests/constants.js";import l from"./Indicator/Indicator.js";import p from"../Counter/Counter.js";import f from"./Badge.module.scss.js";var v=r((function(r,v){var u=r.type,g=void 0===u?"indicator":u,j=r.anchor,b=void 0===j?"top-end":j,E=r.alignment,h=void 0===E?"rectangular":E,N=r.className,B=r.id,I=r["data-testid"],y=r.children,A=t(r,["type","anchor","alignment","className","id","data-testid","children"]),C=a(null),D=s(v,C),G=o(f.badge,n(f,i(b)),n(f,h)),O=A.color||"indicator"===g?"notification":"negative";return e.createElement("div",{ref:D,className:o(f.badgeWrapper,N),id:B,"data-vibe":c.BADGE},y,e.createElement("div",{className:G,"data-testid":I||m(d.BADGE,B)},"indicator"===g?e.createElement(l,Object.assign({color:O},A)):"counter"===g&&e.createElement(p,Object.assign({color:O},A))))}));export{v as default};
+import{__rest as t}from"../../../_virtual/_tslib.js";import e,{forwardRef as a,useRef as r}from"react";import o from"classnames";import{camelCase as i}from"es-toolkit";import{useMergeRef as s,getStyle as m}from"@vibe/shared";import{getTestId as n}from"../../tests/testIds.js";import{ComponentVibeId as c,ComponentDefaultTestId as d}from"../../tests/constants.js";import l from"./Indicator/Indicator.js";import{Counter as p}from"@vibe/counter/mockedClassNames";import f from"./Badge.module.scss.js";var v=a((function(a,v){var g=a.type,u=void 0===g?"indicator":g,b=a.anchor,j=void 0===b?"top-end":b,E=a.alignment,h=void 0===E?"rectangular":E,N=a.className,B=a.id,I=a["data-testid"],k=a.children,y=t(a,["type","anchor","alignment","className","id","data-testid","children"]),A=r(null),D=s(v,A),G=o(f.badge,m(f,i(j)),m(f,h)),O=y.color||"indicator"===u?"notification":"negative";return e.createElement("div",{ref:D,className:o(f.badgeWrapper,N),id:B,"data-vibe":c.BADGE},k,e.createElement("div",{className:G,"data-testid":I||n(d.BADGE,B)},"indicator"===u?e.createElement(l,Object.assign({color:O},y)):"counter"===u&&e.createElement(p,Object.assign({color:O},y))))}));export{v as default};
 //# sourceMappingURL=Badge.js.map