@vibe/core 4.3.0-alpha-9bd83.0 → 4.4.0-alpha-26200.0

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

@@ -1,2 +1,2 @@
-var e={datePicker:"datePicker_0d0d1cb8bd",datePickerMonths:"datePickerMonths_41d64228cc",withWeekNumber:"withWeekNumber_929924e33c",datePickerHead:"datePickerHead_e6aa78c8c4",datePickerBody:"datePickerBody_e6aa78c8c4",datePickerTable:"datePickerTable_9eb7936d85",datePickerDay:"datePickerDay_5f9e80f4c8",datePickerDayContent:"datePickerDayContent_7c0f3e9860",datePickerDayDisabled:"datePickerDayDisabled_dbd9703281",datePickerAddToRangeStart:"datePickerAddToRangeStart_7c322ad5cc",datePickerAddToRangeEnd:"datePickerAddToRangeEnd_3148ad1192",datePickerAddToRangeMiddle:"datePickerAddToRangeMiddle_93f93cbf3b",datePickerDayRangeStart:"datePickerDayRangeStart_cf36acc16e",datePickerDayRangeEnd:"datePickerDayRangeEnd_f05d42d5ba",datePickerDayOutside:"datePickerDayOutside_2b8381d5ee",datePickerDaySelected:"datePickerDaySelected_f05d42d5ba",datePickerDayRangeMiddle:"datePickerDayRangeMiddle_50455120aa",datePickerRemoveFromRange:"datePickerRemoveFromRange_b41618ce01",datePickerHalfRangeSelected:"datePickerHalfRangeSelected_687286bf73"};!function(e){const a="s_id-601bce29f4a5_4_2_4";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+a))return;const c=document.createElement("style");c.id=a,d.firstChild?d.insertBefore(c,d.firstChild):d.appendChild(c),c.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}('/* stylelint-disable */\n/* stylelint-enable */\n.datePicker_0d0d1cb8bd {\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_0d0d1cb8bd .datePickerMonths_41d64228cc {\n  display: flex;\n  flex-direction: row;\n  gap: var(--space-16);\n  align-items: flex-start;\n}\n.datePicker_0d0d1cb8bd.withWeekNumber_929924e33c {\n  --day-picker-days-horizontal-gap: 2px;\n  width: 284px;\n  margin: 0;\n}\n.datePicker_0d0d1cb8bd.withWeekNumber_929924e33c .datePickerHead_e6aa78c8c4 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_0d0d1cb8bd.withWeekNumber_929924e33c .datePickerHead_e6aa78c8c4 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_0d0d1cb8bd.withWeekNumber_929924e33c .datePickerBody_e6aa78c8c4 td:first-child {\n  background-color: var(--primary-background-hover-color);\n}\n.datePicker_0d0d1cb8bd.withWeekNumber_929924e33c .datePickerBody_e6aa78c8c4 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_0d0d1cb8bd .datePickerTable_9eb7936d85 {\n  margin-top: var(--space-8);\n  border-collapse: collapse;\n  height: var(--day-picker-content-height);\n}\n.datePicker_0d0d1cb8bd .datePickerHead_e6aa78c8c4 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_0d0d1cb8bd .datePickerBody_e6aa78c8c4 td {\n  color: var(--secondary-text-color);\n  font: var(--font-text2-normal);\n  text-align: center;\n  padding: 0;\n}\n.datePicker_0d0d1cb8bd .datePickerBody_e6aa78c8c4 .datePickerDay_5f9e80f4c8 {\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_0d0d1cb8bd .datePickerBody_e6aa78c8c4 .datePickerDay_5f9e80f4c8 .datePickerDayContent_7c0f3e9860 {\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_0d0d1cb8bd .datePickerBody_e6aa78c8c4 .datePickerDay_5f9e80f4c8:focus-visible {\n  outline: none;\n}\n.datePicker_0d0d1cb8bd .datePickerBody_e6aa78c8c4 .datePickerDay_5f9e80f4c8:focus-visible .datePickerDayContent_7c0f3e9860 {\n  outline: 2px solid var(--primary-color);\n}\n.datePicker_0d0d1cb8bd .datePickerBody_e6aa78c8c4 .datePickerDay_5f9e80f4c8.datePickerDayDisabled_dbd9703281 {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n.datePicker_0d0d1cb8bd .datePickerBody_e6aa78c8c4 .datePickerDay_5f9e80f4c8:not(.datePickerDayDisabled_dbd9703281):not(.datePickerAddToRangeStart_7c322ad5cc):not(.datePickerAddToRangeEnd_3148ad1192):not(.datePickerAddToRangeMiddle_93f93cbf3b):not(.datePickerDayRangeStart_cf36acc16e):not(.datePickerDayRangeEnd_f05d42d5ba) .datePickerDayContent_7c0f3e9860:hover {\n  background: var(--primary-background-hover-color);\n}\n.datePicker_0d0d1cb8bd .datePickerBody_e6aa78c8c4 .datePickerDay_5f9e80f4c8.datePickerDayOutside_2b8381d5ee {\n  color: var(--disabled-text-color);\n}\n.datePicker_0d0d1cb8bd .datePickerBody_e6aa78c8c4 .datePickerDay_5f9e80f4c8.datePickerDaySelected_f05d42d5ba:not(.datePickerDayRangeMiddle_50455120aa):not(.datePickerRemoveFromRange_b41618ce01) {\n  background: var(--primary-color);\n  color: var(--text-color-on-primary);\n}\n.datePicker_0d0d1cb8bd .datePickerBody_e6aa78c8c4 .datePickerDay_5f9e80f4c8.datePickerDayRangeStart_cf36acc16e:not(.datePickerDayRangeEnd_f05d42d5ba):not(.datePickerRemoveFromRange_b41618ce01), .datePicker_0d0d1cb8bd .datePickerBody_e6aa78c8c4 .datePickerDay_5f9e80f4c8.datePickerDayRangeEnd_f05d42d5ba:not(.datePickerDayRangeStart_cf36acc16e):not(.datePickerRemoveFromRange_b41618ce01) {\n  background: var(--primary-color);\n  width: calc(var(--day-picker-day-width) + var(--day-picker-days-horizontal-gap));\n}\n.datePicker_0d0d1cb8bd .datePickerBody_e6aa78c8c4 .datePickerDay_5f9e80f4c8.datePickerDayRangeStart_cf36acc16e.datePickerRemoveFromRange_b41618ce01, .datePicker_0d0d1cb8bd .datePickerBody_e6aa78c8c4 .datePickerDay_5f9e80f4c8.datePickerDayRangeEnd_f05d42d5ba.datePickerRemoveFromRange_b41618ce01 {\n  background: var(--primary-color);\n  color: var(--text-color-on-primary);\n}\n.datePicker_0d0d1cb8bd .datePickerBody_e6aa78c8c4 .datePickerDay_5f9e80f4c8.datePickerDayRangeStart_cf36acc16e.datePickerRemoveFromRange_b41618ce01:not(.datePickerDayRangeEnd_f05d42d5ba), .datePicker_0d0d1cb8bd .datePickerBody_e6aa78c8c4 .datePickerDay_5f9e80f4c8.datePickerDayRangeEnd_f05d42d5ba.datePickerRemoveFromRange_b41618ce01:not(.datePickerDayRangeStart_cf36acc16e) {\n  width: calc(var(--day-picker-day-width) + var(--day-picker-days-horizontal-gap));\n}\n.datePicker_0d0d1cb8bd .datePickerBody_e6aa78c8c4 .datePickerDay_5f9e80f4c8.datePickerAddToRangeStart_7c322ad5cc, .datePicker_0d0d1cb8bd .datePickerBody_e6aa78c8c4 .datePickerDay_5f9e80f4c8.datePickerDayRangeStart_cf36acc16e:not(.datePickerDayRangeEnd_f05d42d5ba) {\n  margin-inline-end: 0;\n  border-start-end-radius: 0;\n  border-end-end-radius: 0;\n}\n.datePicker_0d0d1cb8bd .datePickerBody_e6aa78c8c4 .datePickerDay_5f9e80f4c8.datePickerAddToRangeEnd_3148ad1192, .datePicker_0d0d1cb8bd .datePickerBody_e6aa78c8c4 .datePickerDay_5f9e80f4c8.datePickerDayRangeEnd_f05d42d5ba:not(.datePickerDayRangeStart_cf36acc16e) {\n  margin-inline-start: 0;\n  border-start-start-radius: 0;\n  border-end-start-radius: 0;\n}\n.datePicker_0d0d1cb8bd .datePickerBody_e6aa78c8c4 .datePickerDay_5f9e80f4c8.datePickerAddToRangeStart_7c322ad5cc, .datePicker_0d0d1cb8bd .datePickerBody_e6aa78c8c4 .datePickerDay_5f9e80f4c8.datePickerAddToRangeEnd_3148ad1192, .datePicker_0d0d1cb8bd .datePickerBody_e6aa78c8c4 .datePickerDay_5f9e80f4c8.datePickerAddToRangeMiddle_93f93cbf3b {\n  margin: var(--day-picker-days-vertical-gap) 0;\n}\n.datePicker_0d0d1cb8bd .datePickerBody_e6aa78c8c4 .datePickerDay_5f9e80f4c8.datePickerAddToRangeStart_7c322ad5cc:not(.datePickerDayRangeStart_cf36acc16e):not(.datePickerDayRangeEnd_f05d42d5ba), .datePicker_0d0d1cb8bd .datePickerBody_e6aa78c8c4 .datePickerDay_5f9e80f4c8.datePickerAddToRangeEnd_3148ad1192:not(.datePickerDayRangeStart_cf36acc16e):not(.datePickerDayRangeEnd_f05d42d5ba), .datePicker_0d0d1cb8bd .datePickerBody_e6aa78c8c4 .datePickerDay_5f9e80f4c8.datePickerAddToRangeMiddle_93f93cbf3b, .datePicker_0d0d1cb8bd .datePickerBody_e6aa78c8c4 .datePickerDay_5f9e80f4c8.datePickerDayRangeMiddle_50455120aa:not(.datePickerAddToRangeStart_7c322ad5cc):not(.datePickerAddToRangeEnd_3148ad1192) {\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_0d0d1cb8bd .datePickerBody_e6aa78c8c4 .datePickerDay_5f9e80f4c8.datePickerAddToRangeMiddle_93f93cbf3b, .datePicker_0d0d1cb8bd .datePickerBody_e6aa78c8c4 .datePickerDay_5f9e80f4c8.datePickerDayRangeMiddle_50455120aa:not(.datePickerAddToRangeStart_7c322ad5cc):not(.datePickerAddToRangeEnd_3148ad1192) {\n  background: var(--primary-selected-color);\n  margin: var(--day-picker-days-vertical-gap) 0;\n  border-radius: 0;\n}\n.datePicker_0d0d1cb8bd .datePickerBody_e6aa78c8c4 .datePickerDay_5f9e80f4c8.datePickerRemoveFromRange_b41618ce01:not(.datePickerDayRangeStart_cf36acc16e):not(.datePickerDayRangeEnd_f05d42d5ba), .datePicker_0d0d1cb8bd .datePickerBody_e6aa78c8c4 .datePickerDay_5f9e80f4c8.datePickerAddToRangeStart_7c322ad5cc:not(.datePickerDayRangeMiddle_50455120aa):not(.datePickerDayRangeEnd_f05d42d5ba), .datePicker_0d0d1cb8bd .datePickerBody_e6aa78c8c4 .datePickerDay_5f9e80f4c8.datePickerAddToRangeEnd_3148ad1192:not(.datePickerDayRangeMiddle_50455120aa):not(.datePickerDayRangeStart_cf36acc16e), .datePicker_0d0d1cb8bd .datePickerBody_e6aa78c8c4 .datePickerDay_5f9e80f4c8.datePickerAddToRangeMiddle_93f93cbf3b {\n  background: var(--day-picker-day-change-range);\n  border-color: var(--day-picker-day-change-range);\n}\n.datePicker_0d0d1cb8bd .datePickerBody_e6aa78c8c4 tr td:first-child .datePickerDay_5f9e80f4c8.datePickerDayRangeMiddle_50455120aa, .datePicker_0d0d1cb8bd .datePickerBody_e6aa78c8c4 tr td:first-child .datePickerDay_5f9e80f4c8.datePickerAddToRangeStart_7c322ad5cc:not(.datePickerDayRangeStart_cf36acc16e):not(.datePickerDayRangeEnd_f05d42d5ba), .datePicker_0d0d1cb8bd .datePickerBody_e6aa78c8c4 tr td:first-child .datePickerDay_5f9e80f4c8.datePickerAddToRangeMiddle_93f93cbf3b, .datePicker_0d0d1cb8bd .datePickerBody_e6aa78c8c4 tr td:first-child .datePickerDay_5f9e80f4c8.datePickerAddToRangeEnd_3148ad1192:not(.datePickerDayRangeStart_cf36acc16e):not(.datePickerDayRangeEnd_f05d42d5ba) {\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_0d0d1cb8bd .datePickerBody_e6aa78c8c4 tr td:first-child .datePickerDay_5f9e80f4c8.datePickerRemoveFromRange_b41618ce01 {\n  border-color: var(--day-picker-day-change-range);\n}\n.datePicker_0d0d1cb8bd .datePickerBody_e6aa78c8c4 tr td:first-child .datePickerDay_5f9e80f4c8.datePickerAddToRangeEnd_3148ad1192, .datePicker_0d0d1cb8bd .datePickerBody_e6aa78c8c4 tr td:first-child .datePickerDay_5f9e80f4c8.datePickerDayRangeEnd_f05d42d5ba:not(.datePickerDayRangeStart_cf36acc16e) {\n  margin-inline-end: 0;\n}\n.datePicker_0d0d1cb8bd .datePickerBody_e6aa78c8c4 tr td:last-child .datePickerDay_5f9e80f4c8.datePickerDayRangeMiddle_50455120aa, .datePicker_0d0d1cb8bd .datePickerBody_e6aa78c8c4 tr td:last-child .datePickerDay_5f9e80f4c8.datePickerAddToRangeStart_7c322ad5cc:not(.datePickerDayRangeStart_cf36acc16e):not(.datePickerDayRangeEnd_f05d42d5ba), .datePicker_0d0d1cb8bd .datePickerBody_e6aa78c8c4 tr td:last-child .datePickerDay_5f9e80f4c8.datePickerAddToRangeMiddle_93f93cbf3b, .datePicker_0d0d1cb8bd .datePickerBody_e6aa78c8c4 tr td:last-child .datePickerDay_5f9e80f4c8.datePickerAddToRangeEnd_3148ad1192:not(.datePickerDayRangeStart_cf36acc16e):not(.datePickerDayRangeEnd_f05d42d5ba) {\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_0d0d1cb8bd .datePickerBody_e6aa78c8c4 tr td:last-child .datePickerDay_5f9e80f4c8.datePickerRemoveFromRange_b41618ce01 {\n  border-color: var(--day-picker-day-change-range);\n}\n.datePicker_0d0d1cb8bd .datePickerBody_e6aa78c8c4 tr td:last-child .datePickerDay_5f9e80f4c8.datePickerAddToRangeStart_7c322ad5cc, .datePicker_0d0d1cb8bd .datePickerBody_e6aa78c8c4 tr td:last-child .datePickerDay_5f9e80f4c8.datePickerDayRangeStart_cf36acc16e:not(.datePickerDayRangeEnd_f05d42d5ba) {\n  margin-inline-start: 0;\n}\n.datePicker_0d0d1cb8bd .datePickerBody_e6aa78c8c4 tr td:first-child .datePickerDay_5f9e80f4c8.datePickerAddToRangeStart_7c322ad5cc:not(.datePickerDayRangeMiddle_50455120aa), .datePicker_0d0d1cb8bd .datePickerBody_e6aa78c8c4 tr td:first-child .datePickerDay_5f9e80f4c8.datePickerAddToRangeMiddle_93f93cbf3b, .datePicker_0d0d1cb8bd .datePickerBody_e6aa78c8c4 tr td:first-child .datePickerDay_5f9e80f4c8.datePickerAddToRangeEnd_3148ad1192:not(.datePickerDayRangeMiddle_50455120aa),\n.datePicker_0d0d1cb8bd .datePickerBody_e6aa78c8c4 tr td:last-child .datePickerDay_5f9e80f4c8.datePickerAddToRangeStart_7c322ad5cc:not(.datePickerDayRangeMiddle_50455120aa),\n.datePicker_0d0d1cb8bd .datePickerBody_e6aa78c8c4 tr td:last-child .datePickerDay_5f9e80f4c8.datePickerAddToRangeMiddle_93f93cbf3b,\n.datePicker_0d0d1cb8bd .datePickerBody_e6aa78c8c4 tr td:last-child .datePickerDay_5f9e80f4c8.datePickerAddToRangeEnd_3148ad1192:not(.datePickerDayRangeMiddle_50455120aa) {\n  border-color: var(--day-picker-day-change-range);\n}\n.datePicker_0d0d1cb8bd .datePickerBody_e6aa78c8c4 tr td:first-child .datePickerDay_5f9e80f4c8.datePickerDaySelected_f05d42d5ba.datePickerDayRangeEnd_f05d42d5ba.datePickerAddToRangeStart_7c322ad5cc,\n.datePicker_0d0d1cb8bd .datePickerBody_e6aa78c8c4 tr td:last-child .datePickerDay_5f9e80f4c8.datePickerDaySelected_f05d42d5ba.datePickerDayRangeEnd_f05d42d5ba.datePickerAddToRangeStart_7c322ad5cc {\n  border-inline-start-width: 0;\n}\n.datePicker_0d0d1cb8bd .datePickerBody_e6aa78c8c4 tr td:first-child .datePickerDay_5f9e80f4c8.datePickerDaySelected_f05d42d5ba.datePickerDayRangeStart_cf36acc16e.datePickerAddToRangeEnd_3148ad1192,\n.datePicker_0d0d1cb8bd .datePickerBody_e6aa78c8c4 tr td:last-child .datePickerDay_5f9e80f4c8.datePickerDaySelected_f05d42d5ba.datePickerDayRangeStart_cf36acc16e.datePickerAddToRangeEnd_3148ad1192 {\n  border-inline-end-width: 0;\n}\n.datePicker_0d0d1cb8bd .datePickerBody_e6aa78c8c4 .datePickerDaySelected_f05d42d5ba.datePickerDayRangeEnd_f05d42d5ba.datePickerAddToRangeStart_7c322ad5cc {\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_0d0d1cb8bd .datePickerBody_e6aa78c8c4 .datePickerDaySelected_f05d42d5ba.datePickerDayRangeEnd_f05d42d5ba.datePickerAddToRangeStart_7c322ad5cc:not(.datePickerHalfRangeSelected_687286bf73) {\n  margin-inline-start: calc(var(--day-picker-days-horizontal-gap) * -1);\n}\n.datePicker_0d0d1cb8bd .datePickerBody_e6aa78c8c4 .datePickerDaySelected_f05d42d5ba.datePickerDayRangeStart_cf36acc16e.datePickerAddToRangeEnd_3148ad1192 {\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_0d0d1cb8bd .datePickerBody_e6aa78c8c4 .datePickerDaySelected_f05d42d5ba.datePickerDayRangeStart_cf36acc16e.datePickerAddToRangeEnd_3148ad1192:not(.datePickerHalfRangeSelected_687286bf73) {\n  margin-inline-end: calc(var(--day-picker-days-horizontal-gap) * -1);\n}');export{e as default};
+var e={datePicker:"datePicker_2b3ff618b4",datePickerMonths:"datePickerMonths_50e6473c3f",withWeekNumber:"withWeekNumber_f6ee223ebb",datePickerHead:"datePickerHead_e88f5c6548",datePickerBody:"datePickerBody_e88f5c6548",datePickerTable:"datePickerTable_d6a7d7bf96",datePickerDay:"datePickerDay_b24aa4ddfa",datePickerDayContent:"datePickerDayContent_8daf228cb3",datePickerDayDisabled:"datePickerDayDisabled_1f346c230a",datePickerAddToRangeStart:"datePickerAddToRangeStart_573b7be189",datePickerAddToRangeEnd:"datePickerAddToRangeEnd_c82b9719ed",datePickerAddToRangeMiddle:"datePickerAddToRangeMiddle_d6afd8cb3a",datePickerDayRangeStart:"datePickerDayRangeStart_c6a41be6a1",datePickerDayRangeEnd:"datePickerDayRangeEnd_1566310184",datePickerDayOutside:"datePickerDayOutside_704f6cb59a",datePickerDaySelected:"datePickerDaySelected_1566310184",datePickerDayRangeMiddle:"datePickerDayRangeMiddle_7278ecb1ae",datePickerRemoveFromRange:"datePickerRemoveFromRange_42f384c69f",datePickerHalfRangeSelected:"datePickerHalfRangeSelected_c65f261562"};!function(e){const a="s_id-601bce29f4a5_4_3_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_2b3ff618b4 {\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_2b3ff618b4 .datePickerMonths_50e6473c3f {\n  display: flex;\n  flex-direction: row;\n  gap: var(--space-16);\n  align-items: flex-start;\n}\n.datePicker_2b3ff618b4.withWeekNumber_f6ee223ebb {\n  --day-picker-days-horizontal-gap: 2px;\n  width: 284px;\n  margin: 0;\n}\n.datePicker_2b3ff618b4.withWeekNumber_f6ee223ebb .datePickerHead_e88f5c6548 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_2b3ff618b4.withWeekNumber_f6ee223ebb .datePickerHead_e88f5c6548 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_2b3ff618b4.withWeekNumber_f6ee223ebb .datePickerBody_e88f5c6548 td:first-child {\n  background-color: var(--primary-background-hover-color);\n}\n.datePicker_2b3ff618b4.withWeekNumber_f6ee223ebb .datePickerBody_e88f5c6548 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_2b3ff618b4 .datePickerTable_d6a7d7bf96 {\n  margin-top: var(--space-8);\n  border-collapse: collapse;\n  height: var(--day-picker-content-height);\n}\n.datePicker_2b3ff618b4 .datePickerHead_e88f5c6548 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_2b3ff618b4 .datePickerBody_e88f5c6548 td {\n  color: var(--secondary-text-color);\n  font: var(--font-text2-normal);\n  text-align: center;\n  padding: 0;\n}\n.datePicker_2b3ff618b4 .datePickerBody_e88f5c6548 .datePickerDay_b24aa4ddfa {\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_2b3ff618b4 .datePickerBody_e88f5c6548 .datePickerDay_b24aa4ddfa .datePickerDayContent_8daf228cb3 {\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_2b3ff618b4 .datePickerBody_e88f5c6548 .datePickerDay_b24aa4ddfa:focus-visible {\n  outline: none;\n}\n.datePicker_2b3ff618b4 .datePickerBody_e88f5c6548 .datePickerDay_b24aa4ddfa:focus-visible .datePickerDayContent_8daf228cb3 {\n  outline: 2px solid var(--primary-color);\n}\n.datePicker_2b3ff618b4 .datePickerBody_e88f5c6548 .datePickerDay_b24aa4ddfa.datePickerDayDisabled_1f346c230a {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n.datePicker_2b3ff618b4 .datePickerBody_e88f5c6548 .datePickerDay_b24aa4ddfa:not(.datePickerDayDisabled_1f346c230a):not(.datePickerAddToRangeStart_573b7be189):not(.datePickerAddToRangeEnd_c82b9719ed):not(.datePickerAddToRangeMiddle_d6afd8cb3a):not(.datePickerDayRangeStart_c6a41be6a1):not(.datePickerDayRangeEnd_1566310184) .datePickerDayContent_8daf228cb3:hover {\n  background: var(--primary-background-hover-color);\n}\n.datePicker_2b3ff618b4 .datePickerBody_e88f5c6548 .datePickerDay_b24aa4ddfa.datePickerDayOutside_704f6cb59a {\n  color: var(--disabled-text-color);\n}\n.datePicker_2b3ff618b4 .datePickerBody_e88f5c6548 .datePickerDay_b24aa4ddfa.datePickerDaySelected_1566310184:not(.datePickerDayRangeMiddle_7278ecb1ae):not(.datePickerRemoveFromRange_42f384c69f) {\n  background: var(--primary-color);\n  color: var(--text-color-on-primary);\n}\n.datePicker_2b3ff618b4 .datePickerBody_e88f5c6548 .datePickerDay_b24aa4ddfa.datePickerDayRangeStart_c6a41be6a1:not(.datePickerDayRangeEnd_1566310184):not(.datePickerRemoveFromRange_42f384c69f), .datePicker_2b3ff618b4 .datePickerBody_e88f5c6548 .datePickerDay_b24aa4ddfa.datePickerDayRangeEnd_1566310184:not(.datePickerDayRangeStart_c6a41be6a1):not(.datePickerRemoveFromRange_42f384c69f) {\n  background: var(--primary-color);\n  width: calc(var(--day-picker-day-width) + var(--day-picker-days-horizontal-gap));\n}\n.datePicker_2b3ff618b4 .datePickerBody_e88f5c6548 .datePickerDay_b24aa4ddfa.datePickerDayRangeStart_c6a41be6a1.datePickerRemoveFromRange_42f384c69f, .datePicker_2b3ff618b4 .datePickerBody_e88f5c6548 .datePickerDay_b24aa4ddfa.datePickerDayRangeEnd_1566310184.datePickerRemoveFromRange_42f384c69f {\n  background: var(--primary-color);\n  color: var(--text-color-on-primary);\n}\n.datePicker_2b3ff618b4 .datePickerBody_e88f5c6548 .datePickerDay_b24aa4ddfa.datePickerDayRangeStart_c6a41be6a1.datePickerRemoveFromRange_42f384c69f:not(.datePickerDayRangeEnd_1566310184), .datePicker_2b3ff618b4 .datePickerBody_e88f5c6548 .datePickerDay_b24aa4ddfa.datePickerDayRangeEnd_1566310184.datePickerRemoveFromRange_42f384c69f:not(.datePickerDayRangeStart_c6a41be6a1) {\n  width: calc(var(--day-picker-day-width) + var(--day-picker-days-horizontal-gap));\n}\n.datePicker_2b3ff618b4 .datePickerBody_e88f5c6548 .datePickerDay_b24aa4ddfa.datePickerAddToRangeStart_573b7be189, .datePicker_2b3ff618b4 .datePickerBody_e88f5c6548 .datePickerDay_b24aa4ddfa.datePickerDayRangeStart_c6a41be6a1:not(.datePickerDayRangeEnd_1566310184) {\n  margin-inline-end: 0;\n  border-start-end-radius: 0;\n  border-end-end-radius: 0;\n}\n.datePicker_2b3ff618b4 .datePickerBody_e88f5c6548 .datePickerDay_b24aa4ddfa.datePickerAddToRangeEnd_c82b9719ed, .datePicker_2b3ff618b4 .datePickerBody_e88f5c6548 .datePickerDay_b24aa4ddfa.datePickerDayRangeEnd_1566310184:not(.datePickerDayRangeStart_c6a41be6a1) {\n  margin-inline-start: 0;\n  border-start-start-radius: 0;\n  border-end-start-radius: 0;\n}\n.datePicker_2b3ff618b4 .datePickerBody_e88f5c6548 .datePickerDay_b24aa4ddfa.datePickerAddToRangeStart_573b7be189, .datePicker_2b3ff618b4 .datePickerBody_e88f5c6548 .datePickerDay_b24aa4ddfa.datePickerAddToRangeEnd_c82b9719ed, .datePicker_2b3ff618b4 .datePickerBody_e88f5c6548 .datePickerDay_b24aa4ddfa.datePickerAddToRangeMiddle_d6afd8cb3a {\n  margin: var(--day-picker-days-vertical-gap) 0;\n}\n.datePicker_2b3ff618b4 .datePickerBody_e88f5c6548 .datePickerDay_b24aa4ddfa.datePickerAddToRangeStart_573b7be189:not(.datePickerDayRangeStart_c6a41be6a1):not(.datePickerDayRangeEnd_1566310184), .datePicker_2b3ff618b4 .datePickerBody_e88f5c6548 .datePickerDay_b24aa4ddfa.datePickerAddToRangeEnd_c82b9719ed:not(.datePickerDayRangeStart_c6a41be6a1):not(.datePickerDayRangeEnd_1566310184), .datePicker_2b3ff618b4 .datePickerBody_e88f5c6548 .datePickerDay_b24aa4ddfa.datePickerAddToRangeMiddle_d6afd8cb3a, .datePicker_2b3ff618b4 .datePickerBody_e88f5c6548 .datePickerDay_b24aa4ddfa.datePickerDayRangeMiddle_7278ecb1ae:not(.datePickerAddToRangeStart_573b7be189):not(.datePickerAddToRangeEnd_c82b9719ed) {\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_2b3ff618b4 .datePickerBody_e88f5c6548 .datePickerDay_b24aa4ddfa.datePickerAddToRangeMiddle_d6afd8cb3a, .datePicker_2b3ff618b4 .datePickerBody_e88f5c6548 .datePickerDay_b24aa4ddfa.datePickerDayRangeMiddle_7278ecb1ae:not(.datePickerAddToRangeStart_573b7be189):not(.datePickerAddToRangeEnd_c82b9719ed) {\n  background: var(--primary-selected-color);\n  margin: var(--day-picker-days-vertical-gap) 0;\n  border-radius: 0;\n}\n.datePicker_2b3ff618b4 .datePickerBody_e88f5c6548 .datePickerDay_b24aa4ddfa.datePickerRemoveFromRange_42f384c69f:not(.datePickerDayRangeStart_c6a41be6a1):not(.datePickerDayRangeEnd_1566310184), .datePicker_2b3ff618b4 .datePickerBody_e88f5c6548 .datePickerDay_b24aa4ddfa.datePickerAddToRangeStart_573b7be189:not(.datePickerDayRangeMiddle_7278ecb1ae):not(.datePickerDayRangeEnd_1566310184), .datePicker_2b3ff618b4 .datePickerBody_e88f5c6548 .datePickerDay_b24aa4ddfa.datePickerAddToRangeEnd_c82b9719ed:not(.datePickerDayRangeMiddle_7278ecb1ae):not(.datePickerDayRangeStart_c6a41be6a1), .datePicker_2b3ff618b4 .datePickerBody_e88f5c6548 .datePickerDay_b24aa4ddfa.datePickerAddToRangeMiddle_d6afd8cb3a {\n  background: var(--day-picker-day-change-range);\n  border-color: var(--day-picker-day-change-range);\n}\n.datePicker_2b3ff618b4 .datePickerBody_e88f5c6548 tr td:first-child .datePickerDay_b24aa4ddfa.datePickerDayRangeMiddle_7278ecb1ae, .datePicker_2b3ff618b4 .datePickerBody_e88f5c6548 tr td:first-child .datePickerDay_b24aa4ddfa.datePickerAddToRangeStart_573b7be189:not(.datePickerDayRangeStart_c6a41be6a1):not(.datePickerDayRangeEnd_1566310184), .datePicker_2b3ff618b4 .datePickerBody_e88f5c6548 tr td:first-child .datePickerDay_b24aa4ddfa.datePickerAddToRangeMiddle_d6afd8cb3a, .datePicker_2b3ff618b4 .datePickerBody_e88f5c6548 tr td:first-child .datePickerDay_b24aa4ddfa.datePickerAddToRangeEnd_c82b9719ed:not(.datePickerDayRangeStart_c6a41be6a1):not(.datePickerDayRangeEnd_1566310184) {\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_2b3ff618b4 .datePickerBody_e88f5c6548 tr td:first-child .datePickerDay_b24aa4ddfa.datePickerRemoveFromRange_42f384c69f {\n  border-color: var(--day-picker-day-change-range);\n}\n.datePicker_2b3ff618b4 .datePickerBody_e88f5c6548 tr td:first-child .datePickerDay_b24aa4ddfa.datePickerAddToRangeEnd_c82b9719ed, .datePicker_2b3ff618b4 .datePickerBody_e88f5c6548 tr td:first-child .datePickerDay_b24aa4ddfa.datePickerDayRangeEnd_1566310184:not(.datePickerDayRangeStart_c6a41be6a1) {\n  margin-inline-end: 0;\n}\n.datePicker_2b3ff618b4 .datePickerBody_e88f5c6548 tr td:last-child .datePickerDay_b24aa4ddfa.datePickerDayRangeMiddle_7278ecb1ae, .datePicker_2b3ff618b4 .datePickerBody_e88f5c6548 tr td:last-child .datePickerDay_b24aa4ddfa.datePickerAddToRangeStart_573b7be189:not(.datePickerDayRangeStart_c6a41be6a1):not(.datePickerDayRangeEnd_1566310184), .datePicker_2b3ff618b4 .datePickerBody_e88f5c6548 tr td:last-child .datePickerDay_b24aa4ddfa.datePickerAddToRangeMiddle_d6afd8cb3a, .datePicker_2b3ff618b4 .datePickerBody_e88f5c6548 tr td:last-child .datePickerDay_b24aa4ddfa.datePickerAddToRangeEnd_c82b9719ed:not(.datePickerDayRangeStart_c6a41be6a1):not(.datePickerDayRangeEnd_1566310184) {\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_2b3ff618b4 .datePickerBody_e88f5c6548 tr td:last-child .datePickerDay_b24aa4ddfa.datePickerRemoveFromRange_42f384c69f {\n  border-color: var(--day-picker-day-change-range);\n}\n.datePicker_2b3ff618b4 .datePickerBody_e88f5c6548 tr td:last-child .datePickerDay_b24aa4ddfa.datePickerAddToRangeStart_573b7be189, .datePicker_2b3ff618b4 .datePickerBody_e88f5c6548 tr td:last-child .datePickerDay_b24aa4ddfa.datePickerDayRangeStart_c6a41be6a1:not(.datePickerDayRangeEnd_1566310184) {\n  margin-inline-start: 0;\n}\n.datePicker_2b3ff618b4 .datePickerBody_e88f5c6548 tr td:first-child .datePickerDay_b24aa4ddfa.datePickerAddToRangeStart_573b7be189:not(.datePickerDayRangeMiddle_7278ecb1ae), .datePicker_2b3ff618b4 .datePickerBody_e88f5c6548 tr td:first-child .datePickerDay_b24aa4ddfa.datePickerAddToRangeMiddle_d6afd8cb3a, .datePicker_2b3ff618b4 .datePickerBody_e88f5c6548 tr td:first-child .datePickerDay_b24aa4ddfa.datePickerAddToRangeEnd_c82b9719ed:not(.datePickerDayRangeMiddle_7278ecb1ae),\n.datePicker_2b3ff618b4 .datePickerBody_e88f5c6548 tr td:last-child .datePickerDay_b24aa4ddfa.datePickerAddToRangeStart_573b7be189:not(.datePickerDayRangeMiddle_7278ecb1ae),\n.datePicker_2b3ff618b4 .datePickerBody_e88f5c6548 tr td:last-child .datePickerDay_b24aa4ddfa.datePickerAddToRangeMiddle_d6afd8cb3a,\n.datePicker_2b3ff618b4 .datePickerBody_e88f5c6548 tr td:last-child .datePickerDay_b24aa4ddfa.datePickerAddToRangeEnd_c82b9719ed:not(.datePickerDayRangeMiddle_7278ecb1ae) {\n  border-color: var(--day-picker-day-change-range);\n}\n.datePicker_2b3ff618b4 .datePickerBody_e88f5c6548 tr td:first-child .datePickerDay_b24aa4ddfa.datePickerDaySelected_1566310184.datePickerDayRangeEnd_1566310184.datePickerAddToRangeStart_573b7be189,\n.datePicker_2b3ff618b4 .datePickerBody_e88f5c6548 tr td:last-child .datePickerDay_b24aa4ddfa.datePickerDaySelected_1566310184.datePickerDayRangeEnd_1566310184.datePickerAddToRangeStart_573b7be189 {\n  border-inline-start-width: 0;\n}\n.datePicker_2b3ff618b4 .datePickerBody_e88f5c6548 tr td:first-child .datePickerDay_b24aa4ddfa.datePickerDaySelected_1566310184.datePickerDayRangeStart_c6a41be6a1.datePickerAddToRangeEnd_c82b9719ed,\n.datePicker_2b3ff618b4 .datePickerBody_e88f5c6548 tr td:last-child .datePickerDay_b24aa4ddfa.datePickerDaySelected_1566310184.datePickerDayRangeStart_c6a41be6a1.datePickerAddToRangeEnd_c82b9719ed {\n  border-inline-end-width: 0;\n}\n.datePicker_2b3ff618b4 .datePickerBody_e88f5c6548 .datePickerDaySelected_1566310184.datePickerDayRangeEnd_1566310184.datePickerAddToRangeStart_573b7be189 {\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_2b3ff618b4 .datePickerBody_e88f5c6548 .datePickerDaySelected_1566310184.datePickerDayRangeEnd_1566310184.datePickerAddToRangeStart_573b7be189:not(.datePickerHalfRangeSelected_c65f261562) {\n  margin-inline-start: calc(var(--day-picker-days-horizontal-gap) * -1);\n}\n.datePicker_2b3ff618b4 .datePickerBody_e88f5c6548 .datePickerDaySelected_1566310184.datePickerDayRangeStart_c6a41be6a1.datePickerAddToRangeEnd_c82b9719ed {\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_2b3ff618b4 .datePickerBody_e88f5c6548 .datePickerDaySelected_1566310184.datePickerDayRangeStart_c6a41be6a1.datePickerAddToRangeEnd_c82b9719ed:not(.datePickerHalfRangeSelected_c65f261562) {\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_b9bba99e0b",yearButtonDropdown:"yearButtonDropdown_60272c9f5f",datePickerHeader:"datePickerHeader_6748ab612d"};!function(e){const t="s_id-a12251d5376d_4_2_4";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_b9bba99e0b {\n  min-width: 70px;\n  justify-content: space-between;\n}\n.yearButtonDropdown_60272c9f5f {\n  justify-content: space-between;\n}\n.datePickerHeader_6748ab612d {\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_6748ab612d button:focus:not(:active), .datePickerHeader_6748ab612d 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_4f6fd1304d",yearButtonDropdown:"yearButtonDropdown_c4a0957a71",datePickerHeader:"datePickerHeader_6091331aca"};!function(e){const t="s_id-a12251d5376d_4_3_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_4f6fd1304d {\n  min-width: 70px;\n  justify-content: space-between;\n}\n.yearButtonDropdown_c4a0957a71 {\n  justify-content: space-between;\n}\n.datePickerHeader_6091331aca {\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_6091331aca button:focus:not(:active), .datePickerHeader_6091331aca 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_74729aef65",withoutMargin:"withoutMargin_c8daf025ca",horizontal:"horizontal_585cc99dfb",vertical:"vertical_3f806e496c"};!function(e){const n="s_id-8d5ec08ca0ea_4_2_4";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_74729aef65 {\n  background-color: var(--layout-border-color);\n}\n\n.divider_74729aef65.withoutMargin_c8daf025ca {\n  margin: 0;\n}\n\n.horizontal_585cc99dfb {\n  height: 1px;\n  width: 100%;\n  margin: var(--space-8) 0;\n}\n\n.vertical_3f806e496c {\n  height: 100%;\n  width: 1px;\n  margin: 0 var(--space-4);\n}");export{e as default};
+var e={divider:"divider_0a50d80649",withoutMargin:"withoutMargin_2adc45de82",horizontal:"horizontal_5b3c40d3f9",vertical:"vertical_1af3fd6853"};!function(e){const n="s_id-8d5ec08ca0ea_4_3_0";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,d.firstChild?d.insertBefore(t,d.firstChild):d.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".divider_0a50d80649 {\n  background-color: var(--layout-border-color);\n}\n\n.divider_0a50d80649.withoutMargin_2adc45de82 {\n  margin: 0;\n}\n\n.horizontal_5b3c40d3f9 {\n  height: 1px;\n  width: 100%;\n  margin: var(--space-8) 0;\n}\n\n.vertical_1af3fd6853 {\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.module.scss.js

@@ -1,2 +1,2 @@
-var r={outerWrapper:"outerWrapper_db334863f2",wrapper:"wrapper_4242194556",active:"active_3958ad21a6",disabled:"disabled_e72ab46ae3",readOnly:"readOnly_0d25f4f27e",error:"error_3da5feaf20",boxMode:"boxMode_bb4d2c97bb",borderless:"borderless_bd93ab60ac",helperText:"helperText_c655b07d8b"};!function(r){const e="s_id-8dd14e35d33c_4_2_4";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_db334863f2 {\n  width: 100%;\n}\n\n.wrapper_4242194556 {\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_4242194556:hover {\n  --border-color: var(--primary-text-color);\n}\n\n.wrapper_4242194556.active_3958ad21a6, .wrapper_4242194556:focus {\n  --border-color: var(--primary-color);\n}\n\n.wrapper_4242194556.disabled_e72ab46ae3 {\n  --border-color: var(--disabled-background-color);\n  --background-color: var(--disabled-background-color);\n  cursor: not-allowed;\n}\n\n.wrapper_4242194556.readOnly_0d25f4f27e {\n  --border-color: var(--allgrey-background-color);\n  --background-color: var(--allgrey-background-color);\n  cursor: default;\n}\n\n.wrapper_4242194556.error_3da5feaf20 {\n  --border-color: var(--negative-color);\n}\n\n.wrapper_4242194556.boxMode_bb4d2c97bb {\n  box-shadow: none;\n  background: transparent;\n  cursor: default;\n}\n\n.wrapper_4242194556.borderless_bd93ab60ac {\n  --border-color: transparent;\n}\n\n.wrapper_4242194556.borderless_bd93ab60ac:hover {\n  --border-color: var(--primary-text-color);\n}\n\n.wrapper_4242194556.borderless_bd93ab60ac.active_3958ad21a6, .wrapper_4242194556.borderless_bd93ab60ac:focus {\n  --border-color: var(--primary-color);\n}\n\n.helperText_c655b07d8b {\n  margin-top: var(--space-4);\n}");export{r as default};
+var r={outerWrapper:"outerWrapper_2d8ad12611",wrapper:"wrapper_4920adfa12",active:"active_b5b2c2bf36",disabled:"disabled_40ddcdb283",readOnly:"readOnly_f695698029",error:"error_5114124245",boxMode:"boxMode_f3ff0a5b82",borderless:"borderless_1dee57ba46",helperText:"helperText_22b90e1d77"};!function(r){const e="s_id-8dd14e35d33c_4_3_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const a=document.createElement("style");a.id=e,o.firstChild?o.insertBefore(a,o.firstChild):o.appendChild(a),a.appendChild(document.createTextNode(r))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=r)}(".outerWrapper_2d8ad12611 {\n  width: 100%;\n}\n\n.wrapper_4920adfa12 {\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_4920adfa12:hover {\n  --border-color: var(--primary-text-color);\n}\n\n.wrapper_4920adfa12.active_b5b2c2bf36, .wrapper_4920adfa12:focus {\n  --border-color: var(--primary-color);\n}\n\n.wrapper_4920adfa12.disabled_40ddcdb283 {\n  --border-color: var(--disabled-background-color);\n  --background-color: var(--disabled-background-color);\n  cursor: not-allowed;\n}\n\n.wrapper_4920adfa12.readOnly_f695698029 {\n  --border-color: var(--allgrey-background-color);\n  --background-color: var(--allgrey-background-color);\n  cursor: default;\n}\n\n.wrapper_4920adfa12.error_5114124245 {\n  --border-color: var(--negative-color);\n}\n\n.wrapper_4920adfa12.boxMode_f3ff0a5b82 {\n  box-shadow: none;\n  background: transparent;\n  cursor: default;\n}\n\n.wrapper_4920adfa12.borderless_1dee57ba46 {\n  --border-color: transparent;\n}\n\n.wrapper_4920adfa12.borderless_1dee57ba46:hover {\n  --border-color: var(--primary-text-color);\n}\n\n.wrapper_4920adfa12.borderless_1dee57ba46.active_b5b2c2bf36, .wrapper_4920adfa12.borderless_1dee57ba46:focus {\n  --border-color: var(--primary-color);\n}\n\n.helperText_22b90e1d77 {\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.module.scss.js

@@ -1,2 +1,2 @@
-var e={wrapper:"wrapper_6671123d92",groupTitle:"groupTitle_c982c310e1",sticky:"sticky_e5cb07ce40"};!function(e){const n="s_id-87eb930dd60f_4_2_4";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_6671123d92 {\n  overflow-y: auto;\n  padding: 0;\n  margin: 0;\n}\n.wrapper_6671123d92::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.wrapper_6671123d92::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.wrapper_6671123d92 .groupTitle_c982c310e1 {\n  color: var(--secondary-text-color);\n  padding: var(--space-8) var(--space-4);\n  background-color: var(--secondary-background-color);\n}\n.wrapper_6671123d92 .groupTitle_c982c310e1.sticky_e5cb07ce40 {\n  position: sticky;\n  top: 0;\n}\n.wrapper_6671123d92 > li:not(:last-child) {\n  margin-bottom: 2px;\n}");export{e as default};
+var e={wrapper:"wrapper_957a361f5f",groupTitle:"groupTitle_b4be7d3903",sticky:"sticky_1b1accb444"};!function(e){const n="s_id-87eb930dd60f_4_3_0";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_957a361f5f {\n  overflow-y: auto;\n  padding: 0;\n  margin: 0;\n}\n.wrapper_957a361f5f::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.wrapper_957a361f5f::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.wrapper_957a361f5f .groupTitle_b4be7d3903 {\n  color: var(--secondary-text-color);\n  padding: var(--space-8) var(--space-4);\n  background-color: var(--secondary-background-color);\n}\n.wrapper_957a361f5f .groupTitle_b4be7d3903.sticky_1b1accb444 {\n  position: sticky;\n  top: 0;\n}\n.wrapper_957a361f5f > 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_7bab2b18a2",inputContainer:"inputContainer_594828bfba",disabled:"disabled_b689d2c4dd",readOnly:"readOnly_189a344dbd",error:"error_3da5feaf20",menuContainer:"menuContainer_db334863f2"};!function(n){const r="s_id-f92aa28952f8_4_2_4";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_7bab2b18a2 {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n}\n\n.inputContainer_594828bfba {\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_594828bfba:hover {\n  --border-color: var(--primary-text-color);\n}\n\n.inputContainer_594828bfba:focus-within {\n  --border-color: var(--primary-color);\n}\n\n.inputContainer_594828bfba.disabled_b689d2c4dd {\n  --border-color: var(--disabled-background-color);\n  --background-color: var(--disabled-background-color);\n}\n\n.inputContainer_594828bfba.readOnly_189a344dbd {\n  --border-color: var(--allgrey-background-color);\n  --background-color: var(--allgrey-background-color);\n}\n\n.inputContainer_594828bfba.error_3da5feaf20 {\n  --border-color: var(--negative-color);\n}\n\n.menuContainer_db334863f2 {\n  width: 100%;\n}");export{n as default};
+var n={boxModeContainer:"boxModeContainer_9990693f56",inputContainer:"inputContainer_a39c18d108",disabled:"disabled_6f7229b328",readOnly:"readOnly_b3b1beb97a",error:"error_5114124245",menuContainer:"menuContainer_2d8ad12611"};!function(n){const r="s_id-f92aa28952f8_4_3_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_9990693f56 {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n}\n\n.inputContainer_a39c18d108 {\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_a39c18d108:hover {\n  --border-color: var(--primary-text-color);\n}\n\n.inputContainer_a39c18d108:focus-within {\n  --border-color: var(--primary-color);\n}\n\n.inputContainer_a39c18d108.disabled_6f7229b328 {\n  --border-color: var(--disabled-background-color);\n  --background-color: var(--disabled-background-color);\n}\n\n.inputContainer_a39c18d108.readOnly_b3b1beb97a {\n  --border-color: var(--allgrey-background-color);\n  --background-color: var(--allgrey-background-color);\n}\n\n.inputContainer_a39c18d108.error_5114124245 {\n  --border-color: var(--negative-color);\n}\n\n.menuContainer_2d8ad12611 {\n  width: 100%;\n}");export{n as default};
 //# sourceMappingURL=DropdownBoxMode.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={menuVisible:"menuVisible_d5a2ea220f",menuHidden:"menuHidden_8023fff38e"};!function(e){const i="s_id-448dc11ee0f4_4_2_4";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_d5a2ea220f {\n  visibility: visible;\n}\n\n.menuHidden_8023fff38e {\n  visibility: hidden;\n}");export{e as default};
+var e={menuVisible:"menuVisible_27b45b999b",menuHidden:"menuHidden_65820ebfd9"};!function(e){const i="s_id-448dc11ee0f4_4_3_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_27b45b999b {\n  visibility: visible;\n}\n\n.menuHidden_65820ebfd9 {\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,useMemo as r,createRef as i}from"react";import a from"../../../Chips/Chips.js";import l from"../../../../hooks/useItemsOverflow/useItemsOverflow.js";import s from"./MultiSelectedValues.module.scss.js";import c from"classnames";import d from"../Trigger/DropdownChip.js";import u from"../../../../../components/dialog/dist/DialogContentContainer/DialogContentContainer.js";import p from"../../../../../components/layout/dist/Flex/Flex.js";import m from"../../../../../components/dialog/dist/Dialog/Dialog.js";function f(f){var g=f.selectedItems,h=f.onRemove,v=f.renderInput,C=f.disabled,b=f.readOnly,w=f.minVisibleCount,y=void 0===w?0:w,D=f.getChipContainerProps,E=f.badgeRef,j=o(null),k=o(null),N=r((function(){return g.map((function(){return i()}))}),[g]),O=l({containerRef:j,itemRefs:N,gap:4,deductedSpaceRef:k,deductedWidth:v?48:0,minVisibleCount:1===g.length?1:y}),W=O.visibleCount,x=O.hasMeasured,I=r((function(){var e=g.length>W?g.slice(W):[];return{hiddenItems:e,hiddenCount:e.length}}),[g,W]),P=I.hiddenItems,R=I.hiddenCount,M=r((function(){return function(){return t.createElement(u,null,t.createElement(p,{direction:"column",gap:"xs",align:"start",className:s.hiddenChipsDialog},P.map((function(e){return t.createElement(d,{key:"dropdown-chip-dialog-".concat(e.value),item:e,onDelete:function(){return h(e)},className:s.dialogChip,disabled:C,readOnly:b})}))))}}),[P,h,C,b]),T=r((function(){return g.map((function(o,r){var i=W>r,a=i&&D?D(o,r):{},l=a.ref,u=n(a,["ref"]);return t.createElement("div",Object.assign({key:"dropdown-chip-visible-".concat(o.value),ref:function(e){N[r].current=e,"function"==typeof l&&l(e)},className:c(e(e({},s.chipWrapperWithOverflow,void 0!==y),s.hiddenChip,!i)),"aria-hidden":!i,"data-testid":"dropdown-chip-".concat(o.value)},u),t.createElement(d,{item:o,onDelete:function(){return h(o)},disabled:C,readOnly:b,className:s.visibleChip}))}))}),[g,W,h,N,C,b,y,D]);return(null==g?void 0:g.length)?t.createElement(p,{align:"center",wrap:!1,gap:"xs",ref:j,className:c(s.containerWrapper,e(e({},s.singleChip,1===g.length),s.measuring,!x))},T,t.createElement(p,{gap:"xs",className:s.inputAndCounterWrapper},R>0&&t.createElement("div",{ref:k,onClick:function(e){e.stopPropagation()},onKeyDown:function(e){var n,t;e.stopPropagation(),"ArrowLeft"===e.key&&(e.preventDefault(),null===(t=null===(n=N[W-1])||void 0===n?void 0:n.current)||void 0===t||t.focus())},onMouseDown:function(e){e.stopPropagation()}},t.createElement(m,{content:M,showTrigger:["click","enter"],hideTrigger:["clickoutside","enter"],position:"bottom",moveBy:{main:4},hideWhenReferenceHidden:!0,addKeyboardHideShowTriggersByDefault:!0},t.createElement(a,{ref:E,label:"+ ".concat(R),readOnly:!0,noMargin:!0,"aria-label":"+".concat(R,". ").concat(g.length-R," items are visible out of ").concat(g.length),"data-testid":"dropdown-overflow-counter",className:s.overflowCounter,onClick:function(){},onMouseDown:function(e){e.preventDefault()}}))),v&&t.createElement("div",{className:s.inputWrapper},v()))):null}export{f 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":"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"}
+{"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  /** 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\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      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      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              hideTrigger={[\"clickoutside\", \"enter\"]}\n              position=\"bottom\"\n              moveBy={{ main: 4 }}\n              hideWhenReferenceHidden\n              addKeyboardHideShowTriggersByDefault\n            >\n              <Chips\n                ref={badgeRef}\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","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","extraProps","extraRef","ref","extraAttrs","__rest","Object","assign","el","current","cx","_defineProperty","chipWrapperWithOverflow","undefined","hiddenChip","visibleChip","wrap","containerWrapper","singleChip","measuring","inputAndCounterWrapper","onClick","e","stopPropagation","onKeyDown","preventDefault","_b","_a","focus","onMouseDown","Dialog","content","showTrigger","hideTrigger","position","moveBy","main","hideWhenReferenceHidden","addKeyboardHideShowTriggersByDefault","Chips","label","noMargin","overflowCounter","inputWrapper"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-var n={containerWrapper:"containerWrapper_f57f7f12aa",singleChip:"singleChip_dc137edcd5",measuring:"measuring_87466057e6",hiddenChip:"hiddenChip_57c42f4b14",inputAndCounterWrapper:"inputAndCounterWrapper_f8a60b0cf8",inputWrapper:"inputWrapper_26f0fa181d",chipWrapperWithOverflow:"chipWrapperWithOverflow_07adcaa4c2",visibleChip:"visibleChip_7c954d1e2f",hiddenChipsDialog:"hiddenChipsDialog_8189b6f25c",dialogChip:"dialogChip_7c954d1e2f"};!function(n){const i="s_id-a777ca35d111_4_2_4";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+i))return;const d=document.createElement("style");d.id=i,e.firstChild?e.insertBefore(d,e.firstChild):e.appendChild(d),d.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[i]=n)}(".containerWrapper_f57f7f12aa {\n  min-width: 1px;\n  flex-grow: 1;\n}\n.containerWrapper_f57f7f12aa.singleChip_dc137edcd5 > div:first-child {\n  min-width: 50px;\n  flex-shrink: 1;\n}\n.containerWrapper_f57f7f12aa.singleChip_dc137edcd5 > div:first-child div {\n  max-width: 100%;\n}\n.containerWrapper_f57f7f12aa.measuring_87466057e6 > div:not(.hiddenChip_57c42f4b14) {\n  opacity: 0;\n}\n.inputAndCounterWrapper_f8a60b0cf8 {\n  flex-grow: 1;\n  min-width: 0;\n}\n.inputWrapper_26f0fa181d {\n  flex-grow: 1;\n}\n.inputWrapper_26f0fa181d input {\n  width: 100%;\n}\n.chipWrapperWithOverflow_07adcaa4c2 {\n  max-width: 100%;\n  flex-shrink: 0;\n}\n.chipWrapperWithOverflow_07adcaa4c2 .visibleChip_7c954d1e2f {\n  max-width: 100%;\n}\n.hiddenChip_57c42f4b14 {\n  position: absolute;\n  visibility: hidden;\n  pointer-events: none;\n  z-index: -1;\n}\n.hiddenChipsDialog_8189b6f25c {\n  max-width: 192px;\n}\n.dialogChip_7c954d1e2f {\n  max-width: 100%;\n}");export{n as default};
+var n={containerWrapper:"containerWrapper_c52a955621",singleChip:"singleChip_d6d616a3fd",measuring:"measuring_7b32e0e22f",hiddenChip:"hiddenChip_10493bc592",inputAndCounterWrapper:"inputAndCounterWrapper_a5f9090649",inputWrapper:"inputWrapper_b83435fe68",chipWrapperWithOverflow:"chipWrapperWithOverflow_06c8357d36",visibleChip:"visibleChip_b3c9eb80a2",hiddenChipsDialog:"hiddenChipsDialog_c4c261c533",dialogChip:"dialogChip_b3c9eb80a2"};!function(n){const i="s_id-a777ca35d111_4_3_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_c52a955621 {\n  min-width: 1px;\n  flex-grow: 1;\n}\n.containerWrapper_c52a955621.singleChip_d6d616a3fd > div:first-child {\n  min-width: 50px;\n  flex-shrink: 1;\n}\n.containerWrapper_c52a955621.singleChip_d6d616a3fd > div:first-child div {\n  max-width: 100%;\n}\n.containerWrapper_c52a955621.measuring_7b32e0e22f > div:not(.hiddenChip_10493bc592) {\n  opacity: 0;\n}\n.inputAndCounterWrapper_a5f9090649 {\n  flex-grow: 1;\n  min-width: 0;\n}\n.inputWrapper_b83435fe68 {\n  flex-grow: 1;\n}\n.inputWrapper_b83435fe68 input {\n  width: 100%;\n}\n.chipWrapperWithOverflow_06c8357d36 {\n  max-width: 100%;\n  flex-shrink: 0;\n}\n.chipWrapperWithOverflow_06c8357d36 .visibleChip_b3c9eb80a2 {\n  max-width: 100%;\n}\n.hiddenChip_10493bc592 {\n  position: absolute;\n  visibility: hidden;\n  pointer-events: none;\n  z-index: -1;\n}\n.hiddenChipsDialog_c4c261c533 {\n  max-width: 192px;\n}\n.dialogChip_b3c9eb80a2 {\n  max-width: 100%;\n}");export{n 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 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 p,m=n.inputSize,d=n.fullWidth,u=n.onKeyDown,c=n.inputRef,b=o(),f=b.inputValue,g=b.autoFocus,h=b.disabled,y=b.readOnly,v=b.placeholder,x=b.multi,j=b.selectedItem,I=b.selectedItems,O=void 0===I?[]:I,P=b.inputAriaLabel,w=b.searchable,D=b.size,E=b.label,F=b.isOpen,T=b.getDropdownProps,z=b.getLabelProps,B=b.getInputProps,K=b.interactiveChips,S=l(null),W=null!=c?c:S,A=x?O.length>0:!!j,C=T?T({preventKeyAction:K?!(!f||0>=f.length):F}):{};return t.createElement(t.Fragment,null,w?t.createElement(s,Object.assign({},B(Object.assign({"aria-labelledby":E?z().id:void 0,"aria-label":P||(E||null===(p=z())||void 0===p?void 0:p.id),placeholder:A?"":v,ref:W,onKeyDown:u},C)),{inputRole:"combobox",value:f||"",autoFocus:g,size:m||D,className:a(r.inputWrapper,e(e(e(e(e({},r.hasSelected,!x&&j&&!f),r.small,"small"===m),r.multi,x&&A),r.multiSelected,x&&A&&"small"===m),r.fullWidth,d)),disabled:h,readOnly:y})):t.createElement(t.Fragment,null,!A&&v&&t.createElement(i,{color:"secondary",className:a(r.placeholderText,e({},r.disabled,!!h)),type:"small"===D?"text2":"text1"},v)))};export{n as default};
 //# sourceMappingURL=DropdownInput.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DropdownInput.js","sources":["../../../../../../src/components/Dropdown/components/Trigger/DropdownInput.tsx"],"sourcesContent":["import React, { useRef } from \"react\";\nimport cx from \"classnames\";\nimport { BaseInput } from \"@vibe/base\";\nimport styles from \"./Trigger.module.scss\";\nimport { useDropdownContext } from \"../../context/DropdownContext\";\nimport { type BaseItemData } from \"../../../BaseItem\";\nimport { Text } from \"@vibe/typography\";\n\nconst DropdownInput = ({ inputSize, fullWidth }: { inputSize?: \"small\" | \"medium\" | \"large\"; fullWidth?: boolean }) => {\n  const {\n    inputValue,\n    autoFocus,\n    disabled,\n    readOnly,\n    placeholder,\n    multi,\n    selectedItem,\n    selectedItems = [],\n    inputAriaLabel,\n    searchable,\n    size,\n    label,\n    isOpen,\n    getDropdownProps,\n    getLabelProps,\n    getInputProps\n  } = useDropdownContext<BaseItemData>();\n\n  const inputRef = useRef<HTMLInputElement>(null);\n  const hasSelection = multi ? selectedItems.length > 0 : !!selectedItem;\n  const multipleSelectionDropdownProps = getDropdownProps ? getDropdownProps({ preventKeyAction: isOpen }) : {};\n\n  return (\n    <>\n      {searchable ? (\n        <BaseInput\n          {...getInputProps({\n            \"aria-labelledby\": label ? getLabelProps().id : undefined,\n            \"aria-label\": inputAriaLabel || (label ? undefined : getLabelProps()?.id),\n            placeholder: hasSelection ? \"\" : placeholder,\n            ref: inputRef,\n            ...multipleSelectionDropdownProps\n          })}\n          inputRole=\"combobox\"\n          value={inputValue || \"\"}\n          autoFocus={autoFocus}\n          size={inputSize || size}\n          className={cx(styles.inputWrapper, {\n            [styles.hasSelected]: !multi && selectedItem && !inputValue,\n            [styles.small]: inputSize === \"small\",\n            [styles.multi]: multi && hasSelection,\n            [styles.multiSelected]: multi && hasSelection && inputSize === \"small\",\n            [styles.fullWidth]: fullWidth\n          })}\n          disabled={disabled}\n          readOnly={readOnly}\n        />\n      ) : (\n        <>\n          {!hasSelection && placeholder && (\n            <Text\n              color=\"secondary\"\n              className={cx(styles.placeholderText, {\n                [styles.disabled]: !!disabled\n              })}\n              type={size === \"small\" ? \"text2\" : \"text1\"}\n            >\n              {placeholder}\n            </Text>\n          )}\n        </>\n      )}\n    </>\n  );\n};\n\nexport default DropdownInput;\n"],"names":["DropdownInput","_ref","inputSize","fullWidth","_useDropdownContext","useDropdownContext","inputValue","autoFocus","disabled","readOnly","placeholder","multi","selectedItem","_useDropdownContext$s","selectedItems","inputAriaLabel","searchable","size","label","isOpen","getDropdownProps","getLabelProps","getInputProps","inputRef","useRef","hasSelection","length","multipleSelectionDropdownProps","preventKeyAction","React","BaseInput","Object","assign","id","undefined","ref","inputRole","value","className","cx","styles","inputWrapper","_defineProperty","hasSelected","small","multiSelected","createElement","Text","color","placeholderText","type"],"mappings":"qYAQA,IAAMA,EAAgB,SAAHC,GAAmG,MAA7FC,EAASD,EAATC,UAAWC,EAASF,EAATE,UAClCC,EAiBIC,IAhBFC,EAAUF,EAAVE,WACAC,EAASH,EAATG,UACAC,EAAQJ,EAARI,SACAC,EAAQL,EAARK,SACAC,EAAWN,EAAXM,YACAC,EAAKP,EAALO,MACAC,EAAYR,EAAZQ,aAAYC,EAAAT,EACZU,cAAAA,OAAgB,IAAHD,EAAG,GAAEA,EAClBE,EAAcX,EAAdW,eACAC,EAAUZ,EAAVY,WACAC,EAAIb,EAAJa,KACAC,EAAKd,EAALc,MACAC,EAAMf,EAANe,OACAC,EAAgBhB,EAAhBgB,iBACAC,EAAajB,EAAbiB,cACAC,EAAalB,EAAbkB,cAGIC,EAAWC,EAAyB,MACpCC,EAAed,EAAQG,EAAcY,OAAS,IAAMd,EACpDe,EAAiCP,EAAmBA,EAAiB,CAAEQ,iBAAkBT,IAAY,CAAA,EAE3G,OACEU,gCACGb,EACCa,gBAACC,EAASC,OAAAC,OAAA,CAAA,EACJV,EACFS,OAAAC,OAAA,CAAA,kBAAmBd,EAAQG,IAAgBY,QAAKC,EAChD,aAAcnB,IAAmBG,aAAoBG,sBAAZa,IAA6BD,IACtEvB,YAAae,EAAe,GAAKf,EACjCyB,IAAKZ,GACFI,IAEL,CAAAS,UAAU,WACVC,MAAO/B,GAAc,GACrBC,UAAWA,EACXU,KAAMf,GAAae,EACnBqB,UAAWC,EAAGC,EAAOC,aAAYC,EAAAA,EAAAA,EAAAA,EAAAA,EAC9BF,CAAAA,EAAAA,EAAOG,aAAehC,GAASC,IAAiBN,GAChDkC,EAAOI,MAAsB,UAAd1C,GACfsC,EAAO7B,MAAQA,GAASc,GACxBe,EAAOK,cAAgBlC,GAASc,GAA8B,UAAdvB,GAChDsC,EAAOrC,UAAYA,IAEtBK,SAAUA,EACVC,SAAUA,KAGZoB,iCACIJ,GAAgBf,GAChBmB,EAAAiB,cAACC,EAAI,CACHC,MAAM,YACNV,UAAWC,EAAGC,EAAOS,gBAAeP,EACjCF,GAAAA,EAAOhC,WAAaA,IAEvB0C,KAAe,UAATjC,EAAmB,QAAU,SAElCP,IAOf"}
+{"version":3,"file":"DropdownInput.js","sources":["../../../../../../src/components/Dropdown/components/Trigger/DropdownInput.tsx"],"sourcesContent":["import React, { useRef, type RefObject } from \"react\";\nimport cx from \"classnames\";\nimport { BaseInput } from \"@vibe/base\";\nimport styles from \"./Trigger.module.scss\";\nimport { useDropdownContext } from \"../../context/DropdownContext\";\nimport { type BaseItemData } from \"../../../BaseItem\";\nimport { Text } from \"@vibe/typography\";\n\nconst DropdownInput = ({\n  inputSize,\n  fullWidth,\n  onKeyDown: externalKeyDown,\n  inputRef: externalInputRef\n}: {\n  inputSize?: \"small\" | \"medium\" | \"large\";\n  fullWidth?: boolean;\n  onKeyDown?: React.KeyboardEventHandler<HTMLInputElement>;\n  inputRef?: RefObject<HTMLInputElement>;\n}) => {\n  const {\n    inputValue,\n    autoFocus,\n    disabled,\n    readOnly,\n    placeholder,\n    multi,\n    selectedItem,\n    selectedItems = [],\n    inputAriaLabel,\n    searchable,\n    size,\n    label,\n    isOpen,\n    getDropdownProps,\n    getLabelProps,\n    getInputProps,\n    interactiveChips\n  } = useDropdownContext<BaseItemData>();\n\n  const internalRef = useRef<HTMLInputElement>(null);\n  const inputRef = externalInputRef ?? internalRef;\n  const hasSelection = multi ? selectedItems.length > 0 : !!selectedItem;\n  // interactiveChips: menu is always open, so isOpen would permanently suppress Backspace chip-nav.\n  // Instead suppress only when the input has text (Backspace should delete chars, not navigate chips).\n  const preventKeyAction = interactiveChips ? !!(inputValue && inputValue.length > 0) : isOpen;\n  const multipleSelectionDropdownProps = getDropdownProps ? getDropdownProps({ preventKeyAction }) : {};\n\nreturn (\n    <>\n      {searchable ? (\n        <BaseInput\n          {...getInputProps({\n            \"aria-labelledby\": label ? getLabelProps().id : undefined,\n            \"aria-label\": inputAriaLabel || (label ? undefined : getLabelProps()?.id),\n            placeholder: hasSelection ? \"\" : placeholder,\n            ref: inputRef,\n            onKeyDown: externalKeyDown,\n            ...multipleSelectionDropdownProps\n          })}\n          inputRole=\"combobox\"\n          value={inputValue || \"\"}\n          autoFocus={autoFocus}\n          size={inputSize || size}\n          className={cx(styles.inputWrapper, {\n            [styles.hasSelected]: !multi && selectedItem && !inputValue,\n            [styles.small]: inputSize === \"small\",\n            [styles.multi]: multi && hasSelection,\n            [styles.multiSelected]: multi && hasSelection && inputSize === \"small\",\n            [styles.fullWidth]: fullWidth\n          })}\n          disabled={disabled}\n          readOnly={readOnly}\n        />\n      ) : (\n        <>\n          {!hasSelection && placeholder && (\n            <Text\n              color=\"secondary\"\n              className={cx(styles.placeholderText, {\n                [styles.disabled]: !!disabled\n              })}\n              type={size === \"small\" ? \"text2\" : \"text1\"}\n            >\n              {placeholder}\n            </Text>\n          )}\n        </>\n      )}\n    </>\n  );\n};\n\nexport default DropdownInput;\n"],"names":["DropdownInput","_ref","inputSize","fullWidth","externalKeyDown","onKeyDown","externalInputRef","inputRef","_useDropdownContext","useDropdownContext","inputValue","autoFocus","disabled","readOnly","placeholder","multi","selectedItem","_useDropdownContext$s","selectedItems","inputAriaLabel","searchable","size","label","isOpen","getDropdownProps","getLabelProps","getInputProps","interactiveChips","internalRef","useRef","hasSelection","length","multipleSelectionDropdownProps","preventKeyAction","React","BaseInput","Object","assign","id","undefined","_a","ref","inputRole","value","className","cx","styles","inputWrapper","_defineProperty","hasSelected","small","multiSelected","createElement","Text","color","placeholderText","type"],"mappings":"qYAQA,IAAMA,EAAgB,SAAHC,GAUd,MATHC,EAASD,EAATC,UACAC,EAASF,EAATE,UACWC,EAAeH,EAA1BI,UACUC,EAAgBL,EAA1BM,SAOAC,EAkBIC,IAjBFC,EAAUF,EAAVE,WACAC,EAASH,EAATG,UACAC,EAAQJ,EAARI,SACAC,EAAQL,EAARK,SACAC,EAAWN,EAAXM,YACAC,EAAKP,EAALO,MACAC,EAAYR,EAAZQ,aAAYC,EAAAT,EACZU,cAAAA,OAAgB,IAAHD,EAAG,GAAEA,EAClBE,EAAcX,EAAdW,eACAC,EAAUZ,EAAVY,WACAC,EAAIb,EAAJa,KACAC,EAAKd,EAALc,MACAC,EAAMf,EAANe,OACAC,EAAgBhB,EAAhBgB,iBACAC,EAAajB,EAAbiB,cACAC,EAAalB,EAAbkB,cACAC,EAAgBnB,EAAhBmB,iBAGIC,EAAcC,EAAyB,MACvCtB,EAAWD,QAAAA,EAAoBsB,EAC/BE,EAAef,EAAQG,EAAca,OAAS,IAAMf,EAIpDgB,EAAiCR,EAAmBA,EAAiB,CAAES,iBADpDN,KAAsBjB,GAAkC,GAApBA,EAAWqB,QAAcR,IACa,CAAA,EAErG,OACIW,gCACGd,EACCc,gBAACC,EAASC,OAAAC,OAAA,CAAA,EACJX,EACFU,OAAAC,OAAA,CAAA,kBAAmBf,EAAQG,IAAgBa,QAAKC,EAChD,aAAcpB,IAAmBG,GAAmC,QAAfkB,EAAAf,WAAe,IAAAe,OAA3BD,EAA2BC,EAAEF,IACtExB,YAAagB,EAAe,GAAKhB,EACjC2B,IAAKlC,EACLF,UAAWD,GACR4B,IAEL,CAAAU,UAAU,WACVC,MAAOjC,GAAc,GACrBC,UAAWA,EACXU,KAAMnB,GAAamB,EACnBuB,UAAWC,EAAGC,EAAOC,aAAYC,EAAAA,EAAAA,EAAAA,EAAAA,EAC9BF,CAAAA,EAAAA,EAAOG,aAAelC,GAASC,IAAiBN,GAChDoC,EAAOI,MAAsB,UAAdhD,GACf4C,EAAO/B,MAAQA,GAASe,GACxBgB,EAAOK,cAAgBpC,GAASe,GAA8B,UAAd5B,GAChD4C,EAAO3C,UAAYA,IAEtBS,SAAUA,EACVC,SAAUA,KAGZqB,iCACIJ,GAAgBhB,GAChBoB,EAAAkB,cAACC,EAAI,CACHC,MAAM,YACNV,UAAWC,EAAGC,EAAOS,gBAAeP,EACjCF,GAAAA,EAAOlC,WAAaA,IAEvB4C,KAAe,UAATnC,EAAmB,QAAU,SAElCP,IAOf"}

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

@@ -1,2 +1,2 @@
-import e from"react";import t from"../MultiSelectedValues/MultiSelectedValues.js";import l from"./DropdownInput.js";import{useDropdownContext as r}from"../../context/DropdownContext.js";import i from"./TriggerActions.js";import a from"./Trigger.module.scss.js";import n from"classnames";import o from"./DropdownChip.js";import s from"../../../../../components/layout/dist/Flex/Flex.js";import{getStyle as m}from"../../../../../shared/dist/utils/typesciptCssModulesHelper.js";var d=function(){var d,u=r(),p=u.selectedItems,c=void 0===p?[]:p,v=u.contextOnOptionRemove,f=u.multiline,g=u.disabled,b=u.readOnly,E=u.error,j=u.searchable,y=u.getToggleButtonProps,h=u.label,x=u.getLabelProps,O=u["aria-label"],w=u.minVisibleCount;return e.createElement(s,{justify:"space-between",align:"center"},e.createElement("div",Object.assign({className:n(a.triggerWrapper,m(a,u.size))},j?{}:y({"aria-haspopup":"dialog","aria-labelledby":h?x().id:void 0,"aria-label":O||(h||null===(d=x())||void 0===d?void 0:d.id),"aria-disabled":g?"true":void 0,"aria-invalid":E?"true":void 0,"aria-readonly":b?"true":void 0})),c.length>0?e.createElement("div",{className:a.multiWrapper},f?e.createElement(s,{gap:"xs",wrap:!0},c.map((function(t,r){var i,a;return e.createElement(s,{key:(null!==(a=null!==(i=t.id)&&void 0!==i?i:t.value)&&void 0!==a?a:r)+""},e.createElement("div",{style:{flexShrink:0}},e.createElement(o,{item:t,onDelete:function(){null==v||v(t)},readOnly:b,disabled:g})),r===c.length-1&&e.createElement(l,{inputSize:"small"}))}))):e.createElement(t,{disabled:g,readOnly:b,selectedItems:c,onRemove:function(e){null==v||v(e)},renderInput:j?function(){return e.createElement(l,{inputSize:"small",fullWidth:!0})}:void 0,minVisibleCount:w})):e.createElement(l,null)),e.createElement(i,null))};export{d as default};
+import e,{useRef as t}from"react";import l from"../MultiSelectedValues/MultiSelectedValues.js";import n from"./DropdownInput.js";import{useDropdownContext as r}from"../../context/DropdownContext.js";import i from"./TriggerActions.js";import a from"./Trigger.module.scss.js";import o from"classnames";import s from"./DropdownChip.js";import u from"../../../../../components/layout/dist/Flex/Flex.js";import{getStyle as m}from"../../../../../shared/dist/utils/typesciptCssModulesHelper.js";var d=function(){var d,c=r(),p=c.selectedItems,f=void 0===p?[]:p,v=c.contextOnOptionRemove,g=c.getSelectedItemProps,b=c.multiline,E=c.disabled,y=c.readOnly,h=c.error,j=c.size,x=c.searchable,I=c.getToggleButtonProps,C=c.label,w=c.getLabelProps,O=c["aria-label"],S=c.minVisibleCount,D=c.textInput,V=c.interactiveChips,W=f.length>0&&(!D||y),z=t(null);return e.createElement(u,{justify:"space-between",align:"center"},e.createElement("div",Object.assign({className:o(a.triggerWrapper,m(a,j))},x?{}:I({"aria-haspopup":"dialog","aria-labelledby":C?w().id:void 0,"aria-label":O||(C||null===(d=w())||void 0===d?void 0:d.id),"aria-disabled":E?"true":void 0,"aria-invalid":h?"true":void 0,"aria-readonly":y?"true":void 0})),D?e.createElement(n,null):V&&x&&!y?0===f.length?e.createElement(n,null):e.createElement("div",{className:a.multiWrapper,onKeyDown:function(e){"ArrowLeft"===e.key&&e.target instanceof HTMLInputElement&&!e.target.value&&z.current&&z.current.focus()}},e.createElement(l,{disabled:E,readOnly:y,selectedItems:f,onRemove:function(e){return null==v?void 0:v(e)},renderInput:function(){return e.createElement(n,{inputSize:"small",fullWidth:!0})},getChipContainerProps:function(e,t){var l;return null!==(l=null==g?void 0:g({selectedItem:e,index:t}))&&void 0!==l?l:{}},badgeRef:z,minVisibleCount:S})):W?e.createElement("div",{className:a.multiWrapper},b?e.createElement(u,{gap:"xs",wrap:!0},f.map((function(t,l){var r,i;return e.createElement(u,{key:(null!==(i=null!==(r=t.id)&&void 0!==r?r:t.value)&&void 0!==i?i:l)+""},e.createElement("div",{style:{flexShrink:0}},e.createElement(s,{item:t,onDelete:function(){null==v||v(t)},readOnly:y,disabled:E})),l===f.length-1&&e.createElement(n,{inputSize:"small"}))}))):e.createElement(l,{disabled:E,readOnly:y,selectedItems:f,onRemove:function(e){null==v||v(e)},renderInput:x?function(){return e.createElement(n,{inputSize:"small",fullWidth:!0})}:void 0,minVisibleCount:S})):e.createElement(n,null)),e.createElement(i,null))};export{d as default};
 //# sourceMappingURL=MultiSelectTrigger.js.map

package/dist/src/components/Dropdown/components/Trigger/MultiSelectTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"MultiSelectTrigger.js","sources":["../../../../../../src/components/Dropdown/components/Trigger/MultiSelectTrigger.tsx"],"sourcesContent":["import React from \"react\";\nimport { Flex } from \"@vibe/layout\";\nimport MultiSelectedValues from \"../MultiSelectedValues/MultiSelectedValues\";\nimport DropdownInput from \"./DropdownInput\";\nimport { useDropdownContext } from \"../../context/DropdownContext\";\nimport { type BaseItemData } from \"../../../BaseItem\";\nimport TriggerActions from \"./TriggerActions\";\nimport styles from \"./Trigger.module.scss\";\nimport { getStyle } from \"@vibe/shared\";\nimport cx from \"classnames\";\nimport DropdownChip from \"./DropdownChip\";\n\nconst MultiSelectTrigger = () => {\n  const {\n    selectedItems = [],\n    contextOnOptionRemove,\n    multiline,\n    disabled,\n    readOnly,\n    error,\n    size,\n    searchable,\n    getToggleButtonProps,\n    label,\n    getLabelProps,\n    \"aria-label\": ariaLabel,\n    minVisibleCount\n  } = useDropdownContext<BaseItemData>();\n\n  return (\n    <Flex justify=\"space-between\" align=\"center\">\n      <div\n        className={cx(styles.triggerWrapper, getStyle(styles, size))}\n        {...(!searchable\n          ? getToggleButtonProps({\n              \"aria-haspopup\": \"dialog\",\n              \"aria-labelledby\": label ? getLabelProps().id : undefined,\n              \"aria-label\": ariaLabel || (label ? undefined : getLabelProps()?.id),\n              \"aria-disabled\": disabled ? \"true\" : undefined,\n              \"aria-invalid\": error ? \"true\" : undefined,\n              \"aria-readonly\": readOnly ? \"true\" : undefined\n            })\n          : {})}\n      >\n        {selectedItems.length > 0 ? (\n          <div className={styles.multiWrapper}>\n            {!multiline ? (\n              <MultiSelectedValues\n                disabled={disabled}\n                readOnly={readOnly}\n                selectedItems={selectedItems}\n                onRemove={item => {\n                  contextOnOptionRemove?.(item);\n                }}\n                renderInput={searchable ? () => <DropdownInput inputSize=\"small\" fullWidth /> : undefined}\n                minVisibleCount={minVisibleCount}\n              />\n            ) : (\n              <Flex gap=\"xs\" wrap>\n                {selectedItems.map((item, index) => (\n                  <Flex key={String(item.id ?? item.value ?? index)}>\n                    <div style={{ flexShrink: 0 }}>\n                      <DropdownChip\n                        item={item}\n                        onDelete={() => {\n                          contextOnOptionRemove?.(item);\n                        }}\n                        readOnly={readOnly}\n                        disabled={disabled}\n                      />\n                    </div>\n                    {index === selectedItems.length - 1 && <DropdownInput inputSize=\"small\" />}\n                  </Flex>\n                ))}\n              </Flex>\n            )}\n          </div>\n        ) : (\n          <DropdownInput />\n        )}\n      </div>\n      <TriggerActions />\n    </Flex>\n  );\n};\n\nexport default MultiSelectTrigger;\n"],"names":["MultiSelectTrigger","_useDropdownContext","useDropdownContext","_useDropdownContext$s","selectedItems","contextOnOptionRemove","multiline","disabled","readOnly","error","searchable","getToggleButtonProps","label","getLabelProps","ariaLabel","minVisibleCount","React","createElement","Flex","justify","align","Object","assign","className","cx","styles","triggerWrapper","getStyle","size","id","undefined","_a","length","multiWrapper","gap","wrap","map","item","index","key","_b","value","String","style","flexShrink","DropdownChip","onDelete","DropdownInput","inputSize","MultiSelectedValues","onRemove","renderInput","fullWidth","TriggerActions"],"mappings":"2dAYA,IAAMA,EAAqB,iBACzBC,EAcIC,IAAkCC,EAAAF,EAbpCG,cAAAA,OAAgB,IAAHD,EAAG,GAAEA,EAClBE,EAAqBJ,EAArBI,sBACAC,EAASL,EAATK,UACAC,EAAQN,EAARM,SACAC,EAAQP,EAARO,SACAC,EAAKR,EAALQ,MAEAC,EAAUT,EAAVS,WACAC,EAAoBV,EAApBU,qBACAC,EAAKX,EAALW,MACAC,EAAaZ,EAAbY,cACcC,EAASb,EAAvB,cACAc,EAAed,EAAfc,gBAGF,OACEC,EAACC,cAAAC,EAAK,CAAAC,QAAQ,gBAAgBC,MAAM,UAClCJ,EAAAC,cAAA,MAAAI,OAAAC,OAAA,CACEC,UAAWC,EAAGC,EAAOC,eAAgBC,EAASF,EAZ9CxB,EAAJ2B,QAaUlB,EASF,CAAA,EARAC,EAAqB,CACnB,gBAAiB,SACjB,kBAAmBC,EAAQC,IAAgBgB,QAAKC,EAChD,aAAchB,IAAcF,GAAmC,QAAfmB,EAAAlB,WAAe,IAAAkB,OAA3BD,EAA2BC,EAAEF,IACjE,gBAAiBtB,EAAW,YAASuB,EACrC,eAAgBrB,EAAQ,YAASqB,EACjC,gBAAiBtB,EAAW,YAASsB,KAI1C1B,EAAc4B,OAAS,EACtBhB,uBAAKO,UAAWE,EAAOQ,cACnB3B,EAYAU,EAACC,cAAAC,EAAK,CAAAgB,IAAI,KAAKC,MAAI,GAChB/B,EAAcgC,KAAI,SAACC,EAAMC,WAAU,OAClCtB,EAACC,cAAAC,GAAKqB,KAAiC,QAArBC,EAAW,UAAXH,EAAKR,UAAM,IAAAE,EAAAA,EAAAM,EAAKI,aAAK,IAAAD,EAAAA,EAAIF,GAAhCI,IACT1B,EAAAC,cAAA,MAAA,CAAK0B,MAAO,CAAEC,WAAY,IACxB5B,EAACC,cAAA4B,GACCR,KAAMA,EACNS,SAAU,WACRzC,SAAAA,EAAwBgC,EACzB,EACD7B,SAAUA,EACVD,SAAUA,KAGb+B,IAAUlC,EAAc4B,OAAS,GAAKhB,EAAAC,cAAC8B,EAAa,CAACC,UAAU,UAEnE,KA1BHhC,EAACC,cAAAgC,GACC1C,SAAUA,EACVC,SAAUA,EACVJ,cAAeA,EACf8C,SAAU,SAAAb,GACRhC,SAAAA,EAAwBgC,EACzB,EACDc,YAAazC,EAAa,WAAA,OAAMM,EAAAC,cAAC8B,EAAc,CAAAC,UAAU,QAAQI,cAAY,OAAGtB,EAChFf,gBAAiBA,KAuBvBC,EAACC,cAAA8B,EAAgB,OAGrB/B,EAAAC,cAACoC,EAAc,MAGrB"}
+{"version":3,"file":"MultiSelectTrigger.js","sources":["../../../../../../src/components/Dropdown/components/Trigger/MultiSelectTrigger.tsx"],"sourcesContent":["import React, { useRef } from \"react\";\nimport { Flex } from \"@vibe/layout\";\nimport MultiSelectedValues from \"../MultiSelectedValues/MultiSelectedValues\";\nimport DropdownInput from \"./DropdownInput\";\nimport { useDropdownContext } from \"../../context/DropdownContext\";\nimport { type BaseItemData } from \"../../../BaseItem\";\nimport TriggerActions from \"./TriggerActions\";\nimport styles from \"./Trigger.module.scss\";\nimport { getStyle } from \"@vibe/shared\";\nimport cx from \"classnames\";\nimport DropdownChip from \"./DropdownChip\";\n\nconst MultiSelectTrigger = () => {\n  const {\n    selectedItems = [],\n    contextOnOptionRemove,\n    getSelectedItemProps,\n    multiline,\n    disabled,\n    readOnly,\n    error,\n    size,\n    searchable,\n    getToggleButtonProps,\n    label,\n    getLabelProps,\n    \"aria-label\": ariaLabel,\n    minVisibleCount,\n    textInput,\n    interactiveChips\n  } = useDropdownContext<BaseItemData>();\n\n  const showChips = selectedItems.length > 0 && (!textInput || readOnly);\n  const overflowBadgeRef = useRef<HTMLDivElement>(null);\n\n  const renderTriggerContent = () => {\n    if (textInput) {\n      return <DropdownInput />;\n    }\n\n    if (interactiveChips && searchable && !readOnly) {\n      if (selectedItems.length === 0) {\n        return <DropdownInput />;\n      }\n      return (\n        <div\n          className={styles.multiWrapper}\n          onKeyDown={e => {\n            if (\n              e.key === \"ArrowLeft\" &&\n              e.target instanceof HTMLInputElement &&\n              !e.target.value &&\n              overflowBadgeRef.current\n            ) {\n              overflowBadgeRef.current.focus();\n            }\n          }}\n        >\n          <MultiSelectedValues\n            disabled={disabled}\n            readOnly={readOnly}\n            selectedItems={selectedItems}\n            onRemove={item => contextOnOptionRemove?.(item)}\n            renderInput={() => <DropdownInput inputSize=\"small\" fullWidth />}\n            getChipContainerProps={(item, index) =>\n              getSelectedItemProps?.({ selectedItem: item, index }) ?? {}\n            }\n            badgeRef={overflowBadgeRef}\n            minVisibleCount={minVisibleCount}\n          />\n        </div>\n      );\n    }\n\n    // Default chips mode: original behavior.\n    if (showChips) {\n      return (\n        <div className={styles.multiWrapper}>\n          {!multiline ? (\n            <MultiSelectedValues\n              disabled={disabled}\n              readOnly={readOnly}\n              selectedItems={selectedItems}\n              onRemove={item => {\n                contextOnOptionRemove?.(item);\n              }}\n              renderInput={searchable ? () => <DropdownInput inputSize=\"small\" fullWidth /> : undefined}\n              minVisibleCount={minVisibleCount}\n            />\n          ) : (\n            <Flex gap=\"xs\" wrap>\n              {selectedItems.map((item, index) => (\n                <Flex key={String(item.id ?? item.value ?? index)}>\n                  <div style={{ flexShrink: 0 }}>\n                    <DropdownChip\n                      item={item}\n                      onDelete={() => {\n                        contextOnOptionRemove?.(item);\n                      }}\n                      readOnly={readOnly}\n                      disabled={disabled}\n                    />\n                  </div>\n                  {index === selectedItems.length - 1 && <DropdownInput inputSize=\"small\" />}\n                </Flex>\n              ))}\n            </Flex>\n          )}\n        </div>\n      );\n    }\n\n    return <DropdownInput />;\n  };\n\n  return (\n    <Flex justify=\"space-between\" align=\"center\">\n      <div\n        className={cx(styles.triggerWrapper, getStyle(styles, size))}\n        {...(!searchable\n          ? getToggleButtonProps({\n              \"aria-haspopup\": \"dialog\",\n              \"aria-labelledby\": label ? getLabelProps().id : undefined,\n              \"aria-label\": ariaLabel || (label ? undefined : getLabelProps()?.id),\n              \"aria-disabled\": disabled ? \"true\" : undefined,\n              \"aria-invalid\": error ? \"true\" : undefined,\n              \"aria-readonly\": readOnly ? \"true\" : undefined\n            })\n          : {})}\n      >\n        {renderTriggerContent()}\n      </div>\n      <TriggerActions />\n    </Flex>\n  );\n};\n\nexport default MultiSelectTrigger;\n"],"names":["MultiSelectTrigger","_useDropdownContext","useDropdownContext","_useDropdownContext$s","selectedItems","contextOnOptionRemove","getSelectedItemProps","multiline","disabled","readOnly","error","size","searchable","getToggleButtonProps","label","getLabelProps","ariaLabel","minVisibleCount","textInput","interactiveChips","showChips","length","overflowBadgeRef","useRef","React","createElement","Flex","justify","align","Object","assign","className","cx","styles","triggerWrapper","getStyle","id","undefined","_a","DropdownInput","multiWrapper","onKeyDown","e","key","target","HTMLInputElement","value","current","focus","MultiSelectedValues","onRemove","item","renderInput","inputSize","fullWidth","getChipContainerProps","index","selectedItem","badgeRef","gap","wrap","map","_b","String","style","flexShrink","DropdownChip","onDelete","TriggerActions"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-import{defineProperty as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import t from"react";import r from"classnames";import a from"../../../BaseItem/BaseItem.js";import i from"./DropdownInput.js";import l from"./Trigger.module.scss.js";import{useDropdownContext as s}from"../../context/DropdownContext.js";import o from"./TriggerActions.js";import n from"../../../../../components/layout/dist/Flex/Flex.js";import{getStyle as d}from"../../../../../shared/dist/utils/typesciptCssModulesHelper.js";var m=function(){var m,p,c=s(),u=c.inputValue,v=c.selectedItem,g=c.searchable,b=c.size,f=c.valueRenderer,j=c.isFocused,y=c.getToggleButtonProps,E=c.disabled,x=c.readOnly,I=c.error,O=c.label,B=c.getLabelProps,P=c["aria-label"];return t.createElement(n,{justify:"space-between",align:"center"},t.createElement("div",Object.assign({className:r(l.triggerWrapper,d(l,b))},g?{}:y({"aria-haspopup":"dialog","aria-labelledby":O?B().id:void 0,"aria-label":P||(O||null===(m=B())||void 0===m?void 0:m.id),"aria-disabled":E?"true":void 0,"aria-invalid":I?"true":void 0,"aria-readonly":x?"true":void 0})),t.createElement(i,null),!u&&v&&t.createElement("div",{className:r(l.selectedItem,e({},l.faded,j&&g),d(l,b))},t.createElement(a,{component:"div",itemRenderer:f,size:b,readOnly:!0,item:Object.assign(Object.assign({},v),{disabled:E,startElement:"indent"===(null===(p=v.startElement)||void 0===p?void 0:p.type)?void 0:v.startElement})}))),t.createElement(o,null))};export{m as default};
+import e from"react";import t from"classnames";import r from"../../../BaseItem/BaseItem.js";import a from"./DropdownInput.js";import i from"./Trigger.module.scss.js";import{useDropdownContext as l}from"../../context/DropdownContext.js";import s from"./TriggerActions.js";import o from"../../../../../components/layout/dist/Flex/Flex.js";import{getStyle as n}from"../../../../../shared/dist/utils/typesciptCssModulesHelper.js";var d=function(){var d,m,p=l(),c=p.selectedItem,u=p.searchable,v=p.size,g=p.valueRenderer,b=p.getToggleButtonProps,f=p.disabled,j=p.readOnly,E=p.error,y=p.label,x=p.getLabelProps,I=p["aria-label"];return e.createElement(o,{justify:"space-between",align:"center"},e.createElement("div",Object.assign({className:t(i.triggerWrapper,n(i,v))},u?{}:b({"aria-haspopup":"dialog","aria-labelledby":y?x().id:void 0,"aria-label":I||(y||null===(d=x())||void 0===d?void 0:d.id),"aria-disabled":f?"true":void 0,"aria-invalid":E?"true":void 0,"aria-readonly":j?"true":void 0})),e.createElement(a,null),!u&&c&&e.createElement("div",{className:t(i.selectedItem,n(i,v))},e.createElement(r,{component:"div",itemRenderer:g,size:v,readOnly:!0,item:Object.assign(Object.assign({},c),{disabled:f,startElement:"indent"===(null===(m=c.startElement)||void 0===m?void 0:m.type)?void 0:c.startElement})}))),e.createElement(s,null))};export{d as default};
 //# sourceMappingURL=SingleSelectTrigger.js.map

package/dist/src/components/Dropdown/components/Trigger/SingleSelectTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"SingleSelectTrigger.js","sources":["../../../../../../src/components/Dropdown/components/Trigger/SingleSelectTrigger.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport { BaseItem, type BaseItemData } from \"../../../BaseItem\";\nimport DropdownInput from \"./DropdownInput\";\nimport styles from \"./Trigger.module.scss\";\nimport { useDropdownContext } from \"../../context/DropdownContext\";\nimport { Flex } from \"@vibe/layout\";\nimport TriggerActions from \"./TriggerActions\";\nimport { getStyle } from \"@vibe/shared\";\n\nconst SingleSelectTrigger = () => {\n  const {\n    inputValue,\n    selectedItem,\n    searchable,\n    size,\n    valueRenderer,\n    isFocused,\n    getToggleButtonProps,\n    disabled,\n    readOnly,\n    error,\n    label,\n    getLabelProps,\n    \"aria-label\": ariaLabel\n  } = useDropdownContext<BaseItemData>();\n\n  return (\n    <Flex justify=\"space-between\" align=\"center\">\n      <div\n        className={cx(styles.triggerWrapper, getStyle(styles, size))}\n        {...(!searchable\n          ? getToggleButtonProps({\n              \"aria-haspopup\": \"dialog\",\n              \"aria-labelledby\": label ? getLabelProps().id : undefined,\n              \"aria-label\": ariaLabel || (label ? undefined : getLabelProps()?.id),\n              \"aria-disabled\": disabled ? \"true\" : undefined,\n              \"aria-invalid\": error ? \"true\" : undefined,\n              \"aria-readonly\": readOnly ? \"true\" : undefined\n            })\n          : {})}\n      >\n        <DropdownInput />\n\n        {!inputValue && selectedItem && (\n          <div\n            className={cx(\n              styles.selectedItem,\n              {\n                [styles.faded]: isFocused && searchable\n              },\n              getStyle(styles, size)\n            )}\n          >\n            <BaseItem\n              component=\"div\"\n              itemRenderer={valueRenderer}\n              size={size}\n              readOnly\n              item={{\n                ...selectedItem,\n                disabled,\n                startElement: selectedItem.startElement?.type === \"indent\" ? undefined : selectedItem.startElement\n              }}\n            />\n          </div>\n        )}\n      </div>\n      <TriggerActions />\n    </Flex>\n  );\n};\n\nexport default SingleSelectTrigger;\n"],"names":["SingleSelectTrigger","_useDropdownContext","useDropdownContext","inputValue","selectedItem","searchable","size","valueRenderer","isFocused","getToggleButtonProps","disabled","readOnly","error","label","getLabelProps","ariaLabel","React","createElement","Flex","justify","align","Object","assign","className","cx","styles","triggerWrapper","getStyle","id","undefined","_a","DropdownInput","_defineProperty","faded","BaseItem","component","itemRenderer","item","startElement","_b","type","TriggerActions"],"mappings":"ggBAUA,IAAMA,EAAsB,mBAC1BC,EAcIC,IAbFC,EAAUF,EAAVE,WACAC,EAAYH,EAAZG,aACAC,EAAUJ,EAAVI,WACAC,EAAIL,EAAJK,KACAC,EAAaN,EAAbM,cACAC,EAASP,EAATO,UACAC,EAAoBR,EAApBQ,qBACAC,EAAQT,EAARS,SACAC,EAAQV,EAARU,SACAC,EAAKX,EAALW,MACAC,EAAKZ,EAALY,MACAC,EAAab,EAAba,cACcC,EAASd,EAAvB,cAGF,OACEe,EAACC,cAAAC,EAAK,CAAAC,QAAQ,gBAAgBC,MAAM,UAClCJ,EAAAC,cAAA,MAAAI,OAAAC,OAAA,CACEC,UAAWC,EAAGC,EAAOC,eAAgBC,EAASF,EAAQnB,KAChDD,EASF,CAAA,EARAI,EAAqB,CACnB,gBAAiB,SACjB,kBAAmBI,EAAQC,IAAgBc,QAAKC,EAChD,aAAcd,IAAcF,GAAmC,QAAfiB,EAAAhB,WAAe,IAAAgB,OAA3BD,EAA2BC,EAAEF,IACjE,gBAAiBlB,EAAW,YAASmB,EACrC,eAAgBjB,EAAQ,YAASiB,EACjC,gBAAiBlB,EAAW,YAASkB,KAI3Cb,EAAAC,cAACc,EAAgB,OAEf5B,GAAcC,GACdY,EAAAC,cAAA,MAAA,CACEM,UAAWC,EACTC,EAAOrB,aAAY4B,EAAA,CAAA,EAEhBP,EAAOQ,MAAQzB,GAAaH,GAE/BsB,EAASF,EAAQnB,KAGnBU,EAACC,cAAAiB,GACCC,UAAU,MACVC,aAAc7B,EACdD,KAAMA,EACNK,UAAQ,EACR0B,KACKhB,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAlB,GACH,CAAAM,SAAAA,EACA4B,aAAkD,oBAApCC,EAAAnC,EAAakC,mCAAcE,WAAoBX,EAAYzB,EAAakC,mBAMhGtB,EAAAC,cAACwB,EAAc,MAGrB"}
+{"version":3,"file":"SingleSelectTrigger.js","sources":["../../../../../../src/components/Dropdown/components/Trigger/SingleSelectTrigger.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport { BaseItem, type BaseItemData } from \"../../../BaseItem\";\nimport DropdownInput from \"./DropdownInput\";\nimport styles from \"./Trigger.module.scss\";\nimport { useDropdownContext } from \"../../context/DropdownContext\";\nimport { Flex } from \"@vibe/layout\";\nimport TriggerActions from \"./TriggerActions\";\nimport { getStyle } from \"@vibe/shared\";\n\nconst SingleSelectTrigger = () => {\n  const {\n    selectedItem,\n    searchable,\n    size,\n    valueRenderer,\n    getToggleButtonProps,\n    disabled,\n    readOnly,\n    error,\n    label,\n    getLabelProps,\n    \"aria-label\": ariaLabel\n  } = useDropdownContext<BaseItemData>();\n\n  return (\n    <Flex justify=\"space-between\" align=\"center\">\n      <div\n        className={cx(styles.triggerWrapper, getStyle(styles, size))}\n        {...(!searchable\n          ? getToggleButtonProps({\n              \"aria-haspopup\": \"dialog\",\n              \"aria-labelledby\": label ? getLabelProps().id : undefined,\n              \"aria-label\": ariaLabel || (label ? undefined : getLabelProps()?.id),\n              \"aria-disabled\": disabled ? \"true\" : undefined,\n              \"aria-invalid\": error ? \"true\" : undefined,\n              \"aria-readonly\": readOnly ? \"true\" : undefined\n            })\n          : {})}\n      >\n        <DropdownInput />\n\n        {/* Non-searchable single select shows the selection via this overlay. In searchable mode the\n            selected value lives inside the input itself, so the overlay must not render. */}\n        {!searchable && selectedItem && (\n          <div className={cx(styles.selectedItem, getStyle(styles, size))}>\n            <BaseItem\n              component=\"div\"\n              itemRenderer={valueRenderer}\n              size={size}\n              readOnly\n              item={{\n                ...selectedItem,\n                disabled,\n                startElement: selectedItem.startElement?.type === \"indent\" ? undefined : selectedItem.startElement\n              }}\n            />\n          </div>\n        )}\n      </div>\n      <TriggerActions />\n    </Flex>\n  );\n};\n\nexport default SingleSelectTrigger;\n"],"names":["SingleSelectTrigger","_useDropdownContext","useDropdownContext","selectedItem","searchable","size","valueRenderer","getToggleButtonProps","disabled","readOnly","error","label","getLabelProps","ariaLabel","React","createElement","Flex","justify","align","Object","assign","className","cx","styles","triggerWrapper","getStyle","id","undefined","_a","DropdownInput","BaseItem","component","itemRenderer","item","startElement","_b","type","TriggerActions"],"mappings":"0aAUA,IAAMA,EAAsB,mBAC1BC,EAYIC,IAXFC,EAAYF,EAAZE,aACAC,EAAUH,EAAVG,WACAC,EAAIJ,EAAJI,KACAC,EAAaL,EAAbK,cACAC,EAAoBN,EAApBM,qBACAC,EAAQP,EAARO,SACAC,EAAQR,EAARQ,SACAC,EAAKT,EAALS,MACAC,EAAKV,EAALU,MACAC,EAAaX,EAAbW,cACcC,EAASZ,EAAvB,cAGF,OACEa,EAACC,cAAAC,EAAK,CAAAC,QAAQ,gBAAgBC,MAAM,UAClCJ,EAAAC,cAAA,MAAAI,OAAAC,OAAA,CACEC,UAAWC,EAAGC,EAAOC,eAAgBC,EAASF,EAAQlB,KAChDD,EASF,CAAA,EARAG,EAAqB,CACnB,gBAAiB,SACjB,kBAAmBI,EAAQC,IAAgBc,QAAKC,EAChD,aAAcd,IAAcF,GAAmC,QAAfiB,EAAAhB,WAAe,IAAAgB,OAA3BD,EAA2BC,EAAEF,IACjE,gBAAiBlB,EAAW,YAASmB,EACrC,eAAgBjB,EAAQ,YAASiB,EACjC,gBAAiBlB,EAAW,YAASkB,KAI3Cb,EAAAC,cAACc,EAAgB,OAIfzB,GAAcD,GACdW,EAAKC,cAAA,MAAA,CAAAM,UAAWC,EAAGC,EAAOpB,aAAcsB,EAASF,EAAQlB,KACvDS,EAACC,cAAAe,GACCC,UAAU,MACVC,aAAc1B,EACdD,KAAMA,EACNI,UAAQ,EACRwB,KACKd,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAjB,GACH,CAAAK,SAAAA,EACA0B,aAAkD,oBAApCC,EAAAhC,EAAa+B,mCAAcE,WAAoBT,EAAYxB,EAAa+B,mBAMhGpB,EAAAC,cAACsB,EAAc,MAGrB"}

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

@@ -1,2 +1,2 @@
-var e={triggerWrapper:"triggerWrapper_788b509140",small:"small_8cb7a0212b",placeholderText:"placeholderText_7a39909e78",medium:"medium_058d941748",large:"large_941e841ce2",inputWrapper:"inputWrapper_cfa9d2512d",multiSelected:"multiSelected_c2ae38759b",fullWidth:"fullWidth_d84f059376",hasSelected:"hasSelected_86a70f263c",selectedItem:"selectedItem_bdc8483633",faded:"faded_7d4289e9c9",disabled:"disabled_2b8381d5ee",multiWrapper:"multiWrapper_a9d9e847e4",actionsWrapper:"actionsWrapper_0dc598f220"};!function(e){const n="s_id-ac180f0c654f_4_2_4";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.triggerWrapper_788b509140 {\n  flex-grow: 1;\n  position: relative;\n  min-width: 1px;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  outline: none;\n}\n.triggerWrapper_788b509140.small_8cb7a0212b {\n  min-height: 32px;\n}\n.triggerWrapper_788b509140.small_8cb7a0212b .placeholderText_7a39909e78 {\n  padding-inline-start: var(--space-8);\n}\n.triggerWrapper_788b509140.medium_058d941748 {\n  min-height: 40px;\n}\n.triggerWrapper_788b509140.large_941e841ce2 {\n  min-height: 48px;\n}\n.triggerWrapper_788b509140 .inputWrapper_cfa9d2512d {\n  border: none;\n  width: 100%;\n  background: transparent;\n}\n.triggerWrapper_788b509140 .inputWrapper_cfa9d2512d.small_8cb7a0212b {\n  height: 24px;\n  min-height: 24px;\n}\n.triggerWrapper_788b509140 .inputWrapper_cfa9d2512d.multiSelected_c2ae38759b {\n  width: 48px;\n  flex-shrink: 0;\n  padding: 0 var(--space-4);\n}\n.triggerWrapper_788b509140 .inputWrapper_cfa9d2512d.multiSelected_c2ae38759b.fullWidth_d84f059376 {\n  width: 100%;\n  flex-grow: 1;\n}\n.triggerWrapper_788b509140 .inputWrapper_cfa9d2512d.hasSelected_86a70f263c {\n  position: absolute;\n  inset: 0;\n  cursor: pointer;\n}\n.triggerWrapper_788b509140 .selectedItem_bdc8483633 {\n  position: relative;\n  pointer-events: none;\n  inset: 0;\n  padding-inline-start: 0;\n  width: 100%;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.triggerWrapper_788b509140 .selectedItem_bdc8483633.small_8cb7a0212b {\n  min-height: 32px;\n  height: 32px;\n}\n.triggerWrapper_788b509140 .selectedItem_bdc8483633.medium_058d941748 {\n  min-height: 40px;\n  height: 40px;\n}\n.triggerWrapper_788b509140 .selectedItem_bdc8483633.large_941e841ce2 {\n  min-height: 48px;\n  height: 48px;\n}\n.triggerWrapper_788b509140 .selectedItem_bdc8483633.faded_7d4289e9c9 {\n  opacity: 0.6;\n}\n.triggerWrapper_788b509140 .placeholderText_7a39909e78 {\n  padding-inline-start: var(--space-12);\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  color: var(--placeholder-color);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.triggerWrapper_788b509140 .placeholderText_7a39909e78.disabled_2b8381d5ee {\n  color: var(--disabled-text-color);\n}\n.multiWrapper_a9d9e847e4 {\n  padding: var(--space-4) 0 var(--space-4) var(--space-8);\n  width: 100%;\n}\n.actionsWrapper_0dc598f220 {\n  padding: 0 var(--space-4);\n}");export{e as default};
+var e={triggerWrapper:"triggerWrapper_fddff14248",small:"small_16da88c08b",placeholderText:"placeholderText_f3cbd0a03f",medium:"medium_8cd579b800",large:"large_51c62e8bdc",inputWrapper:"inputWrapper_3869bfacb0",multiSelected:"multiSelected_7e84fb1cfd",fullWidth:"fullWidth_004eff2b88",selectedItem:"selectedItem_2d4905545d",disabled:"disabled_704f6cb59a",multiWrapper:"multiWrapper_724bc6cb2b",actionsWrapper:"actionsWrapper_74c3c7ce0d"};!function(e){const n="s_id-fbad5fd6e82d_4_3_0";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.triggerWrapper_fddff14248 {\n  flex-grow: 1;\n  position: relative;\n  min-width: 1px;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  outline: none;\n}\n.triggerWrapper_fddff14248.small_16da88c08b {\n  min-height: 32px;\n}\n.triggerWrapper_fddff14248.small_16da88c08b .placeholderText_f3cbd0a03f {\n  padding-inline-start: var(--space-8);\n}\n.triggerWrapper_fddff14248.medium_8cd579b800 {\n  min-height: 40px;\n}\n.triggerWrapper_fddff14248.large_51c62e8bdc {\n  min-height: 48px;\n}\n.triggerWrapper_fddff14248 .inputWrapper_3869bfacb0 {\n  border: none;\n  width: 100%;\n  background: transparent;\n}\n.triggerWrapper_fddff14248 .inputWrapper_3869bfacb0.small_16da88c08b {\n  height: 24px;\n  min-height: 24px;\n}\n.triggerWrapper_fddff14248 .inputWrapper_3869bfacb0.multiSelected_7e84fb1cfd {\n  width: 48px;\n  flex-shrink: 0;\n  padding: 0 var(--space-4);\n}\n.triggerWrapper_fddff14248 .inputWrapper_3869bfacb0.multiSelected_7e84fb1cfd.fullWidth_004eff2b88 {\n  width: 100%;\n  flex-grow: 1;\n}\n.triggerWrapper_fddff14248 .selectedItem_2d4905545d {\n  position: relative;\n  pointer-events: none;\n  inset: 0;\n  padding-inline-start: 0;\n  width: 100%;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.triggerWrapper_fddff14248 .selectedItem_2d4905545d.small_16da88c08b {\n  min-height: 32px;\n  height: 32px;\n}\n.triggerWrapper_fddff14248 .selectedItem_2d4905545d.medium_8cd579b800 {\n  min-height: 40px;\n  height: 40px;\n}\n.triggerWrapper_fddff14248 .selectedItem_2d4905545d.large_51c62e8bdc {\n  min-height: 48px;\n  height: 48px;\n}\n.triggerWrapper_fddff14248 .placeholderText_f3cbd0a03f {\n  padding-inline-start: var(--space-12);\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  color: var(--placeholder-color);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.triggerWrapper_fddff14248 .placeholderText_f3cbd0a03f.disabled_704f6cb59a {\n  color: var(--disabled-text-color);\n}\n.multiWrapper_724bc6cb2b {\n  padding: var(--space-4) 0 var(--space-4) var(--space-8);\n  width: 100%;\n}\n.actionsWrapper_74c3c7ce0d {\n  padding: 0 var(--space-4);\n}");export{e as default};
 //# sourceMappingURL=Trigger.module.scss.js.map

package/dist/src/components/Dropdown/hooks/useDropdownCombobox.js

@@ -1,2 +1,2 @@
-import{slicedToArray as e}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import{useState as n,useRef as t,useMemo as l,useCallback as u}from"react";import{useCombobox as i}from"downshift";import s from"./useDropdownFiltering.js";function o(o,r,a,p,g,c,d,f,h,m,I,v,O,b,C){var y=n(g||null),P=e(y,2),T=P[0],M=P[1],j=t(null),V=void 0!==c?c:T,w=l((function(){return V?[V]:[]}),[V]),B=s(o,O,b,w),D=B.filteredOptions,S=B.filterOptions,x=l((function(){return D.flatMap((function(e){return e.options}))}),[D]),K=i({items:x,itemToString:function(e){var n;return null!==(n=null==e?void 0:e.label)&&void 0!==n?n:""},itemToKey:function(e){return void 0!==(null==e?void 0:e.value)?e.value+"":""},isItemDisabled:function(e){return!!e.disabled},initialInputValue:d||"",selectedItem:V,isOpen:r,initialIsOpen:a,id:C,onIsOpenChange:function(e){e.isOpen?null==I||I():null==m||m()},onInputValueChange:u((function(e){var n=e.inputValue;S(n||""),null==h||h(n)}),[h,S]),onSelectedItemChange:u((function(e){var n=e.selectedItem;void 0===c&&M(n||null),n?(null==v||v(n),null==f||f(n),S("")):(null==f||f(null),S(""))}),[c,v,S,f]),onStateChange:u((function(e){var n,t=e.type;!p||t!==i.stateChangeTypes.ItemClick&&t!==i.stateChangeTypes.InputKeyDownEnter||null===(n=j.current)||void 0===n||n.blur()}),[p]),stateReducer:function(e,n){switch(n.type){case i.stateChangeTypes.InputKeyDownEnter:case i.stateChangeTypes.ItemClick:return Object.assign(Object.assign({},n.changes),{inputValue:null,isOpen:!p});case i.stateChangeTypes.InputBlur:case i.stateChangeTypes.ControlledPropUpdatedSelectedItem:return Object.assign(Object.assign({},n.changes),{inputValue:null});default:return n.changes}}}),k=K.getInputProps,E=K.reset;return{isOpen:K.isOpen,inputValue:K.inputValue,highlightedIndex:K.highlightedIndex,selectedItem:V,getToggleButtonProps:K.getToggleButtonProps,getLabelProps:K.getLabelProps,getMenuProps:K.getMenuProps,getInputProps:function(e){return k(Object.assign(Object.assign({},e),{ref:j}))},getItemProps:K.getItemProps,reset:function(){void 0===c&&M(null),E(),S("")},filteredOptions:D,openMenu:K.openMenu,toggleMenu:K.toggleMenu,closeMenu:K.closeMenu}}export{o as default};
+import{slicedToArray as e}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import{useState as n,useRef as t,useMemo as l,useCallback as u}from"react";import{useCombobox as i}from"downshift";import o from"./useDropdownFiltering.js";function r(r,s,a,p,g,c,d,f,h,m,I,v,O,b,y){var C=n(g||null),P=e(C,2),T=P[0],M=P[1],j=t(null),w=void 0!==c?c:T,V=l((function(){return w?[w]:[]}),[w]),D=o(r,O,b,V),x=D.filteredOptions,B=D.filterOptions,K=l((function(){return x.flatMap((function(e){return e.options}))}),[x]),S=i({items:K,itemToString:function(e){var n;return null!==(n=null==e?void 0:e.label)&&void 0!==n?n:""},itemToKey:function(e){return void 0!==(null==e?void 0:e.value)?e.value+"":""},isItemDisabled:function(e){return!!e.disabled},initialInputValue:d||(null==w?void 0:w.label)||"",selectedItem:w,isOpen:s,initialIsOpen:a,id:y,onIsOpenChange:function(e){var n=e.isOpen;n||B(""),n?null==I||I():null==m||m()},onInputValueChange:u((function(e){var n=e.inputValue;e.type===i.stateChangeTypes.InputChange&&B(n||""),null==h||h(n)}),[h,B]),onSelectedItemChange:u((function(e){var n=e.selectedItem;void 0===c&&M(n||null),n?(null==v||v(n),null==f||f(n),B("")):(null==f||f(null),B(""))}),[c,v,B,f]),onStateChange:u((function(e){var n,t=e.type;!p||t!==i.stateChangeTypes.ItemClick&&t!==i.stateChangeTypes.InputKeyDownEnter||null===(n=j.current)||void 0===n||n.blur()}),[p]),stateReducer:function(e,n){switch(n.type){case i.stateChangeTypes.InputKeyDownEnter:case i.stateChangeTypes.ItemClick:return Object.assign(Object.assign({},n.changes),{isOpen:!p});default:return n.changes}}}),k=S.getInputProps,E=S.reset;return{isOpen:S.isOpen,inputValue:S.inputValue,highlightedIndex:S.highlightedIndex,selectedItem:w,getToggleButtonProps:S.getToggleButtonProps,getLabelProps:S.getLabelProps,getMenuProps:S.getMenuProps,getInputProps:function(e){return k(Object.assign(Object.assign({},e),{ref:j}))},getItemProps:S.getItemProps,reset:function(){void 0===c&&M(null),E(),B("")},filteredOptions:x,openMenu:S.openMenu,toggleMenu:S.toggleMenu,closeMenu:S.closeMenu}}export{r as default};
 //# sourceMappingURL=useDropdownCombobox.js.map

package/dist/src/components/Dropdown/hooks/useDropdownCombobox.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDropdownCombobox.js","sources":["../../../../../src/components/Dropdown/hooks/useDropdownCombobox.ts"],"sourcesContent":["import { useCallback, useMemo, useRef, useState } from \"react\";\nimport { useCombobox } from \"downshift\";\nimport useDropdownFiltering from \"./useDropdownFiltering\";\nimport { type BaseItemData } from \"../../BaseItem\";\nimport { type DropdownGroupOption } from \"../Dropdown.types\";\n\nfunction useDropdownCombobox<T extends BaseItemData<Record<string, unknown>>>(\n  options: DropdownGroupOption<T>,\n  isMenuOpen?: boolean,\n  autoFocus?: boolean,\n  closeMenuOnSelect?: boolean,\n  defaultValue?: T,\n  value?: T,\n  inputValueProp?: string,\n  onChange?: (option: T | T[] | null) => void,\n  onInputChange?: (value: string | null) => void,\n  onMenuOpen?: () => void,\n  onMenuClose?: () => void,\n  onOptionSelect?: (option: T) => void,\n  filterOption?: (option: T, inputValue: string) => boolean,\n  showSelectedOptions?: boolean,\n  id?: string\n) {\n  const [currentSelectedItem, setCurrentSelectedItem] = useState<T | null>(defaultValue || null);\n  const inputRef = useRef<HTMLInputElement | null>(null);\n\n  // Use controlled value if provided, otherwise use internal state\n  const selectedItem = value !== undefined ? value : currentSelectedItem;\n\n  const memoizedSelectedItemForFiltering = useMemo(() => {\n    return selectedItem ? [selectedItem] : [];\n  }, [selectedItem]);\n\n  const { filteredOptions, filterOptions } = useDropdownFiltering<T>(\n    options,\n    filterOption,\n    showSelectedOptions,\n    memoizedSelectedItemForFiltering\n  );\n\n  const flatOptions = useMemo(() => filteredOptions.flatMap(group => group.options), [filteredOptions]);\n  const {\n    isOpen,\n    inputValue,\n    highlightedIndex,\n    getToggleButtonProps,\n    getLabelProps,\n    getMenuProps,\n    getInputProps,\n    getItemProps,\n    reset,\n    openMenu,\n    toggleMenu,\n    closeMenu\n  } = useCombobox<T>({\n    items: flatOptions,\n    itemToString: item => item?.label ?? \"\",\n    itemToKey: item => (item?.value !== undefined ? String(item.value) : \"\"),\n    isItemDisabled: item => Boolean(item.disabled),\n    initialInputValue: inputValueProp || \"\",\n    selectedItem: selectedItem,\n    isOpen: isMenuOpen,\n    initialIsOpen: autoFocus,\n    id,\n    onIsOpenChange: ({ isOpen }) => {\n      isOpen ? onMenuClose?.() : onMenuOpen?.();\n    },\n\n    onInputValueChange: useCallback(\n      ({ inputValue }) => {\n        filterOptions(inputValue || \"\");\n        onInputChange?.(inputValue);\n      },\n      [onInputChange, filterOptions]\n    ),\n    onSelectedItemChange: useCallback(\n      ({ selectedItem }) => {\n        if (value === undefined) {\n          setCurrentSelectedItem(selectedItem || null);\n        }\n        if (selectedItem) {\n          onOptionSelect?.(selectedItem);\n          onChange?.(selectedItem);\n          filterOptions(\"\");\n        } else {\n          onChange?.(null);\n          filterOptions(\"\");\n        }\n      },\n      [value, onOptionSelect, filterOptions, onChange]\n    ),\n    onStateChange: useCallback(\n      ({ type }) => {\n        // Blur input after selection via click or Enter key\n        if (\n          closeMenuOnSelect &&\n          (type === useCombobox.stateChangeTypes.ItemClick || type === useCombobox.stateChangeTypes.InputKeyDownEnter)\n        ) {\n          inputRef.current?.blur();\n        }\n      },\n      [closeMenuOnSelect]\n    ),\n    stateReducer: (state, actionAndChanges) => {\n      switch (actionAndChanges.type) {\n        case useCombobox.stateChangeTypes.InputKeyDownEnter:\n        case useCombobox.stateChangeTypes.ItemClick:\n          return { ...actionAndChanges.changes, inputValue: null, isOpen: !closeMenuOnSelect };\n        case useCombobox.stateChangeTypes.InputBlur:\n        case useCombobox.stateChangeTypes.ControlledPropUpdatedSelectedItem:\n          return { ...actionAndChanges.changes, inputValue: null };\n\n        default:\n          return actionAndChanges.changes;\n      }\n    }\n  });\n\n  return {\n    isOpen,\n    inputValue,\n    highlightedIndex,\n    selectedItem,\n    getToggleButtonProps,\n    getLabelProps,\n    getMenuProps,\n    getInputProps: (options?: Parameters<typeof getInputProps>[0]) => getInputProps({ ...options, ref: inputRef }),\n    getItemProps,\n    reset: () => {\n      if (value === undefined) {\n        setCurrentSelectedItem(null);\n      }\n      reset();\n      filterOptions(\"\");\n    },\n    filteredOptions,\n    openMenu,\n    toggleMenu,\n    closeMenu\n  };\n}\n\nexport default useDropdownCombobox;\n"],"names":["useDropdownCombobox","options","isMenuOpen","autoFocus","closeMenuOnSelect","defaultValue","value","inputValueProp","onChange","onInputChange","onMenuOpen","onMenuClose","onOptionSelect","filterOption","showSelectedOptions","id","_useState","useState","_useState2","_slicedToArray","currentSelectedItem","setCurrentSelectedItem","inputRef","useRef","selectedItem","undefined","memoizedSelectedItemForFiltering","useMemo","_useDropdownFiltering","useDropdownFiltering","filteredOptions","filterOptions","flatOptions","flatMap","group","_useCombobox","useCombobox","items","itemToString","item","_a","label","itemToKey","String","isItemDisabled","disabled","initialInputValue","isOpen","initialIsOpen","onIsOpenChange","_ref","onInputValueChange","useCallback","_ref2","inputValue","onSelectedItemChange","_ref3","onStateChange","_ref4","type","stateChangeTypes","ItemClick","InputKeyDownEnter","current","blur","stateReducer","state","actionAndChanges","Object","assign","changes","InputBlur","ControlledPropUpdatedSelectedItem","getInputProps","reset","highlightedIndex","getToggleButtonProps","getLabelProps","getMenuProps","ref","getItemProps","openMenu","toggleMenu","closeMenu"],"mappings":"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"}
+{"version":3,"file":"useDropdownCombobox.js","sources":["../../../../../src/components/Dropdown/hooks/useDropdownCombobox.ts"],"sourcesContent":["import { useCallback, useMemo, useRef, useState } from \"react\";\nimport { useCombobox } from \"downshift\";\nimport useDropdownFiltering from \"./useDropdownFiltering\";\nimport { type BaseItemData } from \"../../BaseItem\";\nimport { type DropdownGroupOption } from \"../Dropdown.types\";\n\nfunction useDropdownCombobox<T extends BaseItemData<Record<string, unknown>>>(\n  options: DropdownGroupOption<T>,\n  isMenuOpen?: boolean,\n  autoFocus?: boolean,\n  closeMenuOnSelect?: boolean,\n  defaultValue?: T,\n  value?: T,\n  inputValueProp?: string,\n  onChange?: (option: T | T[] | null) => void,\n  onInputChange?: (value: string | null) => void,\n  onMenuOpen?: () => void,\n  onMenuClose?: () => void,\n  onOptionSelect?: (option: T) => void,\n  filterOption?: (option: T, inputValue: string) => boolean,\n  showSelectedOptions?: boolean,\n  id?: string\n) {\n  const [currentSelectedItem, setCurrentSelectedItem] = useState<T | null>(defaultValue || null);\n  const inputRef = useRef<HTMLInputElement | null>(null);\n\n  // Use controlled value if provided, otherwise use internal state\n  const selectedItem = value !== undefined ? value : currentSelectedItem;\n\n  const memoizedSelectedItemForFiltering = useMemo(() => {\n    return selectedItem ? [selectedItem] : [];\n  }, [selectedItem]);\n\n  const { filteredOptions, filterOptions } = useDropdownFiltering<T>(\n    options,\n    filterOption,\n    showSelectedOptions,\n    memoizedSelectedItemForFiltering\n  );\n\n  const flatOptions = useMemo(() => filteredOptions.flatMap(group => group.options), [filteredOptions]);\n  const {\n    isOpen,\n    inputValue,\n    highlightedIndex,\n    getToggleButtonProps,\n    getLabelProps,\n    getMenuProps,\n    getInputProps,\n    getItemProps,\n    reset,\n    openMenu,\n    toggleMenu,\n    closeMenu\n  } = useCombobox<T>({\n    items: flatOptions,\n    itemToString: item => item?.label ?? \"\",\n    itemToKey: item => (item?.value !== undefined ? String(item.value) : \"\"),\n    isItemDisabled: item => Boolean(item.disabled),\n    // Seed the input with the selected item's label so a defaultValue/value is visible (and exposed to\n    // assistive technologies) on mount, now that the selection lives inside the input rather than in an overlay.\n    initialInputValue: inputValueProp || selectedItem?.label || \"\",\n    selectedItem: selectedItem,\n    isOpen: isMenuOpen,\n    initialIsOpen: autoFocus,\n    id,\n    onIsOpenChange: ({ isOpen }) => {\n      // Reset the text filter when the menu closes so reopening always shows the full option list,\n      // even though the input keeps displaying the selected item's label.\n      if (!isOpen) {\n        filterOptions(\"\");\n      }\n      isOpen ? onMenuClose?.() : onMenuOpen?.();\n    },\n\n    onInputValueChange: useCallback(\n      ({ inputValue, type }) => {\n        // Only filter on actual user typing. Downshift also writes the selected item's label into the\n        // input on selection/blur — those changes must not filter the list.\n        if (type === useCombobox.stateChangeTypes.InputChange) {\n          filterOptions(inputValue || \"\");\n        }\n        onInputChange?.(inputValue);\n      },\n      [onInputChange, filterOptions]\n    ),\n    onSelectedItemChange: useCallback(\n      ({ selectedItem }) => {\n        if (value === undefined) {\n          setCurrentSelectedItem(selectedItem || null);\n        }\n        if (selectedItem) {\n          onOptionSelect?.(selectedItem);\n          onChange?.(selectedItem);\n          filterOptions(\"\");\n        } else {\n          onChange?.(null);\n          filterOptions(\"\");\n        }\n      },\n      [value, onOptionSelect, filterOptions, onChange]\n    ),\n    onStateChange: useCallback(\n      ({ type }) => {\n        // Blur input after selection via click or Enter key\n        if (\n          closeMenuOnSelect &&\n          (type === useCombobox.stateChangeTypes.ItemClick || type === useCombobox.stateChangeTypes.InputKeyDownEnter)\n        ) {\n          inputRef.current?.blur();\n        }\n      },\n      [closeMenuOnSelect]\n    ),\n    stateReducer: (state, actionAndChanges) => {\n      switch (actionAndChanges.type) {\n        case useCombobox.stateChangeTypes.InputKeyDownEnter:\n        case useCombobox.stateChangeTypes.ItemClick:\n          // Keep Downshift's default inputValue (the selected item's label) so the selection lives inside\n          // the input and is exposed to assistive technologies. Only override the open state.\n          return { ...actionAndChanges.changes, isOpen: !closeMenuOnSelect };\n\n        default:\n          return actionAndChanges.changes;\n      }\n    }\n  });\n\n  return {\n    isOpen,\n    inputValue,\n    highlightedIndex,\n    selectedItem,\n    getToggleButtonProps,\n    getLabelProps,\n    getMenuProps,\n    getInputProps: (options?: Parameters<typeof getInputProps>[0]) => getInputProps({ ...options, ref: inputRef }),\n    getItemProps,\n    reset: () => {\n      if (value === undefined) {\n        setCurrentSelectedItem(null);\n      }\n      reset();\n      filterOptions(\"\");\n    },\n    filteredOptions,\n    openMenu,\n    toggleMenu,\n    closeMenu\n  };\n}\n\nexport default useDropdownCombobox;\n"],"names":["useDropdownCombobox","options","isMenuOpen","autoFocus","closeMenuOnSelect","defaultValue","value","inputValueProp","onChange","onInputChange","onMenuOpen","onMenuClose","onOptionSelect","filterOption","showSelectedOptions","id","_useState","useState","_useState2","_slicedToArray","currentSelectedItem","setCurrentSelectedItem","inputRef","useRef","selectedItem","undefined","memoizedSelectedItemForFiltering","useMemo","_useDropdownFiltering","useDropdownFiltering","filteredOptions","filterOptions","flatOptions","flatMap","group","_useCombobox","useCombobox","items","itemToString","item","_a","label","itemToKey","String","isItemDisabled","disabled","initialInputValue","isOpen","initialIsOpen","onIsOpenChange","_ref","onInputValueChange","useCallback","_ref2","inputValue","type","stateChangeTypes","InputChange","onSelectedItemChange","_ref3","onStateChange","_ref4","ItemClick","InputKeyDownEnter","current","blur","stateReducer","state","actionAndChanges","Object","assign","changes","getInputProps","reset","highlightedIndex","getToggleButtonProps","getLabelProps","getMenuProps","ref","getItemProps","openMenu","toggleMenu","closeMenu"],"mappings":"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"}

package/dist/src/components/Dropdown/hooks/useDropdownMultiCombobox.js

@@ -1,2 +1,2 @@
-import{useMemo as e,useCallback as t}from"react";import n from"./useDropdownFiltering.js";import{useMultipleSelection as l,useCombobox as i}from"downshift";function o(o,s,u,r,a,d,p,c,g,m,I,f,h,v,P,O){var S=void 0!==p?p:s,C=n(o,v,P,S),b=C.filteredOptions,M=C.filterOptions,T=e((function(){return b.flatMap((function(e){return e.options}))}),[b]),y=l({selectedItems:S,initialSelectedItems:d,onSelectedItemsChange:function(e){var t=e.selectedItems;void 0===p&&u(t||[]),null==g||g(t||[])}}),V=y.getSelectedItemProps,w=y.getDropdownProps,j=y.addSelectedItem,x=y.removeSelectedItem,D=i({items:T,itemToString:function(e){var t;return null!==(t=null==e?void 0:e.label)&&void 0!==t?t:""},itemToKey:function(e){return void 0!==(null==e?void 0:e.value)?e.value+"":""},isItemDisabled:function(e){return!!e.disabled},isOpen:r,initialIsOpen:a,initialInputValue:c||"",id:O,onIsOpenChange:function(e){e.isOpen?null==f||f():null==I||I()},onInputValueChange:function(e){var t=e.inputValue;M(t||""),null==m||m(t)},onSelectedItemChange:function(e){var t=e.selectedItem;if(t){var n=S.find((function(e){return e.value===t.value}));n?x(n):j(t),null==h||h(t),M("")}},stateReducer:function(e,t){var n,l;switch(t.type){case i.stateChangeTypes.InputKeyDownEnter:case i.stateChangeTypes.ItemClick:return Object.assign(Object.assign({},t.changes),{inputValue:null,isOpen:!0,highlightedIndex:null!==(l=null===(n=t.changes.selectedItem)||void 0===n?void 0:n.index)&&void 0!==l?l:0});case i.stateChangeTypes.InputBlur:case i.stateChangeTypes.ControlledPropUpdatedSelectedItem:return Object.assign(Object.assign({},t.changes),{inputValue:null});default:return t.changes}}}),B=D.isOpen,K=D.inputValue,L=D.highlightedIndex,k=D.getToggleButtonProps,E=D.getLabelProps,F=D.getMenuProps,R=D.getInputProps,U=D.getItemProps,q=D.reset,z=D.openMenu,A=D.toggleMenu,G=D.closeMenu,H=t((function(){void 0===p&&u([]),q(),null==g||g([])}),[p,u,q,g]);return{isOpen:B,inputValue:K,highlightedIndex:L,selectedItems:S,getSelectedItemProps:V,getDropdownProps:w,addSelectedItem:j,getToggleButtonProps:k,getLabelProps:E,getMenuProps:F,getInputProps:R,getItemProps:U,reset:H,removeSelectedItem:x,filteredOptions:b,openMenu:z,toggleMenu:A,closeMenu:G}}export{o as default};
+import{toConsumableArray as e}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import{useRef as t,useMemo as n,useCallback as l}from"react";import u from"./useDropdownFiltering.js";import{useMultipleSelection as i,useCombobox as a}from"downshift";function o(o,r,s,p,c,d,g,m,f,v,I,h,O,C,y,b,P,S,j){var T=void 0!==g?g:r,w=t(null),D=S,M=u(o,C,y,T),V=M.filteredOptions,x=M.filterOptions,B=n((function(){return V.flatMap((function(e){return e.options}))}),[V]),K=i({selectedItems:T,initialSelectedItems:d,onSelectedItemsChange:function(e){var t=e.selectedItems;void 0===g&&s(t||[]),null==f||f(t||[])},onStateChange:function(e){var t=e.type,n=e.selectedItems;if((t===i.stateChangeTypes.SelectedItemKeyDownBackspace||t===i.stateChangeTypes.SelectedItemKeyDownDelete)&&n){var l=T.find((function(e){return!n.some((function(t){return t.value===e.value}))}));l&&(null==P||P(l))}}}),k=K.getSelectedItemProps,E=K.getDropdownProps,L=K.addSelectedItem,_=K.removeSelectedItem,A=a({items:B,itemToString:function(e){var t;return null!==(t=null==e?void 0:e.label)&&void 0!==t?t:""},itemToKey:function(e){return void 0!==(null==e?void 0:e.value)?e.value+"":""},isItemDisabled:function(e){return!!e.disabled},isOpen:p,initialIsOpen:c,initialInputValue:null!=m?m:S?T.map((function(e){return e.label})).join(", "):"",id:b,onIsOpenChange:function(e){var t=e.isOpen;x(""),t?null==h||h():null==I||I()},onInputValueChange:l((function(e){var t=e.inputValue;e.type===a.stateChangeTypes.InputChange&&x(t||""),null==v||v(t)}),[v,x]),onSelectedItemChange:function(e){var t=e.selectedItem;if(!D&&t){var n=T.find((function(e){return e.value===t.value}));n?(_(n),null==P||P(n)):L(t),null==O||O(t),x("")}},onStateChange:function(e){var t=e.type;if(D&&(t===a.stateChangeTypes.ItemClick||t===a.stateChangeTypes.InputKeyDownEnter)){var n=w.current;if(w.current=null,n){var l=T.find((function(e){return e.value===n.value}));l?(_(l),null==P||P(l)):L(n),null==O||O(n),x("")}}},stateReducer:function(t,n){var l,u,i,o,r=n.type,s=n.changes,p=S?T.map((function(e){return e.label})).join(", "):null;switch(r){case a.stateChangeTypes.InputKeyDownEnter:case a.stateChangeTypes.ItemClick:if(D){var c=s.selectedItem;w.current=null!=c?c:null;var d=c?T.some((function(e){return e.value===c.value}))?T.filter((function(e){return e.value!==c.value})):[].concat(e(T),[c]):T,g=S?d.map((function(e){return e.label})).join(", "):null;return Object.assign(Object.assign({},s),{selectedItem:null,inputValue:g,isOpen:!0,highlightedIndex:null!==(u=null===(l=s.selectedItem)||void 0===l?void 0:l.index)&&void 0!==u?u:0})}return Object.assign(Object.assign({},s),{inputValue:null,isOpen:!0,highlightedIndex:null!==(o=null===(i=s.selectedItem)||void 0===i?void 0:i.index)&&void 0!==o?o:0});case a.stateChangeTypes.InputBlur:case a.stateChangeTypes.ControlledPropUpdatedSelectedItem:return Object.assign(Object.assign({},s),{inputValue:p});default:return!s.isOpen&&t.isOpen?Object.assign(Object.assign({},s),{inputValue:p}):s}}}),F=A.isOpen,H=A.inputValue,R=A.highlightedIndex,U=A.getToggleButtonProps,q=A.getLabelProps,z=A.getMenuProps,G=A.getInputProps,J=A.getItemProps,N=A.reset,Q=A.openMenu,W=A.toggleMenu,X=A.closeMenu,Y=l((function(){void 0===g&&s([]),N(),null==f||f([])}),[g,s,N,f]);return{isOpen:F,inputValue:H,highlightedIndex:R,selectedItems:T,getSelectedItemProps:k,getDropdownProps:E,addSelectedItem:L,getToggleButtonProps:U,getLabelProps:q,getMenuProps:z,getInputProps:G,getItemProps:J,reset:Y,removeSelectedItem:_,filteredOptions:V,openMenu:Q,toggleMenu:W,closeMenu:X}}export{o as default};
 //# sourceMappingURL=useDropdownMultiCombobox.js.map