@vibe/core 3.71.2-alpha-ed306.0 → 3.72.0-alpha-5e660.0

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

@@ -1,2 +1,2 @@
-var e={toggleInput:"toggleInput_b087f0ef59","focus-visible":"focus-visible_8f61974abd",wrapper:"wrapper_3136aef80c"};!function(e){const t="s_id-4304a18f6620_3_71_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const l=document.createElement("style");l.id=t,n.firstChild?n.insertBefore(l,n.firstChild):n.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable selector-class-pattern */\n.toggleInput_b087f0ef59:focus-visible, .toggleInput_b087f0ef59.focus-visible_8f61974abd { /* stylelint-disable-line selector-class-pattern */ }\n.toggleInput_b087f0ef59:focus-visible ~ div, .toggleInput_b087f0ef59.focus-visible_8f61974abd ~ div {\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.wrapper_3136aef80c {\n  display: flex;\n  align-items: center;\n}");export{e as default};
+var e={toggleInput:"toggleInput_e92cc45ea0","focus-visible":"focus-visible_8aee127ff9",wrapper:"wrapper_7d38996e37"};!function(e){const t="s_id-4304a18f6620_3_71_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const l=document.createElement("style");l.id=t,n.firstChild?n.insertBefore(l,n.firstChild):n.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable selector-class-pattern */\n.toggleInput_e92cc45ea0:focus-visible, .toggleInput_e92cc45ea0.focus-visible_8aee127ff9 { /* stylelint-disable-line selector-class-pattern */ }\n.toggleInput_e92cc45ea0:focus-visible ~ div, .toggleInput_e92cc45ea0.focus-visible_8aee127ff9 ~ div {\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.wrapper_7d38996e37 {\n  display: flex;\n  align-items: center;\n}");export{e as default};
 //# sourceMappingURL=Toggle.module.scss.js.map

package/dist/src/components/Toggle/ToggleText.module.scss.js

@@ -1,2 +1,2 @@
-var e={text:"text_95b471d153",disabled:"disabled_84b122cb77"};!function(e){const t="s_id-1dee71639eb3_3_71_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".text_95b471d153 {\n  color: var(--primary-text-color);\n  font-style: normal;\n  font-weight: normal;\n  font-size: 14px;\n  line-height: 22px;\n}\n\n.disabled_84b122cb77 {\n  color: var(--disabled-text-color);\n}");export{e as default};
+var e={text:"text_a6c02795ad",disabled:"disabled_05da5d967a"};!function(e){const t="s_id-1dee71639eb3_3_71_0";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,d.firstChild?d.insertBefore(n,d.firstChild):d.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".text_a6c02795ad {\n  color: var(--primary-text-color);\n  font-style: normal;\n  font-weight: normal;\n  font-size: 14px;\n  line-height: 22px;\n}\n\n.disabled_05da5d967a {\n  color: var(--disabled-text-color);\n}");export{e as default};
 //# sourceMappingURL=ToggleText.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var a={tooltip:"tooltip_1aea5acde0",image:"image_b66f86d729",title:"title_b9493995ea",content:"content_e72834ce72",paddingSizeMd:"paddingSizeMd_247a64d112",tooltipWhiteLink:"tooltipWhiteLink_2bb257f33a",arrow:"arrow_cf22bb96e4",dark:"dark_55aef652cb",primary:"primary_2a51dad310"};!function(a){const e="s_id-6a6e92472798_3_71_1";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,r.firstChild?r.insertBefore(o,r.firstChild):r.appendChild(o),o.appendChild(document.createTextNode(a))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=a)}(".tooltip_1aea5acde0 {\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_1aea5acde0 .image_b66f86d729 {\n  display: block;\n  position: relative;\n  border-top-right-radius: 2px;\n  border-top-left-radius: 2px;\n  padding: 2px 2px 0 2px;\n  object-fit: cover;\n  width: 100%;\n  height: 100%;\n  min-width: var(--tooltip-max-width);\n  z-index: 1;\n}\n.tooltip_1aea5acde0 .title_b9493995ea {\n  font: var(--font-text2-bold);\n}\n.tooltip_1aea5acde0 .content_e72834ce72 {\n  word-break: break-word;\n  display: inline-block;\n  padding: var(--tooltip-padding, var(--spacing-small) var(--spacing-medium));\n}\n.tooltip_1aea5acde0.paddingSizeMd_247a64d112 {\n  border-radius: var(--border-radius-medium);\n  padding: var(--spacing-medium);\n  font: var(--font-text2-normal);\n}\n.tooltip_1aea5acde0 a.tooltipWhiteLink_2bb257f33a {\n  color: #fff;\n}\n.arrow_cf22bb96e4,\n.dark_55aef652cb,\n.arrow_cf22bb96e4.dark_55aef652cb {\n  background-color: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.dark-app-theme .arrow_cf22bb96e4.arrow_cf22bb96e4.dark_55aef652cb, .black-app-theme .arrow_cf22bb96e4.arrow_cf22bb96e4.dark_55aef652cb, .hacker-app-theme .arrow_cf22bb96e4.arrow_cf22bb96e4.dark_55aef652cb,\n.dark-app-theme .arrow_cf22bb96e4.arrow_cf22bb96e4.primary_2a51dad310,\n.black-app-theme .arrow_cf22bb96e4.arrow_cf22bb96e4.primary_2a51dad310,\n.hacker-app-theme .arrow_cf22bb96e4.arrow_cf22bb96e4.primary_2a51dad310 {\n  box-shadow: none;\n}\n.primary_2a51dad310,\n.arrow_cf22bb96e4.primary_2a51dad310 {\n  background-color: var(--primary-color);\n  color: var(--text-color-on-primary);\n}");export{a as default};
+var r={tooltip:"tooltip_6c76b90d79",image:"image_a9d80b195a",title:"title_577fdcc268",content:"content_770220641c",paddingSizeMd:"paddingSizeMd_09bd14b0c8",tooltipWhiteLink:"tooltipWhiteLink_68407846ab",arrow:"arrow_43c8b09c02",dark:"dark_d2ae2b7db8",primary:"primary_311c17d69c"};!function(r){const o="s_id-6a6e92472798_3_71_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+o))return;const n=document.createElement("style");n.id=o,a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.appendChild(document.createTextNode(r))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=r)}(".tooltip_6c76b90d79 {\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_6c76b90d79 .image_a9d80b195a {\n  display: block;\n  position: relative;\n  border-top-right-radius: 2px;\n  border-top-left-radius: 2px;\n  padding: 2px 2px 0 2px;\n  object-fit: cover;\n  width: 100%;\n  height: 100%;\n  min-width: var(--tooltip-max-width);\n  z-index: 1;\n}\n.tooltip_6c76b90d79 .title_577fdcc268 {\n  font: var(--font-text2-bold);\n}\n.tooltip_6c76b90d79 .content_770220641c {\n  word-break: break-word;\n  display: inline-block;\n  padding: var(--tooltip-padding, var(--spacing-small) var(--spacing-medium));\n}\n.tooltip_6c76b90d79.paddingSizeMd_09bd14b0c8 {\n  border-radius: var(--border-radius-medium);\n  padding: var(--spacing-medium);\n  font: var(--font-text2-normal);\n}\n.tooltip_6c76b90d79 a.tooltipWhiteLink_68407846ab {\n  color: #fff;\n}\n.arrow_43c8b09c02,\n.dark_d2ae2b7db8,\n.arrow_43c8b09c02.dark_d2ae2b7db8 {\n  background-color: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.dark-app-theme .arrow_43c8b09c02.arrow_43c8b09c02.dark_d2ae2b7db8, .black-app-theme .arrow_43c8b09c02.arrow_43c8b09c02.dark_d2ae2b7db8, .hacker-app-theme .arrow_43c8b09c02.arrow_43c8b09c02.dark_d2ae2b7db8,\n.dark-app-theme .arrow_43c8b09c02.arrow_43c8b09c02.primary_311c17d69c,\n.black-app-theme .arrow_43c8b09c02.arrow_43c8b09c02.primary_311c17d69c,\n.hacker-app-theme .arrow_43c8b09c02.arrow_43c8b09c02.primary_311c17d69c {\n  box-shadow: none;\n}\n.primary_311c17d69c,\n.arrow_43c8b09c02.primary_311c17d69c {\n  background-color: var(--primary-color);\n  color: var(--text-color-on-primary);\n}");export{r as default};
 //# sourceMappingURL=Tooltip.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={slideshow:"slideshow_5a7bde09ef"};!function(e){const t="s_id-1d828e3be878_3_71_1";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,d.firstChild?d.insertBefore(n,d.firstChild):d.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".slideshow_5a7bde09ef {\n  width: 100%;\n  height: 100%;\n  min-height: 0;\n}");export{e as default};
+var e={slideshow:"slideshow_0007996808"};!function(e){const t="s_id-1d828e3be878_3_71_0";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,d.firstChild?d.insertBefore(n,d.firstChild):d.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".slideshow_0007996808 {\n  width: 100%;\n  height: 100%;\n  min-height: 0;\n}");export{e as default};
 //# sourceMappingURL=TransitionView.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var n={typography:"typography_7a0d657dc3","focus-visible":"focus-visible_1d285853d7",primary:"primary_d57dcd4c0a",secondary:"secondary_16126ce7ed",negative:"negative_084b3382cc",onPrimary:"onPrimary_60b4669a61",onInverted:"onInverted_cb15fd8065",fixedLight:"fixedLight_ad428144bd",fixedDark:"fixedDark_b330ddd34d",inherit:"inherit_c84d48e3b6",alignInherit:"alignInherit_d8da0064ec",start:"start_6d3eabd541",center:"center_327af10598",end:"end_ada199b80f",singleLineEllipsis:"singleLineEllipsis_10f32e35ec",multiLineEllipsis:"multiLineEllipsis_c58334320d"};!function(n){const e="s_id-1a3a21ac499a_3_71_1";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+e))return;const i=document.createElement("style");i.id=e,r.firstChild?r.insertBefore(i,r.firstChild):r.appendChild(i),i.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}("/* stylelint-disable selector-class-pattern */\n.typography_7a0d657dc3 > a {\n  text-decoration: none;\n  color: var(--link-color);\n}\n.typography_7a0d657dc3 > a:focus-visible, .typography_7a0d657dc3 > a.focus-visible_1d285853d7 {\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_7a0d657dc3 > a:focus:not(.focus-visible_1d285853d7) {\n  outline: none;\n}\n.typography_7a0d657dc3 > a:hover {\n  text-decoration: underline;\n}\n.typography_7a0d657dc3:disabled, .typography_7a0d657dc3[aria-disabled=true] {\n  color: var(--disabled-text-color);\n}\n.primary_d57dcd4c0a {\n  color: var(--primary-text-color);\n}\n.secondary_16126ce7ed {\n  color: var(--secondary-text-color);\n}\n.negative_084b3382cc {\n  color: var(--color-error);\n}\n.onPrimary_60b4669a61 {\n  color: var(--text-color-on-primary);\n}\n.onPrimary_60b4669a61 a {\n  color: var(--text-color-on-primary);\n  text-decoration: underline;\n}\n.onInverted_cb15fd8065 {\n  color: var(--text-color-on-inverted);\n}\n.onInverted_cb15fd8065 a {\n  color: var(--text-color-on-inverted);\n  text-decoration: underline;\n}\n.fixedLight_ad428144bd {\n  color: var(--fixed-light-color);\n}\n.fixedLight_ad428144bd a {\n  color: var(--fixed-light-color);\n  text-decoration: underline;\n}\n.fixedDark_b330ddd34d {\n  color: var(--fixed-dark-color);\n}\n.fixedDark_b330ddd34d a {\n  color: var(--fixed-dark-color);\n  text-decoration: underline;\n}\n.inherit_c84d48e3b6 {\n  color: inherit;\n}\n.inherit_c84d48e3b6 a {\n  color: inherit;\n  text-decoration: underline;\n}\n.alignInherit_d8da0064ec {\n  text-align: inherit;\n}\n.start_6d3eabd541 {\n  text-align: start;\n}\n.center_327af10598 {\n  text-align: center;\n}\n.end_ada199b80f {\n  text-align: end;\n}\n.singleLineEllipsis_10f32e35ec {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.multiLineEllipsis_c58334320d {\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{n as default};
+var n={typography:"typography_8d38801ad1","focus-visible":"focus-visible_8a253784ba",primary:"primary_1364f74ceb",secondary:"secondary_c78f04e1e5",negative:"negative_9bf941db59",onPrimary:"onPrimary_f0fa797ea3",onInverted:"onInverted_7bc1f19db7",fixedLight:"fixedLight_54bd2c928a",fixedDark:"fixedDark_58d74b161c",inherit:"inherit_872ac69239",alignInherit:"alignInherit_d28b1a584e",start:"start_5a996ce0e4",center:"center_1dc394f09f",end:"end_e0722dc05c",singleLineEllipsis:"singleLineEllipsis_a665c907f9",multiLineEllipsis:"multiLineEllipsis_624acc63c0"};!function(n){const e="s_id-1a3a21ac499a_3_71_0";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+e))return;const i=document.createElement("style");i.id=e,r.firstChild?r.insertBefore(i,r.firstChild):r.appendChild(i),i.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}("/* stylelint-disable selector-class-pattern */\n.typography_8d38801ad1 > a {\n  text-decoration: none;\n  color: var(--link-color);\n}\n.typography_8d38801ad1 > a:focus-visible, .typography_8d38801ad1 > a.focus-visible_8a253784ba {\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_8d38801ad1 > a:focus:not(.focus-visible_8a253784ba) {\n  outline: none;\n}\n.typography_8d38801ad1 > a:hover {\n  text-decoration: underline;\n}\n.typography_8d38801ad1:disabled, .typography_8d38801ad1[aria-disabled=true] {\n  color: var(--disabled-text-color);\n}\n.primary_1364f74ceb {\n  color: var(--primary-text-color);\n}\n.secondary_c78f04e1e5 {\n  color: var(--secondary-text-color);\n}\n.negative_9bf941db59 {\n  color: var(--color-error);\n}\n.onPrimary_f0fa797ea3 {\n  color: var(--text-color-on-primary);\n}\n.onPrimary_f0fa797ea3 a {\n  color: var(--text-color-on-primary);\n  text-decoration: underline;\n}\n.onInverted_7bc1f19db7 {\n  color: var(--text-color-on-inverted);\n}\n.onInverted_7bc1f19db7 a {\n  color: var(--text-color-on-inverted);\n  text-decoration: underline;\n}\n.fixedLight_54bd2c928a {\n  color: var(--fixed-light-color);\n}\n.fixedLight_54bd2c928a a {\n  color: var(--fixed-light-color);\n  text-decoration: underline;\n}\n.fixedDark_58d74b161c {\n  color: var(--fixed-dark-color);\n}\n.fixedDark_58d74b161c a {\n  color: var(--fixed-dark-color);\n  text-decoration: underline;\n}\n.inherit_872ac69239 {\n  color: inherit;\n}\n.inherit_872ac69239 a {\n  color: inherit;\n  text-decoration: underline;\n}\n.alignInherit_d28b1a584e {\n  text-align: inherit;\n}\n.start_5a996ce0e4 {\n  text-align: start;\n}\n.center_1dc394f09f {\n  text-align: center;\n}\n.end_e0722dc05c {\n  text-align: end;\n}\n.singleLineEllipsis_a665c907f9 {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.multiLineEllipsis_624acc63c0 {\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{n as default};
 //# sourceMappingURL=Typography.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={virtualizedGridWrapper:"virtualizedGridWrapper_b51e0c1489"};!function(e){const t="s_id-03a8eed790d8_3_71_1";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,d.firstChild?d.insertBefore(i,d.firstChild):d.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".virtualizedGridWrapper_b51e0c1489 {\n  height: 100%;\n  width: 100%;\n}");export{e as default};
+var e={virtualizedGridWrapper:"virtualizedGridWrapper_39da1bd4ab"};!function(e){const d="s_id-03a8eed790d8_3_71_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+d))return;const i=document.createElement("style");i.id=d,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}(".virtualizedGridWrapper_39da1bd4ab {\n  height: 100%;\n  width: 100%;\n}");export{e as default};
 //# sourceMappingURL=VirtualizedGrid.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={virtualizedListWrapper:"virtualizedListWrapper_b51e0c1489"};!function(e){const t="s_id-9250e4cf6c59_3_71_1";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,i.firstChild?i.insertBefore(d,i.firstChild):i.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".virtualizedListWrapper_b51e0c1489 {\n  height: 100%;\n  width: 100%;\n}");export{e as default};
+var e={virtualizedListWrapper:"virtualizedListWrapper_39da1bd4ab"};!function(e){const t="s_id-9250e4cf6c59_3_71_0";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,d.firstChild?d.insertBefore(i,d.firstChild):d.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".virtualizedListWrapper_39da1bd4ab {\n  height: 100%;\n  width: 100%;\n}");export{e as default};
 //# sourceMappingURL=VirtualizedList.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var n={attention:"attention_592a5937a5",animate:"animate_539f1ec5f1",attentionBoxAnimation:"attentionBoxAnimation_84a2344b4e",primary:"primary_dc2bcb2d3e",positive:"positive_dd94b643ce",negative:"negative_2b8918ed7a",warning:"warning_77365dceb1",neutral:"neutral_11ce64766c"};!function(n){const e="s_id-4a6eadcbcb7d_3_71_1";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}("@keyframes attentionBoxAnimation_84a2344b4e {\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_592a5937a5 {\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_592a5937a5.animate_539f1ec5f1 {\n  animation: attentionBoxAnimation_84a2344b4e 200ms var(--motion-timing-transition);\n}\n.attention_592a5937a5.primary_dc2bcb2d3e {\n  background-color: var(--primary-selected-color);\n}\n.attention_592a5937a5.positive_dd94b643ce {\n  background-color: var(--positive-color-selected);\n}\n.attention_592a5937a5.negative_2b8918ed7a {\n  background-color: var(--negative-color-selected);\n}\n.attention_592a5937a5.warning_77365dceb1 {\n  background-color: var(--warning-color-selected);\n}\n.attention_592a5937a5.neutral_11ce64766c {\n  background-color: var(--allgrey-background-color);\n}");export{n as default};
+var n={attention:"attention_7dbea92f0a",animate:"animate_046b04b4cb",attentionBoxAnimation:"attentionBoxAnimation_4ae886df6e",primary:"primary_67800ed13b",positive:"positive_ec03abbf93",negative:"negative_5c568cc7bb",warning:"warning_14d0933113",neutral:"neutral_99a717f48f"};!function(n){const e="s_id-4a6eadcbcb7d_3_71_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}("@keyframes attentionBoxAnimation_4ae886df6e {\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_7dbea92f0a {\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_7dbea92f0a.animate_046b04b4cb {\n  animation: attentionBoxAnimation_4ae886df6e 200ms var(--motion-timing-transition);\n}\n.attention_7dbea92f0a.primary_67800ed13b {\n  background-color: var(--primary-selected-color);\n}\n.attention_7dbea92f0a.positive_ec03abbf93 {\n  background-color: var(--positive-color-selected);\n}\n.attention_7dbea92f0a.negative_5c568cc7bb {\n  background-color: var(--negative-color-selected);\n}\n.attention_7dbea92f0a.warning_14d0933113 {\n  background-color: var(--warning-color-selected);\n}\n.attention_7dbea92f0a.neutral_99a717f48f {\n  background-color: var(--allgrey-background-color);\n}");export{n as default};
 //# sourceMappingURL=AttentionBox.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={closeButton:"closeButton_36597e07b8"};!function(e){const t="s_id-979f8aeb619b_3_71_1";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_36597e07b8 {\n  flex-shrink: 0;\n}\n.closeButton_36597e07b8:hover {\n  background-color: var(--primary-background-hover-color);\n}");export{e as default};
+var e={closeButton:"closeButton_e12e32a3b0"};!function(e){const t="s_id-979f8aeb619b_3_71_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".closeButton_e12e32a3b0 {\n  flex-shrink: 0;\n}\n.closeButton_e12e32a3b0:hover {\n  background-color: var(--primary-background-hover-color);\n}");export{e as default};
 //# sourceMappingURL=AttentionBoxCloseButton.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={icon:"icon_89567722d9"};!function(e){const t="s_id-55a80ba34ba3_3_71_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".icon_89567722d9 {\n  color: var(--primary-text-color);\n  flex-shrink: 0;\n}");export{e as default};
+var e={icon:"icon_155be2eb59"};!function(e){const t="s_id-55a80ba34ba3_3_71_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".icon_155be2eb59 {\n  color: var(--primary-text-color);\n  flex-shrink: 0;\n}");export{e as default};
 //# sourceMappingURL=AttentionBoxLeadingIcon.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={attentionBoxLink:"attentionBoxLink_8da17028d1"};!function(e){const t="s_id-f7cefb69d475_3_71_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("a.attentionBoxLink_8da17028d1 {\n  color: var(--primary-text-color);\n  text-decoration: underline;\n}");export{e as default};
+var e={attentionBoxLink:"attentionBoxLink_66a89f0241"};!function(e){const t="s_id-706944a82a98_3_71_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".attentionBoxLink_66a89f0241 {\n  color: var(--primary-text-color);\n  text-decoration: underline;\n}");export{e as default};
 //# sourceMappingURL=AttentionBoxLink.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={container:"container_c905c4f8ef",mainContentGroup:"mainContentGroup_4fa1b757e2",leadingIcon:"leadingIcon_dd4b145fba",actionsGroup:"actionsGroup_52001e5208"};!function(e){const n="s_id-2f71fab0a877_3_71_1";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".container_c905c4f8ef {\n  gap: var(--space-32);\n}\n\n.mainContentGroup_4fa1b757e2 {\n  min-width: 0;\n}\n\n.leadingIcon_dd4b145fba {\n  align-self: flex-start;\n}\n\n.actionsGroup_52001e5208 {\n  gap: var(--space-12);\n}");export{e as default};
+var n={container:"container_c3895c061f",mainContentGroup:"mainContentGroup_e4be4503b8",leadingIcon:"leadingIcon_84d6230b55",actionsGroup:"actionsGroup_0a8054ad58"};!function(n){const e="s_id-2f71fab0a877_3_71_0";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_c3895c061f {\n  gap: var(--space-32);\n}\n\n.mainContentGroup_e4be4503b8 {\n  min-width: 0;\n}\n\n.leadingIcon_84d6230b55 {\n  align-self: flex-start;\n}\n\n.actionsGroup_0a8054ad58 {\n  gap: var(--space-12);\n}");export{n as default};
 //# sourceMappingURL=AttentionBoxCompact.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var n={container:"container_3eb7b990e0",icon:"icon_1dac42a171",title:"title_83b3401937",text:"text_4d1bdb00ba",actions:"actions_65b88326c6",closeButton:"closeButton_970b58b0a2",hasIcon:"hasIcon_62022c4a7d",hasCloseButton:"hasCloseButton_9e1c1fe2cc",hasTitle:"hasTitle_ee47485438"};!function(n){const e="s_id-d1aa0b2532e6_3_71_1";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)}(".container_3eb7b990e0 {\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_3eb7b990e0 .icon_1dac42a171 {\n  grid-column: 1;\n  grid-row: 1;\n  align-self: center;\n}\n.container_3eb7b990e0 .title_83b3401937 {\n  grid-row: 1;\n  grid-column: 2;\n  align-self: center;\n}\n.container_3eb7b990e0 .text_4d1bdb00ba,\n.container_3eb7b990e0 .actions_65b88326c6 {\n  grid-column: 2/-1;\n}\n.container_3eb7b990e0 .text_4d1bdb00ba {\n  grid-row: 2;\n  min-width: 0;\n  margin-inline-end: var(--space-8);\n}\n.container_3eb7b990e0 .closeButton_970b58b0a2 {\n  grid-row: 1;\n  grid-column: 3;\n  align-self: start;\n}\n.container_3eb7b990e0 .actions_65b88326c6 {\n  grid-row: 3;\n  margin-block-start: var(--space-8);\n}\n.container_3eb7b990e0:not(.hasIcon_62022c4a7d) {\n  --grid-columns: 1fr auto;\n}\n.container_3eb7b990e0:not(.hasIcon_62022c4a7d):not(.hasCloseButton_9e1c1fe2cc) {\n  --grid-columns: 1fr;\n}\n.container_3eb7b990e0:not(.hasIcon_62022c4a7d) .title_83b3401937 {\n  grid-column: 1;\n}\n.container_3eb7b990e0:not(.hasIcon_62022c4a7d) .text_4d1bdb00ba,\n.container_3eb7b990e0:not(.hasIcon_62022c4a7d) .actions_65b88326c6 {\n  grid-column: 1/-1;\n}\n.container_3eb7b990e0:not(.hasIcon_62022c4a7d) .closeButton_970b58b0a2 {\n  grid-column: 2;\n}\n.container_3eb7b990e0:not(.hasCloseButton_9e1c1fe2cc) {\n  --grid-columns: auto 1fr;\n}\n.container_3eb7b990e0:not(.hasTitle_ee47485438) .icon_1dac42a171 {\n  align-self: start;\n}\n.container_3eb7b990e0:not(.hasTitle_ee47485438) .text_4d1bdb00ba {\n  grid-row: 1;\n  grid-column-end: -2;\n}\n.container_3eb7b990e0:not(.hasTitle_ee47485438) .closeButton_970b58b0a2 {\n  margin-block-start: -1px;\n}\n.container_3eb7b990e0:not(.hasTitle_ee47485438) .actions_65b88326c6 {\n  grid-row: 2;\n}");export{n as default};
+var n={container:"container_fbde2299fb",icon:"icon_85bd7670b0",title:"title_3134a10596",text:"text_cf43480ec1",actions:"actions_4605c7ad89",closeButton:"closeButton_d17de8f0b5",hasIcon:"hasIcon_eac737901e",hasCloseButton:"hasCloseButton_13e4d91c1e",hasTitle:"hasTitle_0400fa0513"};!function(n){const e="s_id-d1aa0b2532e6_3_71_0";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)}(".container_fbde2299fb {\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_fbde2299fb .icon_85bd7670b0 {\n  grid-column: 1;\n  grid-row: 1;\n  align-self: center;\n}\n.container_fbde2299fb .title_3134a10596 {\n  grid-row: 1;\n  grid-column: 2;\n  align-self: center;\n}\n.container_fbde2299fb .text_cf43480ec1,\n.container_fbde2299fb .actions_4605c7ad89 {\n  grid-column: 2/-1;\n}\n.container_fbde2299fb .text_cf43480ec1 {\n  grid-row: 2;\n  min-width: 0;\n  margin-inline-end: var(--space-8);\n}\n.container_fbde2299fb .closeButton_d17de8f0b5 {\n  grid-row: 1;\n  grid-column: 3;\n  align-self: start;\n}\n.container_fbde2299fb .actions_4605c7ad89 {\n  grid-row: 3;\n  margin-block-start: var(--space-8);\n}\n.container_fbde2299fb:not(.hasIcon_eac737901e) {\n  --grid-columns: 1fr auto;\n}\n.container_fbde2299fb:not(.hasIcon_eac737901e):not(.hasCloseButton_13e4d91c1e) {\n  --grid-columns: 1fr;\n}\n.container_fbde2299fb:not(.hasIcon_eac737901e) .title_3134a10596 {\n  grid-column: 1;\n}\n.container_fbde2299fb:not(.hasIcon_eac737901e) .text_cf43480ec1,\n.container_fbde2299fb:not(.hasIcon_eac737901e) .actions_4605c7ad89 {\n  grid-column: 1/-1;\n}\n.container_fbde2299fb:not(.hasIcon_eac737901e) .closeButton_d17de8f0b5 {\n  grid-column: 2;\n}\n.container_fbde2299fb:not(.hasCloseButton_13e4d91c1e) {\n  --grid-columns: auto 1fr;\n}\n.container_fbde2299fb:not(.hasTitle_0400fa0513) .icon_85bd7670b0 {\n  align-self: start;\n}\n.container_fbde2299fb:not(.hasTitle_0400fa0513) .text_cf43480ec1 {\n  grid-row: 1;\n  grid-column-end: -2;\n}\n.container_fbde2299fb:not(.hasTitle_0400fa0513) .closeButton_d17de8f0b5 {\n  margin-block-start: -1px;\n}\n.container_fbde2299fb:not(.hasTitle_0400fa0513) .actions_4605c7ad89 {\n  grid-row: 2;\n}");export{n as default};
 //# sourceMappingURL=AttentionBoxDefault.module.scss.js.map

package/dist/src/components/next/Dropdown/components/DropdownBase/DropdownBase.module.scss.js

@@ -1,2 +1,2 @@
-var r={outerWrapper:"outerWrapper_6f06fff77e",wrapper:"wrapper_8420e2988f",active:"active_7bdd5b16f6",disabled:"disabled_02178393b9",readOnly:"readOnly_fba41f4237",error:"error_f3c7922454",helperText:"helperText_001057fb57"};!function(r){const e="s_id-640373641d03_3_71_1";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const n=document.createElement("style");n.id=e,o.firstChild?o.insertBefore(n,o.firstChild):o.appendChild(n),n.appendChild(document.createTextNode(r))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=r)}(".outerWrapper_6f06fff77e {\n  width: 100%;\n}\n\n.wrapper_8420e2988f {\n  --border-color: var(--ui-border-color);\n  --background-color: var(--secondary-background-color);\n  border-radius: var(--border-radius-small);\n  box-shadow: inset 0 0 0 1px var(--border-color);\n  background: var(--background-color);\n  cursor: pointer;\n}\n\n.wrapper_8420e2988f:hover {\n  --border-color: var(--primary-text-color);\n}\n\n.wrapper_8420e2988f.active_7bdd5b16f6, .wrapper_8420e2988f:focus {\n  --border-color: var(--primary-color);\n}\n\n.wrapper_8420e2988f.disabled_02178393b9 {\n  --border-color: var(--disabled-background-color);\n  --background-color: var(--disabled-background-color);\n  cursor: not-allowed;\n}\n\n.wrapper_8420e2988f.readOnly_fba41f4237 {\n  --border-color: var(--allgrey-background-color);\n  --background-color: var(--allgrey-background-color);\n  cursor: default;\n}\n\n.wrapper_8420e2988f.error_f3c7922454 {\n  --border-color: var(--negative-color);\n}\n\n.helperText_001057fb57 {\n  margin-top: var(--spacing-xs);\n}");export{r as default};
+var r={outerWrapper:"outerWrapper_6a6b56df93",wrapper:"wrapper_620f9dc0db",active:"active_2196a8d327",disabled:"disabled_afa15fa707",readOnly:"readOnly_3ae0f99a29",error:"error_5579da6713",helperText:"helperText_89111550fb"};!function(r){const e="s_id-640373641d03_3_71_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const a=document.createElement("style");a.id=e,o.firstChild?o.insertBefore(a,o.firstChild):o.appendChild(a),a.appendChild(document.createTextNode(r))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=r)}(".outerWrapper_6a6b56df93 {\n  width: 100%;\n}\n\n.wrapper_620f9dc0db {\n  --border-color: var(--ui-border-color);\n  --background-color: var(--secondary-background-color);\n  border-radius: var(--border-radius-small);\n  box-shadow: inset 0 0 0 1px var(--border-color);\n  background: var(--background-color);\n  cursor: pointer;\n}\n\n.wrapper_620f9dc0db:hover {\n  --border-color: var(--primary-text-color);\n}\n\n.wrapper_620f9dc0db.active_2196a8d327, .wrapper_620f9dc0db:focus {\n  --border-color: var(--primary-color);\n}\n\n.wrapper_620f9dc0db.disabled_afa15fa707 {\n  --border-color: var(--disabled-background-color);\n  --background-color: var(--disabled-background-color);\n  cursor: not-allowed;\n}\n\n.wrapper_620f9dc0db.readOnly_3ae0f99a29 {\n  --border-color: var(--allgrey-background-color);\n  --background-color: var(--allgrey-background-color);\n  cursor: default;\n}\n\n.wrapper_620f9dc0db.error_5579da6713 {\n  --border-color: var(--negative-color);\n}\n\n.helperText_89111550fb {\n  margin-top: var(--spacing-xs);\n}");export{r as default};
 //# sourceMappingURL=DropdownBase.module.scss.js.map

package/dist/src/components/next/Dropdown/components/Menu/Menu.module.scss.js

@@ -1,2 +1,2 @@
-var e={menuVisible:"menuVisible_69806a69eb",menuHidden:"menuHidden_05438bf689"};!function(e){const i="s_id-448dc11ee0f4_3_71_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+i))return;const d=document.createElement("style");d.id=i,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[i]=e)}(".menuVisible_69806a69eb {\n  visibility: visible;\n}\n\n.menuHidden_05438bf689 {\n  visibility: hidden;\n}");export{e as default};
+var e={menuVisible:"menuVisible_627d5ed39c",menuHidden:"menuHidden_88a7d75e29"};!function(e){const i="s_id-448dc11ee0f4_3_71_0";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+i))return;const n=document.createElement("style");n.id=i,d.firstChild?d.insertBefore(n,d.firstChild):d.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[i]=e)}(".menuVisible_627d5ed39c {\n  visibility: visible;\n}\n\n.menuHidden_88a7d75e29 {\n  visibility: hidden;\n}");export{e as default};
 //# sourceMappingURL=Menu.module.scss.js.map

package/dist/src/components/next/Dropdown/components/MultiSelectedValues/MultiSelectedValues.js

@@ -1,2 +1,2 @@
-import{defineProperty as e}from"../../../../../../_virtual/_rollupPluginBabelHelpers.js";import n,{useRef as t,useMemo as o,createRef as r}from"react";import i from"../../../../Chips/Chips.js";import a from"../../../../Flex/Flex.js";import l from"../../../../DialogContentContainer/DialogContentContainer.js";import c from"../../../../Dialog/Dialog.js";import s from"../../../../../hooks/useItemsOverflow/useItemsOverflow.js";import d from"./MultiSelectedValues.module.scss.js";import u from"classnames";import m from"../Trigger/DropdownChip.js";function p(p){var f=p.selectedItems,g=p.onRemove,h=p.renderInput,v=p.disabled,w=p.readOnly,C=t(null),D=t(null),y=o((function(){return f.map((function(){return r()}))}),[f]),E=s({containerRef:C,itemRefs:y,gap:4,deductedSpaceRef:D}),b=o((function(){var e=f.length>E?f.slice(E):[];return{hiddenItems:e,hiddenCount:e.length}}),[f,E]),j=b.hiddenItems,k=b.hiddenCount,x=o((function(){return function(){return n.createElement(l,null,n.createElement(a,{direction:"column",gap:"xs",align:"start",className:d.hiddenChipsDialog},j.map((function(e){return n.createElement(m,{key:"dropdown-chip-dialog-".concat(e.value),item:e,onDelete:function(){return g(e)},className:d.dialogChip,disabled:v,readOnly:w})}))))}}),[j,g,v,w]),I=o((function(){return f.map((function(t,o){var r=E>o;return n.createElement("div",{key:"dropdown-chip-visible-".concat(t.value),ref:y[o],className:u(e({},d.hiddenChip,!r)),"aria-hidden":!r,"data-testid":"dropdown-chip-".concat(t.value)},n.createElement(m,{item:t,onDelete:function(){return g(t)},disabled:v,readOnly:w}))}))}),[f,E,g,y,v,w]);return(null==f?void 0:f.length)?n.createElement(a,{align:"center",wrap:!1,gap:"xs",ref:C,className:d.containerWrapper},I,n.createElement(a,{ref:D,gap:"xs"},k>0&&n.createElement("div",{onClick:function(e){e.stopPropagation()},onKeyDown:function(e){e.stopPropagation()},onMouseDown:function(e){e.stopPropagation()}},n.createElement(c,{content:x,showTrigger:["click","enter"],hideTrigger:["clickoutside","enter"],position:"bottom",moveBy:{main:4},hideWhenReferenceHidden:!0,addKeyboardHideShowTriggersByDefault:!0},n.createElement(i,{label:"+ ".concat(k),readOnly:!0,noMargin:!0,ariaLabel:"+".concat(k,". ").concat(f.length-k," items are visible out of ").concat(f.length),"data-testid":"dropdown-overflow-counter",className:d.overflowCounter,onClick:function(){},onMouseDown:function(e){e.preventDefault()}}))),h&&n.createElement("div",{className:d.inputWrapper},h()))):null}export{p as default};
+import{defineProperty as e}from"../../../../../../_virtual/_rollupPluginBabelHelpers.js";import n,{useRef as t,useMemo as o,createRef as r}from"react";import i from"../../../../Chips/Chips.js";import a from"../../../../Flex/Flex.js";import l from"../../../../DialogContentContainer/DialogContentContainer.js";import c from"../../../../Dialog/Dialog.js";import s from"../../../../../hooks/useItemsOverflow/useItemsOverflow.js";import d from"./MultiSelectedValues.module.scss.js";import u from"classnames";import m from"../Trigger/DropdownChip.js";function p(p){var f=p.selectedItems,g=p.onRemove,h=p.renderInput,v=p.disabled,C=p.readOnly,w=t(null),D=t(null),b=o((function(){return f.map((function(){return r()}))}),[f]),y=s({containerRef:w,itemRefs:b,gap:4,deductedSpaceRef:D,minVisibleCount:1===f.length?1:0}),E=y.visibleCount,j=y.hasMeasured,k=o((function(){var e=f.length>E?f.slice(E):[];return{hiddenItems:e,hiddenCount:e.length}}),[f,E]),x=k.hiddenItems,I=k.hiddenCount,N=o((function(){return function(){return n.createElement(l,null,n.createElement(a,{direction:"column",gap:"xs",align:"start",className:d.hiddenChipsDialog},x.map((function(e){return n.createElement(m,{key:"dropdown-chip-dialog-".concat(e.value),item:e,onDelete:function(){return g(e)},className:d.dialogChip,disabled:v,readOnly:C})}))))}}),[x,g,v,C]),O=o((function(){return f.map((function(t,o){var r=E>o;return n.createElement("div",{key:"dropdown-chip-visible-".concat(t.value),ref:b[o],className:u(e({},d.hiddenChip,!r)),"aria-hidden":!r,"data-testid":"dropdown-chip-".concat(t.value)},n.createElement(m,{item:t,onDelete:function(){return g(t)},disabled:v,readOnly:C}))}))}),[f,E,g,b,v,C]);return(null==f?void 0:f.length)?n.createElement(a,{align:"center",wrap:!1,gap:"xs",ref:w,className:u(d.containerWrapper,e(e({},d.singleChip,1===f.length),d.measuring,!j))},O,n.createElement(a,{ref:D,gap:"xs"},I>0&&n.createElement("div",{onClick:function(e){e.stopPropagation()},onKeyDown:function(e){e.stopPropagation()},onMouseDown:function(e){e.stopPropagation()}},n.createElement(c,{content:N,showTrigger:["click","enter"],hideTrigger:["clickoutside","enter"],position:"bottom",moveBy:{main:4},hideWhenReferenceHidden:!0,addKeyboardHideShowTriggersByDefault:!0},n.createElement(i,{label:"+ ".concat(I),readOnly:!0,noMargin:!0,ariaLabel:"+".concat(I,". ").concat(f.length-I," items are visible out of ").concat(f.length),"data-testid":"dropdown-overflow-counter",className:d.overflowCounter,onClick:function(){},onMouseDown:function(e){e.preventDefault()}}))),h&&n.createElement("div",{className:d.inputWrapper},h()))):null}export{p as default};
 //# sourceMappingURL=MultiSelectedValues.js.map

package/dist/src/components/next/Dropdown/components/MultiSelectedValues/MultiSelectedValues.js.map

@@ -1 +1 @@
-{"version":3,"file":"MultiSelectedValues.js","sources":["../../../../../../../src/components/next/Dropdown/components/MultiSelectedValues/MultiSelectedValues.tsx"],"sourcesContent":["import React, { useRef, useMemo, createRef } from \"react\";\nimport { type BaseListItemData } from \"../../../../BaseListItem\";\nimport { Chips } from \"../../../../Chips\";\nimport { Flex } from \"../../../../Flex\";\nimport { DialogContentContainer } from \"../../../../DialogContentContainer\";\nimport Dialog from \"../../../../Dialog/Dialog\";\nimport useItemsOverflow from \"../../../../../hooks/useItemsOverflow/useItemsOverflow\";\nimport styles from \"./MultiSelectedValues.module.scss\";\nimport cx from \"classnames\";\nimport DropdownChip from \"../Trigger/DropdownChip\";\n\ntype MultiSelectedValuesProps<Item> = {\n  selectedItems: Item[];\n  onRemove: (item: Item) => void;\n  renderInput?: () => React.ReactNode;\n  disabled?: boolean;\n  readOnly?: boolean;\n};\n\nfunction MultiSelectedValues<Item extends BaseListItemData<Record<string, unknown>>>({\n  selectedItems,\n  onRemove,\n  renderInput,\n  disabled,\n  readOnly\n}: MultiSelectedValuesProps<Item>) {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const deductedSpaceRef = useRef<HTMLDivElement>(null);\n\n  const itemRefs = useMemo(() => selectedItems.map(() => createRef<HTMLDivElement>()), [selectedItems]);\n\n  const visibleCount = useItemsOverflow({\n    containerRef,\n    itemRefs,\n    gap: 4,\n    deductedSpaceRef\n  });\n\n  const { hiddenItems, hiddenCount } = useMemo(() => {\n    const hiddenItems = selectedItems.length > visibleCount ? selectedItems.slice(visibleCount) : [];\n    return {\n      hiddenItems,\n      hiddenCount: hiddenItems.length\n    };\n  }, [selectedItems, visibleCount]);\n\n  const dialogContent = useMemo(() => {\n    return () => (\n      <DialogContentContainer>\n        <Flex direction=\"column\" gap=\"xs\" align=\"start\" className={styles.hiddenChipsDialog}>\n          {hiddenItems.map(item => {\n            return (\n              <DropdownChip\n                key={`dropdown-chip-dialog-${item.value}`}\n                item={item}\n                onDelete={() => onRemove(item)}\n                className={styles.dialogChip}\n                disabled={disabled}\n                readOnly={readOnly}\n              />\n            );\n          })}\n        </Flex>\n      </DialogContentContainer>\n    );\n  }, [hiddenItems, onRemove, disabled, readOnly]);\n\n  const chipElements = useMemo(() => {\n    return selectedItems.map((item, index) => {\n      const isVisible = index < visibleCount;\n\n      return (\n        <div\n          key={`dropdown-chip-visible-${item.value}`}\n          ref={itemRefs[index]}\n          className={cx({ [styles.hiddenChip]: !isVisible })}\n          aria-hidden={!isVisible}\n          data-testid={`dropdown-chip-${item.value}`}\n        >\n          <DropdownChip item={item} onDelete={() => onRemove(item)} disabled={disabled} readOnly={readOnly} />\n        </div>\n      );\n    });\n  }, [selectedItems, visibleCount, onRemove, itemRefs, disabled, readOnly]);\n\n  if (!selectedItems?.length) return null;\n\n  return (\n    <Flex align=\"center\" wrap={false} gap=\"xs\" ref={containerRef} className={styles.containerWrapper}>\n      {chipElements}\n\n      <Flex ref={deductedSpaceRef} gap=\"xs\">\n        {hiddenCount > 0 && (\n          <div\n            onClick={e => {\n              e.stopPropagation();\n            }}\n            onKeyDown={e => {\n              e.stopPropagation();\n            }}\n            onMouseDown={e => {\n              e.stopPropagation();\n            }}\n          >\n            <Dialog\n              content={dialogContent}\n              showTrigger={[\"click\", \"enter\"]}\n              hideTrigger={[\"clickoutside\", \"enter\"]}\n              position=\"bottom\"\n              moveBy={{ main: 4 }}\n              hideWhenReferenceHidden\n              addKeyboardHideShowTriggersByDefault\n            >\n              <Chips\n                label={`+ ${hiddenCount}`}\n                readOnly\n                noMargin\n                ariaLabel={`+${hiddenCount}. ${selectedItems.length - hiddenCount} items are visible out of ${\n                  selectedItems.length\n                }`}\n                data-testid=\"dropdown-overflow-counter\"\n                className={styles.overflowCounter}\n                onClick={() => {}}\n                onMouseDown={e => {\n                  e.preventDefault();\n                }}\n              />\n            </Dialog>\n          </div>\n        )}\n        {renderInput && <div className={styles.inputWrapper}>{renderInput()}</div>}\n      </Flex>\n    </Flex>\n  );\n}\n\nexport default MultiSelectedValues;\n"],"names":["MultiSelectedValues","_ref","selectedItems","onRemove","renderInput","disabled","readOnly","containerRef","useRef","deductedSpaceRef","itemRefs","useMemo","map","createRef","visibleCount","useItemsOverflow","gap","_useMemo","hiddenItems","length","slice","hiddenCount","dialogContent","React","DialogContentContainer","createElement","Flex","direction","align","className","styles","hiddenChipsDialog","item","DropdownChip","key","concat","value","onDelete","dialogChip","chipElements","index","isVisible","ref","cx","_defineProperty","hiddenChip","wrap","containerWrapper","onClick","e","stopPropagation","onKeyDown","onMouseDown","Dialog","content","showTrigger","hideTrigger","position","moveBy","main","hideWhenReferenceHidden","addKeyboardHideShowTriggersByDefault","Chips","label","noMargin","ariaLabel","overflowCounter","preventDefault","inputWrapper"],"mappings":"kiBAmBA,SAASA,EAAmBC,GAMK,IAL/BC,EAAaD,EAAbC,cACAC,EAAQF,EAARE,SACAC,EAAWH,EAAXG,YACAC,EAAQJ,EAARI,SACAC,EAAQL,EAARK,SAEMC,EAAeC,EAAuB,MACtCC,EAAmBD,EAAuB,MAE1CE,EAAWC,GAAQ,WAAA,OAAMT,EAAcU,KAAI,WAAA,OAAMC,SAA8B,CAACX,IAEhFY,EAAeC,EAAiB,CACpCR,aAAAA,EACAG,SAAAA,EACAM,IAAK,EACLP,iBAAAA,IAGFQ,EAAqCN,GAAQ,WAC3C,IAAMO,EAAchB,EAAciB,OAASL,EAAeZ,EAAckB,MAAMN,GAAgB,GAC9F,MAAO,CACLI,YAAAA,EACAG,YAAaH,EAAYC,OAE7B,GAAG,CAACjB,EAAeY,IANXI,EAAWD,EAAXC,YAAaG,EAAWJ,EAAXI,YAQfC,EAAgBX,GAAQ,WAC5B,OAAO,WAAA,OACLY,gBAACC,EAAsB,KACrBD,EAACE,cAAAC,EAAK,CAAAC,UAAU,SAASX,IAAI,KAAKY,MAAM,QAAQC,UAAWC,EAAOC,mBAC/Db,EAAYN,KAAI,SAAAoB,GACf,OACET,EAACE,cAAAQ,GACCC,4BAAGC,OAA0BH,EAAKI,OAClCJ,KAAMA,EACNK,SAAU,WAAA,OAAMlC,EAAS6B,EAAK,EAC9BH,UAAWC,EAAOQ,WAClBjC,SAAUA,EACVC,SAAUA,GAGf,MAIR,GAAE,CAACY,EAAaf,EAAUE,EAAUC,IAE/BiC,EAAe5B,GAAQ,WAC3B,OAAOT,EAAcU,KAAI,SAACoB,EAAMQ,GAC9B,IAAMC,EAAoB3B,EAAR0B,EAElB,OACEjB,EACEE,cAAA,MAAA,CAAAS,6BAAGC,OAA2BH,EAAKI,OACnCM,IAAKhC,EAAS8B,GACdX,UAAWc,EAAEC,EAAId,CAAAA,EAAAA,EAAOe,YAAcJ,IAAY,eACpCA,EAAS,cAAAN,iBAAAA,OACOH,EAAKI,QAEnCb,EAACE,cAAAQ,EAAa,CAAAD,KAAMA,EAAMK,SAAU,WAAA,OAAMlC,EAAS6B,EAAK,EAAE3B,SAAUA,EAAUC,SAAUA,IAG9F,GACF,GAAG,CAACJ,EAAeY,EAAcX,EAAUO,EAAUL,EAAUC,IAE/D,OAAKJ,aAAA,EAAAA,EAAeiB,QAGlBI,EAACE,cAAAC,EAAK,CAAAE,MAAM,SAASkB,MAAM,EAAO9B,IAAI,KAAK0B,IAAKnC,EAAcsB,UAAWC,EAAOiB,kBAC7ER,EAEDhB,EAACE,cAAAC,GAAKgB,IAAKjC,EAAkBO,IAAI,MAC9BK,EAAc,GACbE,uBACEyB,QAAS,SAAAC,GACPA,EAAEC,iBACH,EACDC,UAAW,SAAAF,GACTA,EAAEC,iBACH,EACDE,YAAa,SAAAH,GACXA,EAAEC,iBACJ,GAEA3B,EAAAE,cAAC4B,EACC,CAAAC,QAAShC,EACTiC,YAAa,CAAC,QAAS,SACvBC,YAAa,CAAC,eAAgB,SAC9BC,SAAS,SACTC,OAAQ,CAAEC,KAAM,GAChBC,2BACAC,sCAAoC,GAEpCtC,EAACE,cAAAqC,GACCC,MAAK5B,KAAAA,OAAOd,GACZf,UAAQ,EACR0D,UACA,EAAAC,cAAS9B,OAAMd,EAAWc,MAAAA,OAAKjC,EAAciB,OAASE,EAAWc,8BAAAA,OAC/DjC,EAAciB,QAEJ,cAAA,4BACZU,UAAWC,EAAOoC,gBAClBlB,QAAS,WAAQ,EACjBI,YAAa,SAAAH,GACXA,EAAEkB,gBACJ,MAKP/D,GAAemB,EAAAE,cAAA,MAAA,CAAKI,UAAWC,EAAOsC,cAAehE,OA7CzB,IAiDrC"}
+{"version":3,"file":"MultiSelectedValues.js","sources":["../../../../../../../src/components/next/Dropdown/components/MultiSelectedValues/MultiSelectedValues.tsx"],"sourcesContent":["import React, { useRef, useMemo, createRef } from \"react\";\nimport { type BaseListItemData } from \"../../../../BaseListItem\";\nimport { Chips } from \"../../../../Chips\";\nimport { Flex } from \"../../../../Flex\";\nimport { DialogContentContainer } from \"../../../../DialogContentContainer\";\nimport Dialog from \"../../../../Dialog/Dialog\";\nimport useItemsOverflow from \"../../../../../hooks/useItemsOverflow/useItemsOverflow\";\nimport styles from \"./MultiSelectedValues.module.scss\";\nimport cx from \"classnames\";\nimport DropdownChip from \"../Trigger/DropdownChip\";\n\ntype MultiSelectedValuesProps<Item> = {\n  selectedItems: Item[];\n  onRemove: (item: Item) => void;\n  renderInput?: () => React.ReactNode;\n  disabled?: boolean;\n  readOnly?: boolean;\n};\n\nfunction MultiSelectedValues<Item extends BaseListItemData<Record<string, unknown>>>({\n  selectedItems,\n  onRemove,\n  renderInput,\n  disabled,\n  readOnly\n}: MultiSelectedValuesProps<Item>) {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const deductedSpaceRef = useRef<HTMLDivElement>(null);\n\n  const itemRefs = useMemo(() => selectedItems.map(() => createRef<HTMLDivElement>()), [selectedItems]);\n\n  const { visibleCount, hasMeasured } = useItemsOverflow({\n    containerRef,\n    itemRefs,\n    gap: 4,\n    deductedSpaceRef,\n    minVisibleCount: selectedItems.length === 1 ? 1 : 0\n  });\n\n  const { hiddenItems, hiddenCount } = useMemo(() => {\n    const hiddenItems = selectedItems.length > visibleCount ? selectedItems.slice(visibleCount) : [];\n    return {\n      hiddenItems,\n      hiddenCount: hiddenItems.length\n    };\n  }, [selectedItems, visibleCount]);\n\n  const dialogContent = useMemo(() => {\n    return () => (\n      <DialogContentContainer>\n        <Flex direction=\"column\" gap=\"xs\" align=\"start\" className={styles.hiddenChipsDialog}>\n          {hiddenItems.map(item => {\n            return (\n              <DropdownChip\n                key={`dropdown-chip-dialog-${item.value}`}\n                item={item}\n                onDelete={() => onRemove(item)}\n                className={styles.dialogChip}\n                disabled={disabled}\n                readOnly={readOnly}\n              />\n            );\n          })}\n        </Flex>\n      </DialogContentContainer>\n    );\n  }, [hiddenItems, onRemove, disabled, readOnly]);\n\n  const chipElements = useMemo(() => {\n    return selectedItems.map((item, index) => {\n      const isVisible = index < visibleCount;\n\n      return (\n        <div\n          key={`dropdown-chip-visible-${item.value}`}\n          ref={itemRefs[index]}\n          className={cx({ [styles.hiddenChip]: !isVisible })}\n          aria-hidden={!isVisible}\n          data-testid={`dropdown-chip-${item.value}`}\n        >\n          <DropdownChip item={item} onDelete={() => onRemove(item)} disabled={disabled} readOnly={readOnly} />\n        </div>\n      );\n    });\n  }, [selectedItems, visibleCount, onRemove, itemRefs, disabled, readOnly]);\n\n  if (!selectedItems?.length) return null;\n\n  const isSingleChip = selectedItems.length === 1;\n\n  return (\n    <Flex\n      align=\"center\"\n      wrap={false}\n      gap=\"xs\"\n      ref={containerRef}\n      className={cx(styles.containerWrapper, {\n        [styles.singleChip]: isSingleChip,\n        [styles.measuring]: !hasMeasured\n      })}\n    >\n      {chipElements}\n\n      <Flex ref={deductedSpaceRef} gap=\"xs\">\n        {hiddenCount > 0 && (\n          <div\n            onClick={e => {\n              e.stopPropagation();\n            }}\n            onKeyDown={e => {\n              e.stopPropagation();\n            }}\n            onMouseDown={e => {\n              e.stopPropagation();\n            }}\n          >\n            <Dialog\n              content={dialogContent}\n              showTrigger={[\"click\", \"enter\"]}\n              hideTrigger={[\"clickoutside\", \"enter\"]}\n              position=\"bottom\"\n              moveBy={{ main: 4 }}\n              hideWhenReferenceHidden\n              addKeyboardHideShowTriggersByDefault\n            >\n              <Chips\n                label={`+ ${hiddenCount}`}\n                readOnly\n                noMargin\n                ariaLabel={`+${hiddenCount}. ${selectedItems.length - hiddenCount} items are visible out of ${\n                  selectedItems.length\n                }`}\n                data-testid=\"dropdown-overflow-counter\"\n                className={styles.overflowCounter}\n                onClick={() => {}}\n                onMouseDown={e => {\n                  e.preventDefault();\n                }}\n              />\n            </Dialog>\n          </div>\n        )}\n        {renderInput && <div className={styles.inputWrapper}>{renderInput()}</div>}\n      </Flex>\n    </Flex>\n  );\n}\n\nexport default MultiSelectedValues;\n"],"names":["MultiSelectedValues","_ref","selectedItems","onRemove","renderInput","disabled","readOnly","containerRef","useRef","deductedSpaceRef","itemRefs","useMemo","map","createRef","_useItemsOverflow","useItemsOverflow","gap","minVisibleCount","length","visibleCount","hasMeasured","_useMemo","hiddenItems","slice","hiddenCount","dialogContent","React","DialogContentContainer","createElement","Flex","direction","align","className","styles","hiddenChipsDialog","item","DropdownChip","key","concat","value","onDelete","dialogChip","chipElements","index","isVisible","ref","cx","_defineProperty","hiddenChip","wrap","containerWrapper","singleChip","measuring","onClick","e","stopPropagation","onKeyDown","onMouseDown","Dialog","content","showTrigger","hideTrigger","position","moveBy","main","hideWhenReferenceHidden","addKeyboardHideShowTriggersByDefault","Chips","label","noMargin","ariaLabel","overflowCounter","preventDefault","inputWrapper"],"mappings":"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"}

package/dist/src/components/next/Dropdown/components/MultiSelectedValues/MultiSelectedValues.module.scss.js

@@ -1,2 +1,2 @@
-var e={containerWrapper:"containerWrapper_52911b6d48",hiddenChip:"hiddenChip_de46192bc7",hiddenChipsDialog:"hiddenChipsDialog_995645c867",dialogChip:"dialogChip_08acc5be1c"};!function(e){const n="s_id-1eb6fbc8e066_3_71_1";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,i.firstChild?i.insertBefore(d,i.firstChild):i.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".containerWrapper_52911b6d48 {\n  min-width: 1px;\n  flex-grow: 1;\n}\n\n.hiddenChip_de46192bc7 {\n  position: absolute;\n  visibility: hidden;\n  pointer-events: none;\n  z-index: -1;\n}\n\n.hiddenChipsDialog_995645c867 {\n  max-width: 192px;\n}\n\n.dialogChip_08acc5be1c {\n  max-width: 100%;\n}");export{e as default};
+var e={containerWrapper:"containerWrapper_611276772e",singleChip:"singleChip_99dc3bfd64",measuring:"measuring_38ea6395d2",hiddenChip:"hiddenChip_62489b1af4",hiddenChipsDialog:"hiddenChipsDialog_61949b9525",dialogChip:"dialogChip_fca385d1a3"};!function(e){const i="s_id-8cfc15755dc1_3_71_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+i))return;const d=document.createElement("style");d.id=i,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[i]=e)}(".containerWrapper_611276772e {\n  min-width: 1px;\n  flex-grow: 1;\n}\n.containerWrapper_611276772e.singleChip_99dc3bfd64 > div:first-child {\n  min-width: 50px;\n  flex-shrink: 1;\n}\n.containerWrapper_611276772e.singleChip_99dc3bfd64 > div:first-child div {\n  max-width: 100%;\n}\n.containerWrapper_611276772e.measuring_38ea6395d2 > div:not(.hiddenChip_62489b1af4) {\n  opacity: 0;\n}\n.hiddenChip_62489b1af4 {\n  position: absolute;\n  visibility: hidden;\n  pointer-events: none;\n  z-index: -1;\n}\n.hiddenChipsDialog_61949b9525 {\n  max-width: 192px;\n}\n.dialogChip_fca385d1a3 {\n  max-width: 100%;\n}");export{e as default};
 //# sourceMappingURL=MultiSelectedValues.module.scss.js.map

package/dist/src/components/next/Dropdown/components/Trigger/Trigger.module.scss.js

@@ -1,2 +1,2 @@
-var e={triggerWrapper:"triggerWrapper_71968fdd66",small:"small_3ee18c15d9",medium:"medium_37f2854be1",large:"large_e1fc8ad935",inputWrapper:"inputWrapper_676cea25d8",multiSelected:"multiSelected_71d1741c49",hasSelected:"hasSelected_b41d46d8f4",selectedItem:"selectedItem_e0d9a2d35a",faded:"faded_36ad4edc4e",placeholderText:"placeholderText_9600f47180",disabled:"disabled_84b122cb77",multiWrapper:"multiWrapper_6b3e7b9f26",actionsWrapper:"actionsWrapper_23112faede"};!function(e){const n="s_id-03657525809b_3_71_1";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".triggerWrapper_71968fdd66 {\n  flex-grow: 1;\n  position: relative;\n  min-width: 1px;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  outline: none;\n}\n.triggerWrapper_71968fdd66.small_3ee18c15d9 {\n  min-height: 32px;\n}\n.triggerWrapper_71968fdd66.medium_37f2854be1 {\n  min-height: 40px;\n}\n.triggerWrapper_71968fdd66.large_e1fc8ad935 {\n  min-height: 48px;\n}\n.triggerWrapper_71968fdd66 .inputWrapper_676cea25d8 {\n  border: none;\n  width: 100%;\n  background: transparent;\n}\n.triggerWrapper_71968fdd66 .inputWrapper_676cea25d8.small_3ee18c15d9 {\n  height: 24px;\n  min-height: 24px;\n}\n.triggerWrapper_71968fdd66 .inputWrapper_676cea25d8.multiSelected_71d1741c49 {\n  width: 48px;\n  flex-shrink: 0;\n  padding: 0 var(--spacing-xs);\n}\n.triggerWrapper_71968fdd66 .inputWrapper_676cea25d8.hasSelected_b41d46d8f4 {\n  position: absolute;\n  inset: 0;\n  cursor: pointer;\n}\n.triggerWrapper_71968fdd66 .selectedItem_e0d9a2d35a {\n  position: relative;\n  pointer-events: none;\n  inset: 0;\n  padding-inline-start: var(--spacing-xs);\n  width: 100%;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.triggerWrapper_71968fdd66 .selectedItem_e0d9a2d35a.small_3ee18c15d9 {\n  padding-inline-start: var(--spacing-small);\n  min-height: 32px;\n  height: 32px;\n}\n.triggerWrapper_71968fdd66 .selectedItem_e0d9a2d35a.medium_37f2854be1 {\n  min-height: 40px;\n  height: 40px;\n}\n.triggerWrapper_71968fdd66 .selectedItem_e0d9a2d35a.large_e1fc8ad935 {\n  min-height: 48px;\n  height: 48px;\n}\n.triggerWrapper_71968fdd66 .selectedItem_e0d9a2d35a.faded_36ad4edc4e {\n  opacity: 0.6;\n}\n.triggerWrapper_71968fdd66 .placeholderText_9600f47180 {\n  padding-inline-start: var(--spacing-medium);\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.triggerWrapper_71968fdd66 .placeholderText_9600f47180.disabled_84b122cb77 {\n  color: var(--disabled-text-color);\n}\n.multiWrapper_6b3e7b9f26 {\n  padding: var(--spacing-xs) var(--spacing-small);\n  width: 100%;\n}\n.actionsWrapper_23112faede {\n  padding: 0 var(--spacing-xs);\n}");export{e as default};
+var e={triggerWrapper:"triggerWrapper_6a3be99ec3",small:"small_4868062cb8",medium:"medium_d1aaf86903",large:"large_a1e57ed07c",inputWrapper:"inputWrapper_affe655ee3",multiSelected:"multiSelected_cdbca57a29",hasSelected:"hasSelected_f2c7faa49b",selectedItem:"selectedItem_15cc9da5c4",faded:"faded_876609946a",placeholderText:"placeholderText_859707b6e9",disabled:"disabled_05da5d967a",multiWrapper:"multiWrapper_1f1b3d4d9c",actionsWrapper:"actionsWrapper_c825c25d1b"};!function(e){const n="s_id-03657525809b_3_71_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".triggerWrapper_6a3be99ec3 {\n  flex-grow: 1;\n  position: relative;\n  min-width: 1px;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  outline: none;\n}\n.triggerWrapper_6a3be99ec3.small_4868062cb8 {\n  min-height: 32px;\n}\n.triggerWrapper_6a3be99ec3.medium_d1aaf86903 {\n  min-height: 40px;\n}\n.triggerWrapper_6a3be99ec3.large_a1e57ed07c {\n  min-height: 48px;\n}\n.triggerWrapper_6a3be99ec3 .inputWrapper_affe655ee3 {\n  border: none;\n  width: 100%;\n  background: transparent;\n}\n.triggerWrapper_6a3be99ec3 .inputWrapper_affe655ee3.small_4868062cb8 {\n  height: 24px;\n  min-height: 24px;\n}\n.triggerWrapper_6a3be99ec3 .inputWrapper_affe655ee3.multiSelected_cdbca57a29 {\n  width: 48px;\n  flex-shrink: 0;\n  padding: 0 var(--spacing-xs);\n}\n.triggerWrapper_6a3be99ec3 .inputWrapper_affe655ee3.hasSelected_f2c7faa49b {\n  position: absolute;\n  inset: 0;\n  cursor: pointer;\n}\n.triggerWrapper_6a3be99ec3 .selectedItem_15cc9da5c4 {\n  position: relative;\n  pointer-events: none;\n  inset: 0;\n  padding-inline-start: var(--spacing-xs);\n  width: 100%;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.triggerWrapper_6a3be99ec3 .selectedItem_15cc9da5c4.small_4868062cb8 {\n  padding-inline-start: var(--spacing-small);\n  min-height: 32px;\n  height: 32px;\n}\n.triggerWrapper_6a3be99ec3 .selectedItem_15cc9da5c4.medium_d1aaf86903 {\n  min-height: 40px;\n  height: 40px;\n}\n.triggerWrapper_6a3be99ec3 .selectedItem_15cc9da5c4.large_a1e57ed07c {\n  min-height: 48px;\n  height: 48px;\n}\n.triggerWrapper_6a3be99ec3 .selectedItem_15cc9da5c4.faded_876609946a {\n  opacity: 0.6;\n}\n.triggerWrapper_6a3be99ec3 .placeholderText_859707b6e9 {\n  padding-inline-start: var(--spacing-medium);\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.triggerWrapper_6a3be99ec3 .placeholderText_859707b6e9.disabled_05da5d967a {\n  color: var(--disabled-text-color);\n}\n.multiWrapper_1f1b3d4d9c {\n  padding: var(--spacing-xs) var(--spacing-small);\n  width: 100%;\n}\n.actionsWrapper_c825c25d1b {\n  padding: 0 var(--spacing-xs);\n}");export{e as default};
 //# sourceMappingURL=Trigger.module.scss.js.map

package/dist/src/hooks/useItemsOverflow/useItemsOverflow.js

@@ -1,2 +1,2 @@
-import{slicedToArray as r}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{useState as n,useRef as e,useCallback as t}from"react";import u from"../ssr/useIsomorphicLayoutEffect.js";function i(i){var c=i.containerRef,o=i.gap,l=i.deductedSpaceRef,f=i.itemRefs,a=n(f.length),s=r(a,2),g=s[0],d=s[1],h=e([]),v=e(0),m=e(!1),p=t((function(){var r=null==c?void 0:c.current;if(r&&f.length){for(var n=r.offsetWidth-v.current,e=0,t=0,u=Math.min(f.length,h.current.length),i=0;u>i;i++){var l=h.current[i],a=i>0?l+o:l;if(e+a>n)break;e+=a,t++}d(t)}else d(f.length)}),[c,f,o]),R=t((function(){v.current=(null==l?void 0:l.current)?l.current.getBoundingClientRect().width:0}),[l]),b=t((function(){m.current||(m.current=!0,requestAnimationFrame((function(){try{if(!c.current||!f.length)return void d(f.length);R();var r=f.map((function(r){return r.current})).filter((function(r){return null!==r}));if(0===r.length)return d(0),void(h.current=[]);h.current=r.map((function(r){return r.getBoundingClientRect().width})),p()}finally{m.current=!1}})))}),[c,f,p,R]);return u((function(){if(c.current){var r=new ResizeObserver((function(){f.length>0?h.current.length?(R(),p()):b():(d(0),h.current=[])}));return r.observe(c.current),(null==l?void 0:l.current)&&r.observe(l.current),function(){return r.disconnect()}}}),[c,l,R,p,b,f]),u((function(){f.length>0?b():(d(0),h.current=[])}),[f,b]),g}export{i as default};
+import{slicedToArray as r}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{useState as n,useRef as e,useCallback as t}from"react";import u from"../ssr/useIsomorphicLayoutEffect.js";function i(i){var c=i.containerRef,o=i.gap,l=i.deductedSpaceRef,f=i.itemRefs,a=i.minVisibleCount,s=void 0===a?0:a,d=n(0),h=r(d,2),v=h[0],g=h[1],m=n(!1),p=r(m,2),b=p[0],R=p[1],y=e([]),C=e(0),M=e(!1),w=t((function(){var r=null==c?void 0:c.current;if(r&&f.length){for(var n=r.offsetWidth-C.current,e=0,t=0,u=Math.min(f.length,y.current.length),i=0;u>i;i++){var l=y.current[i],a=i>0?l+o:l;if(e+a>n)break;e+=a,t++}g(Math.max(t,Math.min(s,u)))}else g(f.length)}),[c,f,o,s]),B=t((function(){C.current=(null==l?void 0:l.current)?l.current.getBoundingClientRect().width:0}),[l]),j=t((function(){if(!c.current||!f.length)return g(f.length),void R(!0);B();var r=f.map((function(r){return r.current})).filter((function(r){return null!==r}));if(0===r.length)return g(0),y.current=[],void R(!0);y.current=r.map((function(r){return r.getBoundingClientRect().width})),w(),R(!0)}),[c,f,w,B]),x=t((function(){M.current||(M.current=!0,requestAnimationFrame((function(){try{j()}finally{M.current=!1}})))}),[j]);return u((function(){if(c.current){var r=new ResizeObserver((function(){f.length>0?y.current.length?(B(),w()):x():(g(0),y.current=[])}));return r.observe(c.current),(null==l?void 0:l.current)&&r.observe(l.current),function(){return r.disconnect()}}}),[c,l,B,w,x,f]),u((function(){f.length>0?(R(!1),j()):(g(0),y.current=[],R(!0))}),[f,j]),{visibleCount:v,hasMeasured:b}}export{i as default};
 //# sourceMappingURL=useItemsOverflow.js.map

package/dist/src/hooks/useItemsOverflow/useItemsOverflow.js.map

@@ -1 +1 @@
-{"version":3,"file":"useItemsOverflow.js","sources":["../../../../src/hooks/useItemsOverflow/useItemsOverflow.ts"],"sourcesContent":["import { type RefObject, useCallback, useState, useRef } from \"react\";\nimport useIsomorphicLayoutEffect from \"../ssr/useIsomorphicLayoutEffect\";\n\n/**\n * Custom hook that calculates how many items can fit in a container without overflowing\n */\nexport default function useItemsOverflow({\n  containerRef,\n  gap,\n  deductedSpaceRef,\n  itemRefs\n}: {\n  containerRef: RefObject<HTMLElement>;\n  gap: number;\n  deductedSpaceRef?: RefObject<HTMLElement>;\n  itemRefs: RefObject<HTMLElement>[];\n}) {\n  const [visibleCount, setVisibleCount] = useState<number>(itemRefs.length);\n  const itemWidthsRef = useRef<number[]>([]);\n  const deductedWidthRef = useRef<number>(0);\n  const isCalculatingRef = useRef(false);\n\n  const calculateFromCachedWidths = useCallback(() => {\n    const container = containerRef?.current;\n    if (!container || !itemRefs.length) {\n      setVisibleCount(itemRefs.length);\n      return;\n    }\n\n    const containerWidth = container.offsetWidth;\n    const deductedWidth = deductedWidthRef.current;\n    const availableWidth = containerWidth - deductedWidth;\n\n    let totalItemsWidth = 0;\n    let count = 0;\n\n    const maxIter = Math.min(itemRefs.length, itemWidthsRef.current.length);\n\n    for (let i = 0; i < maxIter; i++) {\n      const itemWidth = itemWidthsRef.current[i];\n      const itemWidthWithGap = i > 0 ? itemWidth + gap : itemWidth;\n\n      if (totalItemsWidth + itemWidthWithGap <= availableWidth) {\n        totalItemsWidth += itemWidthWithGap;\n        count++;\n      } else {\n        break;\n      }\n    }\n    setVisibleCount(count);\n  }, [containerRef, itemRefs, gap]);\n\n  const measureDeductedWidth = useCallback(() => {\n    if (deductedSpaceRef?.current) {\n      deductedWidthRef.current = deductedSpaceRef.current.getBoundingClientRect().width;\n    } else {\n      deductedWidthRef.current = 0;\n    }\n  }, [deductedSpaceRef]);\n\n  const measureAndCacheItems = useCallback(() => {\n    if (isCalculatingRef.current) return;\n    isCalculatingRef.current = true;\n\n    requestAnimationFrame(() => {\n      try {\n        const container = containerRef.current;\n        if (!container || !itemRefs.length) {\n          setVisibleCount(itemRefs.length);\n          return;\n        }\n\n        measureDeductedWidth();\n\n        const itemElements = itemRefs.map(ref => ref.current).filter(el => el !== null) as HTMLElement[];\n\n        if (itemElements.length === 0) {\n          setVisibleCount(0);\n          itemWidthsRef.current = [];\n          return;\n        }\n\n        itemWidthsRef.current = itemElements.map(item => item.getBoundingClientRect().width);\n        calculateFromCachedWidths();\n      } finally {\n        isCalculatingRef.current = false;\n      }\n    });\n  }, [containerRef, itemRefs, calculateFromCachedWidths, measureDeductedWidth]);\n\n  useIsomorphicLayoutEffect(() => {\n    if (!containerRef.current) return;\n\n    const resizeObserver = new ResizeObserver(() => {\n      if (itemRefs.length > 0) {\n        if (itemWidthsRef.current.length) {\n          measureDeductedWidth();\n          calculateFromCachedWidths();\n        } else {\n          measureAndCacheItems();\n        }\n      } else {\n        setVisibleCount(0);\n        itemWidthsRef.current = [];\n      }\n    });\n\n    resizeObserver.observe(containerRef.current);\n\n    if (deductedSpaceRef?.current) {\n      resizeObserver.observe(deductedSpaceRef.current);\n    }\n\n    return () => resizeObserver.disconnect();\n  }, [containerRef, deductedSpaceRef, measureDeductedWidth, calculateFromCachedWidths, measureAndCacheItems, itemRefs]);\n\n  useIsomorphicLayoutEffect(() => {\n    if (itemRefs.length > 0) {\n      measureAndCacheItems();\n    } else {\n      setVisibleCount(0);\n      itemWidthsRef.current = [];\n    }\n  }, [itemRefs, measureAndCacheItems]);\n\n  return visibleCount;\n}\n"],"names":["useItemsOverflow","_ref","containerRef","gap","deductedSpaceRef","itemRefs","_useState","useState","length","_useState2","_slicedToArray","visibleCount","setVisibleCount","itemWidthsRef","useRef","deductedWidthRef","isCalculatingRef","calculateFromCachedWidths","useCallback","container","current","availableWidth","offsetWidth","totalItemsWidth","count","maxIter","Math","min","i","itemWidth","itemWidthWithGap","measureDeductedWidth","getBoundingClientRect","width","measureAndCacheItems","requestAnimationFrame","itemElements","map","ref","filter","el","item","useIsomorphicLayoutEffect","resizeObserver","ResizeObserver","observe","disconnect"],"mappings":"gMAMwB,SAAAA,EAAgBC,GAUvC,IATCC,EAAYD,EAAZC,aACAC,EAAGF,EAAHE,IACAC,EAAgBH,EAAhBG,iBACAC,EAAQJ,EAARI,SAOAC,EAAwCC,EAAiBF,EAASG,QAAOC,EAAAC,EAAAJ,EAAA,GAAlEK,EAAYF,EAAA,GAAEG,EAAeH,EAAA,GAC9BI,EAAgBC,EAAiB,IACjCC,EAAmBD,EAAe,GAClCE,EAAmBF,GAAO,GAE1BG,EAA4BC,GAAY,WAC5C,IAAMC,EAAYjB,aAAA,EAAAA,EAAckB,QAChC,GAAKD,GAAcd,EAASG,OAA5B,CAcA,IATA,IAEMa,EAFiBF,EAAUG,YACXP,EAAiBK,QAGnCG,EAAkB,EAClBC,EAAQ,EAENC,EAAUC,KAAKC,IAAItB,EAASG,OAAQK,EAAcO,QAAQZ,QAEvDoB,EAAI,EAAOH,EAAJG,EAAaA,IAAK,CAChC,IAAMC,EAAYhB,EAAcO,QAAQQ,GAClCE,EAAmBF,EAAI,EAAIC,EAAY1B,EAAM0B,EAEnD,GAAIN,EAAkBO,EAAoBT,EAIxC,MAHAE,GAAmBO,EACnBN,GAIH,CACDZ,EAAgBY,EAtBf,MAFCZ,EAAgBP,EAASG,OAyB5B,GAAE,CAACN,EAAcG,EAAUF,IAEtB4B,EAAuBb,GAAY,WAErCH,EAAiBK,SADfhB,eAAAA,EAAkBgB,SACOhB,EAAiBgB,QAAQY,wBAAwBC,MAEjD,CAE/B,GAAG,CAAC7B,IAEE8B,EAAuBhB,GAAY,WACnCF,EAAiBI,UACrBJ,EAAiBI,SAAU,EAE3Be,uBAAsB,WACpB,IAEE,IADkBjC,EAAakB,UACZf,EAASG,OAE1B,YADAI,EAAgBP,EAASG,QAI3BuB,IAEA,IAAMK,EAAe/B,EAASgC,KAAI,SAAAC,GAAG,OAAIA,EAAIlB,OAAO,IAAEmB,QAAO,SAAAC,GAAE,OAAW,OAAPA,KAEnE,GAA4B,IAAxBJ,EAAa5B,OAGf,OAFAI,EAAgB,QAChBC,EAAcO,QAAU,IAI1BP,EAAcO,QAAUgB,EAAaC,KAAI,SAAAI,GAAI,OAAIA,EAAKT,wBAAwBC,SAC9EhB,GACD,CAAS,QACRD,EAAiBI,SAAU,CAC5B,CACH,IACD,GAAE,CAAClB,EAAcG,EAAUY,EAA2Bc,IAqCvD,OAnCAW,GAA0B,WACxB,GAAKxC,EAAakB,QAAlB,CAEA,IAAMuB,EAAiB,IAAIC,gBAAe,WACpCvC,EAASG,OAAS,EAChBK,EAAcO,QAAQZ,QACxBuB,IACAd,KAEAiB,KAGFtB,EAAgB,GAChBC,EAAcO,QAAU,GAE5B,IAQA,OANAuB,EAAeE,QAAQ3C,EAAakB,UAEhChB,eAAAA,EAAkBgB,UACpBuB,EAAeE,QAAQzC,EAAiBgB,SAGnC,WAAA,OAAMuB,EAAeG,YAAY,CAtBb,CAuB7B,GAAG,CAAC5C,EAAcE,EAAkB2B,EAAsBd,EAA2BiB,EAAsB7B,IAE3GqC,GAA0B,WACpBrC,EAASG,OAAS,EACpB0B,KAEAtB,EAAgB,GAChBC,EAAcO,QAAU,GAE5B,GAAG,CAACf,EAAU6B,IAEPvB,CACT"}
+{"version":3,"file":"useItemsOverflow.js","sources":["../../../../src/hooks/useItemsOverflow/useItemsOverflow.ts"],"sourcesContent":["import { type RefObject, useCallback, useState, useRef } from \"react\";\nimport useIsomorphicLayoutEffect from \"../ssr/useIsomorphicLayoutEffect\";\n\n/**\n * Custom hook that calculates how many items can fit in a container without overflowing\n */\nexport default function useItemsOverflow({\n  containerRef,\n  gap,\n  deductedSpaceRef,\n  itemRefs,\n  minVisibleCount = 0\n}: {\n  containerRef: RefObject<HTMLElement>;\n  gap: number;\n  deductedSpaceRef?: RefObject<HTMLElement>;\n  itemRefs: RefObject<HTMLElement>[];\n  minVisibleCount?: number;\n}) {\n  const [visibleCount, setVisibleCount] = useState<number>(0);\n  const [hasMeasured, setHasMeasured] = useState<boolean>(false);\n  const itemWidthsRef = useRef<number[]>([]);\n  const deductedWidthRef = useRef<number>(0);\n  const isCalculatingRef = useRef(false);\n\n  const calculateFromCachedWidths = useCallback(() => {\n    const container = containerRef?.current;\n    if (!container || !itemRefs.length) {\n      setVisibleCount(itemRefs.length);\n      return;\n    }\n\n    const containerWidth = container.offsetWidth;\n    const deductedWidth = deductedWidthRef.current;\n    const availableWidth = containerWidth - deductedWidth;\n\n    let totalItemsWidth = 0;\n    let count = 0;\n\n    const maxIter = Math.min(itemRefs.length, itemWidthsRef.current.length);\n\n    for (let i = 0; i < maxIter; i++) {\n      const itemWidth = itemWidthsRef.current[i];\n      const itemWidthWithGap = i > 0 ? itemWidth + gap : itemWidth;\n\n      if (totalItemsWidth + itemWidthWithGap <= availableWidth) {\n        totalItemsWidth += itemWidthWithGap;\n        count++;\n      } else {\n        break;\n      }\n    }\n\n    // Ensure at least minVisibleCount items are visible\n    const finalCount = Math.max(count, Math.min(minVisibleCount, maxIter));\n    setVisibleCount(finalCount);\n  }, [containerRef, itemRefs, gap, minVisibleCount]);\n\n  const measureDeductedWidth = useCallback(() => {\n    if (deductedSpaceRef?.current) {\n      deductedWidthRef.current = deductedSpaceRef.current.getBoundingClientRect().width;\n    } else {\n      deductedWidthRef.current = 0;\n    }\n  }, [deductedSpaceRef]);\n\n  const measureAndCacheItemsSync = useCallback(() => {\n    const container = containerRef.current;\n    if (!container || !itemRefs.length) {\n      setVisibleCount(itemRefs.length);\n      setHasMeasured(true);\n      return;\n    }\n\n    measureDeductedWidth();\n\n    const itemElements = itemRefs.map(ref => ref.current).filter(el => el !== null) as HTMLElement[];\n\n    if (itemElements.length === 0) {\n      setVisibleCount(0);\n      itemWidthsRef.current = [];\n      setHasMeasured(true);\n      return;\n    }\n\n    itemWidthsRef.current = itemElements.map(item => item.getBoundingClientRect().width);\n    calculateFromCachedWidths();\n    setHasMeasured(true);\n  }, [containerRef, itemRefs, calculateFromCachedWidths, measureDeductedWidth]);\n\n  const measureAndCacheItems = useCallback(() => {\n    if (isCalculatingRef.current) return;\n    isCalculatingRef.current = true;\n\n    requestAnimationFrame(() => {\n      try {\n        measureAndCacheItemsSync();\n      } finally {\n        isCalculatingRef.current = false;\n      }\n    });\n  }, [measureAndCacheItemsSync]);\n\n  useIsomorphicLayoutEffect(() => {\n    if (!containerRef.current) return;\n\n    const resizeObserver = new ResizeObserver(() => {\n      if (itemRefs.length > 0) {\n        if (itemWidthsRef.current.length) {\n          measureDeductedWidth();\n          calculateFromCachedWidths();\n        } else {\n          measureAndCacheItems();\n        }\n      } else {\n        setVisibleCount(0);\n        itemWidthsRef.current = [];\n      }\n    });\n\n    resizeObserver.observe(containerRef.current);\n\n    if (deductedSpaceRef?.current) {\n      resizeObserver.observe(deductedSpaceRef.current);\n    }\n\n    return () => resizeObserver.disconnect();\n  }, [containerRef, deductedSpaceRef, measureDeductedWidth, calculateFromCachedWidths, measureAndCacheItems, itemRefs]);\n\n  useIsomorphicLayoutEffect(() => {\n    if (itemRefs.length > 0) {\n      setHasMeasured(false);\n      // Use synchronous measurement for initial render to prevent delay\n      measureAndCacheItemsSync();\n    } else {\n      setVisibleCount(0);\n      itemWidthsRef.current = [];\n      setHasMeasured(true);\n    }\n  }, [itemRefs, measureAndCacheItemsSync]);\n\n  return { visibleCount, hasMeasured };\n}\n"],"names":["useItemsOverflow","_ref","containerRef","gap","deductedSpaceRef","itemRefs","_ref$minVisibleCount","minVisibleCount","_useState","useState","_useState2","_slicedToArray","visibleCount","setVisibleCount","_useState3","_useState4","hasMeasured","setHasMeasured","itemWidthsRef","useRef","deductedWidthRef","isCalculatingRef","calculateFromCachedWidths","useCallback","container","current","length","availableWidth","offsetWidth","totalItemsWidth","count","maxIter","Math","min","i","itemWidth","itemWidthWithGap","max","measureDeductedWidth","getBoundingClientRect","width","measureAndCacheItemsSync","itemElements","map","ref","filter","el","item","measureAndCacheItems","requestAnimationFrame","useIsomorphicLayoutEffect","resizeObserver","ResizeObserver","observe","disconnect"],"mappings":"gMAMc,SAAUA,EAAgBC,GAYvC,IAXCC,EAAYD,EAAZC,aACAC,EAAGF,EAAHE,IACAC,EAAgBH,EAAhBG,iBACAC,EAAQJ,EAARI,SAAQC,EAAAL,EACRM,gBAAAA,OAAkB,IAAHD,EAAG,EAACA,EAQnBE,EAAwCC,EAAiB,GAAEC,EAAAC,EAAAH,EAAA,GAApDI,EAAYF,EAAA,GAAEG,EAAeH,EAAA,GACpCI,EAAsCL,GAAkB,GAAMM,EAAAJ,EAAAG,EAAA,GAAvDE,EAAWD,EAAA,GAAEE,EAAcF,EAAA,GAC5BG,EAAgBC,EAAiB,IACjCC,EAAmBD,EAAe,GAClCE,EAAmBF,GAAO,GAE1BG,EAA4BC,GAAY,WAC5C,IAAMC,EAAYtB,aAAA,EAAAA,EAAcuB,QAChC,GAAKD,GAAcnB,EAASqB,OAA5B,CAcA,IATA,IAEMC,EAFiBH,EAAUI,YACXR,EAAiBK,QAGnCI,EAAkB,EAClBC,EAAQ,EAENC,EAAUC,KAAKC,IAAI5B,EAASqB,OAAQR,EAAcO,QAAQC,QAEvDQ,EAAI,EAAOH,EAAJG,EAAaA,IAAK,CAChC,IAAMC,EAAYjB,EAAcO,QAAQS,GAClCE,EAAmBF,EAAI,EAAIC,EAAYhC,EAAMgC,EAEnD,GAAIN,EAAkBO,EAAoBT,EAIxC,MAHAE,GAAmBO,EACnBN,GAIH,CAIDjB,EADmBmB,KAAKK,IAAIP,EAAOE,KAAKC,IAAI1B,EAAiBwB,IAxB5D,MAFClB,EAAgBR,EAASqB,OA4B5B,GAAE,CAACxB,EAAcG,EAAUF,EAAKI,IAE3B+B,EAAuBf,GAAY,WAErCH,EAAiBK,SADfrB,eAAAA,EAAkBqB,SACOrB,EAAiBqB,QAAQc,wBAAwBC,MAEjD,CAE/B,GAAG,CAACpC,IAEEqC,EAA2BlB,GAAY,WAE3C,IADkBrB,EAAauB,UACZpB,EAASqB,OAG1B,OAFAb,EAAgBR,EAASqB,aACzBT,GAAe,GAIjBqB,IAEA,IAAMI,EAAerC,EAASsC,KAAI,SAAAC,GAAG,OAAIA,EAAInB,OAAO,IAAEoB,QAAO,SAAAC,GAAE,OAAW,OAAPA,KAEnE,GAA4B,IAAxBJ,EAAahB,OAIf,OAHAb,EAAgB,GAChBK,EAAcO,QAAU,QACxBR,GAAe,GAIjBC,EAAcO,QAAUiB,EAAaC,KAAI,SAAAI,GAAI,OAAIA,EAAKR,wBAAwBC,SAC9ElB,IACAL,GAAe,EAChB,GAAE,CAACf,EAAcG,EAAUiB,EAA2BgB,IAEjDU,EAAuBzB,GAAY,WACnCF,EAAiBI,UACrBJ,EAAiBI,SAAU,EAE3BwB,uBAAsB,WACpB,IACER,GACD,CAAS,QACRpB,EAAiBI,SAAU,CAC5B,CACH,IACF,GAAG,CAACgB,IAwCJ,OAtCAS,GAA0B,WACxB,GAAKhD,EAAauB,QAAlB,CAEA,IAAM0B,EAAiB,IAAIC,gBAAe,WACpC/C,EAASqB,OAAS,EAChBR,EAAcO,QAAQC,QACxBY,IACAhB,KAEA0B,KAGFnC,EAAgB,GAChBK,EAAcO,QAAU,GAE5B,IAQA,OANA0B,EAAeE,QAAQnD,EAAauB,UAEhCrB,eAAAA,EAAkBqB,UACpB0B,EAAeE,QAAQjD,EAAiBqB,SAGnC,WAAA,OAAM0B,EAAeG,YAAY,CAtBb,CAuB7B,GAAG,CAACpD,EAAcE,EAAkBkC,EAAsBhB,EAA2B0B,EAAsB3C,IAE3G6C,GAA0B,WACpB7C,EAASqB,OAAS,GACpBT,GAAe,GAEfwB,MAEA5B,EAAgB,GAChBK,EAAcO,QAAU,GACxBR,GAAe,GAEnB,GAAG,CAACZ,EAAUoC,IAEP,CAAE7B,aAAAA,EAAcI,YAAAA,EACzB"}

package/dist/src/tests/interactionsTests.js

@@ -1,2 +1,2 @@
-import{regeneratorRuntime as e,createForOfIteratorHelper as t}from"../../_virtual/_rollupPluginBabelHelpers.js";import{__awaiter as n}from"../../_virtual/_tslib.js";import{userEvent as r,within as o,fireEvent as a}from"@storybook/test";import{waitFor as i}from"@testing-library/react";import{NavigationCommand as c}from"./constants.js";import{expect as u}from"@storybook/jest";var s=function(t){return function(r){var o=r.canvasElement,a=r.args;return n(void 0,void 0,void 0,e().mark((function n(){var r;return e().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return r=p(o),e.abrupt("return",t(r,a));case 2:case"end":return e.stop()}}),n)})))}},v=function(t){return n(void 0,void 0,void 0,e().mark((function n(){return e().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:r.clear(t);case 1:case"end":return e.stop()}}),n)})))};function f(e){u(" ➡️ ".concat(e)).toBeDefined()}function l(e){var t=e.getBoundingClientRect();return{x:t.left+t.width/2,y:t.top+t.height/2}}var d=function(e){var t=e.toElm,n=e.toCoords,r=e.delta,o=e.from;return n?Object.assign(Object.assign({},o),n):t?l(t):r?{x:o.x+r.x,y:o.y+r.y}:{x:o.x+10,y:o.y+0}};function p(e){if(e instanceof HTMLElement){var t=o(e);if(t instanceof Error)throw t;return t}if(e.getByRole)return e}var x=c,m=function(){return n(void 0,void 0,void 0,e().mark((function t(){var n;return e().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!(n=document.querySelector("[data-testid=focusTrap]"))){e.next=4;break}return e.next=4,r.click(n);case 4:case"end":return e.stop()}}),t)})))},g=function(r){var o=r.beforeEach,a=void 0===o?null:o,i=r.beforeAll,c=void 0===i?null:i,u=r.skip,v=void 0!==u&&u,l=r.tests,d=r.afterEach,p=void 0===d?null:d,x=r.afterAll,m=void 0===x?null:x;return function(r){var o=r.canvasElement,i=r.args;return n(void 0,void 0,void 0,e().mark((function n(){var r,u,d,x;return e().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!v){e.next=2;break}return e.abrupt("return");case 2:if(!c){e.next=6;break}return f("Before all:"),e.next=6,s(c)({canvasElement:o,args:i});case 6:r=t(l),e.prev=7,r.s();case 9:if((u=r.n()).done){e.next=25;break}if(x=(d=u.value).name,!a){e.next=16;break}return f("Before: ".concat(x)),e.next=16,s(a)({canvasElement:o,args:i});case 16:return f("Running : ".concat(x)),e.next=19,s(d)({canvasElement:o,args:i});case 19:if(!p){e.next=23;break}return f("After: ".concat(x)),e.next=23,s(p)({canvasElement:o,args:i});case 23:e.next=9;break;case 25:e.next=30;break;case 27:e.prev=27,e.t0=e.catch(7),r.e(e.t0);case 30:return e.prev=30,r.f(),e.finish(30);case 33:if(!m){e.next=37;break}return f("After all:"),e.next=37,s(m)({canvasElement:o,args:i});case 37:case"end":return e.stop()}}),n,null,[[7,27,30,33]])})))}},y=function(e,t){return p(e).getByTestId(t)},b=function(e,t){return p(e).getAllByTestId(t)},h=function(e,t){return p(e).getByPlaceholderText(t)},k=function(e,t){return p(e).getAllByPlaceholderText(t)},w=function(e){return document.getElementsByClassName(e)},B=function(e){return document.getElementsByClassName(e)[0]},E=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};return p(e).getByRole(t,n)},T=function(e,t){return p(e).getAllByRole(t)},A=function(e,t){return p(e).getByLabelText(t)},C=function(e,t){return p(e).getAllByLabelText(t)},R=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};return p(e).getByText(t,n)},j=function(e,t){return p(e).getAllByText(t)},H=function(e){return r.click(e)},P=function(e){return r.hover(e)},O=function(t,o){var a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:250;return n(void 0,void 0,void 0,e().mark((function n(){var i,c;return e().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return i=r.type(t,o,{delay:50}),e.next=3,i;case 3:return c=e.sent,e.next=6,M(a);case 6:return e.abrupt("return",c);case 7:case"end":return e.stop()}}),n)})))},_=function(e){u(document.activeElement).toHaveTextContent(RegExp("^".concat(e,"$")))},I=function(e){u(document.activeElement).toHaveTextContent(e)},L=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:c.TAB,o=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;return n(void 0,void 0,void 0,e().mark((function n(){var a,i;return e().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return a=t===c.TAB?r.tab():r.keyboard(t),e.next=3,a;case 3:return i=e.sent,e.next=6,M(o);case 6:return e.abrupt("return",i);case 7:case"end":return e.stop()}}),n)})))};function M(e){return new Promise((function(t){if(!e)return t(void 0);setTimeout(t,e)}))}var N=function(t){return new Promise((function(r){var o;i((function(){return n(void 0,void 0,void 0,e().mark((function n(){return e().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,t();case 2:u(o=e.sent).toBeVisible();case 4:case"end":return e.stop()}}),n)})))})).then((function(){r(o)}))}))},D=function(t,o){var a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{delay:70};return n(void 0,void 0,void 0,e().mark((function n(){return e().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return t=t.repeat(o),e.next=3,r.keyboard(t,a);case 3:case"end":return e.stop()}}),n)})))};function X(t,o){var i=o.delta,c=void 0===i?void 0:i,u=o.toCoords,s=void 0===u?void 0:u,v=o.toElm,f=void 0===v?void 0:v,p=o.steps,x=void 0===p?20:p,m=o.duration,g=void 0===m?100:m;return n(this,void 0,void 0,e().mark((function n(){var o,i,u,v,p;return e().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:o=l(t),i=d({toElm:f,toCoords:s,delta:c,from:o}),u={x:(i.x-o.x)/x,y:(i.y-o.y)/x},v={clientX:o.x,clientY:o.y},r.hover(t),a.pointerEnter(t,v),a.pointerOver(t,v),a.pointerMove(t,v),a.pointerDown(t,v),p=0;case 10:if(x<=p){e.next=19;break}return v.clientX+=u.x,v.clientY+=u.y,e.next=15,M(g/x);case 15:a.pointerMove(t,v);case 16:p++,e.next=10;break;case 19:a.pointerUp(t,v);case 20:case"end":return e.stop()}}),n)})))}export{x as NavigationCommand,v as clearText,H as clickElement,M as delay,X as drag,_ as expectActiveElementToHaveExactText,I as expectActiveElementToHavePartialText,C as getAllByLabelText,k as getAllByPlaceholderText,T as getAllByRole,b as getAllByTestId,j as getAllByText,w as getByClassName,A as getByLabelText,h as getByPlaceholderText,E as getByRole,y as getByTestId,R as getByText,B as getFirstByClassName,P as hoverElement,g as interactionSuite,L as pressNavigationKey,m as resetFocus,s as testFunctionWrapper,D as typeMultipleTimes,O as typeText,N as waitForElementVisible};
+import{regeneratorRuntime as e,createForOfIteratorHelper as t}from"../../_virtual/_rollupPluginBabelHelpers.js";import{__awaiter as n}from"../../_virtual/_tslib.js";import{userEvent as r,within as o,fireEvent as a}from"@storybook/test";import{waitFor as i}from"@testing-library/react";import{NavigationCommand as c}from"./constants.js";import{expect as u}from"@storybook/jest";var s=function(t){return function(r){var o=r.canvasElement,a=r.args;return n(void 0,void 0,void 0,e().mark((function n(){var r;return e().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return r=p(o),e.abrupt("return",t(r,a));case 2:case"end":return e.stop()}}),n)})))}},v=function(t){return n(void 0,void 0,void 0,e().mark((function n(){return e().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:r.clear(t);case 1:case"end":return e.stop()}}),n)})))};function f(e){u(" ➡️ ".concat(e)).toBeDefined()}function l(e){var t=e.getBoundingClientRect();return{x:t.left+t.width/2,y:t.top+t.height/2}}var d=function(e){var t=e.toElm,n=e.toCoords,r=e.delta,o=e.from;return n?Object.assign(Object.assign({},o),n):t?l(t):r?{x:o.x+r.x,y:o.y+r.y}:{x:o.x+10,y:o.y+0}};function p(e){if(e instanceof HTMLElement){var t=o(e);if(t instanceof Error)throw t;return t}if(e.getByRole)return e}var x=c,m=function(r){var o=r.beforeEach,a=void 0===o?null:o,i=r.beforeAll,c=void 0===i?null:i,u=r.skip,v=void 0!==u&&u,l=r.tests,d=r.afterEach,p=void 0===d?null:d,x=r.afterAll,m=void 0===x?null:x;return function(r){var o=r.canvasElement,i=r.args;return n(void 0,void 0,void 0,e().mark((function n(){var r,u,d,x;return e().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!v){e.next=2;break}return e.abrupt("return");case 2:if(!c){e.next=6;break}return f("Before all:"),e.next=6,s(c)({canvasElement:o,args:i});case 6:r=t(l),e.prev=7,r.s();case 9:if((u=r.n()).done){e.next=25;break}if(x=(d=u.value).name,!a){e.next=16;break}return f("Before: ".concat(x)),e.next=16,s(a)({canvasElement:o,args:i});case 16:return f("Running : ".concat(x)),e.next=19,s(d)({canvasElement:o,args:i});case 19:if(!p){e.next=23;break}return f("After: ".concat(x)),e.next=23,s(p)({canvasElement:o,args:i});case 23:e.next=9;break;case 25:e.next=30;break;case 27:e.prev=27,e.t0=e.catch(7),r.e(e.t0);case 30:return e.prev=30,r.f(),e.finish(30);case 33:if(!m){e.next=37;break}return f("After all:"),e.next=37,s(m)({canvasElement:o,args:i});case 37:case"end":return e.stop()}}),n,null,[[7,27,30,33]])})))}},g=function(e,t){return p(e).getByTestId(t)},y=function(e,t){return p(e).getAllByTestId(t)},b=function(e,t){return p(e).getByPlaceholderText(t)},h=function(e,t){return p(e).getAllByPlaceholderText(t)},k=function(e){return document.getElementsByClassName(e)},w=function(e){return document.getElementsByClassName(e)[0]},B=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};return p(e).getByRole(t,n)},E=function(e,t){return p(e).getAllByRole(t)},T=function(e,t){return p(e).getByLabelText(t)},A=function(e,t){return p(e).getAllByLabelText(t)},C=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};return p(e).getByText(t,n)},R=function(e,t){return p(e).getAllByText(t)},j=function(e){return r.click(e)},H=function(e){return r.hover(e)},P=function(t,o){var a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:250;return n(void 0,void 0,void 0,e().mark((function n(){var i,c;return e().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return i=r.type(t,o,{delay:50}),e.next=3,i;case 3:return c=e.sent,e.next=6,L(a);case 6:return e.abrupt("return",c);case 7:case"end":return e.stop()}}),n)})))},O=function(e){u(document.activeElement).toHaveTextContent(RegExp("^".concat(e,"$")))},_=function(e){u(document.activeElement).toHaveTextContent(e)},I=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:c.TAB,o=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;return n(void 0,void 0,void 0,e().mark((function n(){var a,i;return e().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return a=t===c.TAB?r.tab():r.keyboard(t),e.next=3,a;case 3:return i=e.sent,e.next=6,L(o);case 6:return e.abrupt("return",i);case 7:case"end":return e.stop()}}),n)})))};function L(e){return new Promise((function(t){if(!e)return t(void 0);setTimeout(t,e)}))}var M=function(t){return new Promise((function(r){var o;i((function(){return n(void 0,void 0,void 0,e().mark((function n(){return e().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,t();case 2:u(o=e.sent).toBeVisible();case 4:case"end":return e.stop()}}),n)})))})).then((function(){r(o)}))}))},N=function(t,o){var a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{delay:70};return n(void 0,void 0,void 0,e().mark((function n(){return e().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return t=t.repeat(o),e.next=3,r.keyboard(t,a);case 3:case"end":return e.stop()}}),n)})))};function D(t,o){var i=o.delta,c=void 0===i?void 0:i,u=o.toCoords,s=void 0===u?void 0:u,v=o.toElm,f=void 0===v?void 0:v,p=o.steps,x=void 0===p?20:p,m=o.duration,g=void 0===m?100:m;return n(this,void 0,void 0,e().mark((function n(){var o,i,u,v,p;return e().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:o=l(t),i=d({toElm:f,toCoords:s,delta:c,from:o}),u={x:(i.x-o.x)/x,y:(i.y-o.y)/x},v={clientX:o.x,clientY:o.y},r.hover(t),a.pointerEnter(t,v),a.pointerOver(t,v),a.pointerMove(t,v),a.pointerDown(t,v),p=0;case 10:if(x<=p){e.next=19;break}return v.clientX+=u.x,v.clientY+=u.y,e.next=15,L(g/x);case 15:a.pointerMove(t,v);case 16:p++,e.next=10;break;case 19:a.pointerUp(t,v);case 20:case"end":return e.stop()}}),n)})))}export{x as NavigationCommand,v as clearText,j as clickElement,L as delay,D as drag,O as expectActiveElementToHaveExactText,_ as expectActiveElementToHavePartialText,A as getAllByLabelText,h as getAllByPlaceholderText,E as getAllByRole,y as getAllByTestId,R as getAllByText,k as getByClassName,T as getByLabelText,b as getByPlaceholderText,B as getByRole,g as getByTestId,C as getByText,w as getFirstByClassName,H as hoverElement,m as interactionSuite,I as pressNavigationKey,s as testFunctionWrapper,N as typeMultipleTimes,P as typeText,M as waitForElementVisible};
 //# sourceMappingURL=interactionsTests.js.map

package/dist/src/tests/interactionsTests.js.map

@@ -1 +1 @@
-{"version":3,"file":"interactionsTests.js","sources":["../../../src/tests/interactions-utils.ts"],"sourcesContent":["import { fireEvent, type queries, userEvent, within } from \"@storybook/test\";\nimport { type BoundFunctions, type Screen, type SelectorMatcherOptions, waitFor } from \"@testing-library/react\";\nimport { NavigationCommand as NavigationCommandType } from \"./constants\";\nimport { expect } from \"@storybook/jest\";\n\nexport type Canvas = HTMLElement | BoundFunctions<typeof queries>;\nexport type TestFunction = (canvas: Canvas, args: Record<string, any>) => unknown;\nexport type Coordinates = { x: number; y: number };\n\n// Internal functions\nexport const testFunctionWrapper = (testFunc: TestFunction) => {\n  return async ({ canvasElement, args }: { canvasElement: Screen; args: Record<string, any> }) => {\n    // Starts querying the component from its root element\n    const canvas = getWithin(canvasElement);\n    return testFunc(canvas, args);\n  };\n};\n\nexport const clearText = async (element: HTMLElement) => {\n  userEvent.clear(element);\n};\n\nfunction logFunctionStart(name: string) {\n  expect(` ➡️ ${name}`).toBeDefined();\n}\n\nfunction getElementClientCenter(element: HTMLElement) {\n  const { left, top, width, height } = element.getBoundingClientRect();\n  return {\n    x: left + width / 2,\n    y: top + height / 2\n  };\n}\n\nconst getCoords = ({\n  toElm,\n  toCoords,\n  delta,\n  from\n}: {\n  toElm: HTMLElement;\n  toCoords: Coordinates;\n  delta: Coordinates;\n  from: Coordinates;\n}) => {\n  if (toCoords) {\n    return { ...from, ...toCoords };\n  }\n  if (toElm) {\n    return getElementClientCenter(toElm);\n  }\n  if (delta) {\n    return {\n      x: from.x + delta.x,\n      y: from.y + delta.y\n    };\n  }\n  return {\n    x: from.x + 10,\n    y: from.y + 0\n  };\n};\n\nfunction getWithin(canvasOrValidTestElement: HTMLElement | BoundFunctions<typeof queries>) {\n  if (canvasOrValidTestElement instanceof HTMLElement) {\n    const result = within(canvasOrValidTestElement);\n    if (result instanceof Error) {\n      throw result;\n    }\n    return result;\n  } else if (canvasOrValidTestElement.getByRole) return canvasOrValidTestElement;\n}\n\n// External constants\nexport const NavigationCommand = NavigationCommandType;\n\n// External functions\nexport const resetFocus = async () => {\n  const focusTrap = document.querySelector(\"[data-testid=focusTrap]\");\n  if (focusTrap) {\n    await userEvent.click(focusTrap as HTMLElement);\n  }\n};\n\nexport const interactionSuite =\n  ({\n    beforeEach = null,\n    beforeAll = null,\n    skip = false,\n    tests,\n    afterEach = null,\n    afterAll = null\n  }: {\n    beforeEach?: TestFunction;\n    beforeAll?: TestFunction;\n    skip?: boolean;\n    tests: Array<TestFunction>;\n    afterAll?: TestFunction;\n    afterEach?: TestFunction;\n  }): (({ canvasElement, args }: { canvasElement: Screen; args: Record<string, any> }) => Promise<void>) =>\n  async ({ canvasElement, args }) => {\n    if (skip) return;\n\n    if (beforeAll) {\n      logFunctionStart(\"Before all:\");\n      await testFunctionWrapper(beforeAll)({ canvasElement, args });\n    }\n\n    for (const test of tests) {\n      const fnName = test.name;\n      if (beforeEach) {\n        logFunctionStart(`Before: ${fnName}`);\n        await testFunctionWrapper(beforeEach)({ canvasElement, args });\n      }\n\n      logFunctionStart(`Running : ${fnName}`);\n      await testFunctionWrapper(test)({ canvasElement, args });\n\n      if (afterEach) {\n        logFunctionStart(`After: ${fnName}`);\n        await testFunctionWrapper(afterEach)({ canvasElement, args });\n      }\n    }\n\n    if (afterAll) {\n      logFunctionStart(\"After all:\");\n      await testFunctionWrapper(afterAll)({ canvasElement, args });\n    }\n  };\n\nexport const getByTestId = (rootElement: HTMLElement | BoundFunctions<typeof queries>, dataTestId: string) => {\n  return getWithin(rootElement).getByTestId(dataTestId);\n};\n\nexport const getAllByTestId = (rootElement: HTMLElement | BoundFunctions<typeof queries>, dataTestId: string) => {\n  return getWithin(rootElement).getAllByTestId(dataTestId);\n};\n\nexport const getByPlaceholderText = (rootElement: HTMLElement | BoundFunctions<typeof queries>, text: string) => {\n  return getWithin(rootElement).getByPlaceholderText(text);\n};\n\nexport const getAllByPlaceholderText = (rootElement: HTMLElement | BoundFunctions<typeof queries>, text: string) => {\n  return getWithin(rootElement).getAllByPlaceholderText(text);\n};\n\nexport const getByClassName = (className: string) => {\n  return document.getElementsByClassName(className);\n};\n\nexport const getFirstByClassName = (className: string) => {\n  return document.getElementsByClassName(className)[0];\n};\n\nexport const getByRole = (rootElement: HTMLElement | BoundFunctions<typeof queries>, role: string, options = {}) => {\n  return getWithin(rootElement).getByRole(role, options);\n};\n\nexport const getAllByRole = (rootElement: HTMLElement | BoundFunctions<typeof queries>, role: string) => {\n  return getWithin(rootElement).getAllByRole(role);\n};\n\nexport const getByLabelText = (rootElement: HTMLElement | BoundFunctions<typeof queries>, text: string) => {\n  return getWithin(rootElement).getByLabelText(text);\n};\n\nexport const getAllByLabelText = (rootElement: HTMLElement, text: string) => {\n  return getWithin(rootElement).getAllByLabelText(text);\n};\n\nexport const getByText = (\n  rootElement: HTMLElement | BoundFunctions<typeof queries>,\n  text: string,\n  options: SelectorMatcherOptions = {}\n) => {\n  return getWithin(rootElement).getByText(text, options);\n};\n\nexport const getAllByText = (rootElement: HTMLElement | BoundFunctions<typeof queries>, text: string) => {\n  return getWithin(rootElement).getAllByText(text);\n};\n\nexport const clickElement = (element: HTMLElement) => {\n  return userEvent.click(element);\n};\n\nexport const hoverElement = (element: HTMLElement) => {\n  return userEvent.hover(element);\n};\n\nexport const typeText = async (element: HTMLElement, text: string, waitForDebounceMs = 250) => {\n  const promise = userEvent.type(element, text, {\n    delay: 50\n  });\n  const result = await promise;\n  await delay(waitForDebounceMs);\n  return result;\n};\n\nexport const expectActiveElementToHaveExactText = (text: string) => {\n  expect(document.activeElement).toHaveTextContent(new RegExp(`^${text}$`));\n};\n\nexport const expectActiveElementToHavePartialText = (text: string) => {\n  expect(document.activeElement).toHaveTextContent(text);\n};\n\nexport const pressNavigationKey = async (command = NavigationCommandType.TAB, waitForDebounceMs = 0): Promise<any> => {\n  const promise = command === NavigationCommandType.TAB ? userEvent.tab() : userEvent.keyboard(command);\n  const result = await promise;\n  await delay(waitForDebounceMs);\n  return result;\n};\n\nexport function delay(timeout: number) {\n  return new Promise((resolve: (value: unknown) => void) => {\n    if (!timeout) return resolve(undefined);\n    setTimeout(resolve, timeout);\n  });\n}\n\nexport const waitForElementVisible = (getterFunc: () => HTMLElement) => {\n  return new Promise(resolve => {\n    let element: HTMLElement;\n    waitFor(async () => {\n      element = await getterFunc();\n      expect(element).toBeVisible();\n    }).then(() => {\n      resolve(element);\n    });\n  });\n};\n\nexport const typeMultipleTimes = async (text: string, count: number, options = { delay: 70 }) => {\n  text = text.repeat(count);\n  await userEvent.keyboard(text, options);\n};\n\nexport async function drag(\n  element: HTMLElement,\n  {\n    delta = undefined,\n    toCoords = undefined,\n    toElm = undefined,\n    steps = 20,\n    duration = 100\n  }: { delta: Coordinates; toCoords: Coordinates; toElm: HTMLElement; steps: number; duration: number }\n) {\n  const from = getElementClientCenter(element);\n  const to = getCoords({ toElm, toCoords, delta, from });\n  const step = {\n    x: (to.x - from.x) / steps,\n    y: (to.y - from.y) / steps\n  };\n  const current = {\n    clientX: from.x,\n    clientY: from.y\n  };\n  userEvent.hover(element);\n  fireEvent.pointerEnter(element, current);\n  fireEvent.pointerOver(element, current);\n  fireEvent.pointerMove(element, current);\n  fireEvent.pointerDown(element, current);\n  for (let i = 0; i < steps; i++) {\n    current.clientX += step.x;\n    current.clientY += step.y;\n    await delay(duration / steps);\n    fireEvent.pointerMove(element, current);\n  }\n  fireEvent.pointerUp(element, current);\n}\n"],"names":["testFunctionWrapper","testFunc","_ref","canvasElement","args","__awaiter","_regeneratorRuntime","mark","_callee","canvas","wrap","_context","prev","next","getWithin","abrupt","stop","clearText","element","_callee2","_context2","userEvent","clear","logFunctionStart","name","expect","concat","toBeDefined","getElementClientCenter","_element$getBoundingC","getBoundingClientRect","x","left","width","y","top","height","getCoords","_ref2","toElm","toCoords","delta","from","Object","assign","canvasOrValidTestElement","HTMLElement","result","within","Error","getByRole","NavigationCommand","NavigationCommandType","resetFocus","_callee3","focusTrap","_context3","document","querySelector","click","interactionSuite","_ref3","_ref3$beforeEach","beforeEach","_ref3$beforeAll","beforeAll","_ref3$skip","skip","tests","_ref3$afterEach","afterEach","_ref3$afterAll","afterAll","_ref4","_callee4","_iterator","_step","test","fnName","_context4","_createForOfIteratorHelper","s","n","done","value","t0","e","f","finish","getByTestId","rootElement","dataTestId","getAllByTestId","getByPlaceholderText","text","getAllByPlaceholderText","getByClassName","className","getElementsByClassName","getFirstByClassName","role","options","arguments","length","undefined","getAllByRole","getByLabelText","getAllByLabelText","getByText","getAllByText","clickElement","hoverElement","hover","typeText","waitForDebounceMs","_callee5","promise","_context5","type","delay","sent","expectActiveElementToHaveExactText","activeElement","toHaveTextContent","RegExp","expectActiveElementToHavePartialText","pressNavigationKey","command","TAB","_callee6","_context6","tab","keyboard","timeout","Promise","resolve","setTimeout","waitForElementVisible","getterFunc","waitFor","_callee7","_context7","toBeVisible","then","typeMultipleTimes","count","_callee8","_context8","repeat","drag","_ref5","_ref5$delta","_ref5$toCoords","_ref5$toElm","_ref5$steps","steps","_ref5$duration","duration","to","step","current","clientX","clientY","fireEvent","pointerEnter","pointerOver","pointerMove","pointerDown","i","_context9","pointerUp","_callee9"],"mappings":"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"}
+{"version":3,"file":"interactionsTests.js","sources":["../../../src/tests/interactions-utils.ts"],"sourcesContent":["import { fireEvent, type queries, userEvent, within } from \"@storybook/test\";\nimport { type BoundFunctions, type Screen, type SelectorMatcherOptions, waitFor } from \"@testing-library/react\";\nimport { NavigationCommand as NavigationCommandType } from \"./constants\";\nimport { expect } from \"@storybook/jest\";\n\nexport type Canvas = HTMLElement | BoundFunctions<typeof queries>;\nexport type TestFunction = (canvas: Canvas, args: Record<string, any>) => unknown;\nexport type Coordinates = { x: number; y: number };\n\n// Internal functions\nexport const testFunctionWrapper = (testFunc: TestFunction) => {\n  return async ({ canvasElement, args }: { canvasElement: Screen; args: Record<string, any> }) => {\n    // Starts querying the component from its root element\n    const canvas = getWithin(canvasElement);\n    return testFunc(canvas, args);\n  };\n};\n\nexport const clearText = async (element: HTMLElement) => {\n  userEvent.clear(element);\n};\n\nfunction logFunctionStart(name: string) {\n  expect(` ➡️ ${name}`).toBeDefined();\n}\n\nfunction getElementClientCenter(element: HTMLElement) {\n  const { left, top, width, height } = element.getBoundingClientRect();\n  return {\n    x: left + width / 2,\n    y: top + height / 2\n  };\n}\n\nconst getCoords = ({\n  toElm,\n  toCoords,\n  delta,\n  from\n}: {\n  toElm: HTMLElement;\n  toCoords: Coordinates;\n  delta: Coordinates;\n  from: Coordinates;\n}) => {\n  if (toCoords) {\n    return { ...from, ...toCoords };\n  }\n  if (toElm) {\n    return getElementClientCenter(toElm);\n  }\n  if (delta) {\n    return {\n      x: from.x + delta.x,\n      y: from.y + delta.y\n    };\n  }\n  return {\n    x: from.x + 10,\n    y: from.y + 0\n  };\n};\n\nfunction getWithin(canvasOrValidTestElement: HTMLElement | BoundFunctions<typeof queries>) {\n  if (canvasOrValidTestElement instanceof HTMLElement) {\n    const result = within(canvasOrValidTestElement);\n    if (result instanceof Error) {\n      throw result;\n    }\n    return result;\n  } else if (canvasOrValidTestElement.getByRole) return canvasOrValidTestElement;\n}\n\n// External constants\nexport const NavigationCommand = NavigationCommandType;\n\n// External functions\nexport const interactionSuite =\n  ({\n    beforeEach = null,\n    beforeAll = null,\n    skip = false,\n    tests,\n    afterEach = null,\n    afterAll = null\n  }: {\n    beforeEach?: TestFunction;\n    beforeAll?: TestFunction;\n    skip?: boolean;\n    tests: Array<TestFunction>;\n    afterAll?: TestFunction;\n    afterEach?: TestFunction;\n  }): (({ canvasElement, args }: { canvasElement: Screen; args: Record<string, any> }) => Promise<void>) =>\n  async ({ canvasElement, args }) => {\n    if (skip) return;\n\n    if (beforeAll) {\n      logFunctionStart(\"Before all:\");\n      await testFunctionWrapper(beforeAll)({ canvasElement, args });\n    }\n\n    for (const test of tests) {\n      const fnName = test.name;\n      if (beforeEach) {\n        logFunctionStart(`Before: ${fnName}`);\n        await testFunctionWrapper(beforeEach)({ canvasElement, args });\n      }\n\n      logFunctionStart(`Running : ${fnName}`);\n      await testFunctionWrapper(test)({ canvasElement, args });\n\n      if (afterEach) {\n        logFunctionStart(`After: ${fnName}`);\n        await testFunctionWrapper(afterEach)({ canvasElement, args });\n      }\n    }\n\n    if (afterAll) {\n      logFunctionStart(\"After all:\");\n      await testFunctionWrapper(afterAll)({ canvasElement, args });\n    }\n  };\n\nexport const getByTestId = (rootElement: HTMLElement | BoundFunctions<typeof queries>, dataTestId: string) => {\n  return getWithin(rootElement).getByTestId(dataTestId);\n};\n\nexport const getAllByTestId = (rootElement: HTMLElement | BoundFunctions<typeof queries>, dataTestId: string) => {\n  return getWithin(rootElement).getAllByTestId(dataTestId);\n};\n\nexport const getByPlaceholderText = (rootElement: HTMLElement | BoundFunctions<typeof queries>, text: string) => {\n  return getWithin(rootElement).getByPlaceholderText(text);\n};\n\nexport const getAllByPlaceholderText = (rootElement: HTMLElement | BoundFunctions<typeof queries>, text: string) => {\n  return getWithin(rootElement).getAllByPlaceholderText(text);\n};\n\nexport const getByClassName = (className: string) => {\n  return document.getElementsByClassName(className);\n};\n\nexport const getFirstByClassName = (className: string) => {\n  return document.getElementsByClassName(className)[0];\n};\n\nexport const getByRole = (rootElement: HTMLElement | BoundFunctions<typeof queries>, role: string, options = {}) => {\n  return getWithin(rootElement).getByRole(role, options);\n};\n\nexport const getAllByRole = (rootElement: HTMLElement | BoundFunctions<typeof queries>, role: string) => {\n  return getWithin(rootElement).getAllByRole(role);\n};\n\nexport const getByLabelText = (rootElement: HTMLElement | BoundFunctions<typeof queries>, text: string) => {\n  return getWithin(rootElement).getByLabelText(text);\n};\n\nexport const getAllByLabelText = (rootElement: HTMLElement, text: string) => {\n  return getWithin(rootElement).getAllByLabelText(text);\n};\n\nexport const getByText = (\n  rootElement: HTMLElement | BoundFunctions<typeof queries>,\n  text: string,\n  options: SelectorMatcherOptions = {}\n) => {\n  return getWithin(rootElement).getByText(text, options);\n};\n\nexport const getAllByText = (rootElement: HTMLElement | BoundFunctions<typeof queries>, text: string) => {\n  return getWithin(rootElement).getAllByText(text);\n};\n\nexport const clickElement = (element: HTMLElement) => {\n  return userEvent.click(element);\n};\n\nexport const hoverElement = (element: HTMLElement) => {\n  return userEvent.hover(element);\n};\n\nexport const typeText = async (element: HTMLElement, text: string, waitForDebounceMs = 250) => {\n  const promise = userEvent.type(element, text, {\n    delay: 50\n  });\n  const result = await promise;\n  await delay(waitForDebounceMs);\n  return result;\n};\n\nexport const expectActiveElementToHaveExactText = (text: string) => {\n  expect(document.activeElement).toHaveTextContent(new RegExp(`^${text}$`));\n};\n\nexport const expectActiveElementToHavePartialText = (text: string) => {\n  expect(document.activeElement).toHaveTextContent(text);\n};\n\nexport const pressNavigationKey = async (command = NavigationCommandType.TAB, waitForDebounceMs = 0): Promise<any> => {\n  const promise = command === NavigationCommandType.TAB ? userEvent.tab() : userEvent.keyboard(command);\n  const result = await promise;\n  await delay(waitForDebounceMs);\n  return result;\n};\n\nexport function delay(timeout: number) {\n  return new Promise((resolve: (value: unknown) => void) => {\n    if (!timeout) return resolve(undefined);\n    setTimeout(resolve, timeout);\n  });\n}\n\nexport const waitForElementVisible = (getterFunc: () => HTMLElement) => {\n  return new Promise(resolve => {\n    let element: HTMLElement;\n    waitFor(async () => {\n      element = await getterFunc();\n      expect(element).toBeVisible();\n    }).then(() => {\n      resolve(element);\n    });\n  });\n};\n\nexport const typeMultipleTimes = async (text: string, count: number, options = { delay: 70 }) => {\n  text = text.repeat(count);\n  await userEvent.keyboard(text, options);\n};\n\nexport async function drag(\n  element: HTMLElement,\n  {\n    delta = undefined,\n    toCoords = undefined,\n    toElm = undefined,\n    steps = 20,\n    duration = 100\n  }: { delta: Coordinates; toCoords: Coordinates; toElm: HTMLElement; steps: number; duration: number }\n) {\n  const from = getElementClientCenter(element);\n  const to = getCoords({ toElm, toCoords, delta, from });\n  const step = {\n    x: (to.x - from.x) / steps,\n    y: (to.y - from.y) / steps\n  };\n  const current = {\n    clientX: from.x,\n    clientY: from.y\n  };\n  userEvent.hover(element);\n  fireEvent.pointerEnter(element, current);\n  fireEvent.pointerOver(element, current);\n  fireEvent.pointerMove(element, current);\n  fireEvent.pointerDown(element, current);\n  for (let i = 0; i < steps; i++) {\n    current.clientX += step.x;\n    current.clientY += step.y;\n    await delay(duration / steps);\n    fireEvent.pointerMove(element, current);\n  }\n  fireEvent.pointerUp(element, current);\n}\n"],"names":["testFunctionWrapper","testFunc","_ref","canvasElement","args","__awaiter","_regeneratorRuntime","mark","_callee","canvas","wrap","_context","prev","next","getWithin","abrupt","stop","clearText","element","_callee2","_context2","userEvent","clear","logFunctionStart","name","expect","concat","toBeDefined","getElementClientCenter","_element$getBoundingC","getBoundingClientRect","x","left","width","y","top","height","getCoords","_ref2","toElm","toCoords","delta","from","Object","assign","canvasOrValidTestElement","HTMLElement","result","within","Error","getByRole","NavigationCommand","NavigationCommandType","interactionSuite","_ref3","_ref3$beforeEach","beforeEach","_ref3$beforeAll","beforeAll","_ref3$skip","skip","tests","_ref3$afterEach","afterEach","_ref3$afterAll","afterAll","_ref4","_callee3","_iterator","_step","test","fnName","_context3","_createForOfIteratorHelper","s","n","done","value","t0","e","f","finish","getByTestId","rootElement","dataTestId","getAllByTestId","getByPlaceholderText","text","getAllByPlaceholderText","getByClassName","className","document","getElementsByClassName","getFirstByClassName","role","options","arguments","length","undefined","getAllByRole","getByLabelText","getAllByLabelText","getByText","getAllByText","clickElement","click","hoverElement","hover","typeText","waitForDebounceMs","_callee4","promise","_context4","type","delay","sent","expectActiveElementToHaveExactText","activeElement","toHaveTextContent","RegExp","expectActiveElementToHavePartialText","pressNavigationKey","command","TAB","_callee5","_context5","tab","keyboard","timeout","Promise","resolve","setTimeout","waitForElementVisible","getterFunc","waitFor","_callee6","_context6","toBeVisible","then","typeMultipleTimes","count","_callee7","_context7","repeat","drag","_ref5","_ref5$delta","_ref5$toCoords","_ref5$toElm","_ref5$steps","steps","_ref5$duration","duration","to","step","current","clientX","clientY","fireEvent","pointerEnter","pointerOver","pointerMove","pointerDown","i","_context8","pointerUp","_callee8"],"mappings":"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"}

package/dist/tests/interactions-utils.d.ts

@@ -13,7 +13,6 @@ export declare const testFunctionWrapper: (testFunc: TestFunction) => ({ canvasE
 }) => Promise<unknown>;
 export declare const clearText: (element: HTMLElement) => Promise<void>;
 export declare const NavigationCommand: typeof NavigationCommandType;
-export declare const resetFocus: () => Promise<void>;
 export declare const interactionSuite: ({ beforeEach, beforeAll, skip, tests, afterEach, afterAll }: {
     beforeEach?: TestFunction;
     beforeAll?: TestFunction;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vibe/core",
-  "version": "3.71.2-alpha-ed306.0",
+  "version": "3.72.0-alpha-5e660.0",
   "description": "Official monday.com UI resources for application development in React.js",
   "repository": {
     "type": "git",
@@ -81,6 +81,10 @@
     "build:esm": "rollup -c",
     "build:esm:mock-classnames": "mock_classnames=on rollup -c",
     "build:metadata": "tsx src/scripts/generate-metadata.ts",
+    "storybook": "storybook dev -p 7008",
+    "build-storybook": "storybook build -o static_storybook && node .storybook/storybook-title-fix.js static_storybook",
+    "deploy-storybook": "storybook-to-ghpages",
+    "chromatic:local": "chromatic -t $CHROMATIC_PROJECT_TOKEN",
     "link-local": "npm link && npm start",
     "plop": "plop",
     "lint": "eslint \"./src/**/*.{js,jsx,ts,tsx}\"",
@@ -90,10 +94,10 @@
   },
   "dependencies": {
     "@popperjs/core": "2.11.6",
-    "@vibe/button": "3.0.4",
-    "@vibe/icon": "3.0.4",
+    "@vibe/button": "3.0.4-alpha-5e660.0",
+    "@vibe/icon": "3.0.4-alpha-5e660.0",
     "@vibe/icons": "1.11.0",
-    "@vibe/loader": "3.0.4",
+    "@vibe/loader": "3.0.4-alpha-5e660.0",
     "a11y-dialog": "^7.5.2",
     "body-scroll-lock": "^4.0.0-beta.0",
     "browserslist-config-monday": "1.0.6",
@@ -130,6 +134,7 @@
     "@babel/preset-typescript": "^7.23.3",
     "@babel/standalone": "^7.24.4",
     "@babel/types": "^7.24.0",
+    "@chromatic-com/storybook": "^3.2.4",
     "@hot-loader/react-dom": "^16.13.0",
     "@jest/transform": "^29.7.0",
     "@rollup/plugin-babel": "^6.0.2",
@@ -181,7 +186,7 @@
     "@uiw/codemirror-extensions-langs": "^4.21.25",
     "@uiw/codemirror-theme-github": "^4.21.25",
     "@uiw/react-codemirror": "^4.21.25",
-    "@vibe/config": "3.0.3",
+    "@vibe/config": "3.0.3-alpha-5e660.0",
     "@vitejs/plugin-react": "^4.3.1",
     "@vitest/coverage-v8": "^1.6.0",
     "@vitest/ui": "^1.6.0",
@@ -269,8 +274,11 @@
     "*.scss.js",
     "*.css.js"
   ],
+  "storybook-deployer": {
+    "commitMessage": "Deploy Storybook [ci-skip]"
+  },
   "browserslist": [
     "extends browserslist-config-monday"
   ],
-  "gitHead": "13f7e3ced252aeb9e96b7e6b366014607a0cf4c0"
+  "gitHead": "934bc0de7f721ce4f8857c607063c30aedf3f272"
 }