@vibe/core 4.5.1 → 4.5.2

package/dist/src/components/ColorPicker/components/ColorPickerContent/ColorPickerColorsGrid.module.scss.js

@@ -1,2 +1,2 @@
-var e={colorsGrid:"colorsGrid_8d2807b023"};!function(e){const d="s_id-0a5f0eb78ee4_4_5_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+d))return;const t=document.createElement("style");t.id=d,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}(".colorsGrid_8d2807b023 {\n  padding: 0;\n  outline: none;\n  display: flex;\n  flex-wrap: wrap;\n}");export{e as default};
+var e={colorsGrid:"colorsGrid_537c124e8d"};!function(e){const d="s_id-0a5f0eb78ee4_4_5_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+d))return;const t=document.createElement("style");t.id=d,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}(".colorsGrid_537c124e8d {\n  padding: 0;\n  outline: none;\n  display: flex;\n  flex-wrap: wrap;\n}");export{e as default};
 //# sourceMappingURL=ColorPickerColorsGrid.module.scss.js.map

package/dist/src/components/ColorPicker/components/ColorPickerItemComponent/ColorPickerItemComponent.module.scss.js

@@ -1,2 +1,2 @@
-var e={itemWrapper:"itemWrapper_3cea564e92",circle:"circle_0ed4dbe358",feedbackIndicator:"feedbackIndicator_b250c439c7",active:"active_716ecc5094",selectedColor:"selectedColor_c4e91d0ac5",colorItem:"colorItem_4b5b0dba3a",colorIndicatorWrapper:"colorIndicatorWrapper_2ce94742f8",colorItemSizeSmall:"colorItemSizeSmall_ff581f2608",colorItemSizeMedium:"colorItemSizeMedium_03de9f33cb",colorItemSizeLarge:"colorItemSizeLarge_db3f74baa7",colorItemTextMode:"colorItemTextMode_fc005dfc64",colorIconWhite:"colorIconWhite_9bef2a8485"};!function(e){const r="s_id-4f41e3ef6859_4_5_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+r))return;const o=document.createElement("style");o.id=r,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=e)}('.itemWrapper_3cea564e92.circle_0ed4dbe358 {\n  --border-radius-multiplier: 99999;\n}\n\n/* stylelint-disable scss/operator-no-unspaced */\n\n.itemWrapper_3cea564e92 {\n  --border-radius-multiplier: 1;\n  margin: 4px;\n  display: flex;\n  list-style-type: none;\n  position: relative;\n}\n\n.itemWrapper_3cea564e92 .feedbackIndicator_b250c439c7 {\n  position: absolute;\n  inset: 0;\n  pointer-events: none;\n}\n\n.itemWrapper_3cea564e92:focus,\n.itemWrapper_3cea564e92:focus-visible,\n.itemWrapper_3cea564e92.active_716ecc5094 {\n  outline: none;\n}\n\n.itemWrapper_3cea564e92:focus .feedbackIndicator_b250c439c7:before,\n.itemWrapper_3cea564e92:focus-visible .feedbackIndicator_b250c439c7:before,\n.itemWrapper_3cea564e92.active_716ecc5094 .feedbackIndicator_b250c439c7:before {\n  content: " ";\n  position: absolute;\n  border-radius: calc(7px * var(--border-radius-multiplier, 1));\n  inset: -4px;\n  border: 4px solid;\n  border-color: var(--primary-selected-color);\n  pointer-events: none;\n}\n\n.itemWrapper_3cea564e92:focus .feedbackIndicator_b250c439c7:after,\n.itemWrapper_3cea564e92:focus-visible .feedbackIndicator_b250c439c7:after,\n.itemWrapper_3cea564e92.active_716ecc5094 .feedbackIndicator_b250c439c7:after {\n  content: " ";\n  position: absolute;\n  border-radius: calc(7px * var(--border-radius-multiplier, 1));\n  inset: -1px;\n  border: 1px solid;\n  border-color: var(--primary-color);\n  pointer-events: none;\n}\n\n/* active elements have no "hover feedback" */\n\n.itemWrapper_3cea564e92:hover:not(.active_716ecc5094):not(.selectedColor_c4e91d0ac5) .feedbackIndicator_b250c439c7 {\n  content: " ";\n  position: absolute;\n  border-radius: calc(8px * var(--border-radius-multiplier, 1));\n  inset: -4px;\n  border: 4px solid;\n  border-color: var(--primary-background-hover-color);\n  pointer-events: none;\n}\n\n.itemWrapper_3cea564e92 .colorItem_4b5b0dba3a {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border: 2px solid transparent;\n  border-radius: calc(4px * var(--border-radius-multiplier, 1));\n  cursor: pointer;\n}\n\n.itemWrapper_3cea564e92 .colorItem_4b5b0dba3a .colorIndicatorWrapper_2ce94742f8 {\n  display: flex;\n}\n\n.itemWrapper_3cea564e92 .colorItem_4b5b0dba3a.colorItemSizeSmall_ff581f2608 {\n  width: 24px;\n  height: 24px;\n}\n\n.itemWrapper_3cea564e92 .colorItem_4b5b0dba3a.colorItemSizeMedium_03de9f33cb {\n  width: 32px;\n  height: 32px;\n}\n\n.itemWrapper_3cea564e92 .colorItem_4b5b0dba3a.colorItemSizeLarge_db3f74baa7 {\n  width: 40px;\n  height: 40px;\n}\n\n.itemWrapper_3cea564e92.selectedColor_c4e91d0ac5 {\n  position: relative;\n}\n\n.itemWrapper_3cea564e92.selectedColor_c4e91d0ac5:before {\n  content: " ";\n  position: absolute;\n  border-radius: calc(7px * var(--border-radius-multiplier, 1));\n  inset: -4px;\n  border: 2px solid;\n  border-color: var(--primary-color);\n  pointer-events: none;\n}\n\n.itemWrapper_3cea564e92.selectedColor_c4e91d0ac5 .feedbackIndicator_b250c439c7:before {\n  /* hide the outer border from the "active" feedback indicator */\n  display: none;\n}\n\n.itemWrapper_3cea564e92 .colorItemTextMode_fc005dfc64:hover {\n  background-color: var(--primary-background-hover-color) !important;\n}\n\n.itemWrapper_3cea564e92 .colorIconWhite_9bef2a8485 {\n  color: var(--color-snow_white);\n}');export{e as default};
+var e={itemWrapper:"itemWrapper_74454e40ed",circle:"circle_826de1ee6d",feedbackIndicator:"feedbackIndicator_f467590313",active:"active_c647a0d4c0",selectedColor:"selectedColor_cfa4765711",colorItem:"colorItem_0a34c85475",colorIndicatorWrapper:"colorIndicatorWrapper_04265fd0d4",colorItemSizeSmall:"colorItemSizeSmall_12f8110b98",colorItemSizeMedium:"colorItemSizeMedium_e8a1a85042",colorItemSizeLarge:"colorItemSizeLarge_bd7631a6b1",colorItemTextMode:"colorItemTextMode_8a18ce3827",colorIconWhite:"colorIconWhite_0aabc5f717"};!function(e){const r="s_id-4f41e3ef6859_4_5_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+r))return;const o=document.createElement("style");o.id=r,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=e)}('.itemWrapper_74454e40ed.circle_826de1ee6d {\n  --border-radius-multiplier: 99999;\n}\n\n/* stylelint-disable scss/operator-no-unspaced */\n\n.itemWrapper_74454e40ed {\n  --border-radius-multiplier: 1;\n  margin: 4px;\n  display: flex;\n  list-style-type: none;\n  position: relative;\n}\n\n.itemWrapper_74454e40ed .feedbackIndicator_f467590313 {\n  position: absolute;\n  inset: 0;\n  pointer-events: none;\n}\n\n.itemWrapper_74454e40ed:focus,\n.itemWrapper_74454e40ed:focus-visible,\n.itemWrapper_74454e40ed.active_c647a0d4c0 {\n  outline: none;\n}\n\n.itemWrapper_74454e40ed:focus .feedbackIndicator_f467590313:before,\n.itemWrapper_74454e40ed:focus-visible .feedbackIndicator_f467590313:before,\n.itemWrapper_74454e40ed.active_c647a0d4c0 .feedbackIndicator_f467590313:before {\n  content: " ";\n  position: absolute;\n  border-radius: calc(7px * var(--border-radius-multiplier, 1));\n  inset: -4px;\n  border: 4px solid;\n  border-color: var(--primary-selected-color);\n  pointer-events: none;\n}\n\n.itemWrapper_74454e40ed:focus .feedbackIndicator_f467590313:after,\n.itemWrapper_74454e40ed:focus-visible .feedbackIndicator_f467590313:after,\n.itemWrapper_74454e40ed.active_c647a0d4c0 .feedbackIndicator_f467590313:after {\n  content: " ";\n  position: absolute;\n  border-radius: calc(7px * var(--border-radius-multiplier, 1));\n  inset: -1px;\n  border: 1px solid;\n  border-color: var(--primary-color);\n  pointer-events: none;\n}\n\n/* active elements have no "hover feedback" */\n\n.itemWrapper_74454e40ed:hover:not(.active_c647a0d4c0):not(.selectedColor_cfa4765711) .feedbackIndicator_f467590313 {\n  content: " ";\n  position: absolute;\n  border-radius: calc(8px * var(--border-radius-multiplier, 1));\n  inset: -4px;\n  border: 4px solid;\n  border-color: var(--primary-background-hover-color);\n  pointer-events: none;\n}\n\n.itemWrapper_74454e40ed .colorItem_0a34c85475 {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border: 2px solid transparent;\n  border-radius: calc(4px * var(--border-radius-multiplier, 1));\n  cursor: pointer;\n}\n\n.itemWrapper_74454e40ed .colorItem_0a34c85475 .colorIndicatorWrapper_04265fd0d4 {\n  display: flex;\n}\n\n.itemWrapper_74454e40ed .colorItem_0a34c85475.colorItemSizeSmall_12f8110b98 {\n  width: 24px;\n  height: 24px;\n}\n\n.itemWrapper_74454e40ed .colorItem_0a34c85475.colorItemSizeMedium_e8a1a85042 {\n  width: 32px;\n  height: 32px;\n}\n\n.itemWrapper_74454e40ed .colorItem_0a34c85475.colorItemSizeLarge_bd7631a6b1 {\n  width: 40px;\n  height: 40px;\n}\n\n.itemWrapper_74454e40ed.selectedColor_cfa4765711 {\n  position: relative;\n}\n\n.itemWrapper_74454e40ed.selectedColor_cfa4765711:before {\n  content: " ";\n  position: absolute;\n  border-radius: calc(7px * var(--border-radius-multiplier, 1));\n  inset: -4px;\n  border: 2px solid;\n  border-color: var(--primary-color);\n  pointer-events: none;\n}\n\n.itemWrapper_74454e40ed.selectedColor_cfa4765711 .feedbackIndicator_f467590313:before {\n  /* hide the outer border from the "active" feedback indicator */\n  display: none;\n}\n\n.itemWrapper_74454e40ed .colorItemTextMode_8a18ce3827:hover {\n  background-color: var(--primary-background-hover-color) !important;\n}\n\n.itemWrapper_74454e40ed .colorIconWhite_0aabc5f717 {\n  color: var(--color-snow_white);\n}');export{e as default};
 //# sourceMappingURL=ColorPickerItemComponent.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var o={combobox:"combobox_301db21606",stickyCategory:"stickyCategory_7eb669f9fc",comboboxCategory:"comboboxCategory_6a032645f3",sizeSmall:"sizeSmall_1faab99b6a",sizeMedium:"sizeMedium_ec55bb1a46",sizeLarge:"sizeLarge_1faab99b6a",empty:"empty_fac2bf678d",comboboxSearchWrapper:"comboboxSearchWrapper_5380aba645",comboboxNoResults:"comboboxNoResults_bd91467610",comboboxMessageWrapper:"comboboxMessageWrapper_f08e1c19db",comboboxMessage:"comboboxMessage_5e383ccdb6",addNewButton:"addNewButton_b7d5b6b6df",buttonLabel:"buttonLabel_5e383ccdb6",comboboxList:"comboboxList_e49ab80e33"};!function(o){const e="s_id-5bf292a5a8b0_4_5_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const b=document.createElement("style");b.id=e,n.firstChild?n.insertBefore(b,n.firstChild):n.appendChild(b),b.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=o)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n.combobox_301db21606 {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  margin-bottom: var(--space-8);\n}\n.combobox_301db21606.stickyCategory_7eb669f9fc .comboboxCategory_6a032645f3 {\n  z-index: 10;\n  background-color: var(--secondary-background-color);\n}\n/* Relative to Search height */\n.combobox_301db21606.stickyCategory_7eb669f9fc.sizeSmall_1faab99b6a .comboboxCategory_6a032645f3 {\n  top: 32px;\n}\n.combobox_301db21606.stickyCategory_7eb669f9fc.sizeMedium_ec55bb1a46 .comboboxCategory_6a032645f3 {\n  top: 40px;\n}\n.combobox_301db21606.stickyCategory_7eb669f9fc.sizeLarge_1faab99b6a .comboboxCategory_6a032645f3 {\n  top: 48px;\n}\n.combobox_301db21606.empty_fac2bf678d {\n  max-height: 200px;\n  margin-bottom: 0;\n}\n.comboboxSearchWrapper_5380aba645 {\n  position: sticky;\n  top: 0;\n  z-index: 12;\n}\n.comboboxNoResults_bd91467610 {\n  margin-top: var(--space-8);\n  flex: 1 1 auto;\n  height: calc(100% - 20px);\n  overflow: hidden;\n  position: relative;\n  padding: 0 16px;\n  display: flex;\n  flex-direction: column;\n}\n.comboboxNoResults_bd91467610 .comboboxMessageWrapper_f08e1c19db {\n  flex: 1 0 auto;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.comboboxNoResults_bd91467610 .comboboxMessageWrapper_f08e1c19db .comboboxMessage_5e383ccdb6 {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.comboboxNoResults_bd91467610 .addNewButton_b7d5b6b6df {\n  flex: 0 0 auto;\n  width: 100% !important;\n  margin-bottom: 8px;\n}\n.comboboxNoResults_bd91467610 .addNewButton_b7d5b6b6df .buttonLabel_5e383ccdb6 {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.comboboxList_e49ab80e33 {\n  display: flex;\n  flex-direction: column;\n  flex: 1 1 auto;\n  padding: 0 4px;\n  overflow: hidden;\n}");export{o as default};
+var o={combobox:"combobox_54db64698f",stickyCategory:"stickyCategory_13a2b52bad",comboboxCategory:"comboboxCategory_a5fbfad561",sizeSmall:"sizeSmall_ec9c480090",sizeMedium:"sizeMedium_9c37171f13",sizeLarge:"sizeLarge_ec9c480090",empty:"empty_99d4041112",comboboxSearchWrapper:"comboboxSearchWrapper_7b93a10d42",comboboxNoResults:"comboboxNoResults_71a3da82f9",comboboxMessageWrapper:"comboboxMessageWrapper_c9e7033c1a",comboboxMessage:"comboboxMessage_ff75178375",addNewButton:"addNewButton_6a22b9bd46",buttonLabel:"buttonLabel_ff75178375",comboboxList:"comboboxList_867a13b53c"};!function(o){const e="s_id-5bf292a5a8b0_4_5_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const a=document.createElement("style");a.id=e,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=o)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n.combobox_54db64698f {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  margin-bottom: var(--space-8);\n}\n.combobox_54db64698f.stickyCategory_13a2b52bad .comboboxCategory_a5fbfad561 {\n  z-index: 10;\n  background-color: var(--secondary-background-color);\n}\n/* Relative to Search height */\n.combobox_54db64698f.stickyCategory_13a2b52bad.sizeSmall_ec9c480090 .comboboxCategory_a5fbfad561 {\n  top: 32px;\n}\n.combobox_54db64698f.stickyCategory_13a2b52bad.sizeMedium_9c37171f13 .comboboxCategory_a5fbfad561 {\n  top: 40px;\n}\n.combobox_54db64698f.stickyCategory_13a2b52bad.sizeLarge_ec9c480090 .comboboxCategory_a5fbfad561 {\n  top: 48px;\n}\n.combobox_54db64698f.empty_99d4041112 {\n  max-height: 200px;\n  margin-bottom: 0;\n}\n.comboboxSearchWrapper_7b93a10d42 {\n  position: sticky;\n  top: 0;\n  z-index: 12;\n}\n.comboboxNoResults_71a3da82f9 {\n  margin-top: var(--space-8);\n  flex: 1 1 auto;\n  height: calc(100% - 20px);\n  overflow: hidden;\n  position: relative;\n  padding: 0 16px;\n  display: flex;\n  flex-direction: column;\n}\n.comboboxNoResults_71a3da82f9 .comboboxMessageWrapper_c9e7033c1a {\n  flex: 1 0 auto;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.comboboxNoResults_71a3da82f9 .comboboxMessageWrapper_c9e7033c1a .comboboxMessage_ff75178375 {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.comboboxNoResults_71a3da82f9 .addNewButton_6a22b9bd46 {\n  flex: 0 0 auto;\n  width: 100% !important;\n  margin-bottom: 8px;\n}\n.comboboxNoResults_71a3da82f9 .addNewButton_6a22b9bd46 .buttonLabel_ff75178375 {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.comboboxList_867a13b53c {\n  display: flex;\n  flex-direction: column;\n  flex: 1 1 auto;\n  padding: 0 4px;\n  overflow: hidden;\n}");export{o as default};
 //# sourceMappingURL=Combobox.module.scss.js.map

package/dist/src/components/Combobox/ComboboxHelpers/ComboboxHelpers.module.scss.js

@@ -1,2 +1,2 @@
-var e={comboboxItemContainer:"comboboxItemContainer_69a4dc2900",dividerContainer:"dividerContainer_f044318b5c",divider:"divider_30bea8a1cb",sticky:"sticky_be3d57db25"};!function(e){const n="s_id-cfec7f62c06c_4_5_0";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,i.firstChild?i.insertBefore(t,i.firstChild):i.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".comboboxItemContainer_69a4dc2900 {\n  display: flex;\n  flex: auto;\n  width: 100%;\n  background-color: var(--secondary-background-color);\n}\n\n.dividerContainer_f044318b5c {\n  position: relative;\n  width: 95%;\n}\n\n.divider_30bea8a1cb {\n  position: absolute;\n  width: calc(100% + 16px);\n  margin-inline-start: -12px;\n}\n\n.sticky_be3d57db25 {\n  position: sticky;\n  top: 0;\n  z-index: 20;\n}");export{e as default};
+var e={comboboxItemContainer:"comboboxItemContainer_8c9787d4a7",dividerContainer:"dividerContainer_b24af518b7",divider:"divider_9110211103",sticky:"sticky_3f653053af"};!function(e){const n="s_id-cfec7f62c06c_4_5_1";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,i.firstChild?i.insertBefore(t,i.firstChild):i.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".comboboxItemContainer_8c9787d4a7 {\n  display: flex;\n  flex: auto;\n  width: 100%;\n  background-color: var(--secondary-background-color);\n}\n\n.dividerContainer_b24af518b7 {\n  position: relative;\n  width: 95%;\n}\n\n.divider_9110211103 {\n  position: absolute;\n  width: calc(100% + 16px);\n  margin-inline-start: -12px;\n}\n\n.sticky_3f653053af {\n  position: sticky;\n  top: 0;\n  z-index: 20;\n}");export{e as default};
 //# sourceMappingURL=ComboboxHelpers.module.scss.js.map

package/dist/src/components/Combobox/components/ComboboxCategory/ComboboxCategory.module.scss.js

@@ -1,2 +1,2 @@
-var e={comboboxCategory:"comboboxCategory_1bf6049d9e"};!function(e){const t="s_id-ddc89c066e12_4_5_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n.comboboxCategory_1bf6049d9e {\n  color: var(--placeholder-color);\n  display: flex;\n  align-items: center;\n  padding-top: var(--space-8);\n}");export{e as default};
+var e={comboboxCategory:"comboboxCategory_ff5490df03"};!function(e){const t="s_id-ddc89c066e12_4_5_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)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n.comboboxCategory_ff5490df03 {\n  color: var(--placeholder-color);\n  display: flex;\n  align-items: center;\n  padding-top: var(--space-8);\n}");export{e as default};
 //# sourceMappingURL=ComboboxCategory.module.scss.js.map

package/dist/src/components/Combobox/components/ComboboxItems/ComboboxItems.module.scss.js

@@ -1,2 +1,2 @@
-var t={scrollableContainer:"scrollableContainer_03671f0279",optionsContainer:"optionsContainer_b8220b70dc",categoryWithOptions:"categoryWithOptions_779bbb145f",firstCategory:"firstCategory_817a74383a",categoryWithoutOptions:"categoryWithoutOptions_29f5472243"};!function(t){const e="s_id-9dc0ac18aa3d_4_5_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}("/* stylelint-disable */\n/* stylelint-enable */\n.scrollableContainer_03671f0279::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer_03671f0279::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.optionsContainer_b8220b70dc {\n  overflow-x: visible;\n  overflow-y: auto;\n  margin-top: var(--space-8);\n}\n.categoryWithOptions_779bbb145f.firstCategory_817a74383a,\n.categoryWithoutOptions_29f5472243.firstCategory_817a74383a {\n  padding-top: 0;\n}\n.categoryWithOptions_779bbb145f {\n  margin-bottom: var(--space-4);\n}\n.categoryWithoutOptions_29f5472243 {\n  margin-bottom: 0;\n}");export{t as default};
+var e={scrollableContainer:"scrollableContainer_59c2f4e2c5",optionsContainer:"optionsContainer_6de4c0403a",categoryWithOptions:"categoryWithOptions_99d78fc2c9",firstCategory:"firstCategory_b8eb25cdfe",categoryWithoutOptions:"categoryWithoutOptions_a9334f5924"};!function(e){const t="s_id-9dc0ac18aa3d_4_5_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)}("/* stylelint-disable */\n/* stylelint-enable */\n.scrollableContainer_59c2f4e2c5::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer_59c2f4e2c5::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.optionsContainer_6de4c0403a {\n  overflow-x: visible;\n  overflow-y: auto;\n  margin-top: var(--space-8);\n}\n.categoryWithOptions_99d78fc2c9.firstCategory_b8eb25cdfe,\n.categoryWithoutOptions_a9334f5924.firstCategory_b8eb25cdfe {\n  padding-top: 0;\n}\n.categoryWithOptions_99d78fc2c9 {\n  margin-bottom: var(--space-4);\n}\n.categoryWithoutOptions_a9334f5924 {\n  margin-bottom: 0;\n}");export{e as default};
 //# sourceMappingURL=ComboboxItems.module.scss.js.map

package/dist/src/components/Combobox/components/ComboboxOption/ComboboxOption.module.scss.js

@@ -1,2 +1,2 @@
-var o={comboboxOption:"comboboxOption_ea35b297bd",disabled:"disabled_d9d68e2d41",selected:"selected_a1bc59c402",active:"active_5331c09a46",activeOutline:"activeOutline_91d4a16679",optionLabel:"optionLabel_26d14d1965",optionIcon:"optionIcon_c9c43a5aa9",left:"left_b543da2567"};!function(o){const e="s_id-3db504899945_4_5_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const d=document.createElement("style");d.id=e,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=o)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n.comboboxOption_ea35b297bd {\n  padding: 8px;\n  width: 100%;\n  border-radius: 4px;\n  display: flex;\n  align-items: center;\n  overflow: hidden;\n  cursor: pointer;\n  user-select: none;\n}\n.comboboxOption_ea35b297bd.disabled_d9d68e2d41 {\n  cursor: not-allowed;\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n.comboboxOption_ea35b297bd.disabled_d9d68e2d41:hover {\n  background-color: transparent;\n}\n.comboboxOption_ea35b297bd.selected_a1bc59c402 {\n  background-color: var(--primary-selected-color);\n}\n.comboboxOption_ea35b297bd:hover:not(.disabled_d9d68e2d41):not(.selected_a1bc59c402),\n.comboboxOption_ea35b297bd.active_5331c09a46 {\n  color: var(--primary-text-color);\n  background-color: var(--primary-background-hover-color);\n  position: relative;\n}\n.comboboxOption_ea35b297bd.activeOutline_91d4a16679 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5) inset, 0 0 0 1px var(--primary-hover-color) inset;\n  background-color: var(--secondary-background-color);\n}\n.comboboxOption_ea35b297bd .optionLabel_26d14d1965 {\n  flex: 1 1 auto;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.comboboxOption_ea35b297bd .optionIcon_c9c43a5aa9 {\n  flex: 0 0 auto;\n}\n.comboboxOption_ea35b297bd .optionIcon_c9c43a5aa9.left_b543da2567 {\n  margin-inline-end: 4px;\n}");export{o as default};
+var o={comboboxOption:"comboboxOption_58c782fdf5",disabled:"disabled_e70547e3ac",selected:"selected_7045456347",active:"active_30e1397a92",activeOutline:"activeOutline_190c0ca5cf",optionLabel:"optionLabel_24d4f81f04",optionIcon:"optionIcon_ad213052da",left:"left_983c279c9d"};!function(o){const e="s_id-3db504899945_4_5_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=o)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n.comboboxOption_58c782fdf5 {\n  padding: 8px;\n  width: 100%;\n  border-radius: 4px;\n  display: flex;\n  align-items: center;\n  overflow: hidden;\n  cursor: pointer;\n  user-select: none;\n}\n.comboboxOption_58c782fdf5.disabled_e70547e3ac {\n  cursor: not-allowed;\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n.comboboxOption_58c782fdf5.disabled_e70547e3ac:hover {\n  background-color: transparent;\n}\n.comboboxOption_58c782fdf5.selected_7045456347 {\n  background-color: var(--primary-selected-color);\n}\n.comboboxOption_58c782fdf5:hover:not(.disabled_e70547e3ac):not(.selected_7045456347),\n.comboboxOption_58c782fdf5.active_30e1397a92 {\n  color: var(--primary-text-color);\n  background-color: var(--primary-background-hover-color);\n  position: relative;\n}\n.comboboxOption_58c782fdf5.activeOutline_190c0ca5cf {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5) inset, 0 0 0 1px var(--primary-hover-color) inset;\n  background-color: var(--secondary-background-color);\n}\n.comboboxOption_58c782fdf5 .optionLabel_24d4f81f04 {\n  flex: 1 1 auto;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.comboboxOption_58c782fdf5 .optionIcon_ad213052da {\n  flex: 0 0 auto;\n}\n.comboboxOption_58c782fdf5 .optionIcon_ad213052da.left_983c279c9d {\n  margin-inline-end: 4px;\n}");export{o as default};
 //# sourceMappingURL=ComboboxOption.module.scss.js.map

package/dist/src/components/Combobox/components/StickyCategoryHeader/StickyCategoryHeader.module.scss.js

@@ -1,2 +1,2 @@
-var e={stickyCategoryHeader:"stickyCategoryHeader_be1f7bad0a"};!function(e){const t="s_id-c981e92fbca0_4_5_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".stickyCategoryHeader_be1f7bad0a {\n  position: absolute;\n  z-index: 10;\n  width: calc(100% - 12px);\n  background-color: var(--primary-background-color);\n  padding-block: 10px var(--space-4);\n  display: flex;\n  align-items: center;\n}");export{e as default};
+var e={stickyCategoryHeader:"stickyCategoryHeader_9b9d22eecf"};!function(e){const t="s_id-c981e92fbca0_4_5_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)}(".stickyCategoryHeader_9b9d22eecf {\n  position: absolute;\n  z-index: 10;\n  width: calc(100% - 12px);\n  background-color: var(--primary-background-color);\n  padding-block: 10px var(--space-4);\n  display: flex;\n  align-items: center;\n}");export{e as default};
 //# sourceMappingURL=StickyCategoryHeader.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var n={counter:"counter_a1f57139dc",withAnimation:"withAnimation_4772cabe5f",counterPopElastic:"counterPopElastic_71abe3ef7e",sizeXs:"sizeXs_c083ffb5d4",sizeSmall:"sizeSmall_0c6df7e8cf",sizeLarge:"sizeLarge_873b014b8a",kindFill:"kindFill_9ac1f0f902",colorPrimary:"colorPrimary_10cb07154d",colorDark:"colorDark_2f02a98e16",colorNegative:"colorNegative_fbe214890b",colorLight:"colorLight_d721e7217e",kindLine:"kindLine_721f10c85c",fadeEnter:"fadeEnter_d71c1b8e4d",fadeEnterActive:"fadeEnterActive_86388b63d3",fadeExit:"fadeExit_dd0412e923",fadeExitActive:"fadeExitActive_afea9feeb1","counter-pop-elastic":"counter-pop-elastic_91da3e2314"};!function(n){const o="s_id-b4f9c23ba3ce_4_5_0";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+o))return;const t=document.createElement("style");t.id=o,e.firstChild?e.insertBefore(t,e.firstChild):e.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=n)}("/* stylelint-disable */\n/* stylelint-enable */\n.counter_a1f57139dc {\n  display: inline-flex;\n  justify-content: center;\n  border-radius: 30px;\n  overflow: hidden;\n  transform-origin: center;\n}\n@keyframes counter-pop-elastic_91da3e2314 {\n  0% {\n    transform: scale(1);\n  }\n  33% {\n    transform: scale(1.2);\n  }\n  66% {\n    transform: scale(0.9);\n  }\n  100% {\n    transform: scale(1);\n  }\n}\n.withAnimation_4772cabe5f {\n  animation: counterPopElastic_71abe3ef7e var(--motion-expressive-short);\n}\n.sizeXs_c083ffb5d4 {\n  font: var(--font-text3-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  min-width: 18px;\n  line-height: 18px;\n  padding: 0 var(--space-8);\n}\n.sizeSmall_0c6df7e8cf {\n  font: var(--font-text2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  min-width: 18px;\n  line-height: 18px;\n  padding: 0 var(--space-8);\n}\n.sizeLarge_873b014b8a {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text2-normal);\n  min-width: 24px;\n  padding: 2px var(--space-8);\n}\n.kindFill_9ac1f0f902.colorPrimary_10cb07154d {\n  color: var(--fixed-light-color);\n  background-color: var(--primary-color);\n}\n.kindFill_9ac1f0f902.colorDark_2f02a98e16 {\n  color: var(--text-color-on-inverted);\n  background-color: var(--inverted-color-background);\n}\n.kindFill_9ac1f0f902.colorNegative_fbe214890b {\n  color: var(--fixed-light-color);\n  background-color: var(--negative-color);\n}\n.kindFill_9ac1f0f902.colorLight_d721e7217e {\n  color: var(--primary-text-color);\n  background-color: var(--ui-background-color);\n}\n.kindLine_721f10c85c {\n  box-shadow: 0 0 0 1px currentColor inset;\n}\n.kindLine_721f10c85c.colorPrimary_10cb07154d {\n  color: var(--primary-color);\n}\n.kindLine_721f10c85c.colorDark_2f02a98e16 {\n  color: var(--inverted-color-background);\n}\n.kindLine_721f10c85c.colorNegative_fbe214890b {\n  color: var(--negative-color);\n}\n.kindLine_721f10c85c.colorLight_d721e7217e {\n  color: var(--primary-text-color);\n  box-shadow: 0 0 0 1px var(--ui-background-color) inset !important;\n}\n/* New number enters */\n.fadeEnter_d71c1b8e4d {\n  opacity: 0;\n  transform: translateY(15px);\n}\n.fadeEnterActive_86388b63d3 {\n  position: relative;\n  opacity: 1;\n  transition: transform var(--motion-productive-long) var(--motion-timing-enter), opacity var(--motion-productive-short);\n  transform: translateY(0);\n}\n/* Old number exits */\n.fadeExit_dd0412e923 {\n  position: relative;\n  opacity: 1;\n  transform: translateY(0);\n}\n.fadeExitActive_afea9feeb1 {\n  position: relative;\n  opacity: 0;\n  transform: translateY(-15px);\n  transition: transform var(--motion-productive-long) var(--motion-timing-exit), opacity var(--motion-productive-short);\n}");export{n as default};
+var n={counter:"counter_da31d5137f",withAnimation:"withAnimation_82dad9be0f",counterPopElastic:"counterPopElastic_3cc8d699ee",sizeXs:"sizeXs_36d691c03f",sizeSmall:"sizeSmall_c7de968d52",sizeLarge:"sizeLarge_78df1c2ade",kindFill:"kindFill_c8879d9a29",colorPrimary:"colorPrimary_2d98dfd916",colorDark:"colorDark_f96e0bbb19",colorNegative:"colorNegative_432db046a3",colorLight:"colorLight_95ef47c64c",kindLine:"kindLine_4a5a80bac7",fadeEnter:"fadeEnter_2f8a1a4f1c",fadeEnterActive:"fadeEnterActive_40d0e9c0d2",fadeExit:"fadeExit_470ad1be2a",fadeExitActive:"fadeExitActive_3ab5421426","counter-pop-elastic":"counter-pop-elastic_76c9adbdca"};!function(n){const o="s_id-b4f9c23ba3ce_4_5_1";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+o))return;const t=document.createElement("style");t.id=o,e.firstChild?e.insertBefore(t,e.firstChild):e.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=n)}("/* stylelint-disable */\n/* stylelint-enable */\n.counter_da31d5137f {\n  display: inline-flex;\n  justify-content: center;\n  border-radius: 30px;\n  overflow: hidden;\n  transform-origin: center;\n}\n@keyframes counter-pop-elastic_76c9adbdca {\n  0% {\n    transform: scale(1);\n  }\n  33% {\n    transform: scale(1.2);\n  }\n  66% {\n    transform: scale(0.9);\n  }\n  100% {\n    transform: scale(1);\n  }\n}\n.withAnimation_82dad9be0f {\n  animation: counterPopElastic_3cc8d699ee var(--motion-expressive-short);\n}\n.sizeXs_36d691c03f {\n  font: var(--font-text3-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  min-width: 18px;\n  line-height: 18px;\n  padding: 0 var(--space-8);\n}\n.sizeSmall_c7de968d52 {\n  font: var(--font-text2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  min-width: 18px;\n  line-height: 18px;\n  padding: 0 var(--space-8);\n}\n.sizeLarge_78df1c2ade {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text2-normal);\n  min-width: 24px;\n  padding: 2px var(--space-8);\n}\n.kindFill_c8879d9a29.colorPrimary_2d98dfd916 {\n  color: var(--fixed-light-color);\n  background-color: var(--primary-color);\n}\n.kindFill_c8879d9a29.colorDark_f96e0bbb19 {\n  color: var(--text-color-on-inverted);\n  background-color: var(--inverted-color-background);\n}\n.kindFill_c8879d9a29.colorNegative_432db046a3 {\n  color: var(--fixed-light-color);\n  background-color: var(--negative-color);\n}\n.kindFill_c8879d9a29.colorLight_95ef47c64c {\n  color: var(--primary-text-color);\n  background-color: var(--ui-background-color);\n}\n.kindLine_4a5a80bac7 {\n  box-shadow: 0 0 0 1px currentColor inset;\n}\n.kindLine_4a5a80bac7.colorPrimary_2d98dfd916 {\n  color: var(--primary-color);\n}\n.kindLine_4a5a80bac7.colorDark_f96e0bbb19 {\n  color: var(--inverted-color-background);\n}\n.kindLine_4a5a80bac7.colorNegative_432db046a3 {\n  color: var(--negative-color);\n}\n.kindLine_4a5a80bac7.colorLight_95ef47c64c {\n  color: var(--primary-text-color);\n  box-shadow: 0 0 0 1px var(--ui-background-color) inset !important;\n}\n/* New number enters */\n.fadeEnter_2f8a1a4f1c {\n  opacity: 0;\n  transform: translateY(15px);\n}\n.fadeEnterActive_40d0e9c0d2 {\n  position: relative;\n  opacity: 1;\n  transition: transform var(--motion-productive-long) var(--motion-timing-enter), opacity var(--motion-productive-short);\n  transform: translateY(0);\n}\n/* Old number exits */\n.fadeExit_470ad1be2a {\n  position: relative;\n  opacity: 1;\n  transform: translateY(0);\n}\n.fadeExitActive_3ab5421426 {\n  position: relative;\n  opacity: 0;\n  transform: translateY(-15px);\n  transition: transform var(--motion-productive-long) var(--motion-timing-exit), opacity var(--motion-productive-short);\n}");export{n as default};
 //# sourceMappingURL=Counter.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={datePicker:"datePicker_1003e7b901",datePickerMonths:"datePickerMonths_d347472c0a",withWeekNumber:"withWeekNumber_c69fbd289f",datePickerHead:"datePickerHead_a2aa630f63",datePickerBody:"datePickerBody_a2aa630f63",datePickerTable:"datePickerTable_0c13582783",datePickerDay:"datePickerDay_5982a412e7",datePickerDayContent:"datePickerDayContent_1d364422e4",datePickerDayDisabled:"datePickerDayDisabled_6a53f1f3c8",datePickerAddToRangeStart:"datePickerAddToRangeStart_7f5f7cc231",datePickerAddToRangeEnd:"datePickerAddToRangeEnd_1cd0d9d211",datePickerAddToRangeMiddle:"datePickerAddToRangeMiddle_191e76e691",datePickerDayRangeStart:"datePickerDayRangeStart_9f7f9c919b",datePickerDayRangeEnd:"datePickerDayRangeEnd_d26666f266",datePickerDayOutside:"datePickerDayOutside_3b095d6f95",datePickerDaySelected:"datePickerDaySelected_d26666f266",datePickerDayRangeMiddle:"datePickerDayRangeMiddle_7cf0fd9355",datePickerRemoveFromRange:"datePickerRemoveFromRange_e8c5c7a3f5",datePickerHalfRangeSelected:"datePickerHalfRangeSelected_c8ce431fd3"};!function(e){const a="s_id-601bce29f4a5_4_5_0";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+a))return;const r=document.createElement("style");r.id=a,d.firstChild?d.insertBefore(r,d.firstChild):d.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}('/* stylelint-disable */\n/* stylelint-enable */\n.datePicker_1003e7b901 {\n  --day-picker-header-height: 34px;\n  --day-picker-content-height: 234px;\n  --day-picker-day-width: 30px;\n  --day-picker-day-height: 30px;\n  --day-picker-days-horizontal-gap: 4px;\n  --day-picker-days-vertical-gap: 2px;\n  --day-picker-day-change-range: var(--primary-surface-color);\n}\n.datePicker_1003e7b901 .datePickerMonths_d347472c0a {\n  display: flex;\n  flex-direction: row;\n  gap: var(--space-16);\n  align-items: flex-start;\n}\n.datePicker_1003e7b901.withWeekNumber_c69fbd289f {\n  --day-picker-days-horizontal-gap: 2px;\n  width: 284px;\n  margin: 0;\n}\n.datePicker_1003e7b901.withWeekNumber_c69fbd289f .datePickerHead_a2aa630f63 td:first-child {\n  width: var(--day-picker-day-width);\n  border-start-start-radius: var(--border-radius-medium);\n  border-start-end-radius: var(--border-radius-medium);\n  background-color: var(--primary-background-hover-color);\n}\n.datePicker_1003e7b901.withWeekNumber_c69fbd289f .datePickerHead_a2aa630f63 td:first-child::after {\n  color: var(--secondary-text-color);\n  font: var(--font-text2-normal);\n  display: flex;\n  justify-content: center;\n  content: "No.";\n}\n.datePicker_1003e7b901.withWeekNumber_c69fbd289f .datePickerBody_a2aa630f63 td:first-child {\n  background-color: var(--primary-background-hover-color);\n}\n.datePicker_1003e7b901.withWeekNumber_c69fbd289f .datePickerBody_a2aa630f63 tr:last-child td:first-child {\n  border-end-start-radius: var(--border-radius-medium);\n  border-end-end-radius: var(--border-radius-medium);\n}\n.datePicker_1003e7b901 .datePickerTable_0c13582783 {\n  margin-top: var(--space-8);\n  border-collapse: collapse;\n  height: var(--day-picker-content-height);\n}\n.datePicker_1003e7b901 .datePickerHead_a2aa630f63 th {\n  color: var(--secondary-text-color);\n  font: var(--font-text2-normal);\n  padding-block: var(--space-2);\n  text-align: center;\n  height: var(--day-picker-day-height);\n}\n.datePicker_1003e7b901 .datePickerBody_a2aa630f63 td {\n  color: var(--secondary-text-color);\n  font: var(--font-text2-normal);\n  text-align: center;\n  padding: 0;\n}\n.datePicker_1003e7b901 .datePickerBody_a2aa630f63 .datePickerDay_5982a412e7 {\n  color: var(--primary-text-color);\n  font: var(--font-text2-normal);\n  width: var(--day-picker-day-width);\n  height: var(--day-picker-day-height);\n  background: none;\n  border: none;\n  cursor: pointer;\n  border-radius: var(--border-radius-small);\n  margin: var(--day-picker-days-vertical-gap) var(--day-picker-days-horizontal-gap);\n  padding: 0;\n}\n.datePicker_1003e7b901 .datePickerBody_a2aa630f63 .datePickerDay_5982a412e7 .datePickerDayContent_1d364422e4 {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n  border-radius: var(--border-radius-small);\n}\n.datePicker_1003e7b901 .datePickerBody_a2aa630f63 .datePickerDay_5982a412e7:focus-visible {\n  outline: none;\n}\n.datePicker_1003e7b901 .datePickerBody_a2aa630f63 .datePickerDay_5982a412e7:focus-visible .datePickerDayContent_1d364422e4 {\n  outline: 2px solid var(--primary-color);\n}\n.datePicker_1003e7b901 .datePickerBody_a2aa630f63 .datePickerDay_5982a412e7.datePickerDayDisabled_6a53f1f3c8 {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n.datePicker_1003e7b901 .datePickerBody_a2aa630f63 .datePickerDay_5982a412e7:not(.datePickerDayDisabled_6a53f1f3c8):not(.datePickerAddToRangeStart_7f5f7cc231):not(.datePickerAddToRangeEnd_1cd0d9d211):not(.datePickerAddToRangeMiddle_191e76e691):not(.datePickerDayRangeStart_9f7f9c919b):not(.datePickerDayRangeEnd_d26666f266) .datePickerDayContent_1d364422e4:hover {\n  background: var(--primary-background-hover-color);\n}\n.datePicker_1003e7b901 .datePickerBody_a2aa630f63 .datePickerDay_5982a412e7.datePickerDayOutside_3b095d6f95 {\n  color: var(--disabled-text-color);\n}\n.datePicker_1003e7b901 .datePickerBody_a2aa630f63 .datePickerDay_5982a412e7.datePickerDaySelected_d26666f266:not(.datePickerDayRangeMiddle_7cf0fd9355):not(.datePickerRemoveFromRange_e8c5c7a3f5) {\n  background: var(--primary-color);\n  color: var(--text-color-on-primary);\n}\n.datePicker_1003e7b901 .datePickerBody_a2aa630f63 .datePickerDay_5982a412e7.datePickerDayRangeStart_9f7f9c919b:not(.datePickerDayRangeEnd_d26666f266):not(.datePickerRemoveFromRange_e8c5c7a3f5), .datePicker_1003e7b901 .datePickerBody_a2aa630f63 .datePickerDay_5982a412e7.datePickerDayRangeEnd_d26666f266:not(.datePickerDayRangeStart_9f7f9c919b):not(.datePickerRemoveFromRange_e8c5c7a3f5) {\n  background: var(--primary-color);\n  width: calc(var(--day-picker-day-width) + var(--day-picker-days-horizontal-gap));\n}\n.datePicker_1003e7b901 .datePickerBody_a2aa630f63 .datePickerDay_5982a412e7.datePickerDayRangeStart_9f7f9c919b.datePickerRemoveFromRange_e8c5c7a3f5, .datePicker_1003e7b901 .datePickerBody_a2aa630f63 .datePickerDay_5982a412e7.datePickerDayRangeEnd_d26666f266.datePickerRemoveFromRange_e8c5c7a3f5 {\n  background: var(--primary-color);\n  color: var(--text-color-on-primary);\n}\n.datePicker_1003e7b901 .datePickerBody_a2aa630f63 .datePickerDay_5982a412e7.datePickerDayRangeStart_9f7f9c919b.datePickerRemoveFromRange_e8c5c7a3f5:not(.datePickerDayRangeEnd_d26666f266), .datePicker_1003e7b901 .datePickerBody_a2aa630f63 .datePickerDay_5982a412e7.datePickerDayRangeEnd_d26666f266.datePickerRemoveFromRange_e8c5c7a3f5:not(.datePickerDayRangeStart_9f7f9c919b) {\n  width: calc(var(--day-picker-day-width) + var(--day-picker-days-horizontal-gap));\n}\n.datePicker_1003e7b901 .datePickerBody_a2aa630f63 .datePickerDay_5982a412e7.datePickerAddToRangeStart_7f5f7cc231, .datePicker_1003e7b901 .datePickerBody_a2aa630f63 .datePickerDay_5982a412e7.datePickerDayRangeStart_9f7f9c919b:not(.datePickerDayRangeEnd_d26666f266) {\n  margin-inline-end: 0;\n  border-start-end-radius: 0;\n  border-end-end-radius: 0;\n}\n.datePicker_1003e7b901 .datePickerBody_a2aa630f63 .datePickerDay_5982a412e7.datePickerAddToRangeEnd_1cd0d9d211, .datePicker_1003e7b901 .datePickerBody_a2aa630f63 .datePickerDay_5982a412e7.datePickerDayRangeEnd_d26666f266:not(.datePickerDayRangeStart_9f7f9c919b) {\n  margin-inline-start: 0;\n  border-start-start-radius: 0;\n  border-end-start-radius: 0;\n}\n.datePicker_1003e7b901 .datePickerBody_a2aa630f63 .datePickerDay_5982a412e7.datePickerAddToRangeStart_7f5f7cc231, .datePicker_1003e7b901 .datePickerBody_a2aa630f63 .datePickerDay_5982a412e7.datePickerAddToRangeEnd_1cd0d9d211, .datePicker_1003e7b901 .datePickerBody_a2aa630f63 .datePickerDay_5982a412e7.datePickerAddToRangeMiddle_191e76e691 {\n  margin: var(--day-picker-days-vertical-gap) 0;\n}\n.datePicker_1003e7b901 .datePickerBody_a2aa630f63 .datePickerDay_5982a412e7.datePickerAddToRangeStart_7f5f7cc231:not(.datePickerDayRangeStart_9f7f9c919b):not(.datePickerDayRangeEnd_d26666f266), .datePicker_1003e7b901 .datePickerBody_a2aa630f63 .datePickerDay_5982a412e7.datePickerAddToRangeEnd_1cd0d9d211:not(.datePickerDayRangeStart_9f7f9c919b):not(.datePickerDayRangeEnd_d26666f266), .datePicker_1003e7b901 .datePickerBody_a2aa630f63 .datePickerDay_5982a412e7.datePickerAddToRangeMiddle_191e76e691, .datePicker_1003e7b901 .datePickerBody_a2aa630f63 .datePickerDay_5982a412e7.datePickerDayRangeMiddle_7cf0fd9355:not(.datePickerAddToRangeStart_7f5f7cc231):not(.datePickerAddToRangeEnd_1cd0d9d211) {\n  background-color: var(--primary-selected-color);\n  border: var(--day-picker-days-horizontal-gap) var(--border-style) var(--primary-selected-color);\n  border-top: none;\n  border-bottom: none;\n  width: calc(var(--day-picker-day-width) + 2 * var(--day-picker-days-horizontal-gap));\n}\n.datePicker_1003e7b901 .datePickerBody_a2aa630f63 .datePickerDay_5982a412e7.datePickerAddToRangeMiddle_191e76e691, .datePicker_1003e7b901 .datePickerBody_a2aa630f63 .datePickerDay_5982a412e7.datePickerDayRangeMiddle_7cf0fd9355:not(.datePickerAddToRangeStart_7f5f7cc231):not(.datePickerAddToRangeEnd_1cd0d9d211) {\n  background: var(--primary-selected-color);\n  margin: var(--day-picker-days-vertical-gap) 0;\n  border-radius: 0;\n}\n.datePicker_1003e7b901 .datePickerBody_a2aa630f63 .datePickerDay_5982a412e7.datePickerRemoveFromRange_e8c5c7a3f5:not(.datePickerDayRangeStart_9f7f9c919b):not(.datePickerDayRangeEnd_d26666f266), .datePicker_1003e7b901 .datePickerBody_a2aa630f63 .datePickerDay_5982a412e7.datePickerAddToRangeStart_7f5f7cc231:not(.datePickerDayRangeMiddle_7cf0fd9355):not(.datePickerDayRangeEnd_d26666f266), .datePicker_1003e7b901 .datePickerBody_a2aa630f63 .datePickerDay_5982a412e7.datePickerAddToRangeEnd_1cd0d9d211:not(.datePickerDayRangeMiddle_7cf0fd9355):not(.datePickerDayRangeStart_9f7f9c919b), .datePicker_1003e7b901 .datePickerBody_a2aa630f63 .datePickerDay_5982a412e7.datePickerAddToRangeMiddle_191e76e691 {\n  background: var(--day-picker-day-change-range);\n  border-color: var(--day-picker-day-change-range);\n}\n.datePicker_1003e7b901 .datePickerBody_a2aa630f63 tr td:first-child .datePickerDay_5982a412e7.datePickerDayRangeMiddle_7cf0fd9355, .datePicker_1003e7b901 .datePickerBody_a2aa630f63 tr td:first-child .datePickerDay_5982a412e7.datePickerAddToRangeStart_7f5f7cc231:not(.datePickerDayRangeStart_9f7f9c919b):not(.datePickerDayRangeEnd_d26666f266), .datePicker_1003e7b901 .datePickerBody_a2aa630f63 tr td:first-child .datePickerDay_5982a412e7.datePickerAddToRangeMiddle_191e76e691, .datePicker_1003e7b901 .datePickerBody_a2aa630f63 tr td:first-child .datePickerDay_5982a412e7.datePickerAddToRangeEnd_1cd0d9d211:not(.datePickerDayRangeStart_9f7f9c919b):not(.datePickerDayRangeEnd_d26666f266) {\n  border: none;\n  width: calc(var(--day-picker-day-width) + var(--day-picker-days-horizontal-gap));\n  margin-inline-start: var(--day-picker-days-horizontal-gap);\n  border-inline-end: var(--day-picker-days-horizontal-gap) solid var(--primary-selected-color);\n  border-start-start-radius: var(--border-radius-small);\n  border-end-start-radius: var(--border-radius-small);\n}\n.datePicker_1003e7b901 .datePickerBody_a2aa630f63 tr td:first-child .datePickerDay_5982a412e7.datePickerRemoveFromRange_e8c5c7a3f5 {\n  border-color: var(--day-picker-day-change-range);\n}\n.datePicker_1003e7b901 .datePickerBody_a2aa630f63 tr td:first-child .datePickerDay_5982a412e7.datePickerAddToRangeEnd_1cd0d9d211, .datePicker_1003e7b901 .datePickerBody_a2aa630f63 tr td:first-child .datePickerDay_5982a412e7.datePickerDayRangeEnd_d26666f266:not(.datePickerDayRangeStart_9f7f9c919b) {\n  margin-inline-end: 0;\n}\n.datePicker_1003e7b901 .datePickerBody_a2aa630f63 tr td:last-child .datePickerDay_5982a412e7.datePickerDayRangeMiddle_7cf0fd9355, .datePicker_1003e7b901 .datePickerBody_a2aa630f63 tr td:last-child .datePickerDay_5982a412e7.datePickerAddToRangeStart_7f5f7cc231:not(.datePickerDayRangeStart_9f7f9c919b):not(.datePickerDayRangeEnd_d26666f266), .datePicker_1003e7b901 .datePickerBody_a2aa630f63 tr td:last-child .datePickerDay_5982a412e7.datePickerAddToRangeMiddle_191e76e691, .datePicker_1003e7b901 .datePickerBody_a2aa630f63 tr td:last-child .datePickerDay_5982a412e7.datePickerAddToRangeEnd_1cd0d9d211:not(.datePickerDayRangeStart_9f7f9c919b):not(.datePickerDayRangeEnd_d26666f266) {\n  border: none;\n  width: calc(var(--day-picker-day-width) + var(--day-picker-days-horizontal-gap));\n  margin-inline-end: var(--day-picker-days-horizontal-gap);\n  border-inline-start: var(--day-picker-days-horizontal-gap) solid var(--primary-selected-color);\n  border-start-end-radius: var(--border-radius-small);\n  border-end-end-radius: var(--border-radius-small);\n}\n.datePicker_1003e7b901 .datePickerBody_a2aa630f63 tr td:last-child .datePickerDay_5982a412e7.datePickerRemoveFromRange_e8c5c7a3f5 {\n  border-color: var(--day-picker-day-change-range);\n}\n.datePicker_1003e7b901 .datePickerBody_a2aa630f63 tr td:last-child .datePickerDay_5982a412e7.datePickerAddToRangeStart_7f5f7cc231, .datePicker_1003e7b901 .datePickerBody_a2aa630f63 tr td:last-child .datePickerDay_5982a412e7.datePickerDayRangeStart_9f7f9c919b:not(.datePickerDayRangeEnd_d26666f266) {\n  margin-inline-start: 0;\n}\n.datePicker_1003e7b901 .datePickerBody_a2aa630f63 tr td:first-child .datePickerDay_5982a412e7.datePickerAddToRangeStart_7f5f7cc231:not(.datePickerDayRangeMiddle_7cf0fd9355), .datePicker_1003e7b901 .datePickerBody_a2aa630f63 tr td:first-child .datePickerDay_5982a412e7.datePickerAddToRangeMiddle_191e76e691, .datePicker_1003e7b901 .datePickerBody_a2aa630f63 tr td:first-child .datePickerDay_5982a412e7.datePickerAddToRangeEnd_1cd0d9d211:not(.datePickerDayRangeMiddle_7cf0fd9355),\n.datePicker_1003e7b901 .datePickerBody_a2aa630f63 tr td:last-child .datePickerDay_5982a412e7.datePickerAddToRangeStart_7f5f7cc231:not(.datePickerDayRangeMiddle_7cf0fd9355),\n.datePicker_1003e7b901 .datePickerBody_a2aa630f63 tr td:last-child .datePickerDay_5982a412e7.datePickerAddToRangeMiddle_191e76e691,\n.datePicker_1003e7b901 .datePickerBody_a2aa630f63 tr td:last-child .datePickerDay_5982a412e7.datePickerAddToRangeEnd_1cd0d9d211:not(.datePickerDayRangeMiddle_7cf0fd9355) {\n  border-color: var(--day-picker-day-change-range);\n}\n.datePicker_1003e7b901 .datePickerBody_a2aa630f63 tr td:first-child .datePickerDay_5982a412e7.datePickerDaySelected_d26666f266.datePickerDayRangeEnd_d26666f266.datePickerAddToRangeStart_7f5f7cc231,\n.datePicker_1003e7b901 .datePickerBody_a2aa630f63 tr td:last-child .datePickerDay_5982a412e7.datePickerDaySelected_d26666f266.datePickerDayRangeEnd_d26666f266.datePickerAddToRangeStart_7f5f7cc231 {\n  border-inline-start-width: 0;\n}\n.datePicker_1003e7b901 .datePickerBody_a2aa630f63 tr td:first-child .datePickerDay_5982a412e7.datePickerDaySelected_d26666f266.datePickerDayRangeStart_9f7f9c919b.datePickerAddToRangeEnd_1cd0d9d211,\n.datePicker_1003e7b901 .datePickerBody_a2aa630f63 tr td:last-child .datePickerDay_5982a412e7.datePickerDaySelected_d26666f266.datePickerDayRangeStart_9f7f9c919b.datePickerAddToRangeEnd_1cd0d9d211 {\n  border-inline-end-width: 0;\n}\n.datePicker_1003e7b901 .datePickerBody_a2aa630f63 .datePickerDaySelected_d26666f266.datePickerDayRangeEnd_d26666f266.datePickerAddToRangeStart_7f5f7cc231 {\n  border-radius: var(--border-radius-small) !important;\n  border-color: var(--primary-color) !important;\n  background-color: var(--primary-color) !important;\n}\n.datePicker_1003e7b901 .datePickerBody_a2aa630f63 .datePickerDaySelected_d26666f266.datePickerDayRangeEnd_d26666f266.datePickerAddToRangeStart_7f5f7cc231:not(.datePickerHalfRangeSelected_c8ce431fd3) {\n  margin-inline-start: calc(var(--day-picker-days-horizontal-gap) * -1);\n}\n.datePicker_1003e7b901 .datePickerBody_a2aa630f63 .datePickerDaySelected_d26666f266.datePickerDayRangeStart_9f7f9c919b.datePickerAddToRangeEnd_1cd0d9d211 {\n  border-radius: var(--border-radius-small) !important;\n  border-color: var(--primary-color) !important;\n  background-color: var(--primary-color) !important;\n}\n.datePicker_1003e7b901 .datePickerBody_a2aa630f63 .datePickerDaySelected_d26666f266.datePickerDayRangeStart_9f7f9c919b.datePickerAddToRangeEnd_1cd0d9d211:not(.datePickerHalfRangeSelected_c8ce431fd3) {\n  margin-inline-end: calc(var(--day-picker-days-horizontal-gap) * -1);\n}');export{e as default};
+var e={datePicker:"datePicker_edc8e4e5d6",datePickerMonths:"datePickerMonths_bdb01f58c1",withWeekNumber:"withWeekNumber_fbad683df1",datePickerHead:"datePickerHead_2e9138aef3",datePickerBody:"datePickerBody_2e9138aef3",datePickerTable:"datePickerTable_e26d061052",datePickerDay:"datePickerDay_97e64bb853",datePickerDayContent:"datePickerDayContent_63e16cd54d",datePickerDayDisabled:"datePickerDayDisabled_f01cbdce8a",datePickerAddToRangeStart:"datePickerAddToRangeStart_7d00793164",datePickerAddToRangeEnd:"datePickerAddToRangeEnd_80f14b9a5e",datePickerAddToRangeMiddle:"datePickerAddToRangeMiddle_91b7cd17f3",datePickerDayRangeStart:"datePickerDayRangeStart_21f508428d",datePickerDayRangeEnd:"datePickerDayRangeEnd_d6823e7148",datePickerDayOutside:"datePickerDayOutside_7d86e519e9",datePickerDaySelected:"datePickerDaySelected_d6823e7148",datePickerDayRangeMiddle:"datePickerDayRangeMiddle_b865097fa9",datePickerRemoveFromRange:"datePickerRemoveFromRange_4ca41c7f26",datePickerHalfRangeSelected:"datePickerHalfRangeSelected_a87affb26a"};!function(e){const d="s_id-601bce29f4a5_4_5_1";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+d))return;const r=document.createElement("style");r.id=d,a.firstChild?a.insertBefore(r,a.firstChild):a.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}('/* stylelint-disable */\n/* stylelint-enable */\n.datePicker_edc8e4e5d6 {\n  --day-picker-header-height: 34px;\n  --day-picker-content-height: 234px;\n  --day-picker-day-width: 30px;\n  --day-picker-day-height: 30px;\n  --day-picker-days-horizontal-gap: 4px;\n  --day-picker-days-vertical-gap: 2px;\n  --day-picker-day-change-range: var(--primary-surface-color);\n}\n.datePicker_edc8e4e5d6 .datePickerMonths_bdb01f58c1 {\n  display: flex;\n  flex-direction: row;\n  gap: var(--space-16);\n  align-items: flex-start;\n}\n.datePicker_edc8e4e5d6.withWeekNumber_fbad683df1 {\n  --day-picker-days-horizontal-gap: 2px;\n  width: 284px;\n  margin: 0;\n}\n.datePicker_edc8e4e5d6.withWeekNumber_fbad683df1 .datePickerHead_2e9138aef3 td:first-child {\n  width: var(--day-picker-day-width);\n  border-start-start-radius: var(--border-radius-medium);\n  border-start-end-radius: var(--border-radius-medium);\n  background-color: var(--primary-background-hover-color);\n}\n.datePicker_edc8e4e5d6.withWeekNumber_fbad683df1 .datePickerHead_2e9138aef3 td:first-child::after {\n  color: var(--secondary-text-color);\n  font: var(--font-text2-normal);\n  display: flex;\n  justify-content: center;\n  content: "No.";\n}\n.datePicker_edc8e4e5d6.withWeekNumber_fbad683df1 .datePickerBody_2e9138aef3 td:first-child {\n  background-color: var(--primary-background-hover-color);\n}\n.datePicker_edc8e4e5d6.withWeekNumber_fbad683df1 .datePickerBody_2e9138aef3 tr:last-child td:first-child {\n  border-end-start-radius: var(--border-radius-medium);\n  border-end-end-radius: var(--border-radius-medium);\n}\n.datePicker_edc8e4e5d6 .datePickerTable_e26d061052 {\n  margin-top: var(--space-8);\n  border-collapse: collapse;\n  height: var(--day-picker-content-height);\n}\n.datePicker_edc8e4e5d6 .datePickerHead_2e9138aef3 th {\n  color: var(--secondary-text-color);\n  font: var(--font-text2-normal);\n  padding-block: var(--space-2);\n  text-align: center;\n  height: var(--day-picker-day-height);\n}\n.datePicker_edc8e4e5d6 .datePickerBody_2e9138aef3 td {\n  color: var(--secondary-text-color);\n  font: var(--font-text2-normal);\n  text-align: center;\n  padding: 0;\n}\n.datePicker_edc8e4e5d6 .datePickerBody_2e9138aef3 .datePickerDay_97e64bb853 {\n  color: var(--primary-text-color);\n  font: var(--font-text2-normal);\n  width: var(--day-picker-day-width);\n  height: var(--day-picker-day-height);\n  background: none;\n  border: none;\n  cursor: pointer;\n  border-radius: var(--border-radius-small);\n  margin: var(--day-picker-days-vertical-gap) var(--day-picker-days-horizontal-gap);\n  padding: 0;\n}\n.datePicker_edc8e4e5d6 .datePickerBody_2e9138aef3 .datePickerDay_97e64bb853 .datePickerDayContent_63e16cd54d {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n  border-radius: var(--border-radius-small);\n}\n.datePicker_edc8e4e5d6 .datePickerBody_2e9138aef3 .datePickerDay_97e64bb853:focus-visible {\n  outline: none;\n}\n.datePicker_edc8e4e5d6 .datePickerBody_2e9138aef3 .datePickerDay_97e64bb853:focus-visible .datePickerDayContent_63e16cd54d {\n  outline: 2px solid var(--primary-color);\n}\n.datePicker_edc8e4e5d6 .datePickerBody_2e9138aef3 .datePickerDay_97e64bb853.datePickerDayDisabled_f01cbdce8a {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n.datePicker_edc8e4e5d6 .datePickerBody_2e9138aef3 .datePickerDay_97e64bb853:not(.datePickerDayDisabled_f01cbdce8a):not(.datePickerAddToRangeStart_7d00793164):not(.datePickerAddToRangeEnd_80f14b9a5e):not(.datePickerAddToRangeMiddle_91b7cd17f3):not(.datePickerDayRangeStart_21f508428d):not(.datePickerDayRangeEnd_d6823e7148) .datePickerDayContent_63e16cd54d:hover {\n  background: var(--primary-background-hover-color);\n}\n.datePicker_edc8e4e5d6 .datePickerBody_2e9138aef3 .datePickerDay_97e64bb853.datePickerDayOutside_7d86e519e9 {\n  color: var(--disabled-text-color);\n}\n.datePicker_edc8e4e5d6 .datePickerBody_2e9138aef3 .datePickerDay_97e64bb853.datePickerDaySelected_d6823e7148:not(.datePickerDayRangeMiddle_b865097fa9):not(.datePickerRemoveFromRange_4ca41c7f26) {\n  background: var(--primary-color);\n  color: var(--text-color-on-primary);\n}\n.datePicker_edc8e4e5d6 .datePickerBody_2e9138aef3 .datePickerDay_97e64bb853.datePickerDayRangeStart_21f508428d:not(.datePickerDayRangeEnd_d6823e7148):not(.datePickerRemoveFromRange_4ca41c7f26), .datePicker_edc8e4e5d6 .datePickerBody_2e9138aef3 .datePickerDay_97e64bb853.datePickerDayRangeEnd_d6823e7148:not(.datePickerDayRangeStart_21f508428d):not(.datePickerRemoveFromRange_4ca41c7f26) {\n  background: var(--primary-color);\n  width: calc(var(--day-picker-day-width) + var(--day-picker-days-horizontal-gap));\n}\n.datePicker_edc8e4e5d6 .datePickerBody_2e9138aef3 .datePickerDay_97e64bb853.datePickerDayRangeStart_21f508428d.datePickerRemoveFromRange_4ca41c7f26, .datePicker_edc8e4e5d6 .datePickerBody_2e9138aef3 .datePickerDay_97e64bb853.datePickerDayRangeEnd_d6823e7148.datePickerRemoveFromRange_4ca41c7f26 {\n  background: var(--primary-color);\n  color: var(--text-color-on-primary);\n}\n.datePicker_edc8e4e5d6 .datePickerBody_2e9138aef3 .datePickerDay_97e64bb853.datePickerDayRangeStart_21f508428d.datePickerRemoveFromRange_4ca41c7f26:not(.datePickerDayRangeEnd_d6823e7148), .datePicker_edc8e4e5d6 .datePickerBody_2e9138aef3 .datePickerDay_97e64bb853.datePickerDayRangeEnd_d6823e7148.datePickerRemoveFromRange_4ca41c7f26:not(.datePickerDayRangeStart_21f508428d) {\n  width: calc(var(--day-picker-day-width) + var(--day-picker-days-horizontal-gap));\n}\n.datePicker_edc8e4e5d6 .datePickerBody_2e9138aef3 .datePickerDay_97e64bb853.datePickerAddToRangeStart_7d00793164, .datePicker_edc8e4e5d6 .datePickerBody_2e9138aef3 .datePickerDay_97e64bb853.datePickerDayRangeStart_21f508428d:not(.datePickerDayRangeEnd_d6823e7148) {\n  margin-inline-end: 0;\n  border-start-end-radius: 0;\n  border-end-end-radius: 0;\n}\n.datePicker_edc8e4e5d6 .datePickerBody_2e9138aef3 .datePickerDay_97e64bb853.datePickerAddToRangeEnd_80f14b9a5e, .datePicker_edc8e4e5d6 .datePickerBody_2e9138aef3 .datePickerDay_97e64bb853.datePickerDayRangeEnd_d6823e7148:not(.datePickerDayRangeStart_21f508428d) {\n  margin-inline-start: 0;\n  border-start-start-radius: 0;\n  border-end-start-radius: 0;\n}\n.datePicker_edc8e4e5d6 .datePickerBody_2e9138aef3 .datePickerDay_97e64bb853.datePickerAddToRangeStart_7d00793164, .datePicker_edc8e4e5d6 .datePickerBody_2e9138aef3 .datePickerDay_97e64bb853.datePickerAddToRangeEnd_80f14b9a5e, .datePicker_edc8e4e5d6 .datePickerBody_2e9138aef3 .datePickerDay_97e64bb853.datePickerAddToRangeMiddle_91b7cd17f3 {\n  margin: var(--day-picker-days-vertical-gap) 0;\n}\n.datePicker_edc8e4e5d6 .datePickerBody_2e9138aef3 .datePickerDay_97e64bb853.datePickerAddToRangeStart_7d00793164:not(.datePickerDayRangeStart_21f508428d):not(.datePickerDayRangeEnd_d6823e7148), .datePicker_edc8e4e5d6 .datePickerBody_2e9138aef3 .datePickerDay_97e64bb853.datePickerAddToRangeEnd_80f14b9a5e:not(.datePickerDayRangeStart_21f508428d):not(.datePickerDayRangeEnd_d6823e7148), .datePicker_edc8e4e5d6 .datePickerBody_2e9138aef3 .datePickerDay_97e64bb853.datePickerAddToRangeMiddle_91b7cd17f3, .datePicker_edc8e4e5d6 .datePickerBody_2e9138aef3 .datePickerDay_97e64bb853.datePickerDayRangeMiddle_b865097fa9:not(.datePickerAddToRangeStart_7d00793164):not(.datePickerAddToRangeEnd_80f14b9a5e) {\n  background-color: var(--primary-selected-color);\n  border: var(--day-picker-days-horizontal-gap) var(--border-style) var(--primary-selected-color);\n  border-top: none;\n  border-bottom: none;\n  width: calc(var(--day-picker-day-width) + 2 * var(--day-picker-days-horizontal-gap));\n}\n.datePicker_edc8e4e5d6 .datePickerBody_2e9138aef3 .datePickerDay_97e64bb853.datePickerAddToRangeMiddle_91b7cd17f3, .datePicker_edc8e4e5d6 .datePickerBody_2e9138aef3 .datePickerDay_97e64bb853.datePickerDayRangeMiddle_b865097fa9:not(.datePickerAddToRangeStart_7d00793164):not(.datePickerAddToRangeEnd_80f14b9a5e) {\n  background: var(--primary-selected-color);\n  margin: var(--day-picker-days-vertical-gap) 0;\n  border-radius: 0;\n}\n.datePicker_edc8e4e5d6 .datePickerBody_2e9138aef3 .datePickerDay_97e64bb853.datePickerRemoveFromRange_4ca41c7f26:not(.datePickerDayRangeStart_21f508428d):not(.datePickerDayRangeEnd_d6823e7148), .datePicker_edc8e4e5d6 .datePickerBody_2e9138aef3 .datePickerDay_97e64bb853.datePickerAddToRangeStart_7d00793164:not(.datePickerDayRangeMiddle_b865097fa9):not(.datePickerDayRangeEnd_d6823e7148), .datePicker_edc8e4e5d6 .datePickerBody_2e9138aef3 .datePickerDay_97e64bb853.datePickerAddToRangeEnd_80f14b9a5e:not(.datePickerDayRangeMiddle_b865097fa9):not(.datePickerDayRangeStart_21f508428d), .datePicker_edc8e4e5d6 .datePickerBody_2e9138aef3 .datePickerDay_97e64bb853.datePickerAddToRangeMiddle_91b7cd17f3 {\n  background: var(--day-picker-day-change-range);\n  border-color: var(--day-picker-day-change-range);\n}\n.datePicker_edc8e4e5d6 .datePickerBody_2e9138aef3 tr td:first-child .datePickerDay_97e64bb853.datePickerDayRangeMiddle_b865097fa9, .datePicker_edc8e4e5d6 .datePickerBody_2e9138aef3 tr td:first-child .datePickerDay_97e64bb853.datePickerAddToRangeStart_7d00793164:not(.datePickerDayRangeStart_21f508428d):not(.datePickerDayRangeEnd_d6823e7148), .datePicker_edc8e4e5d6 .datePickerBody_2e9138aef3 tr td:first-child .datePickerDay_97e64bb853.datePickerAddToRangeMiddle_91b7cd17f3, .datePicker_edc8e4e5d6 .datePickerBody_2e9138aef3 tr td:first-child .datePickerDay_97e64bb853.datePickerAddToRangeEnd_80f14b9a5e:not(.datePickerDayRangeStart_21f508428d):not(.datePickerDayRangeEnd_d6823e7148) {\n  border: none;\n  width: calc(var(--day-picker-day-width) + var(--day-picker-days-horizontal-gap));\n  margin-inline-start: var(--day-picker-days-horizontal-gap);\n  border-inline-end: var(--day-picker-days-horizontal-gap) solid var(--primary-selected-color);\n  border-start-start-radius: var(--border-radius-small);\n  border-end-start-radius: var(--border-radius-small);\n}\n.datePicker_edc8e4e5d6 .datePickerBody_2e9138aef3 tr td:first-child .datePickerDay_97e64bb853.datePickerRemoveFromRange_4ca41c7f26 {\n  border-color: var(--day-picker-day-change-range);\n}\n.datePicker_edc8e4e5d6 .datePickerBody_2e9138aef3 tr td:first-child .datePickerDay_97e64bb853.datePickerAddToRangeEnd_80f14b9a5e, .datePicker_edc8e4e5d6 .datePickerBody_2e9138aef3 tr td:first-child .datePickerDay_97e64bb853.datePickerDayRangeEnd_d6823e7148:not(.datePickerDayRangeStart_21f508428d) {\n  margin-inline-end: 0;\n}\n.datePicker_edc8e4e5d6 .datePickerBody_2e9138aef3 tr td:last-child .datePickerDay_97e64bb853.datePickerDayRangeMiddle_b865097fa9, .datePicker_edc8e4e5d6 .datePickerBody_2e9138aef3 tr td:last-child .datePickerDay_97e64bb853.datePickerAddToRangeStart_7d00793164:not(.datePickerDayRangeStart_21f508428d):not(.datePickerDayRangeEnd_d6823e7148), .datePicker_edc8e4e5d6 .datePickerBody_2e9138aef3 tr td:last-child .datePickerDay_97e64bb853.datePickerAddToRangeMiddle_91b7cd17f3, .datePicker_edc8e4e5d6 .datePickerBody_2e9138aef3 tr td:last-child .datePickerDay_97e64bb853.datePickerAddToRangeEnd_80f14b9a5e:not(.datePickerDayRangeStart_21f508428d):not(.datePickerDayRangeEnd_d6823e7148) {\n  border: none;\n  width: calc(var(--day-picker-day-width) + var(--day-picker-days-horizontal-gap));\n  margin-inline-end: var(--day-picker-days-horizontal-gap);\n  border-inline-start: var(--day-picker-days-horizontal-gap) solid var(--primary-selected-color);\n  border-start-end-radius: var(--border-radius-small);\n  border-end-end-radius: var(--border-radius-small);\n}\n.datePicker_edc8e4e5d6 .datePickerBody_2e9138aef3 tr td:last-child .datePickerDay_97e64bb853.datePickerRemoveFromRange_4ca41c7f26 {\n  border-color: var(--day-picker-day-change-range);\n}\n.datePicker_edc8e4e5d6 .datePickerBody_2e9138aef3 tr td:last-child .datePickerDay_97e64bb853.datePickerAddToRangeStart_7d00793164, .datePicker_edc8e4e5d6 .datePickerBody_2e9138aef3 tr td:last-child .datePickerDay_97e64bb853.datePickerDayRangeStart_21f508428d:not(.datePickerDayRangeEnd_d6823e7148) {\n  margin-inline-start: 0;\n}\n.datePicker_edc8e4e5d6 .datePickerBody_2e9138aef3 tr td:first-child .datePickerDay_97e64bb853.datePickerAddToRangeStart_7d00793164:not(.datePickerDayRangeMiddle_b865097fa9), .datePicker_edc8e4e5d6 .datePickerBody_2e9138aef3 tr td:first-child .datePickerDay_97e64bb853.datePickerAddToRangeMiddle_91b7cd17f3, .datePicker_edc8e4e5d6 .datePickerBody_2e9138aef3 tr td:first-child .datePickerDay_97e64bb853.datePickerAddToRangeEnd_80f14b9a5e:not(.datePickerDayRangeMiddle_b865097fa9),\n.datePicker_edc8e4e5d6 .datePickerBody_2e9138aef3 tr td:last-child .datePickerDay_97e64bb853.datePickerAddToRangeStart_7d00793164:not(.datePickerDayRangeMiddle_b865097fa9),\n.datePicker_edc8e4e5d6 .datePickerBody_2e9138aef3 tr td:last-child .datePickerDay_97e64bb853.datePickerAddToRangeMiddle_91b7cd17f3,\n.datePicker_edc8e4e5d6 .datePickerBody_2e9138aef3 tr td:last-child .datePickerDay_97e64bb853.datePickerAddToRangeEnd_80f14b9a5e:not(.datePickerDayRangeMiddle_b865097fa9) {\n  border-color: var(--day-picker-day-change-range);\n}\n.datePicker_edc8e4e5d6 .datePickerBody_2e9138aef3 tr td:first-child .datePickerDay_97e64bb853.datePickerDaySelected_d6823e7148.datePickerDayRangeEnd_d6823e7148.datePickerAddToRangeStart_7d00793164,\n.datePicker_edc8e4e5d6 .datePickerBody_2e9138aef3 tr td:last-child .datePickerDay_97e64bb853.datePickerDaySelected_d6823e7148.datePickerDayRangeEnd_d6823e7148.datePickerAddToRangeStart_7d00793164 {\n  border-inline-start-width: 0;\n}\n.datePicker_edc8e4e5d6 .datePickerBody_2e9138aef3 tr td:first-child .datePickerDay_97e64bb853.datePickerDaySelected_d6823e7148.datePickerDayRangeStart_21f508428d.datePickerAddToRangeEnd_80f14b9a5e,\n.datePicker_edc8e4e5d6 .datePickerBody_2e9138aef3 tr td:last-child .datePickerDay_97e64bb853.datePickerDaySelected_d6823e7148.datePickerDayRangeStart_21f508428d.datePickerAddToRangeEnd_80f14b9a5e {\n  border-inline-end-width: 0;\n}\n.datePicker_edc8e4e5d6 .datePickerBody_2e9138aef3 .datePickerDaySelected_d6823e7148.datePickerDayRangeEnd_d6823e7148.datePickerAddToRangeStart_7d00793164 {\n  border-radius: var(--border-radius-small) !important;\n  border-color: var(--primary-color) !important;\n  background-color: var(--primary-color) !important;\n}\n.datePicker_edc8e4e5d6 .datePickerBody_2e9138aef3 .datePickerDaySelected_d6823e7148.datePickerDayRangeEnd_d6823e7148.datePickerAddToRangeStart_7d00793164:not(.datePickerHalfRangeSelected_a87affb26a) {\n  margin-inline-start: calc(var(--day-picker-days-horizontal-gap) * -1);\n}\n.datePicker_edc8e4e5d6 .datePickerBody_2e9138aef3 .datePickerDaySelected_d6823e7148.datePickerDayRangeStart_21f508428d.datePickerAddToRangeEnd_80f14b9a5e {\n  border-radius: var(--border-radius-small) !important;\n  border-color: var(--primary-color) !important;\n  background-color: var(--primary-color) !important;\n}\n.datePicker_edc8e4e5d6 .datePickerBody_2e9138aef3 .datePickerDaySelected_d6823e7148.datePickerDayRangeStart_21f508428d.datePickerAddToRangeEnd_80f14b9a5e:not(.datePickerHalfRangeSelected_a87affb26a) {\n  margin-inline-end: calc(var(--day-picker-days-horizontal-gap) * -1);\n}');export{e as default};
 //# sourceMappingURL=DatePicker.module.scss.js.map

package/dist/src/components/DatePicker/DatePickerHeader.module.scss.js

@@ -1,2 +1,2 @@
-var e={monthButtonDropdown:"monthButtonDropdown_f4376efa92",yearButtonDropdown:"yearButtonDropdown_16970d1403",datePickerHeader:"datePickerHeader_910b7411d0"};!function(e){const t="s_id-a12251d5376d_4_5_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.monthButtonDropdown_f4376efa92 {\n  min-width: 70px;\n  justify-content: space-between;\n}\n.yearButtonDropdown_16970d1403 {\n  justify-content: space-between;\n}\n.datePickerHeader_910b7411d0 {\n  font: var(--font-text2-normal);\n  height: var(--day-picker-header-height);\n  color: var(--primary-text-color);\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n}\n.datePickerHeader_910b7411d0 button:focus:not(:active), .datePickerHeader_910b7411d0 button:focus-visible {\n  box-shadow: 0 0 0 2px var(--primary-color);\n  background: var(--primary-background-color) !important;\n}");export{e as default};
+var e={monthButtonDropdown:"monthButtonDropdown_4d0050ad21",yearButtonDropdown:"yearButtonDropdown_eb7c9859ff",datePickerHeader:"datePickerHeader_0d16bb4719"};!function(e){const t="s_id-a12251d5376d_4_5_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)}("/* stylelint-disable */\n/* stylelint-enable */\n.monthButtonDropdown_4d0050ad21 {\n  min-width: 70px;\n  justify-content: space-between;\n}\n.yearButtonDropdown_eb7c9859ff {\n  justify-content: space-between;\n}\n.datePickerHeader_0d16bb4719 {\n  font: var(--font-text2-normal);\n  height: var(--day-picker-header-height);\n  color: var(--primary-text-color);\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n}\n.datePickerHeader_0d16bb4719 button:focus:not(:active), .datePickerHeader_0d16bb4719 button:focus-visible {\n  box-shadow: 0 0 0 2px var(--primary-color);\n  background: var(--primary-background-color) !important;\n}");export{e as default};
 //# sourceMappingURL=DatePickerHeader.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={divider:"divider_b459524473",withoutMargin:"withoutMargin_2e95501b71",horizontal:"horizontal_a09f514da6",vertical:"vertical_d6e16ba261"};!function(e){const n="s_id-8d5ec08ca0ea_4_5_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".divider_b459524473 {\n  background-color: var(--layout-border-color);\n}\n\n.divider_b459524473.withoutMargin_2e95501b71 {\n  margin: 0;\n}\n\n.horizontal_a09f514da6 {\n  height: 1px;\n  width: 100%;\n  margin: var(--space-8) 0;\n}\n\n.vertical_d6e16ba261 {\n  height: 100%;\n  width: 1px;\n  margin: 0 var(--space-4);\n}");export{e as default};
+var e={divider:"divider_ea81aaaa40",withoutMargin:"withoutMargin_4d9e67a51d",horizontal:"horizontal_deea19fb85",vertical:"vertical_7ab20727b2"};!function(e){const a="s_id-8d5ec08ca0ea_4_5_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+a))return;const t=document.createElement("style");t.id=a,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".divider_ea81aaaa40 {\n  background-color: var(--layout-border-color);\n}\n\n.divider_ea81aaaa40.withoutMargin_4d9e67a51d {\n  margin: 0;\n}\n\n.horizontal_deea19fb85 {\n  height: 1px;\n  width: 100%;\n  margin: var(--space-8) 0;\n}\n\n.vertical_7ab20727b2 {\n  height: 100%;\n  width: 1px;\n  margin: 0 var(--space-4);\n}");export{e as default};
 //# sourceMappingURL=Divider.module.scss.js.map

package/dist/src/components/Dropdown/components/DropdownBase/DropdownBase.js

@@ -1,2 +1,2 @@
-import{defineProperty as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import r from"react";import t from"classnames";import o from"../../../FieldLabel/FieldLabel.js";import s from"./DropdownBase.module.scss.js";import{getTestId as a}from"../../../../tests/testIds.js";import{ComponentDefaultTestId as l,ComponentVibeId as i}from"../../../../tests/constants.js";import{useDropdownContext as d}from"../../context/DropdownContext.js";import n from"../../../../../components/tooltip/dist/Tooltip/Tooltip.js";import p from"../../../../../components/typography/dist/Text/Text.js";var m=function(m){var c=m.dropdownRef,b=m.children,f=d(),u=f.label,j=f.required,x=f.getLabelProps,v=f.className,O=f.id,T=f["aria-label"],g=f["data-testid"],y=f.readOnly,D=f.error,N=f.isFocused,P=f.isOpen,E=f.helperText,h=f.dir,w=f.tooltipProps,F=f.boxMode,L=f.borderless,R=r.createElement("div",{ref:c,className:t(s.wrapper,e(e(e(e(e(e({},s.disabled,f.disabled),s.readOnly,y),s.error,D),s.active,N||P),s.boxMode,F),s.borderless,L),v),id:O,"aria-label":T,"data-testid":g||a(l.DROPDOWN,O),"data-vibe":i.DROPDOWN},b);return r.createElement("div",{dir:h,className:s.outerWrapper},u&&r.createElement(o,Object.assign({labelText:u,required:j},x())),r.createElement(n,Object.assign({},w,{content:null==w?void 0:w.content}),R),E&&r.createElement(p,{color:D?"negative":"secondary",className:s.helperText},E))};export{m as default};
+import{defineProperty as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import r from"react";import t from"classnames";import o from"../../../FieldLabel/FieldLabel.js";import s from"./DropdownBase.module.scss.js";import{getTestId as a}from"../../../../tests/testIds.js";import{ComponentDefaultTestId as l,ComponentVibeId as i}from"../../../../tests/constants.js";import{useDropdownContext as d}from"../../context/DropdownContext.js";import n from"../../../../../components/tooltip/dist/Tooltip/Tooltip.js";import p from"../../../../../components/typography/dist/Text/Text.js";var m=function(m){var c=m.dropdownRef,b=m.children,f=d(),u=f.label,x=f.required,j=f.getLabelProps,v=f.className,O=f.id,T=f["aria-label"],g=f["data-testid"],y=f.readOnly,D=f.error,N=f.isFocused,P=f.isOpen,h=f.helperText,E=f.helperTextId,w=f.dir,F=f.tooltipProps,L=f.boxMode,R=f.borderless,W=r.createElement("div",{ref:c,className:t(s.wrapper,e(e(e(e(e(e({},s.disabled,f.disabled),s.readOnly,y),s.error,D),s.active,N||P),s.boxMode,L),s.borderless,R),v),id:O,"aria-label":T,"data-testid":g||a(l.DROPDOWN,O),"data-vibe":i.DROPDOWN},b);return r.createElement("div",{dir:w,className:s.outerWrapper},u&&r.createElement(o,Object.assign({labelText:u,required:x},j())),r.createElement(n,Object.assign({},F,{content:null==F?void 0:F.content}),W),h&&r.createElement(p,{id:E,color:D?"negative":"secondary",className:s.helperText},h))};export{m as default};
 //# sourceMappingURL=DropdownBase.js.map

package/dist/src/components/Dropdown/components/DropdownBase/DropdownBase.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownBase.js","sources":["../../../../../../src/components/Dropdown/components/DropdownBase/DropdownBase.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport FieldLabel from \"../../../FieldLabel/FieldLabel\";\nimport { Text } from \"@vibe/typography\";\nimport styles from \"./DropdownBase.module.scss\";\nimport { getTestId } from \"../../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId, ComponentVibeId } from \"../../../../tests/constants\";\nimport { useDropdownContext } from \"../../context/DropdownContext\";\nimport { type BaseItemData } from \"../../../BaseItem\";\nimport { Tooltip } from \"@vibe/tooltip\";\n\ninterface DropdownBaseProps {\n  dropdownRef: React.Ref<HTMLDivElement>;\n  children: React.ReactNode;\n}\n\nconst DropdownBase = ({ dropdownRef, children }: DropdownBaseProps) => {\n  const {\n    label,\n    required,\n    getLabelProps,\n    className,\n    id,\n    \"aria-label\": ariaLabel,\n    \"data-testid\": dataTestIdFromContext,\n    disabled,\n    readOnly,\n    error,\n    isFocused,\n    isOpen,\n    helperText,\n    dir,\n    tooltipProps,\n    boxMode,\n    borderless\n  } = useDropdownContext<BaseItemData>();\n\n  const coreDropdownElement = (\n    <div\n      ref={dropdownRef}\n      className={cx(\n        styles.wrapper,\n        {\n          [styles.disabled]: disabled,\n          [styles.readOnly]: readOnly,\n          [styles.error]: error,\n          [styles.active]: isFocused || isOpen,\n          [styles.boxMode]: boxMode,\n          [styles.borderless]: borderless\n        },\n        className\n      )}\n      id={id}\n      aria-label={ariaLabel}\n      data-testid={dataTestIdFromContext || getTestId(ComponentDefaultTestId.DROPDOWN, id)}\n      data-vibe={ComponentVibeId.DROPDOWN}\n    >\n      {children}\n    </div>\n  );\n\n  return (\n    <div dir={dir} className={styles.outerWrapper}>\n      {label && <FieldLabel labelText={label} required={required} {...getLabelProps()} />}\n      <Tooltip {...tooltipProps} content={tooltipProps?.content}>\n        {coreDropdownElement}\n      </Tooltip>\n      {helperText && (\n        <Text color={error ? \"negative\" : \"secondary\"} className={styles.helperText}>\n          {helperText}\n        </Text>\n      )}\n    </div>\n  );\n};\n\nexport default DropdownBase;\n"],"names":["DropdownBase","_ref","dropdownRef","children","_useDropdownContext","useDropdownContext","label","required","getLabelProps","className","id","ariaLabel","dataTestIdFromContext","readOnly","error","isFocused","isOpen","helperText","dir","tooltipProps","boxMode","borderless","coreDropdownElement","React","createElement","ref","cx","styles","wrapper","_defineProperty","disabled","active","getTestId","ComponentDefaultTestId","DROPDOWN","ComponentVibeId","outerWrapper","FieldLabel","Object","assign","labelText","Tooltip","content","Text","color"],"mappings":"8kBAgBA,IAAMA,EAAe,SAAHC,GAAoD,IAA9CC,EAAWD,EAAXC,YAAaC,EAAQF,EAARE,SACnCC,EAkBIC,IAjBFC,EAAKF,EAALE,MACAC,EAAQH,EAARG,SACAC,EAAaJ,EAAbI,cACAC,EAASL,EAATK,UACAC,EAAEN,EAAFM,GACcC,EAASP,EAAvB,cACeQ,EAAqBR,EAApC,eAEAS,EAAQT,EAARS,SACAC,EAAKV,EAALU,MACAC,EAASX,EAATW,UACAC,EAAMZ,EAANY,OACAC,EAAUb,EAAVa,WACAC,EAAGd,EAAHc,IACAC,EAAYf,EAAZe,aACAC,EAAOhB,EAAPgB,QACAC,EAAUjB,EAAViB,WAGIC,EACJC,EAAAC,cAAA,MAAA,CACEC,IAAKvB,EACLO,UAAWiB,EACTC,EAAOC,QAAOC,EAAAA,EAAAA,EAAAA,EAAAA,EAAAA,EAAA,CAAA,EAEXF,EAAOG,SAlBN1B,EAAR0B,UAmBOH,EAAOd,SAAWA,GAClBc,EAAOb,MAAQA,GACfa,EAAOI,OAAShB,GAAaC,GAC7BW,EAAOP,QAAUA,GACjBO,EAAON,WAAaA,GAEvBZ,GAEFC,GAAIA,EAAE,aACMC,EAAS,cACRC,GAAyBoB,EAAUC,EAAuBC,SAAUxB,GACtE,YAAAyB,EAAgBD,UAE1B/B,GAIL,OACEoB,EAAKC,cAAA,MAAA,CAAAN,IAAKA,EAAKT,UAAWkB,EAAOS,cAC9B9B,GAASiB,EAAAC,cAACa,EAAUC,OAAAC,OAAA,CAACC,UAAWlC,EAAOC,SAAUA,GAAcC,MAChEe,EAAAC,cAACiB,EAAOH,OAAAC,OAAA,CAAA,EAAKpB,EAAY,CAAEuB,QAASvB,eAAAA,EAAcuB,UAC/CpB,GAEFL,GACCM,EAACC,cAAAmB,EAAK,CAAAC,MAAO9B,EAAQ,WAAa,YAAaL,UAAWkB,EAAOV,YAC9DA,GAKX"}
+{"version":3,"file":"DropdownBase.js","sources":["../../../../../../src/components/Dropdown/components/DropdownBase/DropdownBase.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport FieldLabel from \"../../../FieldLabel/FieldLabel\";\nimport { Text } from \"@vibe/typography\";\nimport styles from \"./DropdownBase.module.scss\";\nimport { getTestId } from \"../../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId, ComponentVibeId } from \"../../../../tests/constants\";\nimport { useDropdownContext } from \"../../context/DropdownContext\";\nimport { type BaseItemData } from \"../../../BaseItem\";\nimport { Tooltip } from \"@vibe/tooltip\";\n\ninterface DropdownBaseProps {\n  dropdownRef: React.Ref<HTMLDivElement>;\n  children: React.ReactNode;\n}\n\nconst DropdownBase = ({ dropdownRef, children }: DropdownBaseProps) => {\n  const {\n    label,\n    required,\n    getLabelProps,\n    className,\n    id,\n    \"aria-label\": ariaLabel,\n    \"data-testid\": dataTestIdFromContext,\n    disabled,\n    readOnly,\n    error,\n    isFocused,\n    isOpen,\n    helperText,\n    helperTextId,\n    dir,\n    tooltipProps,\n    boxMode,\n    borderless\n  } = useDropdownContext<BaseItemData>();\n\n  const coreDropdownElement = (\n    <div\n      ref={dropdownRef}\n      className={cx(\n        styles.wrapper,\n        {\n          [styles.disabled]: disabled,\n          [styles.readOnly]: readOnly,\n          [styles.error]: error,\n          [styles.active]: isFocused || isOpen,\n          [styles.boxMode]: boxMode,\n          [styles.borderless]: borderless\n        },\n        className\n      )}\n      id={id}\n      aria-label={ariaLabel}\n      data-testid={dataTestIdFromContext || getTestId(ComponentDefaultTestId.DROPDOWN, id)}\n      data-vibe={ComponentVibeId.DROPDOWN}\n    >\n      {children}\n    </div>\n  );\n\n  return (\n    <div dir={dir} className={styles.outerWrapper}>\n      {label && <FieldLabel labelText={label} required={required} {...getLabelProps()} />}\n      <Tooltip {...tooltipProps} content={tooltipProps?.content}>\n        {coreDropdownElement}\n      </Tooltip>\n      {helperText && (\n        <Text id={helperTextId} color={error ? \"negative\" : \"secondary\"} className={styles.helperText}>\n          {helperText}\n        </Text>\n      )}\n    </div>\n  );\n};\n\nexport default DropdownBase;\n"],"names":["DropdownBase","_ref","dropdownRef","children","_useDropdownContext","useDropdownContext","label","required","getLabelProps","className","id","ariaLabel","dataTestIdFromContext","readOnly","error","isFocused","isOpen","helperText","helperTextId","dir","tooltipProps","boxMode","borderless","coreDropdownElement","React","createElement","ref","cx","styles","wrapper","_defineProperty","disabled","active","getTestId","ComponentDefaultTestId","DROPDOWN","ComponentVibeId","outerWrapper","FieldLabel","Object","assign","labelText","Tooltip","content","Text","color"],"mappings":"8kBAgBA,IAAMA,EAAe,SAAHC,GAAoD,IAA9CC,EAAWD,EAAXC,YAAaC,EAAQF,EAARE,SACnCC,EAmBIC,IAlBFC,EAAKF,EAALE,MACAC,EAAQH,EAARG,SACAC,EAAaJ,EAAbI,cACAC,EAASL,EAATK,UACAC,EAAEN,EAAFM,GACcC,EAASP,EAAvB,cACeQ,EAAqBR,EAApC,eAEAS,EAAQT,EAARS,SACAC,EAAKV,EAALU,MACAC,EAASX,EAATW,UACAC,EAAMZ,EAANY,OACAC,EAAUb,EAAVa,WACAC,EAAYd,EAAZc,aACAC,EAAGf,EAAHe,IACAC,EAAYhB,EAAZgB,aACAC,EAAOjB,EAAPiB,QACAC,EAAUlB,EAAVkB,WAGIC,EACJC,EAAAC,cAAA,MAAA,CACEC,IAAKxB,EACLO,UAAWkB,EACTC,EAAOC,QAAOC,EAAAA,EAAAA,EAAAA,EAAAA,EAAAA,EAAA,CAAA,EAEXF,EAAOG,SAnBN3B,EAAR2B,UAoBOH,EAAOf,SAAWA,GAClBe,EAAOd,MAAQA,GACfc,EAAOI,OAASjB,GAAaC,GAC7BY,EAAOP,QAAUA,GACjBO,EAAON,WAAaA,GAEvBb,GAEFC,GAAIA,EAAE,aACMC,EAAS,cACRC,GAAyBqB,EAAUC,EAAuBC,SAAUzB,GACtE,YAAA0B,EAAgBD,UAE1BhC,GAIL,OACEqB,EAAKC,cAAA,MAAA,CAAAN,IAAKA,EAAKV,UAAWmB,EAAOS,cAC9B/B,GAASkB,EAAAC,cAACa,EAAUC,OAAAC,OAAA,CAACC,UAAWnC,EAAOC,SAAUA,GAAcC,MAChEgB,EAAAC,cAACiB,EAAOH,OAAAC,OAAA,CAAA,EAAKpB,EAAY,CAAEuB,QAASvB,eAAAA,EAAcuB,UAC/CpB,GAEFN,GACCO,EAACC,cAAAmB,GAAKlC,GAAIQ,EAAc2B,MAAO/B,EAAQ,WAAa,YAAaL,UAAWmB,EAAOX,YAChFA,GAKX"}

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

@@ -1,2 +1,2 @@
-var r={outerWrapper:"outerWrapper_dfce805c54",wrapper:"wrapper_63345d2dcf",active:"active_fb068a4685",disabled:"disabled_2d397fb2df",readOnly:"readOnly_7b89143804",error:"error_54e38778ea",boxMode:"boxMode_cc39bf1efd",borderless:"borderless_504c56a409",helperText:"helperText_6c4d555dfd"};!function(r){const e="s_id-8dd14e35d33c_4_5_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const d=document.createElement("style");d.id=e,o.firstChild?o.insertBefore(d,o.firstChild):o.appendChild(d),d.appendChild(document.createTextNode(r))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=r)}(".outerWrapper_dfce805c54 {\n  width: 100%;\n}\n\n.wrapper_63345d2dcf {\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_63345d2dcf:hover {\n  --border-color: var(--primary-text-color);\n}\n\n.wrapper_63345d2dcf.active_fb068a4685, .wrapper_63345d2dcf:focus {\n  --border-color: var(--primary-color);\n}\n\n.wrapper_63345d2dcf.disabled_2d397fb2df {\n  --border-color: var(--disabled-background-color);\n  --background-color: var(--disabled-background-color);\n  cursor: not-allowed;\n}\n\n.wrapper_63345d2dcf.readOnly_7b89143804 {\n  --border-color: var(--allgrey-background-color);\n  --background-color: var(--allgrey-background-color);\n  cursor: default;\n}\n\n.wrapper_63345d2dcf.error_54e38778ea {\n  --border-color: var(--negative-color);\n}\n\n.wrapper_63345d2dcf.boxMode_cc39bf1efd {\n  box-shadow: none;\n  background: transparent;\n  cursor: default;\n}\n\n.wrapper_63345d2dcf.borderless_504c56a409 {\n  --border-color: transparent;\n}\n\n.wrapper_63345d2dcf.borderless_504c56a409:hover {\n  --border-color: var(--primary-text-color);\n}\n\n.wrapper_63345d2dcf.borderless_504c56a409.active_fb068a4685, .wrapper_63345d2dcf.borderless_504c56a409:focus {\n  --border-color: var(--primary-color);\n}\n\n.helperText_6c4d555dfd {\n  margin-top: var(--space-4);\n}");export{r as default};
+var r={outerWrapper:"outerWrapper_ab77cb615a",wrapper:"wrapper_f5e899c19c",active:"active_0362bfaf8f",disabled:"disabled_f692920ad0",readOnly:"readOnly_baa380fed3",error:"error_74f1d134bb",boxMode:"boxMode_93276ff884",borderless:"borderless_83a12168a7",helperText:"helperText_42571a720d"};!function(r){const e="s_id-8dd14e35d33c_4_5_1";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_ab77cb615a {\n  width: 100%;\n}\n\n.wrapper_f5e899c19c {\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_f5e899c19c:hover {\n  --border-color: var(--primary-text-color);\n}\n\n.wrapper_f5e899c19c.active_0362bfaf8f, .wrapper_f5e899c19c:focus {\n  --border-color: var(--primary-color);\n}\n\n.wrapper_f5e899c19c.disabled_f692920ad0 {\n  --border-color: var(--disabled-background-color);\n  --background-color: var(--disabled-background-color);\n  cursor: not-allowed;\n}\n\n.wrapper_f5e899c19c.readOnly_baa380fed3 {\n  --border-color: var(--allgrey-background-color);\n  --background-color: var(--allgrey-background-color);\n  cursor: default;\n}\n\n.wrapper_f5e899c19c.error_74f1d134bb {\n  --border-color: var(--negative-color);\n}\n\n.wrapper_f5e899c19c.boxMode_93276ff884 {\n  box-shadow: none;\n  background: transparent;\n  cursor: default;\n}\n\n.wrapper_f5e899c19c.borderless_83a12168a7 {\n  --border-color: transparent;\n}\n\n.wrapper_f5e899c19c.borderless_83a12168a7:hover {\n  --border-color: var(--primary-text-color);\n}\n\n.wrapper_f5e899c19c.borderless_83a12168a7.active_0362bfaf8f, .wrapper_f5e899c19c.borderless_83a12168a7:focus {\n  --border-color: var(--primary-color);\n}\n\n.helperText_42571a720d {\n  margin-top: var(--space-4);\n}");export{r as default};
 //# sourceMappingURL=DropdownBase.module.scss.js.map

package/dist/src/components/Dropdown/components/DropdownBaseList/DropdownBaseList.js

@@ -1,2 +1,2 @@
-import{defineProperty as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import t,{forwardRef as i}from"react";import l from"../../../BaseItem/BaseItem.js";import r from"./DropdownBaseList.module.scss.js";import o from"classnames";import n from"../../../Divider/Divider.js";import s from"../../../../../components/layout/dist/Flex/Flex.js";import a from"../../../../../components/typography/dist/Text/Text.js";var m=i((function(i,m){var d=i.options,u=i.selectedItems,p=i.highlightedIndex,c=i.menuAriaLabel,v=i.getMenuProps,f=i.getItemProps,g=i.size,y=void 0===g?"medium":g,h=i.withGroupDivider,x=void 0!==h&&h,b=i.dir,E=void 0===b?"ltr":b,j=i.itemRenderer,I=i.menuRenderer,O=i.noOptionsMessage,P=void 0===O?"No results":O,k=i.stickyGroupTitle,B=void 0!==k&&k,D=i.renderOptions,T=void 0===D||D,w=i.onScroll,z=i.maxMenuHeight,F=void 0===z?300:z,H="small"===y?"text2":"text1",M=T?d.every((function(e){var t;return 0===(null===(t=e.options)||void 0===t?void 0:t.length)}))?t.createElement("div",{role:"status"},"string"==typeof P?t.createElement(s,{justify:"center"},t.createElement(l,{component:"div",item:{label:P,value:""},size:y,readOnly:!0})):P):d.map((function(i,s){var m;return t.createElement(t.Fragment,{key:null!==(m=i.label)&&void 0!==m?m:s},i.label&&t.createElement("li",{className:o(r.groupTitle,e({},r.sticky,B))},t.createElement(a,{type:H,color:"inherit"},i.label)),i.options.map((function(e,i){var r,o=null!==(r=null==f?void 0:f({item:e,index:e.index}))&&void 0!==r?r:{},n=void 0!==p&&p===e.index&&!e.disabled,s=(null==u?void 0:u.some((function(t){return(null==t?void 0:t.value)===e.value})))&&!e.disabled;return t.createElement(l,{itemProps:o,key:"string"==typeof e.value?e.value:i,size:y,highlighted:n,selected:s,itemRenderer:j,item:e,role:"option"})})),x&&d.length-1>s&&t.createElement(n,null))})):null;return t.createElement("ul",Object.assign({ref:m,dir:E,className:r.wrapper},null==v?void 0:v({"aria-label":c}),{onScroll:w,style:{maxHeight:F}}),I&&T?I({children:M,filteredOptions:d,selectedItem:(null==u?void 0:u[0])||null,selectedItems:u||[]}):M)}));export{m as default};
+import{defineProperty as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as t}from"../../../../../_virtual/_tslib.js";import i,{forwardRef as l}from"react";import r from"../../../BaseItem/BaseItem.js";import o from"./DropdownBaseList.module.scss.js";import n from"classnames";import s from"../../../Divider/Divider.js";import a from"../../../../../components/layout/dist/Flex/Flex.js";import m from"../../../../../components/typography/dist/Text/Text.js";var d=l((function(l,d){var u=l.options,p=l.selectedItems,c=l.highlightedIndex,v=l.menuAriaLabel,f=l.getMenuProps,g=l.getItemProps,y=l.size,h=void 0===y?"medium":y,x=l.withGroupDivider,b=void 0!==x&&x,j=l.dir,E=void 0===j?"ltr":j,I=l.itemRenderer,O=l.menuRenderer,P=l.noOptionsMessage,k=void 0===P?"No results":P,B=l.stickyGroupTitle,D=void 0!==B&&B,T=l.renderOptions,_=void 0===T||T,w=l.onScroll,z=l.maxMenuHeight,F=void 0===z?300:z,H="small"===h?"text2":"text1",M=_?u.every((function(e){var t;return 0===(null===(t=e.options)||void 0===t?void 0:t.length)}))?i.createElement("div",{role:"status"},"string"==typeof k?i.createElement(a,{justify:"center"},i.createElement(r,{component:"div",item:{label:k,value:""},size:h,readOnly:!0})):k):u.map((function(l,a){var d;return i.createElement(i.Fragment,{key:null!==(d=l.label)&&void 0!==d?d:a},l.label&&i.createElement("li",{className:n(o.groupTitle,e({},o.sticky,D))},i.createElement(m,{type:H,color:"inherit"},l.label)),l.options.map((function(e,l){var o,n=null!==(o=null==g?void 0:g({item:e,index:e.index}))&&void 0!==o?o:{},s=t(n,["aria-selected"]),a=void 0!==c&&c===e.index&&!e.disabled,m=(null==p?void 0:p.some((function(t){return(null==t?void 0:t.value)===e.value})))&&!e.disabled;return i.createElement(r,{itemProps:s,key:"string"==typeof e.value?e.value:l,size:h,highlighted:a,selected:m,itemRenderer:I,item:e,role:"option"})})),b&&u.length-1>a&&i.createElement(s,null))})):null;return i.createElement("ul",Object.assign({ref:d,dir:E,className:o.wrapper},null==f?void 0:f({"aria-label":v}),{onScroll:w,style:{maxHeight:F}}),O&&_?O({children:M,filteredOptions:u,selectedItem:(null==p?void 0:p[0])||null,selectedItems:p||[]}):M)}));export{d as default};
 //# sourceMappingURL=DropdownBaseList.js.map

package/dist/src/components/Dropdown/components/DropdownBaseList/DropdownBaseList.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownBaseList.js","sources":["../../../../../../src/components/Dropdown/components/DropdownBaseList/DropdownBaseList.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport BaseItem from \"../../../BaseItem/BaseItem\";\nimport styles from \"./DropdownBaseList.module.scss\";\nimport { type DropdownBaseListProps } from \"./DropdownBaseList.types\";\nimport { Flex } from \"@vibe/layout\";\nimport { Text, type TextType } from \"@vibe/typography\";\nimport cx from \"classnames\";\nimport { Divider } from \"../../../Divider\";\n\nconst DropdownBaseList = forwardRef(\n  <Item extends Record<string, unknown>>(\n    {\n      options,\n      selectedItems,\n      highlightedIndex,\n      menuAriaLabel,\n      getMenuProps,\n      getItemProps,\n      size = \"medium\",\n      withGroupDivider = false,\n      dir = \"ltr\",\n      itemRenderer,\n      menuRenderer,\n      noOptionsMessage = \"No results\",\n      stickyGroupTitle = false,\n      renderOptions = true,\n      onScroll,\n      maxMenuHeight = 300\n    }: DropdownBaseListProps<Item>,\n    ref: React.Ref<HTMLUListElement>\n  ) => {\n    const textVariant: TextType = size === \"small\" ? \"text2\" : \"text1\";\n\n    const defaultContent = renderOptions ? (\n      options.every(group => group.options?.length === 0) ? (\n        <div role=\"status\">\n          {typeof noOptionsMessage === \"string\" ? (\n            <Flex justify=\"center\">\n              <BaseItem component=\"div\" item={{ label: noOptionsMessage, value: \"\" }} size={size} readOnly />\n            </Flex>\n          ) : (\n            noOptionsMessage\n          )}\n        </div>\n      ) : (\n        options.map((group, groupIndex) => (\n          <React.Fragment key={group.label ?? groupIndex}>\n            {group.label && (\n              <li className={cx(styles.groupTitle, { [styles.sticky]: stickyGroupTitle })}>\n                <Text type={textVariant} color=\"inherit\">\n                  {group.label}\n                </Text>\n              </li>\n            )}\n            {group.options.map((option, itemIndex) => {\n              const itemProps = getItemProps?.({ item: option, index: option.index }) ?? {};\n              const isHighlighted =\n                highlightedIndex !== undefined && highlightedIndex === option.index && !option.disabled;\n              const isSelected =\n                selectedItems?.some(selectedItem => selectedItem?.value === option.value) && !option.disabled;\n\n              return (\n                <BaseItem<Item>\n                  itemProps={itemProps}\n                  key={typeof option.value === \"string\" ? option.value : itemIndex}\n                  size={size}\n                  highlighted={isHighlighted}\n                  selected={isSelected}\n                  itemRenderer={itemRenderer}\n                  item={option}\n                  role=\"option\"\n                />\n              );\n            })}\n            {withGroupDivider && groupIndex < options.length - 1 && <Divider />}\n          </React.Fragment>\n        ))\n      )\n    ) : null;\n\n    return (\n      <ul\n        ref={ref}\n        dir={dir}\n        className={styles.wrapper}\n        {...getMenuProps?.({ \"aria-label\": menuAriaLabel })}\n        onScroll={onScroll}\n        style={{ maxHeight: maxMenuHeight }}\n      >\n        {menuRenderer && renderOptions\n          ? menuRenderer({\n              children: defaultContent,\n              filteredOptions: options,\n              selectedItem: selectedItems?.[0] || null,\n              selectedItems: selectedItems || []\n            })\n          : defaultContent}\n      </ul>\n    );\n  }\n);\n\nexport default DropdownBaseList as <Item extends Record<string, unknown>>(\n  props: DropdownBaseListProps<Item> & { ref?: React.Ref<HTMLUListElement> }\n) => React.ReactElement;\n"],"names":["DropdownBaseList","forwardRef","_ref","ref","options","selectedItems","highlightedIndex","menuAriaLabel","getMenuProps","getItemProps","_ref$size","size","_ref$withGroupDivider","withGroupDivider","_ref$dir","dir","itemRenderer","menuRenderer","_ref$noOptionsMessage","noOptionsMessage","_ref$stickyGroupTitle","stickyGroupTitle","_ref$renderOptions","renderOptions","onScroll","_ref$maxMenuHeight","maxMenuHeight","textVariant","defaultContent","every","group","_a","length","React","createElement","role","Flex","justify","BaseItem","component","item","label","value","readOnly","map","groupIndex","Fragment","key","className","cx","styles","groupTitle","_defineProperty","sticky","Text","type","color","option","itemIndex","itemProps","index","isHighlighted","undefined","disabled","isSelected","some","selectedItem","highlighted","selected","Divider","Object","assign","wrapper","style","maxHeight","children","filteredOptions"],"mappings":"uaASMA,IAAAA,EAAmBC,GACvB,SAAAC,EAmBEC,GACE,IAlBAC,EAAOF,EAAPE,QACAC,EAAaH,EAAbG,cACAC,EAAgBJ,EAAhBI,iBACAC,EAAaL,EAAbK,cACAC,EAAYN,EAAZM,aACAC,EAAYP,EAAZO,aAAYC,EAAAR,EACZS,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EAAAE,EAAAV,EACfW,iBAAAA,OAAmB,IAAHD,GAAQA,EAAAE,EAAAZ,EACxBa,IAAAA,OAAM,IAAHD,EAAG,MAAKA,EACXE,EAAYd,EAAZc,aACAC,EAAYf,EAAZe,aAAYC,EAAAhB,EACZiB,iBAAAA,OAAmB,IAAHD,EAAG,aAAYA,EAAAE,EAAAlB,EAC/BmB,iBAAAA,OAAmB,IAAHD,GAAQA,EAAAE,EAAApB,EACxBqB,cAAAA,OAAgB,IAAHD,GAAOA,EACpBE,EAAQtB,EAARsB,SAAQC,EAAAvB,EACRwB,cAAAA,OAAgB,IAAHD,EAAG,IAAGA,EAIfE,EAAiC,UAAThB,EAAmB,QAAU,QAErDiB,EAAiBL,EACrBnB,EAAQyB,OAAM,SAAAC,GAAS,IAAAC,EAAA,OAA0B,KAAX,QAAfA,EAAAD,EAAM1B,eAAS,IAAA2B,OAAA,EAAAA,EAAAC,OAAY,IAChDC,EAAKC,cAAA,MAAA,CAAAC,KAAK,UACqB,iBAArBhB,EACNc,gBAACG,EAAI,CAACC,QAAQ,UACZJ,EAACC,cAAAI,GAASC,UAAU,MAAMC,KAAM,CAAEC,MAAOtB,EAAkBuB,MAAO,IAAM/B,KAAMA,EAAMgC,eAGtFxB,GAIJf,EAAQwC,KAAI,SAACd,EAAOe,SAAe,OACjCZ,EAAAC,cAACD,EAAMa,SAAQ,CAACC,YAAKhB,EAAAD,EAAMW,qBAASI,GACjCf,EAAMW,OACLR,sBAAIe,UAAWC,EAAGC,EAAOC,WAAUC,EAAA,CAAA,EAAKF,EAAOG,OAAShC,KACtDY,EAAAC,cAACoB,EAAI,CAACC,KAAM5B,EAAa6B,MAAM,WAC5B1B,EAAMW,QAIZX,EAAM1B,QAAQwC,KAAI,SAACa,EAAQC,SACpBC,EAAqE,QAAzD5B,EAAAtB,aAAY,EAAZA,EAAe,CAAE+B,KAAMiB,EAAQG,MAAOH,EAAOG,eAAY,IAAA7B,EAAAA,EAAA,CAAA,EACrE8B,OACiBC,IAArBxD,GAAkCA,IAAqBmD,EAAOG,QAAUH,EAAOM,SAC3EC,GACJ3D,aAAa,EAAbA,EAAe4D,MAAK,SAAAC,GAAY,OAAIA,aAAY,EAAZA,EAAcxB,SAAUe,EAAOf,KAAK,OAAMe,EAAOM,SAEvF,OACE9B,EAACC,cAAAI,EACC,CAAAqB,UAAWA,EACXZ,IAA6B,iBAAjBU,EAAOf,MAAqBe,EAAOf,MAAQgB,EACvD/C,KAAMA,EACNwD,YAAaN,EACbO,SAAUJ,EACVhD,aAAcA,EACdwB,KAAMiB,EACNtB,KAAK,UAGV,IACAtB,GAAiCT,EAAQ4B,OAAS,EAA9Ba,GAAmCZ,EAACC,cAAAmC,EAAU,MAEtE,IAED,KAEJ,OACEpC,EACEC,cAAA,KAAAoC,OAAAC,OAAA,CAAApE,IAAKA,EACLY,IAAKA,EACLiC,UAAWE,EAAOsB,SACdhE,aAAA,EAAAA,EAAe,CAAE,aAAcD,IACnC,CAAAiB,SAAUA,EACViD,MAAO,CAAEC,UAAWhD,KAEnBT,GAAgBM,EACbN,EAAa,CACX0D,SAAU/C,EACVgD,gBAAiBxE,EACjB8D,cAAc7D,aAAA,EAAAA,EAAgB,KAAM,KACpCA,cAAeA,GAAiB,KAElCuB,EAGV"}
+{"version":3,"file":"DropdownBaseList.js","sources":["../../../../../../src/components/Dropdown/components/DropdownBaseList/DropdownBaseList.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport BaseItem from \"../../../BaseItem/BaseItem\";\nimport styles from \"./DropdownBaseList.module.scss\";\nimport { type DropdownBaseListProps } from \"./DropdownBaseList.types\";\nimport { Flex } from \"@vibe/layout\";\nimport { Text, type TextType } from \"@vibe/typography\";\nimport cx from \"classnames\";\nimport { Divider } from \"../../../Divider\";\n\nconst DropdownBaseList = forwardRef(\n  <Item extends Record<string, unknown>>(\n    {\n      options,\n      selectedItems,\n      highlightedIndex,\n      menuAriaLabel,\n      getMenuProps,\n      getItemProps,\n      size = \"medium\",\n      withGroupDivider = false,\n      dir = \"ltr\",\n      itemRenderer,\n      menuRenderer,\n      noOptionsMessage = \"No results\",\n      stickyGroupTitle = false,\n      renderOptions = true,\n      onScroll,\n      maxMenuHeight = 300\n    }: DropdownBaseListProps<Item>,\n    ref: React.Ref<HTMLUListElement>\n  ) => {\n    const textVariant: TextType = size === \"small\" ? \"text2\" : \"text1\";\n\n    const defaultContent = renderOptions ? (\n      options.every(group => group.options?.length === 0) ? (\n        <div role=\"status\">\n          {typeof noOptionsMessage === \"string\" ? (\n            <Flex justify=\"center\">\n              <BaseItem component=\"div\" item={{ label: noOptionsMessage, value: \"\" }} size={size} readOnly />\n            </Flex>\n          ) : (\n            noOptionsMessage\n          )}\n        </div>\n      ) : (\n        options.map((group, groupIndex) => (\n          <React.Fragment key={group.label ?? groupIndex}>\n            {group.label && (\n              <li className={cx(styles.groupTitle, { [styles.sticky]: stickyGroupTitle })}>\n                <Text type={textVariant} color=\"inherit\">\n                  {group.label}\n                </Text>\n              </li>\n            )}\n            {group.options.map((option, itemIndex) => {\n              // downshift's useCombobox sets aria-selected to mark a single item (the tracked\n              // selectedItem), which is wrong for multi-select. Drop it so BaseItem's aria-selected\n              // (derived from the full selectedItems list below) is authoritative.\n              const { \"aria-selected\": _downshiftAriaSelected, ...itemProps } =\n                getItemProps?.({ item: option, index: option.index }) ?? {};\n              const isHighlighted =\n                highlightedIndex !== undefined && highlightedIndex === option.index && !option.disabled;\n              const isSelected =\n                selectedItems?.some(selectedItem => selectedItem?.value === option.value) && !option.disabled;\n\n              return (\n                <BaseItem<Item>\n                  itemProps={itemProps}\n                  key={typeof option.value === \"string\" ? option.value : itemIndex}\n                  size={size}\n                  highlighted={isHighlighted}\n                  selected={isSelected}\n                  itemRenderer={itemRenderer}\n                  item={option}\n                  role=\"option\"\n                />\n              );\n            })}\n            {withGroupDivider && groupIndex < options.length - 1 && <Divider />}\n          </React.Fragment>\n        ))\n      )\n    ) : null;\n\n    return (\n      <ul\n        ref={ref}\n        dir={dir}\n        className={styles.wrapper}\n        {...getMenuProps?.({ \"aria-label\": menuAriaLabel })}\n        onScroll={onScroll}\n        style={{ maxHeight: maxMenuHeight }}\n      >\n        {menuRenderer && renderOptions\n          ? menuRenderer({\n              children: defaultContent,\n              filteredOptions: options,\n              selectedItem: selectedItems?.[0] || null,\n              selectedItems: selectedItems || []\n            })\n          : defaultContent}\n      </ul>\n    );\n  }\n);\n\nexport default DropdownBaseList as <Item extends Record<string, unknown>>(\n  props: DropdownBaseListProps<Item> & { ref?: React.Ref<HTMLUListElement> }\n) => React.ReactElement;\n"],"names":["DropdownBaseList","forwardRef","_ref","ref","options","selectedItems","highlightedIndex","menuAriaLabel","getMenuProps","getItemProps","_ref$size","size","_ref$withGroupDivider","withGroupDivider","_ref$dir","dir","itemRenderer","menuRenderer","_ref$noOptionsMessage","noOptionsMessage","_ref$stickyGroupTitle","stickyGroupTitle","_ref$renderOptions","renderOptions","onScroll","_ref$maxMenuHeight","maxMenuHeight","textVariant","defaultContent","every","group","_a","length","React","createElement","role","Flex","justify","BaseItem","component","item","label","value","readOnly","map","groupIndex","Fragment","key","className","cx","styles","groupTitle","_defineProperty","sticky","Text","type","color","option","itemIndex","_b","index","itemProps","__rest","isHighlighted","undefined","disabled","isSelected","some","selectedItem","highlighted","selected","Divider","Object","assign","wrapper","style","maxHeight","children","filteredOptions"],"mappings":"keASMA,IAAAA,EAAmBC,GACvB,SAAAC,EAmBEC,GACE,IAlBAC,EAAOF,EAAPE,QACAC,EAAaH,EAAbG,cACAC,EAAgBJ,EAAhBI,iBACAC,EAAaL,EAAbK,cACAC,EAAYN,EAAZM,aACAC,EAAYP,EAAZO,aAAYC,EAAAR,EACZS,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EAAAE,EAAAV,EACfW,iBAAAA,OAAmB,IAAHD,GAAQA,EAAAE,EAAAZ,EACxBa,IAAAA,OAAM,IAAHD,EAAG,MAAKA,EACXE,EAAYd,EAAZc,aACAC,EAAYf,EAAZe,aAAYC,EAAAhB,EACZiB,iBAAAA,OAAmB,IAAHD,EAAG,aAAYA,EAAAE,EAAAlB,EAC/BmB,iBAAAA,OAAmB,IAAHD,GAAQA,EAAAE,EAAApB,EACxBqB,cAAAA,OAAgB,IAAHD,GAAOA,EACpBE,EAAQtB,EAARsB,SAAQC,EAAAvB,EACRwB,cAAAA,OAAgB,IAAHD,EAAG,IAAGA,EAIfE,EAAiC,UAAThB,EAAmB,QAAU,QAErDiB,EAAiBL,EACrBnB,EAAQyB,OAAM,SAAAC,GAAS,IAAAC,EAAA,OAA0B,KAAX,QAAfA,EAAAD,EAAM1B,eAAS,IAAA2B,OAAA,EAAAA,EAAAC,OAAY,IAChDC,EAAKC,cAAA,MAAA,CAAAC,KAAK,UACqB,iBAArBhB,EACNc,gBAACG,EAAI,CAACC,QAAQ,UACZJ,EAACC,cAAAI,GAASC,UAAU,MAAMC,KAAM,CAAEC,MAAOtB,EAAkBuB,MAAO,IAAM/B,KAAMA,EAAMgC,eAGtFxB,GAIJf,EAAQwC,KAAI,SAACd,EAAOe,SAAe,OACjCZ,EAAAC,cAACD,EAAMa,SAAQ,CAACC,YAAKhB,EAAAD,EAAMW,qBAASI,GACjCf,EAAMW,OACLR,sBAAIe,UAAWC,EAAGC,EAAOC,WAAUC,EAAA,CAAA,EAAKF,EAAOG,OAAShC,KACtDY,EAAAC,cAACoB,EAAI,CAACC,KAAM5B,EAAa6B,MAAM,WAC5B1B,EAAMW,QAIZX,EAAM1B,QAAQwC,KAAI,SAACa,EAAQC,SAIpBC,EACqD,QAAzD5B,EAAAtB,aAAA,EAAAA,EAAe,CAAE+B,KAAMiB,EAAQG,MAAOH,EAAOG,eAAY,IAAA7B,EAAAA,EAAA,CAAA,EADP8B,EAA9CC,EAAAH,EAAA,CAAA,kBAEAI,OACiBC,IAArB1D,GAAkCA,IAAqBmD,EAAOG,QAAUH,EAAOQ,SAC3EC,GACJ7D,aAAa,EAAbA,EAAe8D,MAAK,SAAAC,GAAY,OAAIA,aAAY,EAAZA,EAAc1B,SAAUe,EAAOf,KAAK,OAAMe,EAAOQ,SAEvF,OACEhC,EAACC,cAAAI,EACC,CAAAuB,UAAWA,EACXd,IAA6B,iBAAjBU,EAAOf,MAAqBe,EAAOf,MAAQgB,EACvD/C,KAAMA,EACN0D,YAAaN,EACbO,SAAUJ,EACVlD,aAAcA,EACdwB,KAAMiB,EACNtB,KAAK,UAGV,IACAtB,GAAiCT,EAAQ4B,OAAS,EAA9Ba,GAAmCZ,EAACC,cAAAqC,EAAU,MAEtE,IAED,KAEJ,OACEtC,EACEC,cAAA,KAAAsC,OAAAC,OAAA,CAAAtE,IAAKA,EACLY,IAAKA,EACLiC,UAAWE,EAAOwB,SACdlE,aAAA,EAAAA,EAAe,CAAE,aAAcD,IACnC,CAAAiB,SAAUA,EACVmD,MAAO,CAAEC,UAAWlD,KAEnBT,GAAgBM,EACbN,EAAa,CACX4D,SAAUjD,EACVkD,gBAAiB1E,EACjBgE,cAAc/D,aAAA,EAAAA,EAAgB,KAAM,KACpCA,cAAeA,GAAiB,KAElCuB,EAGV"}

package/dist/src/components/Dropdown/components/DropdownBaseList/DropdownBaseList.module.scss.js

@@ -1,2 +1,2 @@
-var e={wrapper:"wrapper_e15230ded0",groupTitle:"groupTitle_5639005ff6",sticky:"sticky_88722d3c31"};!function(e){const n="s_id-87eb930dd60f_4_5_0";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,r.firstChild?r.insertBefore(d,r.firstChild):r.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.wrapper_e15230ded0 {\n  overflow-y: auto;\n  padding: 0;\n  margin: 0;\n}\n.wrapper_e15230ded0::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.wrapper_e15230ded0::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.wrapper_e15230ded0 .groupTitle_5639005ff6 {\n  color: var(--secondary-text-color);\n  padding: var(--space-8) var(--space-4);\n  background-color: var(--secondary-background-color);\n}\n.wrapper_e15230ded0 .groupTitle_5639005ff6.sticky_88722d3c31 {\n  position: sticky;\n  top: 0;\n}\n.wrapper_e15230ded0 > li:not(:last-child) {\n  margin-bottom: 2px;\n}");export{e as default};
+var e={wrapper:"wrapper_bd95c2862f",groupTitle:"groupTitle_97968bb7e7",sticky:"sticky_26733f6ba6"};!function(e){const n="s_id-87eb930dd60f_4_5_1";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.wrapper_bd95c2862f {\n  overflow-y: auto;\n  padding: 0;\n  margin: 0;\n}\n.wrapper_bd95c2862f::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.wrapper_bd95c2862f::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.wrapper_bd95c2862f .groupTitle_97968bb7e7 {\n  color: var(--secondary-text-color);\n  padding: var(--space-8) var(--space-4);\n  background-color: var(--secondary-background-color);\n}\n.wrapper_bd95c2862f .groupTitle_97968bb7e7.sticky_26733f6ba6 {\n  position: sticky;\n  top: 0;\n}\n.wrapper_bd95c2862f > li:not(:last-child) {\n  margin-bottom: 2px;\n}");export{e as default};
 //# sourceMappingURL=DropdownBaseList.module.scss.js.map

package/dist/src/components/Dropdown/components/DropdownBoxMode/DropdownBoxMode.module.scss.js

@@ -1,2 +1,2 @@
-var n={boxModeContainer:"boxModeContainer_249d55abb9",inputContainer:"inputContainer_fa34331296",disabled:"disabled_377f041171",readOnly:"readOnly_4579a9d6c7",error:"error_54e38778ea",menuContainer:"menuContainer_dfce805c54"};!function(n){const r="s_id-f92aa28952f8_4_5_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+r))return;const e=document.createElement("style");e.id=r,o.firstChild?o.insertBefore(e,o.firstChild):o.appendChild(e),e.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=n)}(".boxModeContainer_249d55abb9 {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n}\n\n.inputContainer_fa34331296 {\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  width: 100%;\n}\n\n.inputContainer_fa34331296:hover {\n  --border-color: var(--primary-text-color);\n}\n\n.inputContainer_fa34331296:focus-within {\n  --border-color: var(--primary-color);\n}\n\n.inputContainer_fa34331296.disabled_377f041171 {\n  --border-color: var(--disabled-background-color);\n  --background-color: var(--disabled-background-color);\n}\n\n.inputContainer_fa34331296.readOnly_4579a9d6c7 {\n  --border-color: var(--allgrey-background-color);\n  --background-color: var(--allgrey-background-color);\n}\n\n.inputContainer_fa34331296.error_54e38778ea {\n  --border-color: var(--negative-color);\n}\n\n.menuContainer_dfce805c54 {\n  width: 100%;\n}");export{n as default};
+var n={boxModeContainer:"boxModeContainer_340dacf10a",inputContainer:"inputContainer_ee70faa90b",disabled:"disabled_d739969f19",readOnly:"readOnly_671f29ec6a",error:"error_74f1d134bb",menuContainer:"menuContainer_ab77cb615a"};!function(n){const r="s_id-f92aa28952f8_4_5_1";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+r))return;const o=document.createElement("style");o.id=r,e.firstChild?e.insertBefore(o,e.firstChild):e.appendChild(o),o.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=n)}(".boxModeContainer_340dacf10a {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n}\n\n.inputContainer_ee70faa90b {\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  width: 100%;\n}\n\n.inputContainer_ee70faa90b:hover {\n  --border-color: var(--primary-text-color);\n}\n\n.inputContainer_ee70faa90b:focus-within {\n  --border-color: var(--primary-color);\n}\n\n.inputContainer_ee70faa90b.disabled_d739969f19 {\n  --border-color: var(--disabled-background-color);\n  --background-color: var(--disabled-background-color);\n}\n\n.inputContainer_ee70faa90b.readOnly_671f29ec6a {\n  --border-color: var(--allgrey-background-color);\n  --background-color: var(--allgrey-background-color);\n}\n\n.inputContainer_ee70faa90b.error_74f1d134bb {\n  --border-color: var(--negative-color);\n}\n\n.menuContainer_ab77cb615a {\n  width: 100%;\n}");export{n as default};
 //# sourceMappingURL=DropdownBoxMode.module.scss.js.map

package/dist/src/components/Dropdown/components/DropdownWrapperUI.js

@@ -1,2 +1,2 @@
-import o from"react";import{DropdownContext as r}from"../context/DropdownContext.js";import e from"./DropdownPopup/DropdownPopup.js";import t from"./DropdownBoxMode/DropdownBoxMode.js";import n from"./DropdownBase/DropdownBase.js";var p=function(p){var d=p.contextValue;return o.createElement(r.Provider,{value:d},o.createElement(n,{dropdownRef:p.dropdownRef},o.createElement(d.boxMode?t:e,null)))};export{p as default};
+import o from"react";import{DropdownContext as e}from"../context/DropdownContext.js";import r from"./DropdownPopup/DropdownPopup.js";import t from"./DropdownBoxMode/DropdownBoxMode.js";import n from"./DropdownBase/DropdownBase.js";var p=function(p){var d=p.contextValue,a=p.dropdownRef,m=d.helperText&&d.id?"".concat(d.id,"-helper-text"):void 0;return o.createElement(e.Provider,{value:Object.assign(Object.assign({},d),{helperTextId:m})},o.createElement(n,{dropdownRef:a},o.createElement(d.boxMode?t:r,null)))};export{p as default};
 //# sourceMappingURL=DropdownWrapperUI.js.map

package/dist/src/components/Dropdown/components/DropdownWrapperUI.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownWrapperUI.js","sources":["../../../../../src/components/Dropdown/components/DropdownWrapperUI.tsx"],"sourcesContent":["import React from \"react\";\nimport { DropdownContext } from \"../context/DropdownContext\";\nimport { type DropdownContextProps } from \"../context/DropdownContext.types\";\nimport DropdownPopup from \"./DropdownPopup/DropdownPopup\";\nimport DropdownBoxMode from \"./DropdownBoxMode/DropdownBoxMode\";\nimport { type BaseItemData } from \"../../BaseItem\";\nimport DropdownBase from \"./DropdownBase/DropdownBase\";\n\ninterface DropdownWrapperUIProps<Item extends BaseItemData<Record<string, unknown>>> {\n  contextValue: DropdownContextProps<Item>;\n  dropdownRef: React.Ref<HTMLDivElement>;\n}\n\nconst DropdownWrapperUI = <Item extends BaseItemData<Record<string, unknown>>>(props: DropdownWrapperUIProps<Item>) => {\n  const { contextValue, dropdownRef } = props;\n\n  return (\n    <DropdownContext.Provider value={contextValue}>\n      <DropdownBase dropdownRef={dropdownRef}>\n        {contextValue.boxMode ? <DropdownBoxMode /> : <DropdownPopup />}\n      </DropdownBase>\n    </DropdownContext.Provider>\n  );\n};\n\nexport default DropdownWrapperUI;\n"],"names":["DropdownWrapperUI","props","contextValue","React","DropdownContext","Provider","value","createElement","DropdownBase","dropdownRef","boxMode","DropdownBoxMode","DropdownPopup"],"mappings":"uOAaA,IAAMA,EAAoB,SAAqDC,GAC7E,IAAQC,EAA8BD,EAA9BC,aAER,OACEC,gBAACC,EAAgBC,SAAS,CAAAC,MAAOJ,GAC/BC,EAACI,cAAAC,EAAa,CAAAC,YAJoBR,EAAhBQ,aAKQN,gBAAvBD,EAAaQ,QAAWC,EAAsBC,EAAP,OAIhD"}
+{"version":3,"file":"DropdownWrapperUI.js","sources":["../../../../../src/components/Dropdown/components/DropdownWrapperUI.tsx"],"sourcesContent":["import React from \"react\";\nimport { DropdownContext } from \"../context/DropdownContext\";\nimport { type DropdownContextProps } from \"../context/DropdownContext.types\";\nimport DropdownPopup from \"./DropdownPopup/DropdownPopup\";\nimport DropdownBoxMode from \"./DropdownBoxMode/DropdownBoxMode\";\nimport { type BaseItemData } from \"../../BaseItem\";\nimport DropdownBase from \"./DropdownBase/DropdownBase\";\n\ninterface DropdownWrapperUIProps<Item extends BaseItemData<Record<string, unknown>>> {\n  contextValue: DropdownContextProps<Item>;\n  dropdownRef: React.Ref<HTMLDivElement>;\n}\n\nconst DropdownWrapperUI = <Item extends BaseItemData<Record<string, unknown>>>(props: DropdownWrapperUIProps<Item>) => {\n  const { contextValue, dropdownRef } = props;\n\n  // Id linking the helper text to the combobox/trigger via aria-describedby (WCAG SC 1.3.1).\n  const helperTextId = contextValue.helperText && contextValue.id ? `${contextValue.id}-helper-text` : undefined;\n\n  return (\n    <DropdownContext.Provider value={{ ...contextValue, helperTextId }}>\n      <DropdownBase dropdownRef={dropdownRef}>\n        {contextValue.boxMode ? <DropdownBoxMode /> : <DropdownPopup />}\n      </DropdownBase>\n    </DropdownContext.Provider>\n  );\n};\n\nexport default DropdownWrapperUI;\n"],"names":["DropdownWrapperUI","props","contextValue","dropdownRef","helperTextId","helperText","id","concat","undefined","React","createElement","DropdownContext","Provider","value","Object","assign","DropdownBase","boxMode","DropdownBoxMode","DropdownPopup"],"mappings":"uOAaA,IAAMA,EAAoB,SAAqDC,GAC7E,IAAQC,EAA8BD,EAA9BC,aAAcC,EAAgBF,EAAhBE,YAGhBC,EAAeF,EAAaG,YAAcH,EAAaI,GAAE,GAAAC,OAAML,EAAaI,wBAAmBE,EAErG,OACEC,EAACC,cAAAC,EAAgBC,UAASC,MAAKC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAOb,GAAY,CAAEE,aAAAA,KAClDK,EAACC,cAAAM,EAAa,CAAAb,YAAaA,GACDM,gBAAvBP,EAAae,QAAWC,EAAsBC,EAAP,OAIhD"}

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

@@ -1,2 +1,2 @@
-var e={menuVisible:"menuVisible_e84f36e112",menuHidden:"menuHidden_c5d5b122f4"};!function(e){const i="s_id-448dc11ee0f4_4_5_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)}(".menuVisible_e84f36e112 {\n  visibility: visible;\n}\n\n.menuHidden_c5d5b122f4 {\n  visibility: hidden;\n}");export{e as default};
+var e={menuVisible:"menuVisible_19e3bc929c",menuHidden:"menuHidden_da381ff374"};!function(e){const i="s_id-448dc11ee0f4_4_5_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_19e3bc929c {\n  visibility: visible;\n}\n\n.menuHidden_da381ff374 {\n  visibility: hidden;\n}");export{e as default};
 //# sourceMappingURL=Menu.module.scss.js.map

package/dist/src/components/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 i}from"react";import r from"../../../Chips/Chips.js";import a from"../../../../hooks/useItemsOverflow/useItemsOverflow.js";import l from"./MultiSelectedValues.module.scss.js";import s from"classnames";import c from"../Trigger/DropdownChip.js";import d from"../../../../../components/dialog/dist/DialogContentContainer/DialogContentContainer.js";import u from"../../../../../components/layout/dist/Flex/Flex.js";import m from"../../../../../components/dialog/dist/Dialog/Dialog.js";function p(p){var f=p.selectedItems,g=p.onRemove,h=p.renderInput,v=p.disabled,C=p.readOnly,w=p.minVisibleCount,b=void 0===w?0:w,D=t(null),y=t(null),E=o((function(){return f.map((function(){return i()}))}),[f]),j=a({containerRef:D,itemRefs:E,gap:4,deductedSpaceRef:y,deductedWidth:h?48:0,minVisibleCount:1===f.length?1:b}),N=j.visibleCount,k=j.hasMeasured,O=o((function(){var e=f.length>N?f.slice(N):[];return{hiddenItems:e,hiddenCount:e.length}}),[f,N]),W=O.hiddenItems,x=O.hiddenCount,I=o((function(){return function(){return n.createElement(d,null,n.createElement(u,{direction:"column",gap:"xs",align:"start",className:l.hiddenChipsDialog},W.map((function(e){return n.createElement(c,{key:"dropdown-chip-dialog-".concat(e.value),item:e,onDelete:function(){return g(e)},className:l.dialogChip,disabled:v,readOnly:C})}))))}}),[W,g,v,C]),M=o((function(){return f.map((function(t,o){var i=N>o;return n.createElement("div",{key:"dropdown-chip-visible-".concat(t.value),ref:E[o],className:s(e(e({},l.chipWrapperWithOverflow,void 0!==b),l.hiddenChip,!i)),"aria-hidden":!i,"data-testid":"dropdown-chip-".concat(t.value)},n.createElement(c,{item:t,onDelete:function(){return g(t)},disabled:v,readOnly:C,className:l.visibleChip}))}))}),[f,N,g,E,v,C,b]);return(null==f?void 0:f.length)?n.createElement(u,{align:"center",wrap:!1,gap:"xs",ref:D,className:s(l.containerWrapper,e(e({},l.singleChip,1===f.length),l.measuring,!k))},M,n.createElement(u,{gap:"xs",className:l.inputAndCounterWrapper},x>0&&n.createElement("div",{ref:y,onClick:function(e){e.stopPropagation()},onKeyDown:function(e){e.stopPropagation()},onMouseDown:function(e){e.stopPropagation()}},n.createElement(m,{content:I,showTrigger:["click","enter"],hideTrigger:["clickoutside","enter"],position:"bottom",moveBy:{main:4},hideWhenReferenceHidden:!0,addKeyboardHideShowTriggersByDefault:!0},n.createElement(r,{label:"+ ".concat(x),readOnly:!0,noMargin:!0,"aria-label":"+".concat(x,". ").concat(f.length-x," items are visible out of ").concat(f.length),"data-testid":"dropdown-overflow-counter",className:l.overflowCounter,onClick:function(){},onMouseDown:function(e){e.preventDefault()}}))),h&&n.createElement("div",{className:l.inputWrapper},h()))):null}export{p as default};
+import{defineProperty as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as n}from"../../../../../_virtual/_tslib.js";import t,{useRef as o,useCallback as r,useMemo as i,createRef as a}from"react";import l from"../../../Chips/Chips.js";import s from"../../../../hooks/useItemsOverflow/useItemsOverflow.js";import u from"./MultiSelectedValues.module.scss.js";import c from"classnames";import d from"../Trigger/DropdownChip.js";import m from"../../../../../components/dialog/dist/DialogContentContainer/DialogContentContainer.js";import p from"../../../../../components/layout/dist/Flex/Flex.js";import f from"../../../../../components/dialog/dist/Dialog/Dialog.js";import{useMergeRef as g}from"../../../../../shared/dist/hooks/useMergeRef.js";function h(h){var v=h.selectedItems,C=h.onRemove,b=h.renderInput,w=h.disabled,D=h.readOnly,y=h.minVisibleCount,j=void 0===y?0:y,E=h.getChipContainerProps,k=h.badgeRef,x=o(null),N=o(null),O=o(null),R=o(null),W=g(k,R),I=r((function(){requestAnimationFrame((function(){var e,n=null===(e=O.current)||void 0===e?void 0:e.querySelector("button, [href], input, [tabindex]:not([tabindex='-1'])");null==n||n.focus()}))}),[]),M=r((function(e,n){"esckey"===n&&requestAnimationFrame((function(){var e,n,t=null!==(e=R.current)&&void 0!==e?e:null===(n=N.current)||void 0===n?void 0:n.querySelector('[data-testid="dropdown-overflow-counter"]');null==t||t.focus()}))}),[]),P=i((function(){return v.map((function(){return a()}))}),[v]),S=s({containerRef:x,itemRefs:P,gap:4,deductedSpaceRef:N,deductedWidth:b?48:0,minVisibleCount:1===v.length?1:j}),q=S.visibleCount,A=S.hasMeasured,F=i((function(){var e=v.length>q?v.slice(q):[];return{hiddenItems:e,hiddenCount:e.length}}),[v,q]),H=F.hiddenItems,T=F.hiddenCount,_=i((function(){return function(){return t.createElement(m,null,t.createElement(p,{direction:"column",gap:"xs",align:"start",ref:O,className:u.hiddenChipsDialog},H.map((function(e){return t.createElement(d,{key:"dropdown-chip-dialog-".concat(e.value),item:e,onDelete:function(){return C(e)},className:u.dialogChip,disabled:w,readOnly:D})}))))}}),[H,C,w,D]),B=i((function(){return v.map((function(o,r){var i=q>r,a=i&&E?E(o,r):{},l=a.ref,s=n(a,["ref"]);return t.createElement("div",Object.assign({key:"dropdown-chip-visible-".concat(o.value),ref:function(e){P[r].current=e,"function"==typeof l&&l(e)},className:c(e(e({},u.chipWrapperWithOverflow,void 0!==j),u.hiddenChip,!i)),"aria-hidden":!i,"data-testid":"dropdown-chip-".concat(o.value)},s),t.createElement(d,{item:o,onDelete:function(){return C(o)},disabled:w,readOnly:D,className:u.visibleChip}))}))}),[v,q,C,P,w,D,j,E]);return(null==v?void 0:v.length)?t.createElement(p,{align:"center",wrap:!1,gap:"xs",ref:x,role:"group","aria-label":"selected items",className:c(u.containerWrapper,e(e({},u.singleChip,1===v.length),u.measuring,!A))},B,t.createElement(p,{gap:"xs",className:u.inputAndCounterWrapper},T>0&&t.createElement("div",{ref:N,onClick:function(e){e.stopPropagation()},onKeyDown:function(e){var n,t;e.stopPropagation(),"ArrowLeft"===e.key&&(e.preventDefault(),null===(t=null===(n=P[q-1])||void 0===n?void 0:n.current)||void 0===t||t.focus())},onMouseDown:function(e){e.stopPropagation()}},t.createElement(f,{content:_,showTrigger:["click","enter"],hideTrigger:["clickoutside"],position:"bottom",moveBy:{main:4},hideWhenReferenceHidden:!0,addKeyboardHideShowTriggersByDefault:!0,onDialogDidShow:I,onDialogDidHide:M},t.createElement(l,{ref:W,label:"+ ".concat(T),readOnly:!0,noMargin:!0,"aria-label":"+".concat(T,". ").concat(v.length-T," items are visible out of ").concat(v.length),"data-testid":"dropdown-overflow-counter",className:u.overflowCounter,onClick:function(){},onMouseDown:function(e){e.preventDefault()}}))),b&&t.createElement("div",{className:u.inputWrapper},b()))):null}export{h as default};
 //# sourceMappingURL=MultiSelectedValues.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"MultiSelectedValues.js","sources":["../../../../../../src/components/Dropdown/components/MultiSelectedValues/MultiSelectedValues.tsx"],"sourcesContent":["import React, { useRef, useMemo, createRef } from \"react\";\nimport { type BaseItemData } from \"../../../BaseItem\";\nimport { Chips } from \"../../../Chips\";\nimport { Flex } from \"@vibe/layout\";\nimport { DialogContentContainer, Dialog } from \"@vibe/dialog\";\nimport useItemsOverflow from \"../../../../hooks/useItemsOverflow/useItemsOverflow\";\nimport styles from \"./MultiSelectedValues.module.scss\";\nimport cx from \"classnames\";\nimport DropdownChip from \"../Trigger/DropdownChip\";\n\nconst INPUT_DEDUCTED_WIDTH = 48;\n\ntype MultiSelectedValuesProps<Item> = {\n  selectedItems: Item[];\n  onRemove: (item: Item) => void;\n  renderInput?: () => React.ReactNode;\n  disabled?: boolean;\n  readOnly?: boolean;\n  minVisibleCount?: number;\n};\n\nfunction MultiSelectedValues<Item extends BaseItemData<Record<string, unknown>>>({\n  selectedItems,\n  onRemove,\n  renderInput,\n  disabled,\n  readOnly,\n  minVisibleCount = 0\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    deductedWidth: renderInput ? INPUT_DEDUCTED_WIDTH : 0,\n    minVisibleCount: selectedItems.length === 1 ? 1 : minVisibleCount\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({\n            [styles.chipWrapperWithOverflow]: minVisibleCount !== undefined,\n            [styles.hiddenChip]: !isVisible\n          })}\n          aria-hidden={!isVisible}\n          data-testid={`dropdown-chip-${item.value}`}\n        >\n          <DropdownChip\n            item={item}\n            onDelete={() => onRemove(item)}\n            disabled={disabled}\n            readOnly={readOnly}\n            className={styles.visibleChip}\n          />\n        </div>\n      );\n    });\n  }, [selectedItems, visibleCount, onRemove, itemRefs, disabled, readOnly, minVisibleCount]);\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 gap=\"xs\" className={styles.inputAndCounterWrapper}>\n        {hiddenCount > 0 && (\n          <div\n            ref={deductedSpaceRef}\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                aria-label={`+${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","_ref$minVisibleCount","minVisibleCount","containerRef","useRef","deductedSpaceRef","itemRefs","useMemo","map","createRef","_useItemsOverflow","useItemsOverflow","gap","deductedWidth","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","chipWrapperWithOverflow","undefined","hiddenChip","visibleChip","wrap","containerWrapper","singleChip","measuring","inputAndCounterWrapper","onClick","e","stopPropagation","onKeyDown","onMouseDown","Dialog","content","showTrigger","hideTrigger","position","moveBy","main","hideWhenReferenceHidden","addKeyboardHideShowTriggersByDefault","Chips","label","noMargin","overflowCounter","preventDefault","inputWrapper"],"mappings":"umBAqBA,SAASA,EAAmBC,GAOK,IAN/BC,EAAaD,EAAbC,cACAC,EAAQF,EAARE,SACAC,EAAWH,EAAXG,YACAC,EAAQJ,EAARI,SACAC,EAAQL,EAARK,SAAQC,EAAAN,EACRO,gBAAAA,OAAkB,IAAHD,EAAG,EAACA,EAEbE,EAAeC,EAAuB,MACtCC,EAAmBD,EAAuB,MAE1CE,EAAWC,GAAQ,WAAA,OAAMX,EAAcY,KAAI,WAAA,OAAMC,SAA8B,CAACb,IAEtFc,EAAsCC,EAAiB,CACrDR,aAAAA,EACAG,SAAAA,EACAM,IAAK,EACLP,iBAAAA,EACAQ,cAAef,EA7BU,GA6B2B,EACpDI,gBAA0C,IAAzBN,EAAckB,OAAe,EAAIZ,IAN5Ca,EAAYL,EAAZK,aAAcC,EAAWN,EAAXM,YAStBC,EAAqCV,GAAQ,WAC3C,IAAMW,EAActB,EAAckB,OAASC,EAAenB,EAAcuB,MAAMJ,GAAgB,GAC9F,MAAO,CACLG,YAAAA,EACAE,YAAaF,EAAYJ,OAE7B,GAAG,CAAClB,EAAemB,IANXG,EAAWD,EAAXC,YAAaE,EAAWH,EAAXG,YAQfC,EAAgBd,GAAQ,WAC5B,OAAO,WAAA,OACLe,gBAACC,EAAsB,KACrBD,EAACE,cAAAC,EAAK,CAAAC,UAAU,SAASd,IAAI,KAAKe,MAAM,QAAQC,UAAWC,EAAOC,mBAC/DZ,EAAYV,KAAI,SAAAuB,GACf,OACET,EAACE,cAAAQ,GACCC,4BAAGC,OAA0BH,EAAKI,OAClCJ,KAAMA,EACNK,SAAU,WAAA,OAAMvC,EAASkC,EAAK,EAC9BH,UAAWC,EAAOQ,WAClBtC,SAAUA,EACVC,SAAUA,GAGf,MAIR,GAAE,CAACkB,EAAarB,EAAUE,EAAUC,IAE/BsC,EAAe/B,GAAQ,WAC3B,OAAOX,EAAcY,KAAI,SAACuB,EAAMQ,GAC9B,IAAMC,EAAoBzB,EAARwB,EAElB,OACEjB,uBACEW,6BAAGC,OAA2BH,EAAKI,OACnCM,IAAKnC,EAASiC,GACdX,UAAWc,EAAEC,EAAAA,EAAA,CAAA,EACVd,EAAOe,6BAA8CC,IAApB3C,GACjC2B,EAAOiB,YAAcN,IACtB,eACYA,EAAS,cAAAN,iBAAAA,OACOH,EAAKI,QAEnCb,EAAAE,cAACQ,EAAY,CACXD,KAAMA,EACNK,SAAU,WAAA,OAAMvC,EAASkC,EAAK,EAC9BhC,SAAUA,EACVC,SAAUA,EACV4B,UAAWC,EAAOkB,cAI1B,GACF,GAAG,CAACnD,EAAemB,EAAclB,EAAUS,EAAUP,EAAUC,EAAUE,IAEzE,OAAKN,aAAA,EAAAA,EAAekB,QAKlBQ,EAACE,cAAAC,EACC,CAAAE,MAAM,SACNqB,MAAM,EACNpC,IAAI,KACJ6B,IAAKtC,EACLyB,UAAWc,EAAGb,EAAOoB,iBAAgBN,EAAAA,EAAA,CAAA,EAClCd,EAAOqB,WATgC,IAAzBtD,EAAckB,QAU5Be,EAAOsB,WAAanC,KAGtBsB,EAEDhB,EAACE,cAAAC,EAAK,CAAAb,IAAI,KAAKgB,UAAWC,EAAOuB,wBAC9BhC,EAAc,GACbE,EACEE,cAAA,MAAA,CAAAiB,IAAKpC,EACLgD,QAAS,SAAAC,GACPA,EAAEC,iBACH,EACDC,UAAW,SAAAF,GACTA,EAAEC,iBACH,EACDE,YAAa,SAAAH,GACXA,EAAEC,iBACJ,GAEAjC,EAAAE,cAACkC,EACC,CAAAC,QAAStC,EACTuC,YAAa,CAAC,QAAS,SACvBC,YAAa,CAAC,eAAgB,SAC9BC,SAAS,SACTC,OAAQ,CAAEC,KAAM,GAChBC,2BACAC,sCAAoC,GAEpC5C,EAACE,cAAA2C,GACCC,MAAKlC,KAAAA,OAAOd,GACZpB,UAAQ,EACRqE,UACY,EAAA,iBAAAnC,OAAId,EAAWc,MAAAA,OAAKtC,EAAckB,OAASM,EAAWc,8BAAAA,OAChEtC,EAAckB,sBAEJ,4BACZc,UAAWC,EAAOyC,gBAClBjB,QAAS,WAAQ,EACjBI,YAAa,SAAAH,GACXA,EAAEiB,gBACJ,MAKPzE,GAAewB,EAAAE,cAAA,MAAA,CAAKI,UAAWC,EAAO2C,cAAe1E,OAzDzB,IA6DrC"}
+{"version":3,"file":"MultiSelectedValues.js","sources":["../../../../../../src/components/Dropdown/components/MultiSelectedValues/MultiSelectedValues.tsx"],"sourcesContent":["import React, { useRef, useMemo, useCallback, createRef } from \"react\";\nimport { type BaseItemData } from \"../../../BaseItem\";\nimport { Chips } from \"../../../Chips\";\nimport { Flex } from \"@vibe/layout\";\nimport { DialogContentContainer, Dialog } from \"@vibe/dialog\";\nimport { useMergeRef } from \"@vibe/shared\";\nimport useItemsOverflow from \"../../../../hooks/useItemsOverflow/useItemsOverflow\";\nimport styles from \"./MultiSelectedValues.module.scss\";\nimport cx from \"classnames\";\nimport DropdownChip from \"../Trigger/DropdownChip\";\n\nconst INPUT_DEDUCTED_WIDTH = 48;\n\ntype MultiSelectedValuesProps<Item> = {\n  selectedItems: Item[];\n  onRemove: (item: Item) => void;\n  renderInput?: () => React.ReactNode;\n  disabled?: boolean;\n  readOnly?: boolean;\n  minVisibleCount?: number;\n  /** Extra props (tabIndex, onKeyDown, etc.) to spread on each visible chip container. */\n  getChipContainerProps?: (item: Item, index: number) => Record<string, any>;\n  /** Ref forwarded to the +N overflow Chips element, for external keyboard focus management. */\n  badgeRef?: React.Ref<HTMLDivElement>;\n};\n\nfunction MultiSelectedValues<Item extends BaseItemData<Record<string, unknown>>>({\n  selectedItems,\n  onRemove,\n  renderInput,\n  disabled,\n  readOnly,\n  minVisibleCount = 0,\n  getChipContainerProps,\n  badgeRef\n}: MultiSelectedValuesProps<Item>) {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const deductedSpaceRef = useRef<HTMLDivElement>(null);\n  const dialogContentRef = useRef<HTMLDivElement>(null);\n  const localBadgeRef = useRef<HTMLDivElement>(null);\n  const mergedBadgeRef = useMergeRef(badgeRef, localBadgeRef);\n\n  // Focus the dialog's first control on open. onDialogDidShow fires just before the content mounts,\n  // so defer to the next frame.\n  const handleDialogDidShow = useCallback(() => {\n    requestAnimationFrame(() => {\n      const firstFocusable = dialogContentRef.current?.querySelector<HTMLElement>(\n        \"button, [href], input, [tabindex]:not([tabindex='-1'])\"\n      );\n      firstFocusable?.focus();\n    });\n  }, []);\n\n  // Return focus to the +N badge when the dialog is dismissed with Esc. Defer to the next frame:\n  // onDialogDidHide fires before the dialog content unmounts, and that teardown would otherwise\n  // reset focus to <body> (the top of the page) after a synchronous focus call.\n  const handleDialogDidHide = useCallback((_event: unknown, eventName: string) => {\n    if (eventName !== \"esckey\") return;\n    requestAnimationFrame(() => {\n      const badge =\n        localBadgeRef.current ??\n        deductedSpaceRef.current?.querySelector<HTMLElement>('[data-testid=\"dropdown-overflow-counter\"]');\n      badge?.focus();\n    });\n  }, []);\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    deductedWidth: renderInput ? INPUT_DEDUCTED_WIDTH : 0,\n    minVisibleCount: selectedItems.length === 1 ? 1 : minVisibleCount\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\" ref={dialogContentRef} 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      const extraProps = isVisible && getChipContainerProps ? getChipContainerProps(item, index) : {};\n      const { ref: extraRef, ...extraAttrs } = extraProps;\n\n      return (\n        <div\n          key={`dropdown-chip-visible-${item.value}`}\n          ref={el => {\n            (itemRefs[index] as React.MutableRefObject<HTMLDivElement | null>).current = el;\n            if (typeof extraRef === \"function\") extraRef(el);\n          }}\n          className={cx({\n            [styles.chipWrapperWithOverflow]: minVisibleCount !== undefined,\n            [styles.hiddenChip]: !isVisible\n          })}\n          aria-hidden={!isVisible}\n          data-testid={`dropdown-chip-${item.value}`}\n          {...extraAttrs}\n        >\n          <DropdownChip\n            item={item}\n            onDelete={() => onRemove(item)}\n            disabled={disabled}\n            readOnly={readOnly}\n            className={styles.visibleChip}\n          />\n        </div>\n      );\n    });\n  }, [selectedItems, visibleCount, onRemove, itemRefs, disabled, readOnly, minVisibleCount, getChipContainerProps]);\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      role=\"group\"\n      aria-label=\"selected items\"\n      className={cx(styles.containerWrapper, {\n        [styles.singleChip]: isSingleChip,\n        [styles.measuring]: !hasMeasured\n      })}\n    >\n      {chipElements}\n\n      <Flex gap=\"xs\" className={styles.inputAndCounterWrapper}>\n        {hiddenCount > 0 && (\n          <div\n            ref={deductedSpaceRef}\n            onClick={e => {\n              e.stopPropagation();\n            }}\n            onKeyDown={e => {\n              e.stopPropagation();\n              if (e.key === \"ArrowLeft\") {\n                e.preventDefault();\n                (itemRefs[visibleCount - 1] as React.MutableRefObject<HTMLDivElement | null>)?.current?.focus();\n              }\n            }}\n            onMouseDown={e => {\n              e.stopPropagation();\n            }}\n          >\n            <Dialog\n              content={dialogContent}\n              showTrigger={[\"click\", \"enter\"]}\n              // \"enter\" is intentionally NOT a hide trigger: Enter keydown opens and the Enter keyup\n              // would otherwise immediately toggle it shut. Close via Esc or click-outside instead.\n              hideTrigger={[\"clickoutside\"]}\n              position=\"bottom\"\n              moveBy={{ main: 4 }}\n              hideWhenReferenceHidden\n              addKeyboardHideShowTriggersByDefault\n              onDialogDidShow={handleDialogDidShow}\n              onDialogDidHide={handleDialogDidHide}\n            >\n              <Chips\n                ref={mergedBadgeRef}\n                label={`+ ${hiddenCount}`}\n                readOnly\n                noMargin\n                aria-label={`+${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","_ref$minVisibleCount","minVisibleCount","getChipContainerProps","badgeRef","containerRef","useRef","deductedSpaceRef","dialogContentRef","localBadgeRef","mergedBadgeRef","useMergeRef","handleDialogDidShow","useCallback","requestAnimationFrame","firstFocusable","_a","current","querySelector","focus","handleDialogDidHide","_event","eventName","badge","_b","itemRefs","useMemo","map","createRef","_useItemsOverflow","useItemsOverflow","gap","deductedWidth","length","visibleCount","hasMeasured","_useMemo","hiddenItems","slice","hiddenCount","dialogContent","React","DialogContentContainer","createElement","Flex","direction","align","ref","className","styles","hiddenChipsDialog","item","DropdownChip","key","concat","value","onDelete","dialogChip","chipElements","index","isVisible","extraProps","extraRef","extraAttrs","__rest","Object","assign","el","cx","_defineProperty","chipWrapperWithOverflow","undefined","hiddenChip","visibleChip","wrap","role","containerWrapper","singleChip","measuring","inputAndCounterWrapper","onClick","e","stopPropagation","onKeyDown","preventDefault","onMouseDown","Dialog","content","showTrigger","hideTrigger","position","moveBy","main","hideWhenReferenceHidden","addKeyboardHideShowTriggersByDefault","onDialogDidShow","onDialogDidHide","Chips","label","noMargin","overflowCounter","inputWrapper"],"mappings":"iwBA0BA,SAASA,EAAmBC,GASK,IAR/BC,EAAaD,EAAbC,cACAC,EAAQF,EAARE,SACAC,EAAWH,EAAXG,YACAC,EAAQJ,EAARI,SACAC,EAAQL,EAARK,SAAQC,EAAAN,EACRO,gBAAAA,OAAkB,IAAHD,EAAG,EAACA,EACnBE,EAAqBR,EAArBQ,sBACAC,EAAQT,EAARS,SAEMC,EAAeC,EAAuB,MACtCC,EAAmBD,EAAuB,MAC1CE,EAAmBF,EAAuB,MAC1CG,EAAgBH,EAAuB,MACvCI,EAAiBC,EAAYP,EAAUK,GAIvCG,EAAsBC,GAAY,WACtCC,uBAAsB,iBACdC,EAAyC,QAAxBC,EAAAR,EAAiBS,eAAO,IAAAD,OAAA,EAAAA,EAAEE,cAC/C,0DAEFH,SAAAA,EAAgBI,OAClB,GACD,GAAE,IAKGC,EAAsBP,GAAY,SAACQ,EAAiBC,GACtC,WAAdA,GACJR,uBAAsB,mBACdS,EAEJ,QADAP,EAAAP,EAAcQ,eACd,IAAAD,EAAAA,EAA0B,QAA1BQ,EAAAjB,EAAiBU,eAAS,IAAAO,OAAA,EAAAA,EAAAN,cAA2B,6CACvDK,SAAAA,EAAOJ,OACT,GACD,GAAE,IAEGM,EAAWC,GAAQ,WAAA,OAAM9B,EAAc+B,KAAI,WAAA,OAAMC,SAA8B,CAAChC,IAEtFiC,EAAsCC,EAAiB,CACrDzB,aAAAA,EACAoB,SAAAA,EACAM,IAAK,EACLxB,iBAAAA,EACAyB,cAAelC,EA9DU,GA8D2B,EACpDI,gBAA0C,IAAzBN,EAAcqC,OAAe,EAAI/B,IAN5CgC,EAAYL,EAAZK,aAAcC,EAAWN,EAAXM,YAStBC,EAAqCV,GAAQ,WAC3C,IAAMW,EAAczC,EAAcqC,OAASC,EAAetC,EAAc0C,MAAMJ,GAAgB,GAC9F,MAAO,CACLG,YAAAA,EACAE,YAAaF,EAAYJ,OAE7B,GAAG,CAACrC,EAAesC,IANXG,EAAWD,EAAXC,YAAaE,EAAWH,EAAXG,YAQfC,EAAgBd,GAAQ,WAC5B,OAAO,WAAA,OACLe,gBAACC,EAAsB,KACrBD,EAAAE,cAACC,EAAI,CAACC,UAAU,SAASd,IAAI,KAAKe,MAAM,QAAQC,IAAKvC,EAAkBwC,UAAWC,EAAOC,mBACtFb,EAAYV,KAAI,SAAAwB,GACf,OACEV,EAACE,cAAAS,GACCC,4BAAGC,OAA0BH,EAAKI,OAClCJ,KAAMA,EACNK,SAAU,WAAA,OAAM3D,EAASsD,EAAK,EAC9BH,UAAWC,EAAOQ,WAClB1D,SAAUA,EACVC,SAAUA,GAGf,MAIR,GAAE,CAACqC,EAAaxC,EAAUE,EAAUC,IAE/B0D,EAAehC,GAAQ,WAC3B,OAAO9B,EAAc+B,KAAI,SAACwB,EAAMQ,GAC9B,IAAMC,EAAoB1B,EAARyB,EACZE,EAAaD,GAAazD,EAAwBA,EAAsBgD,EAAMQ,GAAS,GAChFG,EAA4BD,EAAjCd,IAAkBgB,EAAeC,EAAAH,EAAnC,CAAA,QAEN,OACEpB,EAAAE,cAAA,MAAAsB,OAAAC,OAAA,CACEb,6BAAGC,OAA2BH,EAAKI,OACnCR,IAAK,SAAAoB,GACF1C,EAASkC,GAAyD1C,QAAUkD,EACrD,mBAAbL,GAAyBA,EAASK,EAC9C,EACDnB,UAAWoB,EAAEC,EAAAA,EAAA,CAAA,EACVpB,EAAOqB,6BAA8CC,IAApBrE,GACjC+C,EAAOuB,YAAcZ,IACtB,eACYA,EACD,cAAAN,iBAAAA,OAAiBH,EAAKI,QAC/BQ,GAEJtB,EAAAE,cAACS,EAAY,CACXD,KAAMA,EACNK,SAAU,WAAA,OAAM3D,EAASsD,EAAK,EAC9BpD,SAAUA,EACVC,SAAUA,EACVgD,UAAWC,EAAOwB,cAI1B,GACF,GAAG,CAAC7E,EAAesC,EAAcrC,EAAU4B,EAAU1B,EAAUC,EAAUE,EAAiBC,IAE1F,OAAKP,aAAA,EAAAA,EAAeqC,QAKlBQ,EAAAE,cAACC,EAAI,CACHE,MAAM,SACN4B,MAAM,EACN3C,IAAI,KACJgB,IAAK1C,EACLsE,KAAK,QACM,aAAA,iBACX3B,UAAWoB,EAAGnB,EAAO2B,iBAAgBP,EAAAA,EAAA,CAAA,EAClCpB,EAAO4B,WAXgC,IAAzBjF,EAAcqC,QAY5BgB,EAAO6B,WAAa3C,KAGtBuB,EAEDjB,EAACE,cAAAC,EAAK,CAAAb,IAAI,KAAKiB,UAAWC,EAAO8B,wBAC9BxC,EAAc,GACbE,EACEE,cAAA,MAAA,CAAAI,IAAKxC,EACLyE,QAAS,SAAAC,GACPA,EAAEC,iBACH,EACDC,UAAW,SAAAF,WACTA,EAAEC,kBACY,cAAVD,EAAE5B,MACJ4B,EAAEG,iBACoF,QAAtF5D,EAA6E,QAA5ER,EAAAS,EAASS,EAAe,UAAoD,IAAAlB,OAAA,EAAAA,EAAEC,eAAO,IAAAO,GAAAA,EAAEL,QAE3F,EACDkE,YAAa,SAAAJ,GACXA,EAAEC,iBACJ,GAEAzC,EAAAE,cAAC2C,EAAM,CACLC,QAAS/C,EACTgD,YAAa,CAAC,QAAS,SAGvBC,YAAa,CAAC,gBACdC,SAAS,SACTC,OAAQ,CAAEC,KAAM,GAChBC,yBAAuB,EACvBC,sCAAoC,EACpCC,gBAAiBnF,EACjBoF,gBAAiB5E,GAEjBqB,EAACE,cAAAsD,GACClD,IAAKrC,EACLwF,MAAK5C,KAAAA,OAAOf,GACZvC,UAAQ,EACRmG,UACY,EAAA,iBAAA7C,OAAIf,EAAWe,MAAAA,OAAK1D,EAAcqC,OAASM,EAAWe,8BAAAA,OAChE1D,EAAcqC,QACd,cACU,4BACZe,UAAWC,EAAOmD,gBAClBpB,QAAS,WAAQ,EACjBK,YAAa,SAAAJ,GACXA,EAAEG,gBACJ,MAKPtF,GAAe2C,EAAAE,cAAA,MAAA,CAAKK,UAAWC,EAAOoD,cAAevG,OApEzB,IAwErC"}

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

@@ -1,2 +1,2 @@
-var n={containerWrapper:"containerWrapper_603b0b31da",singleChip:"singleChip_54b4b31e46",measuring:"measuring_64ecd78091",hiddenChip:"hiddenChip_9b9acebbf7",inputAndCounterWrapper:"inputAndCounterWrapper_4bcf24944f",inputWrapper:"inputWrapper_d48f140cf1",chipWrapperWithOverflow:"chipWrapperWithOverflow_1d8f29a524",visibleChip:"visibleChip_b957bff9a5",hiddenChipsDialog:"hiddenChipsDialog_b48711baf0",dialogChip:"dialogChip_b957bff9a5"};!function(n){const i="s_id-a777ca35d111_4_5_0";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+i))return;const p=document.createElement("style");p.id=i,e.firstChild?e.insertBefore(p,e.firstChild):e.appendChild(p),p.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[i]=n)}(".containerWrapper_603b0b31da {\n  min-width: 1px;\n  flex-grow: 1;\n}\n.containerWrapper_603b0b31da.singleChip_54b4b31e46 > div:first-child {\n  min-width: 50px;\n  flex-shrink: 1;\n}\n.containerWrapper_603b0b31da.singleChip_54b4b31e46 > div:first-child div {\n  max-width: 100%;\n}\n.containerWrapper_603b0b31da.measuring_64ecd78091 > div:not(.hiddenChip_9b9acebbf7) {\n  opacity: 0;\n}\n.inputAndCounterWrapper_4bcf24944f {\n  flex-grow: 1;\n  min-width: 0;\n}\n.inputWrapper_d48f140cf1 {\n  flex-grow: 1;\n}\n.inputWrapper_d48f140cf1 input {\n  width: 100%;\n}\n.chipWrapperWithOverflow_1d8f29a524 {\n  max-width: 100%;\n  flex-shrink: 0;\n}\n.chipWrapperWithOverflow_1d8f29a524 .visibleChip_b957bff9a5 {\n  max-width: 100%;\n}\n.hiddenChip_9b9acebbf7 {\n  position: absolute;\n  visibility: hidden;\n  pointer-events: none;\n  z-index: -1;\n}\n.hiddenChipsDialog_b48711baf0 {\n  max-width: 192px;\n}\n.dialogChip_b957bff9a5 {\n  max-width: 100%;\n}");export{n as default};
+var e={containerWrapper:"containerWrapper_8ede271795",singleChip:"singleChip_a3caff1424",measuring:"measuring_349e614579",hiddenChip:"hiddenChip_94a4bd28cb",inputAndCounterWrapper:"inputAndCounterWrapper_03eb2c46ac",inputWrapper:"inputWrapper_3134c56fad",chipWrapperWithOverflow:"chipWrapperWithOverflow_d404a3bba9",visibleChip:"visibleChip_64bbf52989",hiddenChipsDialog:"hiddenChipsDialog_e268087a76",dialogChip:"dialogChip_64bbf52989"};!function(e){const n="s_id-a777ca35d111_4_5_1";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,i.firstChild?i.insertBefore(a,i.firstChild):i.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".containerWrapper_8ede271795 {\n  min-width: 1px;\n  flex-grow: 1;\n}\n.containerWrapper_8ede271795.singleChip_a3caff1424 > div:first-child {\n  min-width: 50px;\n  flex-shrink: 1;\n}\n.containerWrapper_8ede271795.singleChip_a3caff1424 > div:first-child div {\n  max-width: 100%;\n}\n.containerWrapper_8ede271795.measuring_349e614579 > div:not(.hiddenChip_94a4bd28cb) {\n  opacity: 0;\n}\n.inputAndCounterWrapper_03eb2c46ac {\n  flex-grow: 1;\n  min-width: 0;\n}\n.inputWrapper_3134c56fad {\n  flex-grow: 1;\n}\n.inputWrapper_3134c56fad input {\n  width: 100%;\n}\n.chipWrapperWithOverflow_d404a3bba9 {\n  max-width: 100%;\n  flex-shrink: 0;\n}\n.chipWrapperWithOverflow_d404a3bba9 .visibleChip_64bbf52989 {\n  max-width: 100%;\n}\n.hiddenChip_94a4bd28cb {\n  position: absolute;\n  visibility: hidden;\n  pointer-events: none;\n  z-index: -1;\n}\n.hiddenChipsDialog_e268087a76 {\n  max-width: 192px;\n}\n.dialogChip_64bbf52989 {\n  max-width: 100%;\n}");export{e as default};
 //# sourceMappingURL=MultiSelectedValues.module.scss.js.map

package/dist/src/components/Dropdown/components/Trigger/DropdownInput.js

@@ -1,2 +1,2 @@
-import{defineProperty as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import t,{useRef as l}from"react";import a from"classnames";import r from"./Trigger.module.scss.js";import{useDropdownContext as o}from"../../context/DropdownContext.js";import s from"../../../../../base/dist/BaseInput/BaseInput.js";import i from"../../../../../components/typography/dist/Text/Text.js";var n=function(n){var m,p=n.inputSize,d=n.fullWidth,u=o(),c=u.inputValue,b=u.autoFocus,f=u.disabled,g=u.readOnly,h=u.placeholder,v=u.multi,x=u.selectedItem,y=u.selectedItems,j=void 0===y?[]:y,I=u.inputAriaLabel,O=u.searchable,P=u.size,E=u.label,F=u.isOpen,T=u.getDropdownProps,z=u.getLabelProps,B=u.getInputProps,S=l(null),W=v?j.length>0:!!x,w=T?T({preventKeyAction:F}):{};return t.createElement(t.Fragment,null,O?t.createElement(s,Object.assign({},B(Object.assign({"aria-labelledby":E?z().id:void 0,"aria-label":I||(E||null===(m=z())||void 0===m?void 0:m.id),placeholder:W?"":h,ref:S},w)),{inputRole:"combobox",value:c||"",autoFocus:b,size:p||P,className:a(r.inputWrapper,e(e(e(e(e({},r.hasSelected,!v&&x&&!c),r.small,"small"===p),r.multi,v&&W),r.multiSelected,v&&W&&"small"===p),r.fullWidth,d)),disabled:f,readOnly:g})):t.createElement(t.Fragment,null,!W&&h&&t.createElement(i,{color:"secondary",className:a(r.placeholderText,e({},r.disabled,!!f)),type:"small"===P?"text2":"text1"},h)))};export{n as default};
+import{defineProperty as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import l,{useRef as t,useMemo as a}from"react";import r from"classnames";import o from"./Trigger.module.scss.js";import{useDropdownContext as n}from"../../context/DropdownContext.js";import i from"../../../../../base/dist/BaseInput/BaseInput.js";import s from"../../../../../components/typography/dist/Text/Text.js";var p=function(p){var u=p.inputSize,d=p.fullWidth,m=p.onKeyDown,c=p.inputRef,b=n(),f=b.inputValue,g=b.autoFocus,v=b.disabled,h=b.readOnly,y=b.placeholder,x=b.multi,j=b.selectedItem,E=b.selectedItems,I=void 0===E?[]:E,B=b.inputAriaLabel,F=b["aria-label"],O=b.searchable,P=b.size,T=b.label,w=b.isOpen,D=b.getDropdownProps,z=b.getLabelProps,K=b.getInputProps,N=b.interactiveChips,S=b.helperTextId,W=t(null),A=a((function(){return x?function(e){return e.map((function(e){return e.label||e.value||""})).filter(Boolean).join(", ")}(I):""}),[x,I]),C=null!=c?c:W,H=x?I.length>0:!!j,L=D?D({preventKeyAction:N?!(!f||0>=f.length):w}):{},R="".concat(z().id,"-selected-value"),_=[S,A?R:void 0].filter(Boolean).join(" ")||void 0;return l.createElement(l.Fragment,null,O?l.createElement(l.Fragment,null,l.createElement(i,Object.assign({},K(Object.assign({"aria-labelledby":T?z().id:void 0,"aria-label":B||(T?void 0:F),"aria-describedby":_,"aria-haspopup":"dialog",placeholder:H?"":y,ref:C,onKeyDown:m},L)),{inputRole:"combobox",value:f||"",autoFocus:g,size:u||P,className:r(o.inputWrapper,e(e(e(e(e({},o.hasSelected,!x&&j&&!f),o.small,"small"===u),o.multi,x&&H),o.multiSelected,x&&H&&"small"===u),o.fullWidth,d)),disabled:v,readOnly:h})),A&&l.createElement("span",{id:R,className:o.visuallyHidden},A)):l.createElement(l.Fragment,null,!H&&y&&l.createElement(s,{color:"secondary",className:r(o.placeholderText,e({},o.disabled,!!v)),type:"small"===P?"text2":"text1"},y)))};export{p as default};
 //# sourceMappingURL=DropdownInput.js.map