@vibe/core 4.5.9 → 4.5.10

package/dist/components/index.d.ts

@@ -1,7 +1,7 @@
 export * from "./Accordion";
 export * from "./AlertBanner";
 export * from "./AttentionBox";
-export * from "./Avatar";
+export * from "@vibe/avatar";
 export * from "./AvatarGroup";
 export * from "./Badge";
 export * from "./BreadcrumbsBar";
@@ -17,8 +17,7 @@ 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";
 export * from "./Dropdown";
-export * from "./EditableHeading";
-export * from "./EditableText";
+export * from "@vibe/editable";
 export * from "./EmptyState";
 export { ExpandCollapse, type ExpandCollapseProps } from "@vibe/expand-collapse";
 export * from "@vibe/layout";

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

@@ -1,2 +1,2 @@
-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};
+var e={clickableWrapper:"clickableWrapper_a29ca4bba9","focus-visible":"focus-visible_c780cd36f3",label:"label_03ad543064",small:"small_79e25dcd7a",withLeg:"withLeg_248dc0a7c5",legWrapper:"legWrapper_6590cf3048",kindFill:"kindFill_bbbb7ba388",colorPrimary:"colorPrimary_4dd48e0b75",clickable:"clickable_b9abee2107",colorDark:"colorDark_d43e9b7803",colorNegative:"colorNegative_dee51d2ca5",colorPositive:"colorPositive_0a7d70b3aa",kindLine:"kindLine_1245891242",smallText:"smallText_e6fca73643"};!function(e){var a="s_id-7ba6c6dd9512_4_0_2";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_a29ca4bba9 {\n  cursor: pointer;\n}\n.clickableWrapper_a29ca4bba9:focus-visible, .clickableWrapper_a29ca4bba9.focus-visible_c780cd36f3 {\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_a29ca4bba9:focus:not(.focus-visible_c780cd36f3) {\n  outline: none;\n}\n.clickableWrapper_a29ca4bba9:active {\n  transform: scale(0.95) translate3d(0, 0, 0);\n  transition: var(--motion-productive-short) transform;\n}\n.label_03ad543064 {\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_03ad543064.small_79e25dcd7a {\n  padding: 0 var(--space-4);\n  border-radius: 2px;\n}\n.withLeg_248dc0a7c5 {\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_6590cf3048 {\n  position: absolute;\n  height: 8px;\n  top: 100%;\n  inset-inline-start: 0;\n  display: inline-flex;\n}\n.kindFill_bbbb7ba388.colorPrimary_4dd48e0b75 {\n  background-color: var(--primary-color);\n}\n.kindFill_bbbb7ba388.colorPrimary_4dd48e0b75 svg path {\n  fill: var(--primary-color);\n}\n.kindFill_bbbb7ba388.colorPrimary_4dd48e0b75.clickable_b9abee2107:hover, .kindFill_bbbb7ba388.colorPrimary_4dd48e0b75.clickable_b9abee2107:active {\n  background-color: var(--primary-hover-color);\n}\n.kindFill_bbbb7ba388.colorDark_d43e9b7803 {\n  background-color: var(--inverted-color-background);\n}\n.kindFill_bbbb7ba388.colorDark_d43e9b7803 svg path {\n  fill: var(--inverted-color-background);\n}\n.kindFill_bbbb7ba388.colorNegative_dee51d2ca5 {\n  background-color: var(--negative-color);\n}\n.kindFill_bbbb7ba388.colorNegative_dee51d2ca5 svg path {\n  fill: var(--negative-color);\n}\n.kindFill_bbbb7ba388.colorNegative_dee51d2ca5.clickable_b9abee2107:hover, .kindFill_bbbb7ba388.colorNegative_dee51d2ca5.clickable_b9abee2107:active {\n  background-color: var(--negative-color-hover);\n}\n.kindFill_bbbb7ba388.colorPositive_0a7d70b3aa {\n  background-color: var(--positive-color);\n}\n.kindFill_bbbb7ba388.colorPositive_0a7d70b3aa svg path {\n  fill: var(--positive-color);\n}\n.kindFill_bbbb7ba388.colorPositive_0a7d70b3aa.clickable_b9abee2107:hover, .kindFill_bbbb7ba388.colorPositive_0a7d70b3aa.clickable_b9abee2107:active {\n  background-color: var(--positive-color-hover);\n}\n.kindLine_1245891242 {\n  border: 1px solid currentColor;\n  padding: 1px var(--space-8);\n}\n.kindLine_1245891242 .legWrapper_6590cf3048 {\n  inset-inline-start: -1px;\n  top: calc(100% + 1px);\n}\n.kindLine_1245891242.colorPrimary_4dd48e0b75 {\n  color: var(--primary-color);\n}\n.kindLine_1245891242.colorPrimary_4dd48e0b75 svg path {\n  fill: var(--primary-color);\n}\n.kindLine_1245891242.colorPrimary_4dd48e0b75.clickable_b9abee2107:hover, .kindLine_1245891242.colorPrimary_4dd48e0b75.clickable_b9abee2107:active {\n  background-color: var(--primary-background-hover-color);\n}\n.kindLine_1245891242.colorDark_d43e9b7803 {\n  color: var(--inverted-color-background);\n}\n.kindLine_1245891242.colorDark_d43e9b7803 svg path {\n  fill: var(--inverted-color-background);\n}\n.kindLine_1245891242.colorDark_d43e9b7803.clickable_b9abee2107:hover, .kindLine_1245891242.colorDark_d43e9b7803.clickable_b9abee2107:active {\n  background-color: var(--primary-background-hover-color);\n}\n.kindLine_1245891242.colorNegative_dee51d2ca5 {\n  color: var(--negative-color);\n}\n.kindLine_1245891242.colorNegative_dee51d2ca5 svg path {\n  fill: var(--negative-color);\n}\n.kindLine_1245891242.colorNegative_dee51d2ca5.clickable_b9abee2107:hover, .kindLine_1245891242.colorNegative_dee51d2ca5.clickable_b9abee2107:active {\n  background-color: var(--negative-color-selected);\n}\n.kindLine_1245891242.colorPositive_0a7d70b3aa {\n  color: var(--positive-color);\n}\n.kindLine_1245891242.colorPositive_0a7d70b3aa svg path {\n  fill: var(--positive-color);\n}\n.kindLine_1245891242.colorPositive_0a7d70b3aa.clickable_b9abee2107:hover, .kindLine_1245891242.colorPositive_0a7d70b3aa.clickable_b9abee2107:active {\n  background-color: var(--positive-color-selected);\n}\n.kindLine_1245891242 .smallText_e6fca73643 {\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_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};
+var e={celebration:"celebration_b7aa077670",svg:"svg_c4b475daca",stroke:"stroke_4f9f097e20","stroke-rotate":"stroke-rotate_65e2f67443",base:"base_c767fc7387",fade:"fade_bb4d60e1fd",first:"first_f8bd9c0fe1",second:"second_497e611897",third:"third_d702c7740f","gradient-text-fill":"gradient-text-fill_fc15eda4c9"};!function(e){var n="s_id-f81803454b25_4_0_2";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_b7aa077670 {\n  --container-perimeter: 840;\n  position: relative;\n}\n.celebration_b7aa077670 .svg_c4b475daca {\n  position: absolute;\n  top: 0;\n  inset-inline-start: 0;\n  height: 100%;\n  width: 100%;\n}\n.celebration_b7aa077670 .svg_c4b475daca .stroke_4f9f097e20 {\n  fill: none;\n  stroke-width: 1;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  animation: stroke-rotate_65e2f67443 cubic-bezier(0.33, 0, 0.67, 1) forwards;\n  stroke-dasharray: var(--container-perimeter);\n  stroke-dashoffset: var(--container-perimeter);\n}\n.celebration_b7aa077670 .svg_c4b475daca .stroke_4f9f097e20.base_c767fc7387 {\n  stroke: var(--color-egg_yolk);\n  animation: fade_bb4d60e1fd 200ms linear forwards;\n  animation-delay: 80ms;\n  stroke-dasharray: 0;\n  stroke-dashoffset: 0;\n  opacity: 0;\n}\n.celebration_b7aa077670 .svg_c4b475daca .stroke_4f9f097e20.first_f8bd9c0fe1 {\n  stroke: var(--color-done-green);\n  animation-delay: 80ms;\n  animation-duration: 320ms;\n}\n.celebration_b7aa077670 .svg_c4b475daca .stroke_4f9f097e20.second_497e611897 {\n  stroke: var(--color-stuck-red);\n  animation-delay: 200ms;\n  animation-duration: 320ms;\n}\n.celebration_b7aa077670 .svg_c4b475daca .stroke_4f9f097e20.third_d702c7740f {\n  stroke: var(--primary-color);\n  animation-delay: 360ms;\n  animation-duration: 320ms;\n}\n.celebration_b7aa077670.celebration_b7aa077670 [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_fc15eda4c9 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_bb4d60e1fd {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n@keyframes stroke-rotate_65e2f67443 {\n  to {\n    stroke-dashoffset: 0;\n  }\n}\n@keyframes gradient-text-fill_fc15eda4c9 {\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/radio-button/dist/RadioButton/RadioButton.module.scss.js

@@ -1,2 +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};
+var n={radioButton:"radioButton_c92b10c92d",inputContainer:"inputContainer_5c73b186e1",input:"input_95ebcf34a6",control:"control_bc43b9e8c9",labelAnimation:"labelAnimation_690c5ea5b0",radioCheckedAnimation:"radioCheckedAnimation_0c9df06bf3",disabled:"disabled_e3d5392ca4",label:"label_b9d43eda30"};!function(n){var e="s_id-f0fb17b54d8d_4_0_1";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_c92b10c92d {\n  display: grid;\n  grid-template-columns: 1.5em auto;\n  grid-gap: 0.5em;\n  cursor: pointer;\n}\n.inputContainer_5c73b186e1 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.input_95ebcf34a6 {\n  opacity: 0;\n  width: 0;\n  height: 0;\n  margin: 0;\n}\n.control_bc43b9e8c9 {\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_bc43b9e8c9 {\n  border-color: var(--primary-color);\n  border-width: 0.3em;\n}\ninput:checked + .labelAnimation_690c5ea5b0 {\n  animation-name: radioCheckedAnimation_0c9df06bf3;\n  animation-duration: var(--motion-productive-medium);\n  animation-timing-function: var(--motion-timing-enter);\n  animation-fill-mode: forwards;\n}\ninput:disabled + .control_bc43b9e8c9 {\n  border: 0.5em solid;\n  border-color: var(--disabled-background-color);\n  border-radius: 50%;\n}\ninput:checked:disabled + .control_bc43b9e8c9 {\n  border: 0.3em solid;\n  border-color: var(--disabled-background-color);\n  background-color: var(--secondary-text-color);\n}\n.radioButton_c92b10c92d.disabled_e3d5392ca4 {\n  cursor: not-allowed;\n}\n.radioButton_c92b10c92d.disabled_e3d5392ca4 .label_b9d43eda30 {\n  color: var(--disabled-text-color);\n}\n.inputContainer_5c73b186e1 input:focus-visible + .control_bc43b9e8c9 {\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_c92b10c92d:hover .inputContainer_5c73b186e1 input:enabled:checked + .control_bc43b9e8c9 {\n  border-color: var(--primary-hover-color);\n}\n.radioButton_c92b10c92d:hover .inputContainer_5c73b186e1 input:enabled:not(:checked) + .control_bc43b9e8c9,\n.radioButton_c92b10c92d:focus-within .inputContainer_5c73b186e1 input:enabled:not(:checked) + .control_bc43b9e8c9 {\n  border-color: var(--primary-text-color);\n}\n@keyframes radioCheckedAnimation_0c9df06bf3 {\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/components/tooltip/dist/Tooltip/Tooltip.module.scss.js

@@ -1,2 +1,2 @@
-var r={tooltip:"tooltip_2dc82a8d06",image:"image_8e8c3915bc",title:"title_bea894e6ec",content:"content_189b17ec4c",paddingSizeMd:"paddingSizeMd_af89240658",tooltipWhiteLink:"tooltipWhiteLink_bd3edb9325",arrow:"arrow_46003d8c92",dark:"dark_56efef4c53",primary:"primary_c65bb16319"};!function(r){var e="s_id-9f2070a53c2f_4_0_7";if("undefined"!=typeof document){var a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+e))return;var o=document.createElement("style");o.id=e,a.firstChild?a.insertBefore(o,a.firstChild):a.appendChild(o),o.appendChild(document.createTextNode(r))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=r)}("/* stylelint-disable */\n/* stylelint-enable */\n.tooltip_2dc82a8d06 {\n  position: relative;\n  display: inline-block;\n  border-radius: var(--tooltip-border-radius, var(--border-radius-small));\n  box-shadow: var(--box-shadow-medium);\n  font: var(--font-text2-normal);\n  max-width: var(--tooltip-max-width, 50vw);\n  word-break: break-word;\n  background-color: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n  --tooltip-max-width: 240px;\n  white-space: pre-wrap;\n}\n.tooltip_2dc82a8d06 .image_8e8c3915bc {\n  display: block;\n  position: relative;\n  border-start-end-radius: 2px;\n  border-start-start-radius: 2px;\n  padding: 2px 2px 0 2px;\n  -o-object-fit: cover;\n     object-fit: cover;\n  width: 100%;\n  height: 100%;\n  min-width: var(--tooltip-max-width);\n  z-index: 1;\n}\n.tooltip_2dc82a8d06 .title_bea894e6ec {\n  font: var(--font-text2-bold);\n}\n.tooltip_2dc82a8d06 .content_189b17ec4c {\n  word-break: break-word;\n  display: inline-block;\n  padding: var(--tooltip-padding, var(--space-8) var(--space-16));\n}\n.tooltip_2dc82a8d06.paddingSizeMd_af89240658 {\n  border-radius: var(--border-radius-medium);\n  padding: var(--space-16);\n  font: var(--font-text2-normal);\n}\n.tooltip_2dc82a8d06 a.tooltipWhiteLink_bd3edb9325 {\n  color: #fff;\n}\n.arrow_46003d8c92,\n.dark_56efef4c53,\n.arrow_46003d8c92.dark_56efef4c53 {\n  background-color: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.dark-app-theme .arrow_46003d8c92.arrow_46003d8c92.dark_56efef4c53, .black-app-theme .arrow_46003d8c92.arrow_46003d8c92.dark_56efef4c53, .hacker-app-theme .arrow_46003d8c92.arrow_46003d8c92.dark_56efef4c53,\n.dark-app-theme .arrow_46003d8c92.arrow_46003d8c92.primary_c65bb16319,\n.black-app-theme .arrow_46003d8c92.arrow_46003d8c92.primary_c65bb16319,\n.hacker-app-theme .arrow_46003d8c92.arrow_46003d8c92.primary_c65bb16319 {\n  box-shadow: none;\n}\n.primary_c65bb16319,\n.arrow_46003d8c92.primary_c65bb16319 {\n  background-color: var(--primary-color);\n  color: var(--text-color-on-primary);\n}");export{r as default};
+var a={tooltip:"tooltip_a717aa0433",image:"image_3219943b45",title:"title_ffcbf6307c",content:"content_0968f448f6",paddingSizeMd:"paddingSizeMd_6ce9b47f67",tooltipWhiteLink:"tooltipWhiteLink_fb41b5e073",arrow:"arrow_2d74b9d82e",dark:"dark_400ae68b39",primary:"primary_e40d51c903"};!function(a){var r="s_id-9f2070a53c2f_4_0_8";if("undefined"!=typeof document){var e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+r))return;var o=document.createElement("style");o.id=r,e.firstChild?e.insertBefore(o,e.firstChild):e.appendChild(o),o.appendChild(document.createTextNode(a))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=a)}("/* stylelint-disable */\n/* stylelint-enable */\n.tooltip_a717aa0433 {\n  position: relative;\n  display: inline-block;\n  border-radius: var(--tooltip-border-radius, var(--border-radius-small));\n  box-shadow: var(--box-shadow-medium);\n  font: var(--font-text2-normal);\n  max-width: var(--tooltip-max-width, 50vw);\n  word-break: break-word;\n  background-color: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n  --tooltip-max-width: 240px;\n  white-space: pre-wrap;\n}\n.tooltip_a717aa0433 .image_3219943b45 {\n  display: block;\n  position: relative;\n  border-start-end-radius: 2px;\n  border-start-start-radius: 2px;\n  padding: 2px 2px 0 2px;\n  -o-object-fit: cover;\n     object-fit: cover;\n  width: 100%;\n  height: 100%;\n  min-width: var(--tooltip-max-width);\n  z-index: 1;\n}\n.tooltip_a717aa0433 .title_ffcbf6307c {\n  font: var(--font-text2-bold);\n}\n.tooltip_a717aa0433 .content_0968f448f6 {\n  word-break: break-word;\n  display: inline-block;\n  padding: var(--tooltip-padding, var(--space-8) var(--space-16));\n}\n.tooltip_a717aa0433.paddingSizeMd_6ce9b47f67 {\n  border-radius: var(--border-radius-medium);\n  padding: var(--space-16);\n  font: var(--font-text2-normal);\n}\n.tooltip_a717aa0433 a.tooltipWhiteLink_fb41b5e073 {\n  color: #fff;\n}\n.arrow_2d74b9d82e,\n.dark_400ae68b39,\n.arrow_2d74b9d82e.dark_400ae68b39 {\n  background-color: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.dark-app-theme .arrow_2d74b9d82e.arrow_2d74b9d82e.dark_400ae68b39, .black-app-theme .arrow_2d74b9d82e.arrow_2d74b9d82e.dark_400ae68b39, .hacker-app-theme .arrow_2d74b9d82e.arrow_2d74b9d82e.dark_400ae68b39,\n.dark-app-theme .arrow_2d74b9d82e.arrow_2d74b9d82e.primary_e40d51c903,\n.black-app-theme .arrow_2d74b9d82e.arrow_2d74b9d82e.primary_e40d51c903,\n.hacker-app-theme .arrow_2d74b9d82e.arrow_2d74b9d82e.primary_e40d51c903 {\n  box-shadow: none;\n}\n.primary_e40d51c903,\n.arrow_2d74b9d82e.primary_e40d51c903 {\n  background-color: var(--primary-color);\n  color: var(--text-color-on-primary);\n}");export{a as default};
 //# sourceMappingURL=Tooltip.module.scss.js.map

package/dist/components/typography/dist/Heading/Heading.module.scss.js

@@ -1,2 +1,2 @@
-var n={h1Bold:"h1Bold_2eda6fc150",h1Medium:"h1Medium_8c4074dac5",h1Normal:"h1Normal_42e70ba63f",h1Light:"h1Light_32fb6efa56",h2Bold:"h2Bold_0ea883b45f",h2Medium:"h2Medium_947260f699",h2Normal:"h2Normal_52a404be4c",h2Light:"h2Light_bc32a6b9bf",h3Bold:"h3Bold_baecafb951",h3Medium:"h3Medium_1e7c0da307",h3Normal:"h3Normal_3586a400eb",h3Light:"h3Light_1575025fba",heading:"heading_d006609ce9"};!function(n){var o="s_id-3b689d96f497_4_0_7";if("undefined"!=typeof document){var t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+o))return;var e=document.createElement("style");e.id=o,t.firstChild?t.insertBefore(e,t.firstChild):t.appendChild(e),e.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=n)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable */\n/* stylelint-enable */\n.h1Bold_2eda6fc150 {\n  font: var(--font-h1-bold);\n  letter-spacing: var(--letter-spacing-h1-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.h1Medium_8c4074dac5 {\n  font: var(--font-h1-medium);\n  letter-spacing: var(--letter-spacing-h1-medium);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.h1Normal_42e70ba63f {\n  font: var(--font-h1-normal);\n  letter-spacing: var(--letter-spacing-h1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.h1Light_32fb6efa56 {\n  font: var(--font-h1-light);\n  letter-spacing: var(--letter-spacing-h1-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.h2Bold_0ea883b45f {\n  font: var(--font-h2-bold);\n  letter-spacing: var(--letter-spacing-h2-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.h2Medium_947260f699 {\n  font: var(--font-h2-medium);\n  letter-spacing: var(--letter-spacing-h2-medium);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.h2Normal_52a404be4c {\n  font: var(--font-h2-normal);\n  letter-spacing: var(--letter-spacing-h2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.h2Light_bc32a6b9bf {\n  font: var(--font-h2-light);\n  letter-spacing: var(--letter-spacing-h2-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.h3Bold_baecafb951 {\n  font: var(--font-h3-bold);\n  letter-spacing: var(--letter-spacing-h3-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.h3Medium_1e7c0da307 {\n  font: var(--font-h3-medium);\n  letter-spacing: var(--letter-spacing-h3-medium);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.h3Normal_3586a400eb {\n  font: var(--font-h3-normal);\n  letter-spacing: var(--letter-spacing-h3-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.h3Light_1575025fba {\n  font: var(--font-h3-light);\n  letter-spacing: var(--letter-spacing-h3-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.heading_d006609ce9 {\n  margin: 0;\n}");export{n as default};
+var n={h1Bold:"h1Bold_7d74e66ac7",h1Medium:"h1Medium_3481f061ee",h1Normal:"h1Normal_6d73a45f26",h1Light:"h1Light_d0a7dcbb06",h2Bold:"h2Bold_5bbb3fab3e",h2Medium:"h2Medium_eec6ed31ec",h2Normal:"h2Normal_04786b01a2",h2Light:"h2Light_6c8ea7bdd3",h3Bold:"h3Bold_219a130c01",h3Medium:"h3Medium_ee56002fa9",h3Normal:"h3Normal_7299769fa0",h3Light:"h3Light_5ed29fcaf1",heading:"heading_aefdcec15a"};!function(n){var o="s_id-3b689d96f497_4_0_8";if("undefined"!=typeof document){var t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+o))return;var e=document.createElement("style");e.id=o,t.firstChild?t.insertBefore(e,t.firstChild):t.appendChild(e),e.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=n)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable */\n/* stylelint-enable */\n.h1Bold_7d74e66ac7 {\n  font: var(--font-h1-bold);\n  letter-spacing: var(--letter-spacing-h1-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.h1Medium_3481f061ee {\n  font: var(--font-h1-medium);\n  letter-spacing: var(--letter-spacing-h1-medium);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.h1Normal_6d73a45f26 {\n  font: var(--font-h1-normal);\n  letter-spacing: var(--letter-spacing-h1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.h1Light_d0a7dcbb06 {\n  font: var(--font-h1-light);\n  letter-spacing: var(--letter-spacing-h1-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.h2Bold_5bbb3fab3e {\n  font: var(--font-h2-bold);\n  letter-spacing: var(--letter-spacing-h2-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.h2Medium_eec6ed31ec {\n  font: var(--font-h2-medium);\n  letter-spacing: var(--letter-spacing-h2-medium);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.h2Normal_04786b01a2 {\n  font: var(--font-h2-normal);\n  letter-spacing: var(--letter-spacing-h2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.h2Light_6c8ea7bdd3 {\n  font: var(--font-h2-light);\n  letter-spacing: var(--letter-spacing-h2-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.h3Bold_219a130c01 {\n  font: var(--font-h3-bold);\n  letter-spacing: var(--letter-spacing-h3-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.h3Medium_ee56002fa9 {\n  font: var(--font-h3-medium);\n  letter-spacing: var(--letter-spacing-h3-medium);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.h3Normal_7299769fa0 {\n  font: var(--font-h3-normal);\n  letter-spacing: var(--letter-spacing-h3-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.h3Light_5ed29fcaf1 {\n  font: var(--font-h3-light);\n  letter-spacing: var(--letter-spacing-h3-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.heading_aefdcec15a {\n  margin: 0;\n}");export{n as default};
 //# sourceMappingURL=Heading.module.scss.js.map

package/dist/components/typography/dist/Text/Text.module.scss.js

@@ -1,2 +1,2 @@
-var t={text1Bold:"text1Bold_112de83c0c",text1Medium:"text1Medium_a4a777ed67",text1Normal:"text1Normal_b591b21565",text2Bold:"text2Bold_bea894e6ec",text2Medium:"text2Medium_9f99ebebea",text2Normal:"text2Normal_4b86d44882",text3Bold:"text3Bold_60f515f26c",text3Medium:"text3Medium_174ad4be54",text3Normal:"text3Normal_449319af5f",text:"text_d8482ae114"};!function(t){var e="s_id-3c82829425e2_4_0_7";if("undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;var a=document.createElement("style");a.id=e,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}("/* stylelint-disable */\n/* stylelint-enable */\n.text1Bold_112de83c0c {\n  font: var(--font-text1-bold);\n}\n.text1Medium_a4a777ed67 {\n  font: var(--font-text1-medium);\n}\n.text1Normal_b591b21565 {\n  font: var(--font-text1-normal);\n}\n.text2Bold_bea894e6ec {\n  font: var(--font-text2-bold);\n}\n.text2Medium_9f99ebebea {\n  font: var(--font-text2-medium);\n}\n.text2Normal_4b86d44882 {\n  font: var(--font-text2-normal);\n}\n.text3Bold_60f515f26c {\n  font: var(--font-text3-bold);\n}\n.text3Medium_174ad4be54 {\n  font: var(--font-text3-medium);\n}\n.text3Normal_449319af5f {\n  font: var(--font-text3-normal);\n}\np:first-of-type.text_d8482ae114 {\n  margin-block: 0;\n}\np.text_d8482ae114 + p {\n  margin-block-start: var(--space-24);\n  margin-block-end: 0;\n}");export{t as default};
+var t={text1Bold:"text1Bold_470a5f18e0",text1Medium:"text1Medium_f5e7d804cd",text1Normal:"text1Normal_99cf34caef",text2Bold:"text2Bold_ffcbf6307c",text2Medium:"text2Medium_4efa6213ba",text2Normal:"text2Normal_41d79417d1",text3Bold:"text3Bold_ba19f1cc64",text3Medium:"text3Medium_8dd5e2fd7f",text3Normal:"text3Normal_34e925e6b6",text:"text_398efe467a"};!function(t){var e="s_id-3c82829425e2_4_0_8";if("undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;var d=document.createElement("style");d.id=e,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}("/* stylelint-disable */\n/* stylelint-enable */\n.text1Bold_470a5f18e0 {\n  font: var(--font-text1-bold);\n}\n.text1Medium_f5e7d804cd {\n  font: var(--font-text1-medium);\n}\n.text1Normal_99cf34caef {\n  font: var(--font-text1-normal);\n}\n.text2Bold_ffcbf6307c {\n  font: var(--font-text2-bold);\n}\n.text2Medium_4efa6213ba {\n  font: var(--font-text2-medium);\n}\n.text2Normal_41d79417d1 {\n  font: var(--font-text2-normal);\n}\n.text3Bold_ba19f1cc64 {\n  font: var(--font-text3-bold);\n}\n.text3Medium_8dd5e2fd7f {\n  font: var(--font-text3-medium);\n}\n.text3Normal_34e925e6b6 {\n  font: var(--font-text3-normal);\n}\np:first-of-type.text_398efe467a {\n  margin-block: 0;\n}\np.text_398efe467a + p {\n  margin-block-start: var(--space-24);\n  margin-block-end: 0;\n}");export{t as default};
 //# sourceMappingURL=Text.module.scss.js.map

package/dist/components/typography/dist/Typography/Typography.module.scss.js

@@ -1,2 +1,2 @@
-var e={typography:"typography_2be0283b0a","focus-visible":"focus-visible_8e67b03522",primary:"primary_966c6773b5",secondary:"secondary_553d56ba99",negative:"negative_3d53ff9397",onPrimary:"onPrimary_a5a4ae3fce",onInverted:"onInverted_68493c93ba",fixedLight:"fixedLight_493b41ac32",fixedDark:"fixedDark_0f0417bf06",inherit:"inherit_486f09e1e4",alignInherit:"alignInherit_be5d88b8fa",start:"start_c5ac2b23c5",center:"center_f7cc71f260",end:"end_04701e350f",singleLineEllipsis:"singleLineEllipsis_86c7d1ad82",multiLineEllipsis:"multiLineEllipsis_ede6af90ce"};!function(e){var n="s_id-e72de339a7ec_4_0_7";if("undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;var i=document.createElement("style");i.id=n,r.firstChild?r.insertBefore(i,r.firstChild):r.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.typography_2be0283b0a > a {\n  text-decoration: none;\n  color: var(--link-color);\n}\n.typography_2be0283b0a > a:focus-visible, .typography_2be0283b0a > a.focus-visible_8e67b03522 {\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.typography_2be0283b0a > a:focus:not(.focus-visible_8e67b03522) {\n  outline: none;\n}\n.typography_2be0283b0a > a:hover {\n  text-decoration: underline;\n}\n.typography_2be0283b0a:disabled, .typography_2be0283b0a[aria-disabled=true] {\n  color: var(--disabled-text-color);\n}\n.primary_966c6773b5 {\n  color: var(--primary-text-color);\n}\n.secondary_553d56ba99 {\n  color: var(--secondary-text-color);\n}\n.negative_3d53ff9397 {\n  color: var(--color-error);\n}\n.onPrimary_a5a4ae3fce {\n  color: var(--text-color-on-primary);\n}\n.onPrimary_a5a4ae3fce a {\n  color: var(--text-color-on-primary);\n  text-decoration: underline;\n}\n.onInverted_68493c93ba {\n  color: var(--text-color-on-inverted);\n}\n.onInverted_68493c93ba a {\n  color: var(--text-color-on-inverted);\n  text-decoration: underline;\n}\n.fixedLight_493b41ac32 {\n  color: var(--fixed-light-color);\n}\n.fixedLight_493b41ac32 a {\n  color: var(--fixed-light-color);\n  text-decoration: underline;\n}\n.fixedDark_0f0417bf06 {\n  color: var(--fixed-dark-color);\n}\n.fixedDark_0f0417bf06 a {\n  color: var(--fixed-dark-color);\n  text-decoration: underline;\n}\n.inherit_486f09e1e4 {\n  color: inherit;\n}\n.inherit_486f09e1e4 a {\n  color: inherit;\n  text-decoration: underline;\n}\n.alignInherit_be5d88b8fa {\n  text-align: inherit;\n}\n.start_c5ac2b23c5 {\n  text-align: start;\n}\n.center_f7cc71f260 {\n  text-align: center;\n}\n.end_04701e350f {\n  text-align: end;\n}\n.singleLineEllipsis_86c7d1ad82 {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.multiLineEllipsis_ede6af90ce {\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-line-clamp: var(--text-clamp-lines);\n  -webkit-box-orient: vertical;\n  white-space: initial;\n}");export{e as default};
+var e={typography:"typography_365f88e2ae","focus-visible":"focus-visible_7a9608b3d0",primary:"primary_052ab6c275",secondary:"secondary_5dbde8057b",negative:"negative_6427a128c8",onPrimary:"onPrimary_df48c4239c",onInverted:"onInverted_552fdf248f",fixedLight:"fixedLight_eaac7d1e26",fixedDark:"fixedDark_6f32b7f9ff",inherit:"inherit_5515800955",alignInherit:"alignInherit_bab836c176",start:"start_268c4a3298",center:"center_4066357d2e",end:"end_fd3f444947",singleLineEllipsis:"singleLineEllipsis_fd7d345dbd",multiLineEllipsis:"multiLineEllipsis_78142d16e1"};!function(e){var n="s_id-e72de339a7ec_4_0_8";if("undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;var i=document.createElement("style");i.id=n,r.firstChild?r.insertBefore(i,r.firstChild):r.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.typography_365f88e2ae > a {\n  text-decoration: none;\n  color: var(--link-color);\n}\n.typography_365f88e2ae > a:focus-visible, .typography_365f88e2ae > a.focus-visible_7a9608b3d0 {\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.typography_365f88e2ae > a:focus:not(.focus-visible_7a9608b3d0) {\n  outline: none;\n}\n.typography_365f88e2ae > a:hover {\n  text-decoration: underline;\n}\n.typography_365f88e2ae:disabled, .typography_365f88e2ae[aria-disabled=true] {\n  color: var(--disabled-text-color);\n}\n.primary_052ab6c275 {\n  color: var(--primary-text-color);\n}\n.secondary_5dbde8057b {\n  color: var(--secondary-text-color);\n}\n.negative_6427a128c8 {\n  color: var(--color-error);\n}\n.onPrimary_df48c4239c {\n  color: var(--text-color-on-primary);\n}\n.onPrimary_df48c4239c a {\n  color: var(--text-color-on-primary);\n  text-decoration: underline;\n}\n.onInverted_552fdf248f {\n  color: var(--text-color-on-inverted);\n}\n.onInverted_552fdf248f a {\n  color: var(--text-color-on-inverted);\n  text-decoration: underline;\n}\n.fixedLight_eaac7d1e26 {\n  color: var(--fixed-light-color);\n}\n.fixedLight_eaac7d1e26 a {\n  color: var(--fixed-light-color);\n  text-decoration: underline;\n}\n.fixedDark_6f32b7f9ff {\n  color: var(--fixed-dark-color);\n}\n.fixedDark_6f32b7f9ff a {\n  color: var(--fixed-dark-color);\n  text-decoration: underline;\n}\n.inherit_5515800955 {\n  color: inherit;\n}\n.inherit_5515800955 a {\n  color: inherit;\n  text-decoration: underline;\n}\n.alignInherit_bab836c176 {\n  text-align: inherit;\n}\n.start_268c4a3298 {\n  text-align: start;\n}\n.center_4066357d2e {\n  text-align: center;\n}\n.end_fd3f444947 {\n  text-align: end;\n}\n.singleLineEllipsis_fd7d345dbd {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.multiLineEllipsis_78142d16e1 {\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-line-clamp: var(--text-clamp-lines);\n  -webkit-box-orient: vertical;\n  white-space: initial;\n}");export{e as default};
 //# sourceMappingURL=Typography.module.scss.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../hooks/dist/usePrevious/index.js"],"sourcesContent":["import{useRef as r}from\"react\";import{useIsomorphicLayoutEffect as t}from\"@vibe/shared\";function e(e){const o=r(void 0);return t((()=>{o.current=e})),o.current}export{e as default};\n//# sourceMappingURL=index.js.map\n"],"names":["e","o","r","t","current"],"mappings":"uIAGwB,SAAAA,EAAkBA,GACxC,IAAMC,EAAMC,OAAO,GAInB,OAHAC,GAA0B,WACxBF,EAAIG,QAAUJ,KAETC,EAAIG,OACb"}

package/dist/hooks/index.d.ts

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

package/dist/metadata/components.json

@@ -1173,7 +1173,7 @@
     "previewUrl": "https://vibe.monday.com/iframe.html?id=components-attentionbox--overview&viewMode=story&shortcuts=false&singleStory=true"
   },
   {
-    "filePath": "src/components/Avatar/Avatar.tsx",
+    "filePath": "src/Avatar/Avatar.tsx",
     "aggregator": "core",
     "symbols": [
       "default as Avatar",
@@ -1425,9 +1425,6 @@
             },
             {
               "value": "\"warning\""
-            },
-            {
-              "value": "\"neutral\""
             }
           ]
         }
@@ -6420,7 +6417,7 @@
     "subComponents": []
   },
   {
-    "filePath": "src/components/EditableHeading/EditableHeading.tsx",
+    "filePath": "src/EditableHeading/EditableHeading.tsx",
     "aggregator": "core",
     "symbols": [
       "default as EditableHeading",
@@ -6611,7 +6608,7 @@
     "previewUrl": "https://vibe.monday.com/iframe.html?id=components-editableheading--overview&viewMode=story&shortcuts=false&singleStory=true"
   },
   {
-    "filePath": "src/components/EditableText/EditableText.tsx",
+    "filePath": "src/EditableText/EditableText.tsx",
     "aggregator": "core",
     "symbols": [
       "default as EditableText",

package/dist/metadata.json

@@ -1173,7 +1173,7 @@
     "previewUrl": "https://vibe.monday.com/iframe.html?id=components-attentionbox--overview&viewMode=story&shortcuts=false&singleStory=true"
   },
   {
-    "filePath": "src/components/Avatar/Avatar.tsx",
+    "filePath": "src/Avatar/Avatar.tsx",
     "aggregator": "core",
     "symbols": [
       "default as Avatar",
@@ -1425,9 +1425,6 @@
             },
             {
               "value": "\"warning\""
-            },
-            {
-              "value": "\"neutral\""
             }
           ]
         }
@@ -6420,7 +6417,7 @@
     "subComponents": []
   },
   {
-    "filePath": "src/components/EditableHeading/EditableHeading.tsx",
+    "filePath": "src/EditableHeading/EditableHeading.tsx",
     "aggregator": "core",
     "symbols": [
       "default as EditableHeading",
@@ -6611,7 +6608,7 @@
     "previewUrl": "https://vibe.monday.com/iframe.html?id=components-editableheading--overview&viewMode=story&shortcuts=false&singleStory=true"
   },
   {
-    "filePath": "src/components/EditableText/EditableText.tsx",
+    "filePath": "src/EditableText/EditableText.tsx",
     "aggregator": "core",
     "symbols": [
       "default as EditableText",

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

@@ -1,7 +1,6 @@
 import React, { type ReactElement } from "react";
-import { type AvatarProps } from "../Avatar/Avatar";
+import { type AvatarProps, type AvatarSize, type AvatarType } from "@vibe/avatar";
 import type VibeComponentProps from "../../types/VibeComponentProps";
-import { type AvatarSize, type AvatarType } from "../Avatar/Avatar.types";
 import { type TooltipProps } from "@vibe/tooltip";
 import { type AvatarGroupCounterVisualProps } from "./AvatarGroup.types";
 export interface AvatarGroupProps extends VibeComponentProps {

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

@@ -1,7 +1,6 @@
 import React, { type ReactElement } from "react";
-import { type AvatarProps } from "../Avatar/Avatar";
+import { type AvatarProps, type AvatarSize, type AvatarType } from "@vibe/avatar";
 import type VibeComponentProps from "../../types/VibeComponentProps";
-import { type AvatarSize, type AvatarType } from "../Avatar/Avatar.types";
 import { type AvatarGroupCounterVisualProps } from "./AvatarGroup.types";
 import { type TooltipProps } from "@vibe/tooltip";
 export interface AvatarGroupCounterProps extends VibeComponentProps {

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

@@ -1,8 +1,7 @@
 import React, { type ReactElement, type RefObject } from "react";
 import { type TooltipProps } from "@vibe/tooltip";
-import { type AvatarProps } from "../Avatar/Avatar";
+import { type AvatarProps, type AvatarType } from "@vibe/avatar";
 import type VibeComponentProps from "../../types/VibeComponentProps";
-import { type AvatarType } from "../Avatar/Avatar.types";
 export interface AvatarGroupCounterTooltipContainerProps extends VibeComponentProps {
     /**
      * The type of avatars displayed in the tooltip.

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

@@ -1,7 +1,6 @@
 import React, { type ReactElement, type Ref } from "react";
-import { type AvatarProps } from "../Avatar/Avatar";
+import { type AvatarProps, type AvatarType } from "@vibe/avatar";
 import type VibeComponentProps from "../../types/VibeComponentProps";
-import { type AvatarType } from "../Avatar/Avatar.types";
 export interface AvatarGroupCounterTooltipContentProps extends VibeComponentProps {
     /**
      * The type of avatars displayed inside the tooltip.

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

@@ -1,7 +1,6 @@
 import React, { type CSSProperties, type ReactElement, type Ref } from "react";
 import type VibeComponentProps from "../../types/VibeComponentProps";
-import { type AvatarType } from "../Avatar/Avatar.types";
-import { type AvatarProps } from "../Avatar/Avatar";
+import { type AvatarProps, type AvatarType } from "@vibe/avatar";
 import { type ElementContent } from "../../types";
 export type AvatarItem = {
     value: AvatarProps & {

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

@@ -1,6 +1,5 @@
 import React, { type CSSProperties, type RefObject } from "react";
-import { type AvatarProps } from "../Avatar/Avatar";
-import { type AvatarType } from "../Avatar";
+import { type AvatarProps, type AvatarType } from "@vibe/avatar";
 import { type ElementContent } from "../../types";
 export declare function useTooltipContentTabNavigation({ counterContainerRef, tooltipContentContainerRef, focusPrevPlaceholderRef, focusNextPlaceholderRef, isKeyboardTooltipVisible, setIsKeyboardTooltipVisible }: {
     counterContainerRef: RefObject<HTMLDivElement>;

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

@@ -1,3 +1,3 @@
 import type React from "react";
-import { type AvatarProps } from "../Avatar/Avatar";
+import { type AvatarProps } from "@vibe/avatar";
 export declare const avatarOnClick: (event: React.MouseEvent | React.KeyboardEvent, avatarProps: AvatarProps) => void;

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

@@ -1,6 +1,6 @@
 import React from "react";
 import { type ElementAllowedColor } from "../../types/Colors";
-import { type AvatarType } from "../Avatar";
+import { type AvatarType } from "@vibe/avatar";
 import { type ElementContent, type VibeComponentProps } from "../../types";
 import { type SubIcon } from "@vibe/icon";
 import { type ChipsSize } from "./Chips.types";

package/dist/mocked_classnames/components/Menu/MenuItem/AvatarMenuItem.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import { type MenuItemProps } from "./MenuItem";
-import { type AvatarProps } from "../../Avatar/Avatar";
+import { type AvatarProps } from "@vibe/avatar";
 import type VibeComponentProps from "../../../types/VibeComponentProps";
 export interface AvatarMenuItemProps extends VibeComponentProps {
     /**

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

@@ -1,7 +1,7 @@
 export * from "./Accordion";
 export * from "./AlertBanner";
 export * from "./AttentionBox";
-export * from "./Avatar";
+export * from "@vibe/avatar";
 export * from "./AvatarGroup";
 export * from "./Badge";
 export * from "./BreadcrumbsBar";
@@ -17,8 +17,7 @@ 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";
 export * from "./Dropdown";
-export * from "./EditableHeading";
-export * from "./EditableText";
+export * from "@vibe/editable";
 export * from "./EmptyState";
 export { ExpandCollapse, type ExpandCollapseProps } from "@vibe/expand-collapse";
 export * from "@vibe/layout";

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

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

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_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};
+var e={accordion:"accordion",accordionItemExpandCollapse:"accordionItemExpandCollapse",accordionItemExpandCollapseLast:"accordionItemExpandCollapseLast"};!function(e){const o="s_id-0e4aa6b3ed9f_4_5_9";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_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};
+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_9";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_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};
+var n={bannerButton:"bannerButton",darkBackground:"darkBackground",marginLeft:"marginLeft"};!function(n){const e="s_id-35a7e70934a8_4_5_9";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_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};
+var n={bannerLink:"bannerLink",bannerLinkTextColorOnPrimary:"bannerLinkTextColorOnPrimary",bannerLinkTextColorOnInverted:"bannerLinkTextColorOnInverted",marginLeft:"marginLeft"};!function(n){const e="s_id-b8e9178179b1_4_5_9";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_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};
+var e={bannerText:"bannerText",marginLeft:"marginLeft"};!function(e){const n="s_id-306a220e9849_4_5_9";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_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};
+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_9";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_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};
+var e={closeButton:"closeButton"};!function(e){const t="s_id-979f8aeb619b_4_5_9";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_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};
+var e={icon:"icon"};!function(e){const t="s_id-55a80ba34ba3_4_5_9";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_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};
+var e={attentionBoxLink:"attentionBoxLink"};!function(e){const t="s_id-f7cefb69d475_4_5_9";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_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};
+var n={container:"container",mainContentGroup:"mainContentGroup",leadingIcon:"leadingIcon",actionsGroup:"actionsGroup"};!function(n){const e="s_id-2f71fab0a877_4_5_9";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_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};
+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_9";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/AvatarGroup/AvatarGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"AvatarGroup.js","sources":["../../../../../src/components/AvatarGroup/AvatarGroup.tsx"],"sourcesContent":["import React, { type ReactElement, useMemo } from \"react\";\nimport cx from \"classnames\";\nimport { type AvatarProps } from \"../Avatar/Avatar\";\nimport AvatarGroupCounter from \"./AvatarGroupCounter\";\nimport type VibeComponentProps from \"../../types/VibeComponentProps\";\nimport { type AvatarSize, type AvatarType } from \"../Avatar/Avatar.types\";\nimport { avatarOnClick } from \"./AvatarGroupHelper\";\nimport { type TooltipProps } from \"@vibe/tooltip\";\nimport styles from \"./AvatarGroup.module.scss\";\nimport { type AvatarGroupCounterVisualProps } from \"./AvatarGroup.types\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nexport interface AvatarGroupProps extends VibeComponentProps {\n  /**\n   * Class name applied to each avatar.\n   */\n  avatarClassName?: string;\n  /**\n   * The avatars displayed in the group.\n   */\n  children?: ReactElement<AvatarProps> | ReactElement<AvatarProps>[];\n  /**\n   * The size of the avatars in the group.\n   */\n  size?: AvatarSize;\n  /**\n   * The type of the avatars in the group.\n   */\n  type?: AvatarType;\n  /**\n   * The maximum number of avatars displayed before showing a counter.\n   */\n  max?: number;\n  /**\n   * Props for customizing the counter display.\n   */\n  counterProps?: AvatarGroupCounterVisualProps;\n  /**\n   * Props passed to the Tooltip component. See full options in the [Tooltip documentation](https://vibe.monday.com/?path=/docs/components-tooltip--docs).\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   * If true, the component is disabled and non-interactive.\n   */\n  disabled?: boolean;\n}\n\nconst AvatarGroup: React.FC<AvatarGroupProps> = ({\n  className,\n  avatarClassName,\n  id,\n  children,\n  size,\n  type,\n  max = 5,\n  counterProps,\n  counterTooltipCustomProps,\n  counterTooltipIsVirtualizedList = false,\n  disabled\n}) => {\n  const { displayAvatars, counterTooltipAvatars } = useMemo(() => {\n    if (!children) {\n      return {};\n    }\n    const childrenArray = Array.isArray(children) ? children : [children];\n    return {\n      displayAvatars: childrenArray.slice(0, max).map((avatar, index) => {\n        return React.cloneElement(avatar, {\n          key: index,\n          ...avatar?.props,\n          size: size || avatar?.props?.size,\n          type: type || avatar?.props?.type,\n          className: cx(styles.avatarContainer, avatarClassName),\n          onClick: (event: React.MouseEvent | React.KeyboardEvent) => avatarOnClick(event, avatar.props),\n          disabled\n        });\n      }),\n      counterTooltipAvatars: childrenArray.slice(max)\n    };\n  }, [avatarClassName, children, disabled, max, size, type]);\n\n  if (!children) {\n    return null;\n  }\n\n  return (\n    <div className={cx(styles.avatarGroupContainer, className)} id={id} data-vibe={ComponentVibeId.AVATAR_GROUP}>\n      {displayAvatars}\n      <AvatarGroupCounter\n        counterTooltipAvatars={counterTooltipAvatars}\n        counterProps={counterProps}\n        counterTooltipCustomProps={counterTooltipCustomProps}\n        counterTooltipIsVirtualizedList={counterTooltipIsVirtualizedList}\n        size={size}\n        type={type}\n        disabled={disabled}\n      />\n    </div>\n  );\n};\n\nexport default AvatarGroup;\n"],"names":["AvatarGroup","_ref","className","avatarClassName","id","children","size","type","_ref$max","max","counterProps","counterTooltipCustomProps","_ref$counterTooltipIs","counterTooltipIsVirtualizedList","disabled","_useMemo","useMemo","childrenArray","Array","isArray","displayAvatars","slice","map","avatar","index","React","cloneElement","key","props","_a","_b","cx","styles","avatarContainer","onClick","event","avatarOnClick","counterTooltipAvatars","createElement","avatarGroupContainer","ComponentVibeId","AVATAR_GROUP","AvatarGroupCounter"],"mappings":"kQAmDA,IAAMA,EAA0C,SAA/BC,GAYZ,IAXHC,EAASD,EAATC,UACAC,EAAeF,EAAfE,gBACAC,EAAEH,EAAFG,GACAC,EAAQJ,EAARI,SACAC,EAAIL,EAAJK,KACAC,EAAIN,EAAJM,KAAIC,EAAAP,EACJQ,IAAAA,OAAM,IAAHD,EAAG,EAACA,EACPE,EAAYT,EAAZS,aACAC,EAAyBV,EAAzBU,0BAAyBC,EAAAX,EACzBY,gCAAAA,OAAkC,IAAHD,GAAQA,EACvCE,EAAQb,EAARa,SAEAC,EAAkDC,GAAQ,WACxD,IAAKX,EACH,MAAO,GAET,IAAMY,EAAgBC,MAAMC,QAAQd,GAAYA,EAAW,CAACA,GAC5D,MAAO,CACLe,eAAgBH,EAAcI,MAAM,EAAGZ,GAAKa,KAAI,SAACC,EAAQC,WACvD,OAAOC,EAAMC,aAAaH,+BACxBI,IAAKH,GACFD,aAAA,EAAAA,EAAQK,OAAK,CAChBtB,KAAMA,YAAQuB,EAAAN,aAAA,EAAAA,EAAQK,4BAAOtB,MAC7BC,KAAMA,YAAQuB,EAAAP,aAAA,EAAAA,EAAQK,4BAAOrB,MAC7BL,UAAW6B,EAAGC,EAAOC,gBAAiB9B,GACtC+B,QAAS,SAACC,GAA6C,OAAKC,EAAcD,EAAOZ,EAAOK,MAAM,EAC9Fd,SAAAA,IAEJ,IACAuB,sBAAuBpB,EAAcI,MAAMZ,GAE/C,GAAG,CAACN,EAAiBE,EAAUS,EAAUL,EAAKH,EAAMC,IAnB5Ca,EAAcL,EAAdK,eAAgBiB,EAAqBtB,EAArBsB,sBAqBxB,OAAKhC,EAKHoB,EAAKa,cAAA,MAAA,CAAApC,UAAW6B,EAAGC,EAAOO,qBAAsBrC,GAAYE,GAAIA,EAAe,YAAAoC,EAAgBC,cAC5FrB,EACDK,EAAAa,cAACI,EAAkB,CACjBL,sBAAuBA,EACvB3B,aAAcA,EACdC,0BAA2BA,EAC3BE,gCAAiCA,EACjCP,KAAMA,EACNC,KAAMA,EACNO,SAAUA,KAbP,IAiBX"}
+{"version":3,"file":"AvatarGroup.js","sources":["../../../../../src/components/AvatarGroup/AvatarGroup.tsx"],"sourcesContent":["import React, { type ReactElement, useMemo } from \"react\";\nimport cx from \"classnames\";\nimport { type AvatarProps, type AvatarSize, type AvatarType } from \"@vibe/avatar\";\nimport AvatarGroupCounter from \"./AvatarGroupCounter\";\nimport type VibeComponentProps from \"../../types/VibeComponentProps\";\nimport { avatarOnClick } from \"./AvatarGroupHelper\";\nimport { type TooltipProps } from \"@vibe/tooltip\";\nimport styles from \"./AvatarGroup.module.scss\";\nimport { type AvatarGroupCounterVisualProps } from \"./AvatarGroup.types\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nexport interface AvatarGroupProps extends VibeComponentProps {\n  /**\n   * Class name applied to each avatar.\n   */\n  avatarClassName?: string;\n  /**\n   * The avatars displayed in the group.\n   */\n  children?: ReactElement<AvatarProps> | ReactElement<AvatarProps>[];\n  /**\n   * The size of the avatars in the group.\n   */\n  size?: AvatarSize;\n  /**\n   * The type of the avatars in the group.\n   */\n  type?: AvatarType;\n  /**\n   * The maximum number of avatars displayed before showing a counter.\n   */\n  max?: number;\n  /**\n   * Props for customizing the counter display.\n   */\n  counterProps?: AvatarGroupCounterVisualProps;\n  /**\n   * Props passed to the Tooltip component. See full options in the [Tooltip documentation](https://vibe.monday.com/?path=/docs/components-tooltip--docs).\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   * If true, the component is disabled and non-interactive.\n   */\n  disabled?: boolean;\n}\n\nconst AvatarGroup: React.FC<AvatarGroupProps> = ({\n  className,\n  avatarClassName,\n  id,\n  children,\n  size,\n  type,\n  max = 5,\n  counterProps,\n  counterTooltipCustomProps,\n  counterTooltipIsVirtualizedList = false,\n  disabled\n}) => {\n  const { displayAvatars, counterTooltipAvatars } = useMemo(() => {\n    if (!children) {\n      return {};\n    }\n    const childrenArray = Array.isArray(children) ? children : [children];\n    return {\n      displayAvatars: childrenArray.slice(0, max).map((avatar, index) => {\n        return React.cloneElement(avatar, {\n          key: index,\n          ...avatar?.props,\n          size: size || avatar?.props?.size,\n          type: type || avatar?.props?.type,\n          className: cx(styles.avatarContainer, avatarClassName),\n          onClick: (event: React.MouseEvent | React.KeyboardEvent) => avatarOnClick(event, avatar.props),\n          disabled\n        });\n      }),\n      counterTooltipAvatars: childrenArray.slice(max)\n    };\n  }, [avatarClassName, children, disabled, max, size, type]);\n\n  if (!children) {\n    return null;\n  }\n\n  return (\n    <div className={cx(styles.avatarGroupContainer, className)} id={id} data-vibe={ComponentVibeId.AVATAR_GROUP}>\n      {displayAvatars}\n      <AvatarGroupCounter\n        counterTooltipAvatars={counterTooltipAvatars}\n        counterProps={counterProps}\n        counterTooltipCustomProps={counterTooltipCustomProps}\n        counterTooltipIsVirtualizedList={counterTooltipIsVirtualizedList}\n        size={size}\n        type={type}\n        disabled={disabled}\n      />\n    </div>\n  );\n};\n\nexport default AvatarGroup;\n"],"names":["AvatarGroup","_ref","className","avatarClassName","id","children","size","type","_ref$max","max","counterProps","counterTooltipCustomProps","_ref$counterTooltipIs","counterTooltipIsVirtualizedList","disabled","_useMemo","useMemo","childrenArray","Array","isArray","displayAvatars","slice","map","avatar","index","React","cloneElement","key","props","_a","_b","cx","styles","avatarContainer","onClick","event","avatarOnClick","counterTooltipAvatars","createElement","avatarGroupContainer","ComponentVibeId","AVATAR_GROUP","AvatarGroupCounter"],"mappings":"kQAkDA,IAAMA,EAA0C,SAA/BC,GAYZ,IAXHC,EAASD,EAATC,UACAC,EAAeF,EAAfE,gBACAC,EAAEH,EAAFG,GACAC,EAAQJ,EAARI,SACAC,EAAIL,EAAJK,KACAC,EAAIN,EAAJM,KAAIC,EAAAP,EACJQ,IAAAA,OAAM,IAAHD,EAAG,EAACA,EACPE,EAAYT,EAAZS,aACAC,EAAyBV,EAAzBU,0BAAyBC,EAAAX,EACzBY,gCAAAA,OAAkC,IAAHD,GAAQA,EACvCE,EAAQb,EAARa,SAEAC,EAAkDC,GAAQ,WACxD,IAAKX,EACH,MAAO,GAET,IAAMY,EAAgBC,MAAMC,QAAQd,GAAYA,EAAW,CAACA,GAC5D,MAAO,CACLe,eAAgBH,EAAcI,MAAM,EAAGZ,GAAKa,KAAI,SAACC,EAAQC,WACvD,OAAOC,EAAMC,aAAaH,+BACxBI,IAAKH,GACFD,aAAA,EAAAA,EAAQK,OAAK,CAChBtB,KAAMA,YAAQuB,EAAAN,aAAA,EAAAA,EAAQK,4BAAOtB,MAC7BC,KAAMA,YAAQuB,EAAAP,aAAA,EAAAA,EAAQK,4BAAOrB,MAC7BL,UAAW6B,EAAGC,EAAOC,gBAAiB9B,GACtC+B,QAAS,SAACC,GAA6C,OAAKC,EAAcD,EAAOZ,EAAOK,MAAM,EAC9Fd,SAAAA,IAEJ,IACAuB,sBAAuBpB,EAAcI,MAAMZ,GAE/C,GAAG,CAACN,EAAiBE,EAAUS,EAAUL,EAAKH,EAAMC,IAnB5Ca,EAAcL,EAAdK,eAAgBiB,EAAqBtB,EAArBsB,sBAqBxB,OAAKhC,EAKHoB,EAAKa,cAAA,MAAA,CAAApC,UAAW6B,EAAGC,EAAOO,qBAAsBrC,GAAYE,GAAIA,EAAe,YAAAoC,EAAgBC,cAC5FrB,EACDK,EAAAa,cAACI,EAAkB,CACjBL,sBAAuBA,EACvB3B,aAAcA,EACdC,0BAA2BA,EAC3BE,gCAAiCA,EACjCP,KAAMA,EACNC,KAAMA,EACNO,SAAUA,KAbP,IAiBX"}

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_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};
+var e={avatarGroupContainer:"avatarGroupContainer",avatarContainer:"avatarContainer"};!function(e){const n="s_id-34c07868a875_4_5_9";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.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 \"@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":"6mBAoDA,IAAMA,EAAwD,SAAtCC,GASM,IAAAC,EAAAD,EAR5BE,sBAAAA,OAAwB,IAAHD,EAAG,GAAEA,EAE1BE,EAAyBH,EAAzBG,0BAAyBC,EAAAJ,EACzBK,gCAAAA,OAAkC,IAAHD,GAAQA,EAAAE,EAAAN,EACvCO,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EACfE,EAAIR,EAAJQ,KACAC,EAAgBT,EAAhBS,iBACAC,EAAQV,EAARU,SAEAC,EARYX,EAAZY,cAiBoB,CAAE,EAAAC,EAAAF,EARpBG,MAAOC,OAAe,IAAHF,EAAG,QAAOA,EAAAG,EAAAL,EAC7BM,MAAOC,OAAY,IAAAF,EAAGd,EAAsBiB,OAAMH,EAAAI,EAAAT,EAClDU,OAAQC,OAAgB,IAAHF,EAAG,IAAGA,EAAAG,EAAAZ,EAC3Ba,UAAWC,OAAmB,IAAHF,EAAG,EAACA,EAAAG,EAAAf,EAC/BgB,mBAAoBC,OAA4B,IAAHF,EAAG,QAAOA,EACvDG,EAAWlB,EAAXkB,YACAC,EAAuBnB,EAAvBmB,wBAAuBC,EAAApB,EACvBqB,SAAUC,OAAkB,IAAHF,EAAG,EAACA,EAGzBG,EAAmBC,EAASC,EAAQ7B,eAAAA,MACpC8B,EAAoBD,EAAOrB,GAE3BuB,EAA0BC,EAAO,MACjCC,EAA0BD,EAAO,MACjCE,EAAsBF,EAAO,MAC7BG,EAAmBC,GAAY,WACnC,OACEC,EAAAC,cAACC,EAAO,CACNhC,MAAOC,EACPE,MAAOC,EACPG,OAAQC,EACRE,UAAWC,EACC,aAAAhB,mBAAmCsC,OAAmBnB,GAClEC,YAAaA,EACbmB,iBAAkBC,EAAEC,EAAA,CAAA,EAAId,EAAO1B,SAAWA,IAC1CH,KAAe,OAATA,EAAgB,UAAO4C,GAGnC,GAAG,CACD1C,EACAmB,EACAb,EACAU,EACAH,EACAJ,EACAR,EACAmB,IAGF,OAAK3B,EAAsBiB,QAAWD,EAIlCR,EAEAkC,EACEC,cAAA,MAAA,CAAAO,IAAKX,EACLY,UAAWJ,EAAGb,EAAOkB,iBAAkBlB,EAAO1B,SAAUwB,EAAkBG,IAEzEK,KAKqBxC,EAAsBqD,MAAK,SAAAC,GAAI,IAAAC,EAAC,OAAO,QAAPA,EAAAD,EAAEE,aAAK,IAAAD,OAAA,EAAAA,EAAEE,OAAO,IAGxEf,EAACC,cAAAe,GACCC,UAAWnB,EACXoB,OAAQ,EACRT,UAAWJ,EAAGb,EAAOkB,iBAAkBpB,EAAkBG,GAAkB,aAC/D5B,GAAmCsC,GAAAA,OAAM7B,EAAY6B,gBAAAA,OAAenB,GAChFE,wBAAyBA,GAEzBc,EAAAC,cAACkB,EAAI,CAACC,GAAG,OAAOzD,KAAK,SAAS8C,UAAWjB,EAAO6B,KAAMC,sBAAuB,GAC1EhE,EAAsBiE,KAAI,SAACC,EAAQC,eAClC,OAEEzB,EAACC,cAAAyB,EACC,CAAAC,cAAe,CACbC,KAAmB,QAAdf,EAAAW,EAAOV,aAAO,IAAAD,OAAA,EAAAA,EAAAO,KAAaK,EAAPI,GACzBC,OAAoC,QAA5BC,EAAc,QAAdC,EAAAR,EAAOV,aAAO,IAAAkB,OAAA,EAAAA,EAAAC,oBAAc,IAAAF,OAAA,EAAAA,EAAAG,WAAmC,QAAbC,EAAAX,aAAA,EAAAA,EAAQV,aAAK,IAAAqB,OAAA,EAAAA,EAAG,eAC1EpB,QAAS,SAACqB,GAA6C,OAAKC,EAAcD,EAAOZ,EAAOV,MAAM,GAEhGwB,2CACKd,EAAOV,OACV,CAAAyB,WAAYC,EACZ,aAAc,GACdpD,UAAW,KAIlB,MAOPY,EAAAC,cAACwC,EAAkC,CACjC/C,wBAAyBA,EACzBE,wBAAyBA,EACzBC,oBAAqBA,EACrB6C,QAASpF,EACTC,0BAA2BA,EAC3BE,gCAAiCA,EACjCG,KAAMA,GAENoC,EAAKC,cAAA,MAAA,CAAAb,UAAW,EAAGoB,IAAKd,IAExBM,EAAAC,cAAA,MAAA,CACEb,SAAUC,EACVoB,UAAWJ,EAAGb,EAAOkB,iBAAkBpB,EAAkBG,GACzDe,IAAKX,GAGJC,IACDE,EAAAC,cAAA,MAAA,CAAKb,UAAW,EAAGoB,IAAKZ,MAnErB,IAuEX"}
+{"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, type AvatarSize, type AvatarType } from \"@vibe/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 { 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":"6mBAmDA,IAAMA,EAAwD,SAAtCC,GASM,IAAAC,EAAAD,EAR5BE,sBAAAA,OAAwB,IAAHD,EAAG,GAAEA,EAE1BE,EAAyBH,EAAzBG,0BAAyBC,EAAAJ,EACzBK,gCAAAA,OAAkC,IAAHD,GAAQA,EAAAE,EAAAN,EACvCO,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EACfE,EAAIR,EAAJQ,KACAC,EAAgBT,EAAhBS,iBACAC,EAAQV,EAARU,SAEAC,EARYX,EAAZY,cAiBoB,CAAE,EAAAC,EAAAF,EARpBG,MAAOC,OAAe,IAAHF,EAAG,QAAOA,EAAAG,EAAAL,EAC7BM,MAAOC,OAAY,IAAAF,EAAGd,EAAsBiB,OAAMH,EAAAI,EAAAT,EAClDU,OAAQC,OAAgB,IAAHF,EAAG,IAAGA,EAAAG,EAAAZ,EAC3Ba,UAAWC,OAAmB,IAAHF,EAAG,EAACA,EAAAG,EAAAf,EAC/BgB,mBAAoBC,OAA4B,IAAHF,EAAG,QAAOA,EACvDG,EAAWlB,EAAXkB,YACAC,EAAuBnB,EAAvBmB,wBAAuBC,EAAApB,EACvBqB,SAAUC,OAAkB,IAAHF,EAAG,EAACA,EAGzBG,EAAmBC,EAASC,EAAQ7B,eAAAA,MACpC8B,EAAoBD,EAAOrB,GAE3BuB,EAA0BC,EAAO,MACjCC,EAA0BD,EAAO,MACjCE,EAAsBF,EAAO,MAC7BG,EAAmBC,GAAY,WACnC,OACEC,EAAAC,cAACC,EAAO,CACNhC,MAAOC,EACPE,MAAOC,EACPG,OAAQC,EACRE,UAAWC,EACC,aAAAhB,mBAAmCsC,OAAmBnB,GAClEC,YAAaA,EACbmB,iBAAkBC,EAAEC,EAAA,CAAA,EAAId,EAAO1B,SAAWA,IAC1CH,KAAe,OAATA,EAAgB,UAAO4C,GAGnC,GAAG,CACD1C,EACAmB,EACAb,EACAU,EACAH,EACAJ,EACAR,EACAmB,IAGF,OAAK3B,EAAsBiB,QAAWD,EAIlCR,EAEAkC,EACEC,cAAA,MAAA,CAAAO,IAAKX,EACLY,UAAWJ,EAAGb,EAAOkB,iBAAkBlB,EAAO1B,SAAUwB,EAAkBG,IAEzEK,KAKqBxC,EAAsBqD,MAAK,SAAAC,GAAI,IAAAC,EAAC,OAAO,QAAPA,EAAAD,EAAEE,aAAK,IAAAD,OAAA,EAAAA,EAAEE,OAAO,IAGxEf,EAACC,cAAAe,GACCC,UAAWnB,EACXoB,OAAQ,EACRT,UAAWJ,EAAGb,EAAOkB,iBAAkBpB,EAAkBG,GAAkB,aAC/D5B,GAAmCsC,GAAAA,OAAM7B,EAAY6B,gBAAAA,OAAenB,GAChFE,wBAAyBA,GAEzBc,EAAAC,cAACkB,EAAI,CAACC,GAAG,OAAOzD,KAAK,SAAS8C,UAAWjB,EAAO6B,KAAMC,sBAAuB,GAC1EhE,EAAsBiE,KAAI,SAACC,EAAQC,eAClC,OAEEzB,EAACC,cAAAyB,EACC,CAAAC,cAAe,CACbC,KAAmB,QAAdf,EAAAW,EAAOV,aAAO,IAAAD,OAAA,EAAAA,EAAAO,KAAaK,EAAPI,GACzBC,OAAoC,QAA5BC,EAAc,QAAdC,EAAAR,EAAOV,aAAO,IAAAkB,OAAA,EAAAA,EAAAC,oBAAc,IAAAF,OAAA,EAAAA,EAAAG,WAAmC,QAAbC,EAAAX,aAAA,EAAAA,EAAQV,aAAK,IAAAqB,OAAA,EAAAA,EAAG,eAC1EpB,QAAS,SAACqB,GAA6C,OAAKC,EAAcD,EAAOZ,EAAOV,MAAM,GAEhGwB,2CACKd,EAAOV,OACV,CAAAyB,WAAYC,EACZ,aAAc,GACdpD,UAAW,KAIlB,MAOPY,EAAAC,cAACwC,EAAkC,CACjC/C,wBAAyBA,EACzBE,wBAAyBA,EACzBC,oBAAqBA,EACrB6C,QAASpF,EACTC,0BAA2BA,EAC3BE,gCAAiCA,EACjCG,KAAMA,GAENoC,EAAKC,cAAA,MAAA,CAAAb,UAAW,EAAGoB,IAAKd,IAExBM,EAAAC,cAAA,MAAA,CACEb,SAAUC,EACVoB,UAAWJ,EAAGb,EAAOkB,iBAAkBpB,EAAkBG,GACzDe,IAAKX,GAGJC,IACDE,EAAAC,cAAA,MAAA,CAAKb,UAAW,EAAGoB,IAAKZ,MAnErB,IAuEX"}