npm - @vibe/core - Versions diffs - 4.5.21 → 4.5.23 - Mend

@vibe/core 4.5.21 → 4.5.23

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (918) hide show

package/dist/mocked_classnames/src/components/DatePicker/DatePicker.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={datePicker:"datePicker",datePickerMonths:"datePickerMonths",withWeekNumber:"withWeekNumber",datePickerHead:"datePickerHead",datePickerBody:"datePickerBody",datePickerTable:"datePickerTable",datePickerDay:"datePickerDay",datePickerDayContent:"datePickerDayContent",datePickerDayDisabled:"datePickerDayDisabled",datePickerAddToRangeStart:"datePickerAddToRangeStart",datePickerAddToRangeEnd:"datePickerAddToRangeEnd",datePickerAddToRangeMiddle:"datePickerAddToRangeMiddle",datePickerDayRangeStart:"datePickerDayRangeStart",datePickerDayRangeEnd:"datePickerDayRangeEnd",datePickerDayOutside:"datePickerDayOutside",datePickerDaySelected:"datePickerDaySelected",datePickerDayRangeMiddle:"datePickerDayRangeMiddle",datePickerRemoveFromRange:"datePickerRemoveFromRange",datePickerHalfRangeSelected:"datePickerHalfRangeSelected"};!function(e){const a="s_id-601bce29f4a5_4_5_20";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 {\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 .datePickerMonths {\n  display: flex;\n  flex-direction: row;\n  gap: var(--space-16);\n  align-items: flex-start;\n}\n.datePicker.withWeekNumber {\n  --day-picker-days-horizontal-gap: 2px;\n  width: 284px;\n  margin: 0;\n}\n.datePicker.withWeekNumber .datePickerHead 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.withWeekNumber .datePickerHead 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.withWeekNumber .datePickerBody td:first-child {\n  background-color: var(--primary-background-hover-color);\n}\n.datePicker.withWeekNumber .datePickerBody 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 .datePickerTable {\n  margin-top: var(--space-8);\n  border-collapse: collapse;\n  height: var(--day-picker-content-height);\n}\n.datePicker .datePickerHead 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 .datePickerBody td {\n  color: var(--secondary-text-color);\n  font: var(--font-text2-normal);\n  text-align: center;\n  padding: 0;\n}\n.datePicker .datePickerBody .datePickerDay {\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 .datePickerBody .datePickerDay .datePickerDayContent {\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 .datePickerBody .datePickerDay:focus-visible {\n  outline: none;\n}\n.datePicker .datePickerBody .datePickerDay:focus-visible .datePickerDayContent {\n  outline: 2px solid var(--primary-color);\n}\n.datePicker .datePickerBody .datePickerDay.datePickerDayDisabled {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n.datePicker .datePickerBody .datePickerDay:not(.datePickerDayDisabled):not(.datePickerAddToRangeStart):not(.datePickerAddToRangeEnd):not(.datePickerAddToRangeMiddle):not(.datePickerDayRangeStart):not(.datePickerDayRangeEnd) .datePickerDayContent:hover {\n  background: var(--primary-background-hover-color);\n}\n.datePicker .datePickerBody .datePickerDay.datePickerDayOutside {\n  color: var(--disabled-text-color);\n}\n.datePicker .datePickerBody .datePickerDay.datePickerDaySelected:not(.datePickerDayRangeMiddle):not(.datePickerRemoveFromRange) {\n  background: var(--primary-color);\n  color: var(--text-color-on-primary);\n}\n.datePicker .datePickerBody .datePickerDay.datePickerDayRangeStart:not(.datePickerDayRangeEnd):not(.datePickerRemoveFromRange), .datePicker .datePickerBody .datePickerDay.datePickerDayRangeEnd:not(.datePickerDayRangeStart):not(.datePickerRemoveFromRange) {\n  background: var(--primary-color);\n  width: calc(var(--day-picker-day-width) + var(--day-picker-days-horizontal-gap));\n}\n.datePicker .datePickerBody .datePickerDay.datePickerDayRangeStart.datePickerRemoveFromRange, .datePicker .datePickerBody .datePickerDay.datePickerDayRangeEnd.datePickerRemoveFromRange {\n  background: var(--primary-color);\n  color: var(--text-color-on-primary);\n}\n.datePicker .datePickerBody .datePickerDay.datePickerDayRangeStart.datePickerRemoveFromRange:not(.datePickerDayRangeEnd), .datePicker .datePickerBody .datePickerDay.datePickerDayRangeEnd.datePickerRemoveFromRange:not(.datePickerDayRangeStart) {\n  width: calc(var(--day-picker-day-width) + var(--day-picker-days-horizontal-gap));\n}\n.datePicker .datePickerBody .datePickerDay.datePickerAddToRangeStart, .datePicker .datePickerBody .datePickerDay.datePickerDayRangeStart:not(.datePickerDayRangeEnd) {\n  margin-inline-end: 0;\n  border-start-end-radius: 0;\n  border-end-end-radius: 0;\n}\n.datePicker .datePickerBody .datePickerDay.datePickerAddToRangeEnd, .datePicker .datePickerBody .datePickerDay.datePickerDayRangeEnd:not(.datePickerDayRangeStart) {\n  margin-inline-start: 0;\n  border-start-start-radius: 0;\n  border-end-start-radius: 0;\n}\n.datePicker .datePickerBody .datePickerDay.datePickerAddToRangeStart, .datePicker .datePickerBody .datePickerDay.datePickerAddToRangeEnd, .datePicker .datePickerBody .datePickerDay.datePickerAddToRangeMiddle {\n  margin: var(--day-picker-days-vertical-gap) 0;\n}\n.datePicker .datePickerBody .datePickerDay.datePickerAddToRangeStart:not(.datePickerDayRangeStart):not(.datePickerDayRangeEnd), .datePicker .datePickerBody .datePickerDay.datePickerAddToRangeEnd:not(.datePickerDayRangeStart):not(.datePickerDayRangeEnd), .datePicker .datePickerBody .datePickerDay.datePickerAddToRangeMiddle, .datePicker .datePickerBody .datePickerDay.datePickerDayRangeMiddle:not(.datePickerAddToRangeStart):not(.datePickerAddToRangeEnd) {\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 .datePickerBody .datePickerDay.datePickerAddToRangeMiddle, .datePicker .datePickerBody .datePickerDay.datePickerDayRangeMiddle:not(.datePickerAddToRangeStart):not(.datePickerAddToRangeEnd) {\n  background: var(--primary-selected-color);\n  margin: var(--day-picker-days-vertical-gap) 0;\n  border-radius: 0;\n}\n.datePicker .datePickerBody .datePickerDay.datePickerRemoveFromRange:not(.datePickerDayRangeStart):not(.datePickerDayRangeEnd), .datePicker .datePickerBody .datePickerDay.datePickerAddToRangeStart:not(.datePickerDayRangeMiddle):not(.datePickerDayRangeEnd), .datePicker .datePickerBody .datePickerDay.datePickerAddToRangeEnd:not(.datePickerDayRangeMiddle):not(.datePickerDayRangeStart), .datePicker .datePickerBody .datePickerDay.datePickerAddToRangeMiddle {\n  background: var(--day-picker-day-change-range);\n  border-color: var(--day-picker-day-change-range);\n}\n.datePicker .datePickerBody tr td:first-child .datePickerDay.datePickerDayRangeMiddle, .datePicker .datePickerBody tr td:first-child .datePickerDay.datePickerAddToRangeStart:not(.datePickerDayRangeStart):not(.datePickerDayRangeEnd), .datePicker .datePickerBody tr td:first-child .datePickerDay.datePickerAddToRangeMiddle, .datePicker .datePickerBody tr td:first-child .datePickerDay.datePickerAddToRangeEnd:not(.datePickerDayRangeStart):not(.datePickerDayRangeEnd) {\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 .datePickerBody tr td:first-child .datePickerDay.datePickerRemoveFromRange {\n  border-color: var(--day-picker-day-change-range);\n}\n.datePicker .datePickerBody tr td:first-child .datePickerDay.datePickerAddToRangeEnd, .datePicker .datePickerBody tr td:first-child .datePickerDay.datePickerDayRangeEnd:not(.datePickerDayRangeStart) {\n  margin-inline-end: 0;\n}\n.datePicker .datePickerBody tr td:last-child .datePickerDay.datePickerDayRangeMiddle, .datePicker .datePickerBody tr td:last-child .datePickerDay.datePickerAddToRangeStart:not(.datePickerDayRangeStart):not(.datePickerDayRangeEnd), .datePicker .datePickerBody tr td:last-child .datePickerDay.datePickerAddToRangeMiddle, .datePicker .datePickerBody tr td:last-child .datePickerDay.datePickerAddToRangeEnd:not(.datePickerDayRangeStart):not(.datePickerDayRangeEnd) {\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 .datePickerBody tr td:last-child .datePickerDay.datePickerRemoveFromRange {\n  border-color: var(--day-picker-day-change-range);\n}\n.datePicker .datePickerBody tr td:last-child .datePickerDay.datePickerAddToRangeStart, .datePicker .datePickerBody tr td:last-child .datePickerDay.datePickerDayRangeStart:not(.datePickerDayRangeEnd) {\n  margin-inline-start: 0;\n}\n.datePicker .datePickerBody tr td:first-child .datePickerDay.datePickerAddToRangeStart:not(.datePickerDayRangeMiddle), .datePicker .datePickerBody tr td:first-child .datePickerDay.datePickerAddToRangeMiddle, .datePicker .datePickerBody tr td:first-child .datePickerDay.datePickerAddToRangeEnd:not(.datePickerDayRangeMiddle),\n.datePicker .datePickerBody tr td:last-child .datePickerDay.datePickerAddToRangeStart:not(.datePickerDayRangeMiddle),\n.datePicker .datePickerBody tr td:last-child .datePickerDay.datePickerAddToRangeMiddle,\n.datePicker .datePickerBody tr td:last-child .datePickerDay.datePickerAddToRangeEnd:not(.datePickerDayRangeMiddle) {\n  border-color: var(--day-picker-day-change-range);\n}\n.datePicker .datePickerBody tr td:first-child .datePickerDay.datePickerDaySelected.datePickerDayRangeEnd.datePickerAddToRangeStart,\n.datePicker .datePickerBody tr td:last-child .datePickerDay.datePickerDaySelected.datePickerDayRangeEnd.datePickerAddToRangeStart {\n  border-inline-start-width: 0;\n}\n.datePicker .datePickerBody tr td:first-child .datePickerDay.datePickerDaySelected.datePickerDayRangeStart.datePickerAddToRangeEnd,\n.datePicker .datePickerBody tr td:last-child .datePickerDay.datePickerDaySelected.datePickerDayRangeStart.datePickerAddToRangeEnd {\n  border-inline-end-width: 0;\n}\n.datePicker .datePickerBody .datePickerDaySelected.datePickerDayRangeEnd.datePickerAddToRangeStart {\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 .datePickerBody .datePickerDaySelected.datePickerDayRangeEnd.datePickerAddToRangeStart:not(.datePickerHalfRangeSelected) {\n  margin-inline-start: calc(var(--day-picker-days-horizontal-gap) * -1);\n}\n.datePicker .datePickerBody .datePickerDaySelected.datePickerDayRangeStart.datePickerAddToRangeEnd {\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 .datePickerBody .datePickerDaySelected.datePickerDayRangeStart.datePickerAddToRangeEnd:not(.datePickerHalfRangeSelected) {\n  margin-inline-end: calc(var(--day-picker-days-horizontal-gap) * -1);\n}');export{e as default};
+var e={datePicker:"datePicker",datePickerMonths:"datePickerMonths",withWeekNumber:"withWeekNumber",datePickerHead:"datePickerHead",datePickerBody:"datePickerBody",datePickerTable:"datePickerTable",datePickerDay:"datePickerDay",datePickerDayContent:"datePickerDayContent",datePickerDayDisabled:"datePickerDayDisabled",datePickerAddToRangeStart:"datePickerAddToRangeStart",datePickerAddToRangeEnd:"datePickerAddToRangeEnd",datePickerAddToRangeMiddle:"datePickerAddToRangeMiddle",datePickerDayRangeStart:"datePickerDayRangeStart",datePickerDayRangeEnd:"datePickerDayRangeEnd",datePickerDayOutside:"datePickerDayOutside",datePickerDaySelected:"datePickerDaySelected",datePickerDayRangeMiddle:"datePickerDayRangeMiddle",datePickerRemoveFromRange:"datePickerRemoveFromRange",datePickerHalfRangeSelected:"datePickerHalfRangeSelected"};!function(e){const a="s_id-601bce29f4a5_4_5_22";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 {\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 .datePickerMonths {\n  display: flex;\n  flex-direction: row;\n  gap: var(--space-16);\n  align-items: flex-start;\n}\n.datePicker.withWeekNumber {\n  --day-picker-days-horizontal-gap: 2px;\n  width: 284px;\n  margin: 0;\n}\n.datePicker.withWeekNumber .datePickerHead 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.withWeekNumber .datePickerHead 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.withWeekNumber .datePickerBody td:first-child {\n  background-color: var(--primary-background-hover-color);\n}\n.datePicker.withWeekNumber .datePickerBody 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 .datePickerTable {\n  margin-top: var(--space-8);\n  border-collapse: collapse;\n  height: var(--day-picker-content-height);\n}\n.datePicker .datePickerHead 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 .datePickerBody td {\n  color: var(--secondary-text-color);\n  font: var(--font-text2-normal);\n  text-align: center;\n  padding: 0;\n}\n.datePicker .datePickerBody .datePickerDay {\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 .datePickerBody .datePickerDay .datePickerDayContent {\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 .datePickerBody .datePickerDay:focus-visible {\n  outline: none;\n}\n.datePicker .datePickerBody .datePickerDay:focus-visible .datePickerDayContent {\n  outline: 2px solid var(--primary-color);\n}\n.datePicker .datePickerBody .datePickerDay.datePickerDayDisabled {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n.datePicker .datePickerBody .datePickerDay:not(.datePickerDayDisabled):not(.datePickerAddToRangeStart):not(.datePickerAddToRangeEnd):not(.datePickerAddToRangeMiddle):not(.datePickerDayRangeStart):not(.datePickerDayRangeEnd) .datePickerDayContent:hover {\n  background: var(--primary-background-hover-color);\n}\n.datePicker .datePickerBody .datePickerDay.datePickerDayOutside {\n  color: var(--disabled-text-color);\n}\n.datePicker .datePickerBody .datePickerDay.datePickerDaySelected:not(.datePickerDayRangeMiddle):not(.datePickerRemoveFromRange) {\n  background: var(--primary-color);\n  color: var(--text-color-on-primary);\n}\n.datePicker .datePickerBody .datePickerDay.datePickerDayRangeStart:not(.datePickerDayRangeEnd):not(.datePickerRemoveFromRange), .datePicker .datePickerBody .datePickerDay.datePickerDayRangeEnd:not(.datePickerDayRangeStart):not(.datePickerRemoveFromRange) {\n  background: var(--primary-color);\n  width: calc(var(--day-picker-day-width) + var(--day-picker-days-horizontal-gap));\n}\n.datePicker .datePickerBody .datePickerDay.datePickerDayRangeStart.datePickerRemoveFromRange, .datePicker .datePickerBody .datePickerDay.datePickerDayRangeEnd.datePickerRemoveFromRange {\n  background: var(--primary-color);\n  color: var(--text-color-on-primary);\n}\n.datePicker .datePickerBody .datePickerDay.datePickerDayRangeStart.datePickerRemoveFromRange:not(.datePickerDayRangeEnd), .datePicker .datePickerBody .datePickerDay.datePickerDayRangeEnd.datePickerRemoveFromRange:not(.datePickerDayRangeStart) {\n  width: calc(var(--day-picker-day-width) + var(--day-picker-days-horizontal-gap));\n}\n.datePicker .datePickerBody .datePickerDay.datePickerAddToRangeStart, .datePicker .datePickerBody .datePickerDay.datePickerDayRangeStart:not(.datePickerDayRangeEnd) {\n  margin-inline-end: 0;\n  border-start-end-radius: 0;\n  border-end-end-radius: 0;\n}\n.datePicker .datePickerBody .datePickerDay.datePickerAddToRangeEnd, .datePicker .datePickerBody .datePickerDay.datePickerDayRangeEnd:not(.datePickerDayRangeStart) {\n  margin-inline-start: 0;\n  border-start-start-radius: 0;\n  border-end-start-radius: 0;\n}\n.datePicker .datePickerBody .datePickerDay.datePickerAddToRangeStart, .datePicker .datePickerBody .datePickerDay.datePickerAddToRangeEnd, .datePicker .datePickerBody .datePickerDay.datePickerAddToRangeMiddle {\n  margin: var(--day-picker-days-vertical-gap) 0;\n}\n.datePicker .datePickerBody .datePickerDay.datePickerAddToRangeStart:not(.datePickerDayRangeStart):not(.datePickerDayRangeEnd), .datePicker .datePickerBody .datePickerDay.datePickerAddToRangeEnd:not(.datePickerDayRangeStart):not(.datePickerDayRangeEnd), .datePicker .datePickerBody .datePickerDay.datePickerAddToRangeMiddle, .datePicker .datePickerBody .datePickerDay.datePickerDayRangeMiddle:not(.datePickerAddToRangeStart):not(.datePickerAddToRangeEnd) {\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 .datePickerBody .datePickerDay.datePickerAddToRangeMiddle, .datePicker .datePickerBody .datePickerDay.datePickerDayRangeMiddle:not(.datePickerAddToRangeStart):not(.datePickerAddToRangeEnd) {\n  background: var(--primary-selected-color);\n  margin: var(--day-picker-days-vertical-gap) 0;\n  border-radius: 0;\n}\n.datePicker .datePickerBody .datePickerDay.datePickerRemoveFromRange:not(.datePickerDayRangeStart):not(.datePickerDayRangeEnd), .datePicker .datePickerBody .datePickerDay.datePickerAddToRangeStart:not(.datePickerDayRangeMiddle):not(.datePickerDayRangeEnd), .datePicker .datePickerBody .datePickerDay.datePickerAddToRangeEnd:not(.datePickerDayRangeMiddle):not(.datePickerDayRangeStart), .datePicker .datePickerBody .datePickerDay.datePickerAddToRangeMiddle {\n  background: var(--day-picker-day-change-range);\n  border-color: var(--day-picker-day-change-range);\n}\n.datePicker .datePickerBody tr td:first-child .datePickerDay.datePickerDayRangeMiddle, .datePicker .datePickerBody tr td:first-child .datePickerDay.datePickerAddToRangeStart:not(.datePickerDayRangeStart):not(.datePickerDayRangeEnd), .datePicker .datePickerBody tr td:first-child .datePickerDay.datePickerAddToRangeMiddle, .datePicker .datePickerBody tr td:first-child .datePickerDay.datePickerAddToRangeEnd:not(.datePickerDayRangeStart):not(.datePickerDayRangeEnd) {\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 .datePickerBody tr td:first-child .datePickerDay.datePickerRemoveFromRange {\n  border-color: var(--day-picker-day-change-range);\n}\n.datePicker .datePickerBody tr td:first-child .datePickerDay.datePickerAddToRangeEnd, .datePicker .datePickerBody tr td:first-child .datePickerDay.datePickerDayRangeEnd:not(.datePickerDayRangeStart) {\n  margin-inline-end: 0;\n}\n.datePicker .datePickerBody tr td:last-child .datePickerDay.datePickerDayRangeMiddle, .datePicker .datePickerBody tr td:last-child .datePickerDay.datePickerAddToRangeStart:not(.datePickerDayRangeStart):not(.datePickerDayRangeEnd), .datePicker .datePickerBody tr td:last-child .datePickerDay.datePickerAddToRangeMiddle, .datePicker .datePickerBody tr td:last-child .datePickerDay.datePickerAddToRangeEnd:not(.datePickerDayRangeStart):not(.datePickerDayRangeEnd) {\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 .datePickerBody tr td:last-child .datePickerDay.datePickerRemoveFromRange {\n  border-color: var(--day-picker-day-change-range);\n}\n.datePicker .datePickerBody tr td:last-child .datePickerDay.datePickerAddToRangeStart, .datePicker .datePickerBody tr td:last-child .datePickerDay.datePickerDayRangeStart:not(.datePickerDayRangeEnd) {\n  margin-inline-start: 0;\n}\n.datePicker .datePickerBody tr td:first-child .datePickerDay.datePickerAddToRangeStart:not(.datePickerDayRangeMiddle), .datePicker .datePickerBody tr td:first-child .datePickerDay.datePickerAddToRangeMiddle, .datePicker .datePickerBody tr td:first-child .datePickerDay.datePickerAddToRangeEnd:not(.datePickerDayRangeMiddle),\n.datePicker .datePickerBody tr td:last-child .datePickerDay.datePickerAddToRangeStart:not(.datePickerDayRangeMiddle),\n.datePicker .datePickerBody tr td:last-child .datePickerDay.datePickerAddToRangeMiddle,\n.datePicker .datePickerBody tr td:last-child .datePickerDay.datePickerAddToRangeEnd:not(.datePickerDayRangeMiddle) {\n  border-color: var(--day-picker-day-change-range);\n}\n.datePicker .datePickerBody tr td:first-child .datePickerDay.datePickerDaySelected.datePickerDayRangeEnd.datePickerAddToRangeStart,\n.datePicker .datePickerBody tr td:last-child .datePickerDay.datePickerDaySelected.datePickerDayRangeEnd.datePickerAddToRangeStart {\n  border-inline-start-width: 0;\n}\n.datePicker .datePickerBody tr td:first-child .datePickerDay.datePickerDaySelected.datePickerDayRangeStart.datePickerAddToRangeEnd,\n.datePicker .datePickerBody tr td:last-child .datePickerDay.datePickerDaySelected.datePickerDayRangeStart.datePickerAddToRangeEnd {\n  border-inline-end-width: 0;\n}\n.datePicker .datePickerBody .datePickerDaySelected.datePickerDayRangeEnd.datePickerAddToRangeStart {\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 .datePickerBody .datePickerDaySelected.datePickerDayRangeEnd.datePickerAddToRangeStart:not(.datePickerHalfRangeSelected) {\n  margin-inline-start: calc(var(--day-picker-days-horizontal-gap) * -1);\n}\n.datePicker .datePickerBody .datePickerDaySelected.datePickerDayRangeStart.datePickerAddToRangeEnd {\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 .datePickerBody .datePickerDaySelected.datePickerDayRangeStart.datePickerAddToRangeEnd:not(.datePickerHalfRangeSelected) {\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/mocked_classnames/src/components/DatePicker/DatePickerHeader.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={monthButtonDropdown:"monthButtonDropdown",yearButtonDropdown:"yearButtonDropdown",datePickerHeader:"datePickerHeader"};!function(e){const t="s_id-a12251d5376d_4_5_20";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 {\n  min-width: 70px;\n  justify-content: space-between;\n}\n.yearButtonDropdown {\n  justify-content: space-between;\n}\n.datePickerHeader {\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 button:focus:not(:active), .datePickerHeader 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",yearButtonDropdown:"yearButtonDropdown",datePickerHeader:"datePickerHeader"};!function(e){const t="s_id-a12251d5376d_4_5_22";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 {\n  min-width: 70px;\n  justify-content: space-between;\n}\n.yearButtonDropdown {\n  justify-content: space-between;\n}\n.datePickerHeader {\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 button:focus:not(:active), .datePickerHeader 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/mocked_classnames/src/components/Dropdown/Dropdown.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Dropdown.js","sources":["../../../../../src/components/Dropdown/Dropdown.tsx"],"sourcesContent":["import React, { useRef, forwardRef } from \"react\";\nimport {\n type BaseDropdownProps,\n type DropdownMultiControllerProps,\n type DropdownSingleControllerProps\n} from \"./Dropdown.types\";\nimport { useMergeRef } from \"@vibe/shared\";\nimport { type BaseItemData } from \"~~../BaseItem~~\";\nimport DropdownComboboxController from \"./modes/DropdownComboboxController\";\nimport DropdownMultiComboboxController from \"./modes/DropdownMultiComboboxController\";\nimport DropdownSelectController from \"./modes/DropdownSelectController\";\nimport DropdownMultiSelectController from \"./modes/DropdownMultiSelectController\";\n\nconst Dropdown = forwardRef(\n <Item extends BaseItemData<Record<string, unknown>>>(\n dropdownProps: BaseDropdownProps<Item>,\n ref: React.ForwardedRef<HTMLDivElement>\n ) => {\n const isSearchable = Boolean(dropdownProps.searchable);\n\n const dropdownInternalRef = useRef<HTMLDivElement>(null);\n const dropdownMergedRef = useMergeRef(ref, dropdownInternalRef);\n\n if (isMultiType(dropdownProps)) {\n return isSearchable ? (\n <DropdownMultiComboboxController {...dropdownProps} dropdownRef={dropdownMergedRef} />\n ) : (\n <DropdownMultiSelectController {...dropdownProps} dropdownRef={dropdownMergedRef} />\n );\n }\n\n if (isSingleType(dropdownProps)) {\n return isSearchable ? (\n <DropdownComboboxController {...dropdownProps} dropdownRef={dropdownMergedRef} />\n ) : (\n <DropdownSelectController {...dropdownProps} dropdownRef={dropdownMergedRef} />\n );\n }\n\n return null;\n }\n);\n\nexport default Dropdown as <Item extends BaseItemData<Record<string, unknown>>>(\n props: BaseDropdownProps<Item> & { ref?: React.ForwardedRef<HTMLDivElement> }\n) => React.ReactElement;\n\nfunction isMultiType(dropdownProps: BaseDropdownProps<any>): dropdownProps is DropdownMultiControllerProps<any> {\n return dropdownProps.multi;\n}\n\nfunction isSingleType(dropdownProps: BaseDropdownProps<any>): dropdownProps is DropdownSingleControllerProps<any> {\n return !dropdownProps.multi;\n}\n"],"names":["Dropdown","forwardRef","dropdownProps","ref","isSearchable","searchable","dropdownInternalRef","useRef","dropdownMergedRef","useMergeRef","multi","isMultiType","React","createElement","DropdownMultiComboboxController","DropdownMultiSelectController","Object","assign","dropdownRef","isSingleType","DropdownComboboxController","DropdownSelectController"],"mappings":"uTAaMA,IAAAA,EAAWC,GACf,SACEC,EACAC,GAEA,IAAMC,IAAuBF,EAAcG,WAErCC,EAAsBC,EAAuB,MAC7CC,EAAoBC,EAAYN,EAAKG,GAE3C,OAwBJ,SAAqBJ,GACnB,OAAOA,EAAcQ,KACvB,CA1BQC,CAAYT,GAEZU,EAAAC,cADKT,EACJU,EAEAC,EAF+BC,OAAAC,OAAA,CAAA,EAAKf,EAAa,CAAEgB,YAAaV,KA0BzE,SAAsBN,GACpB,OAAQA,EAAcQ,KACxB,CAtBQS,CAAajB,GAEbU,EAAAC,cADKT,EACJgB,EAEAC,EAF0BL,OAAAC,OAAA,CAAA,EAAKf,EAAa,CAAEgB,YAAaV,KAMzD,IACT"}
1	+ {"version":3,"file":"Dropdown.js","sources":["../../../../../src/components/Dropdown/Dropdown.tsx"],"sourcesContent":["import React, { useRef, forwardRef } from \"react\";\nimport {\n type BaseDropdownProps,\n type DropdownMultiControllerProps,\n type DropdownSingleControllerProps\n} from \"./Dropdown.types\";\nimport { useMergeRef } from \"@vibe/shared\";\nimport { type BaseItemData } from \"@vibe/base-list\";\nimport DropdownComboboxController from \"./modes/DropdownComboboxController\";\nimport DropdownMultiComboboxController from \"./modes/DropdownMultiComboboxController\";\nimport DropdownSelectController from \"./modes/DropdownSelectController\";\nimport DropdownMultiSelectController from \"./modes/DropdownMultiSelectController\";\n\nconst Dropdown = forwardRef(\n <Item extends BaseItemData<Record<string, unknown>>>(\n dropdownProps: BaseDropdownProps<Item>,\n ref: React.ForwardedRef<HTMLDivElement>\n ) => {\n const isSearchable = Boolean(dropdownProps.searchable);\n\n const dropdownInternalRef = useRef<HTMLDivElement>(null);\n const dropdownMergedRef = useMergeRef(ref, dropdownInternalRef);\n\n if (isMultiType(dropdownProps)) {\n return isSearchable ? (\n <DropdownMultiComboboxController {...dropdownProps} dropdownRef={dropdownMergedRef} />\n ) : (\n <DropdownMultiSelectController {...dropdownProps} dropdownRef={dropdownMergedRef} />\n );\n }\n\n if (isSingleType(dropdownProps)) {\n return isSearchable ? (\n <DropdownComboboxController {...dropdownProps} dropdownRef={dropdownMergedRef} />\n ) : (\n <DropdownSelectController {...dropdownProps} dropdownRef={dropdownMergedRef} />\n );\n }\n\n return null;\n }\n);\n\nexport default Dropdown as <Item extends BaseItemData<Record<string, unknown>>>(\n props: BaseDropdownProps<Item> & { ref?: React.ForwardedRef<HTMLDivElement> }\n) => React.ReactElement;\n\nfunction isMultiType(dropdownProps: BaseDropdownProps<any>): dropdownProps is DropdownMultiControllerProps<any> {\n return dropdownProps.multi;\n}\n\nfunction isSingleType(dropdownProps: BaseDropdownProps<any>): dropdownProps is DropdownSingleControllerProps<any> {\n return !dropdownProps.multi;\n}\n"],"names":["Dropdown","forwardRef","dropdownProps","ref","isSearchable","searchable","dropdownInternalRef","useRef","dropdownMergedRef","useMergeRef","multi","isMultiType","React","createElement","DropdownMultiComboboxController","DropdownMultiSelectController","Object","assign","dropdownRef","isSingleType","DropdownComboboxController","DropdownSelectController"],"mappings":"uTAaMA,IAAAA,EAAWC,GACf,SACEC,EACAC,GAEA,IAAMC,IAAuBF,EAAcG,WAErCC,EAAsBC,EAAuB,MAC7CC,EAAoBC,EAAYN,EAAKG,GAE3C,OAwBJ,SAAqBJ,GACnB,OAAOA,EAAcQ,KACvB,CA1BQC,CAAYT,GAEZU,EAAAC,cADKT,EACJU,EAEAC,EAF+BC,OAAAC,OAAA,CAAA,EAAKf,EAAa,CAAEgB,YAAaV,KA0BzE,SAAsBN,GACpB,OAAQA,EAAcQ,KACxB,CAtBQS,CAAajB,GAEbU,EAAAC,cADKT,EACJgB,EAEAC,EAF0BL,OAAAC,OAAA,CAAA,EAAKf,EAAa,CAAEgB,YAAaV,KAMzD,IACT"}

package/dist/mocked_classnames/src/components/Dropdown/components/DropdownBase/DropdownBase.js.map CHANGED Viewed

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

package/dist/mocked_classnames/src/components/Dropdown/components/DropdownBase/DropdownBase.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var r={outerWrapper:"outerWrapper",wrapper:"wrapper",active:"active",disabled:"disabled",readOnly:"readOnly",error:"error",boxMode:"boxMode",borderless:"borderless",helperText:"helperText"};!function(r){const e="s_id-8dd14e35d33c_4_5_20";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const n=document.createElement("style");n.id=e,o.firstChild?o.insertBefore(n,o.firstChild):o.appendChild(n),n.appendChild(document.createTextNode(r))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=r)}(".outerWrapper {\n  width: 100%;\n}\n\n.wrapper {\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:hover {\n  --border-color: var(--primary-text-color);\n}\n\n.wrapper.active, .wrapper:focus {\n  --border-color: var(--primary-color);\n}\n\n.wrapper.disabled {\n  --border-color: var(--disabled-background-color);\n  --background-color: var(--disabled-background-color);\n  cursor: not-allowed;\n}\n\n.wrapper.readOnly {\n  --border-color: var(--allgrey-background-color);\n  --background-color: var(--allgrey-background-color);\n  cursor: default;\n}\n\n.wrapper.error {\n  --border-color: var(--negative-color);\n}\n\n.wrapper.boxMode {\n  box-shadow: none;\n  background: transparent;\n  cursor: default;\n}\n\n.wrapper.borderless {\n  --border-color: transparent;\n}\n\n.wrapper.borderless:hover {\n  --border-color: var(--primary-text-color);\n}\n\n.wrapper.borderless.active, .wrapper.borderless:focus {\n  --border-color: var(--primary-color);\n}\n\n.helperText {\n  margin-top: var(--space-4);\n}");export{r as default};
+var r={outerWrapper:"outerWrapper",wrapper:"wrapper",active:"active",disabled:"disabled",readOnly:"readOnly",error:"error",boxMode:"boxMode",borderless:"borderless",helperText:"helperText"};!function(r){const e="s_id-8dd14e35d33c_4_5_22";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const n=document.createElement("style");n.id=e,o.firstChild?o.insertBefore(n,o.firstChild):o.appendChild(n),n.appendChild(document.createTextNode(r))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=r)}(".outerWrapper {\n  width: 100%;\n}\n\n.wrapper {\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:hover {\n  --border-color: var(--primary-text-color);\n}\n\n.wrapper.active, .wrapper:focus {\n  --border-color: var(--primary-color);\n}\n\n.wrapper.disabled {\n  --border-color: var(--disabled-background-color);\n  --background-color: var(--disabled-background-color);\n  cursor: not-allowed;\n}\n\n.wrapper.readOnly {\n  --border-color: var(--allgrey-background-color);\n  --background-color: var(--allgrey-background-color);\n  cursor: default;\n}\n\n.wrapper.error {\n  --border-color: var(--negative-color);\n}\n\n.wrapper.boxMode {\n  box-shadow: none;\n  background: transparent;\n  cursor: default;\n}\n\n.wrapper.borderless {\n  --border-color: transparent;\n}\n\n.wrapper.borderless:hover {\n  --border-color: var(--primary-text-color);\n}\n\n.wrapper.borderless.active, .wrapper.borderless:focus {\n  --border-color: var(--primary-color);\n}\n\n.helperText {\n  margin-top: var(--space-4);\n}");export{r as default};
 //# sourceMappingURL=DropdownBase.module.scss.js.map

package/dist/mocked_classnames/src/components/Dropdown/components/DropdownBaseList/DropdownBaseList.js CHANGED Viewed

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

package/dist/mocked_classnames/src/components/Dropdown/components/DropdownBaseList/DropdownBaseList.js.map CHANGED Viewed

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

package/dist/mocked_classnames/src/components/Dropdown/components/DropdownBaseList/DropdownBaseList.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={wrapper:"wrapper",groupTitle:"groupTitle",sticky:"sticky"};!function(e){const n="s_id-87eb930dd60f_4_5_20";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 {\n  overflow-y: auto;\n  padding: 0;\n  margin: 0;\n}\n.wrapper::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.wrapper::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.wrapper .groupTitle {\n  color: var(--secondary-text-color);\n  padding: var(--space-8) var(--space-4);\n  background-color: var(--secondary-background-color);\n}\n.wrapper .groupTitle.sticky {\n  position: sticky;\n  top: 0;\n}\n.wrapper > li:not(:last-child) {\n  margin-bottom: 2px;\n}");export{e as default};
+var e={wrapper:"wrapper",groupTitle:"groupTitle",sticky:"sticky"};!function(e){const n="s_id-87eb930dd60f_4_5_22";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 {\n  overflow-y: auto;\n  padding: 0;\n  margin: 0;\n}\n.wrapper::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.wrapper::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.wrapper .groupTitle {\n  color: var(--secondary-text-color);\n  padding: var(--space-8) var(--space-4);\n  background-color: var(--secondary-background-color);\n}\n.wrapper .groupTitle.sticky {\n  position: sticky;\n  top: 0;\n}\n.wrapper > li:not(:last-child) {\n  margin-bottom: 2px;\n}");export{e as default};
 //# sourceMappingURL=DropdownBaseList.module.scss.js.map

package/dist/mocked_classnames/src/components/Dropdown/components/DropdownBoxMode/DropdownBoxMode.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var n={boxModeContainer:"boxModeContainer",inputContainer:"inputContainer",disabled:"disabled",readOnly:"readOnly",error:"error",menuContainer:"menuContainer"};!function(n){const r="s_id-f92aa28952f8_4_5_20";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 {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n}\n\n.inputContainer {\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:hover {\n  --border-color: var(--primary-text-color);\n}\n\n.inputContainer:focus-within {\n  --border-color: var(--primary-color);\n}\n\n.inputContainer.disabled {\n  --border-color: var(--disabled-background-color);\n  --background-color: var(--disabled-background-color);\n}\n\n.inputContainer.readOnly {\n  --border-color: var(--allgrey-background-color);\n  --background-color: var(--allgrey-background-color);\n}\n\n.inputContainer.error {\n  --border-color: var(--negative-color);\n}\n\n.menuContainer {\n  width: 100%;\n}");export{n as default};
+var n={boxModeContainer:"boxModeContainer",inputContainer:"inputContainer",disabled:"disabled",readOnly:"readOnly",error:"error",menuContainer:"menuContainer"};!function(n){const r="s_id-f92aa28952f8_4_5_22";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 {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n}\n\n.inputContainer {\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:hover {\n  --border-color: var(--primary-text-color);\n}\n\n.inputContainer:focus-within {\n  --border-color: var(--primary-color);\n}\n\n.inputContainer.disabled {\n  --border-color: var(--disabled-background-color);\n  --background-color: var(--disabled-background-color);\n}\n\n.inputContainer.readOnly {\n  --border-color: var(--allgrey-background-color);\n  --background-color: var(--allgrey-background-color);\n}\n\n.inputContainer.error {\n  --border-color: var(--negative-color);\n}\n\n.menuContainer {\n  width: 100%;\n}");export{n as default};
 //# sourceMappingURL=DropdownBoxMode.module.scss.js.map

package/dist/mocked_classnames/src/components/Dropdown/components/DropdownWrapperUI.js.map CHANGED Viewed

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

package/dist/mocked_classnames/src/components/Dropdown/components/Menu/Menu.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Menu.js","sources":["../../../../../../../src/components/Dropdown/components/Menu/Menu.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport { DialogContentContainer } from \"@vibe/dialog\";\nimport { useDropdownContext } from \"../../context/DropdownContext\";\nimport { type BaseItemData } from \"~~../../../BaseItem~~\";\nimport MenuList from \"./MenuList\";\nimport styles from \"./Menu.module.scss\";\n\nconst Menu = <Item extends BaseItemData<Record<string, unknown>>>() => {\n const { isOpen, menuWrapperClassName } = useDropdownContext<Item>();\n\n return (\n <DialogContentContainer\n className={cx({ [styles.menuVisible]: isOpen, [styles.menuHidden]: !isOpen }, menuWrapperClassName)}\n style={!isOpen ? { padding: 0 } : undefined}\n >\n <MenuList<Item> />\n </DialogContentContainer>\n );\n};\n\nexport default Menu;\n"],"names":["Menu","_useDropdownContext","useDropdownContext","isOpen","menuWrapperClassName","React","DialogContentContainer","className","cx","_defineProperty","styles","menuVisible","menuHidden","style","undefined","padding","createElement","MenuList"],"mappings":"oVAQA,IAAMA,EAAO,WACX,IAAAC,EAAyCC,IAAjCC,EAAMF,EAANE,OAAQC,EAAoBH,EAApBG,qBAEhB,OACEC,gBAACC,EAAsB,CACrBC,UAAWC,EAAEC,EAAAA,EAAA,CAAA,EAAIC,EAAOC,YAAcR,GAASO,EAAOE,YAAcT,GAAUC,GAC9ES,MAAQV,OAA0BW,EAAjB,CAAEC,QAAS,IAE5BV,EAAAW,cAACC,EAAQ,MAGf"}
1	+ {"version":3,"file":"Menu.js","sources":["../../../../../../../src/components/Dropdown/components/Menu/Menu.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport { DialogContentContainer } from \"@vibe/dialog\";\nimport { useDropdownContext } from \"../../context/DropdownContext\";\nimport { type BaseItemData } from \"@vibe/base-list\";\nimport MenuList from \"./MenuList\";\nimport styles from \"./Menu.module.scss\";\n\nconst Menu = <Item extends BaseItemData<Record<string, unknown>>>() => {\n const { isOpen, menuWrapperClassName } = useDropdownContext<Item>();\n\n return (\n <DialogContentContainer\n className={cx({ [styles.menuVisible]: isOpen, [styles.menuHidden]: !isOpen }, menuWrapperClassName)}\n style={!isOpen ? { padding: 0 } : undefined}\n >\n <MenuList<Item> />\n </DialogContentContainer>\n );\n};\n\nexport default Menu;\n"],"names":["Menu","_useDropdownContext","useDropdownContext","isOpen","menuWrapperClassName","React","DialogContentContainer","className","cx","_defineProperty","styles","menuVisible","menuHidden","style","undefined","padding","createElement","MenuList"],"mappings":"oVAQA,IAAMA,EAAO,WACX,IAAAC,EAAyCC,IAAjCC,EAAMF,EAANE,OAAQC,EAAoBH,EAApBG,qBAEhB,OACEC,gBAACC,EAAsB,CACrBC,UAAWC,EAAEC,EAAAA,EAAA,CAAA,EAAIC,EAAOC,YAAcR,GAASO,EAAOE,YAAcT,GAAUC,GAC9ES,MAAQV,OAA0BW,EAAjB,CAAEC,QAAS,IAE5BV,EAAAW,cAACC,EAAQ,MAGf"}

package/dist/mocked_classnames/src/components/Dropdown/components/Menu/Menu.module.scss.js CHANGED Viewed

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

package/dist/mocked_classnames/src/components/Dropdown/components/Menu/MenuList.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MenuList.js","sources":["../../../../../../../src/components/Dropdown/components/Menu/MenuList.tsx"],"sourcesContent":["import React from \"react\";\nimport BaseList from \"../DropdownBaseList/DropdownBaseList\";\nimport { useDropdownContext } from \"../../context/DropdownContext\";\nimport { type BaseItemData } from \"~~../../../BaseItem~~\";\n\nconst MenuList = <Item extends BaseItemData<Record<string, unknown>>>() => {\n const {\n filteredOptions,\n highlightedIndex,\n getMenuProps,\n getItemProps,\n optionRenderer,\n menuRenderer,\n size,\n withGroupDivider,\n stickyGroupTitle,\n dir,\n noOptionsMessage,\n maxMenuHeight,\n onScroll,\n menuAriaLabel,\n selectedItem,\n selectedItems,\n multi,\n isOpen,\n boxMode\n } = useDropdownContext<Item>();\n\n const currentSelection = selectedItems?.length > 0 ? selectedItems : selectedItem ? [selectedItem] : [];\n\n const enhancedGetMenuProps = (props?: Record<string, unknown>) => {\n const baseProps = getMenuProps?.(props) \|\| {};\n return multi ? { ...baseProps, \"aria-multiselectable\": \"true\" } : baseProps;\n };\n\n return (\n <BaseList<Item>\n size={size}\n options={filteredOptions}\n selectedItems={currentSelection}\n highlightedIndex={highlightedIndex}\n menuAriaLabel={menuAriaLabel}\n getMenuProps={enhancedGetMenuProps}\n getItemProps={getItemProps}\n withGroupDivider={withGroupDivider}\n stickyGroupTitle={stickyGroupTitle}\n dir={dir}\n itemRenderer={optionRenderer}\n noOptionsMessage={noOptionsMessage}\n renderOptions={boxMode ? true : isOpen}\n onScroll={onScroll}\n maxMenuHeight={maxMenuHeight}\n menuRenderer={menuRenderer}\n />\n );\n};\n\nexport default MenuList;\n"],"names":["MenuList","_useDropdownContext","useDropdownContext","getMenuProps","selectedItem","selectedItems","multi","React","createElement","BaseList","size","options","filteredOptions","length","highlightedIndex","menuAriaLabel","props","baseProps","Object","assign","getItemProps","withGroupDivider","stickyGroupTitle","dir","itemRenderer","optionRenderer","noOptionsMessage","renderOptions","boxMode","isOpen","onScroll","maxMenuHeight","menuRenderer"],"mappings":"kJAKA,IAAMA,EAAW,WACf,IAAAC,EAoBIC,IAjBFC,EAAYF,EAAZE,aAYAC,EAAYH,EAAZG,aACAC,EAAaJ,EAAbI,cACAC,EAAKL,EAALK,MAYF,OACEC,EAACC,cAAAC,EACC,CAAAC,KAxBET,EAAJS,KAyBEC,QA/BaV,EAAfW,gBAgCEP,eAXqBA,aAAA,EAAAA,EAAeQ,QAAS,EAAIR,EAAgBD,EAAe,CAACA,GAAgB,GAYjGU,iBAhCcb,EAAhBa,iBAiCEC,cArBWd,EAAbc,cAsBEZ,aAZyB,SAACa,GAC5B,IAAMC,GAAYd,aAAA,EAAAA,EAAea,KAAU,CAAA,EAC3C,OAAOV,EAAOY,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAMF,GAAS,CAAE,uBAAwB,SAAWA,GAWhEG,aAjCUnB,EAAZmB,aAkCEC,iBA9BcpB,EAAhBoB,iBA+BEC,iBA9BcrB,EAAhBqB,iBA+BEC,IA9BCtB,EAAHsB,IA+BEC,aApCYvB,EAAdwB,eAqCEC,iBA/BczB,EAAhByB,iBAgCEC,gBAxBK1B,EAAP2B,SADM3B,EAAN4B,OA0BEC,SA/BM7B,EAAR6B,SAgCEC,cAjCW9B,EAAb8B,cAkCEC,aAxCU/B,EAAZ+B,cA2CJ"}
1	+ {"version":3,"file":"MenuList.js","sources":["../../../../../../../src/components/Dropdown/components/Menu/MenuList.tsx"],"sourcesContent":["import React from \"react\";\nimport BaseList from \"../DropdownBaseList/DropdownBaseList\";\nimport { useDropdownContext } from \"../../context/DropdownContext\";\nimport { type BaseItemData } from \"@vibe/base-list\";\n\nconst MenuList = <Item extends BaseItemData<Record<string, unknown>>>() => {\n const {\n filteredOptions,\n highlightedIndex,\n getMenuProps,\n getItemProps,\n optionRenderer,\n menuRenderer,\n size,\n withGroupDivider,\n stickyGroupTitle,\n dir,\n noOptionsMessage,\n maxMenuHeight,\n onScroll,\n menuAriaLabel,\n selectedItem,\n selectedItems,\n multi,\n isOpen,\n boxMode\n } = useDropdownContext<Item>();\n\n const currentSelection = selectedItems?.length > 0 ? selectedItems : selectedItem ? [selectedItem] : [];\n\n const enhancedGetMenuProps = (props?: Record<string, unknown>) => {\n const baseProps = getMenuProps?.(props) \|\| {};\n return multi ? { ...baseProps, \"aria-multiselectable\": \"true\" } : baseProps;\n };\n\n return (\n <BaseList<Item>\n size={size}\n options={filteredOptions}\n selectedItems={currentSelection}\n highlightedIndex={highlightedIndex}\n menuAriaLabel={menuAriaLabel}\n getMenuProps={enhancedGetMenuProps}\n getItemProps={getItemProps}\n withGroupDivider={withGroupDivider}\n stickyGroupTitle={stickyGroupTitle}\n dir={dir}\n itemRenderer={optionRenderer}\n noOptionsMessage={noOptionsMessage}\n renderOptions={boxMode ? true : isOpen}\n onScroll={onScroll}\n maxMenuHeight={maxMenuHeight}\n menuRenderer={menuRenderer}\n />\n );\n};\n\nexport default MenuList;\n"],"names":["MenuList","_useDropdownContext","useDropdownContext","getMenuProps","selectedItem","selectedItems","multi","React","createElement","BaseList","size","options","filteredOptions","length","highlightedIndex","menuAriaLabel","props","baseProps","Object","assign","getItemProps","withGroupDivider","stickyGroupTitle","dir","itemRenderer","optionRenderer","noOptionsMessage","renderOptions","boxMode","isOpen","onScroll","maxMenuHeight","menuRenderer"],"mappings":"kJAKA,IAAMA,EAAW,WACf,IAAAC,EAoBIC,IAjBFC,EAAYF,EAAZE,aAYAC,EAAYH,EAAZG,aACAC,EAAaJ,EAAbI,cACAC,EAAKL,EAALK,MAYF,OACEC,EAACC,cAAAC,EACC,CAAAC,KAxBET,EAAJS,KAyBEC,QA/BaV,EAAfW,gBAgCEP,eAXqBA,aAAA,EAAAA,EAAeQ,QAAS,EAAIR,EAAgBD,EAAe,CAACA,GAAgB,GAYjGU,iBAhCcb,EAAhBa,iBAiCEC,cArBWd,EAAbc,cAsBEZ,aAZyB,SAACa,GAC5B,IAAMC,GAAYd,aAAA,EAAAA,EAAea,KAAU,CAAA,EAC3C,OAAOV,EAAOY,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAMF,GAAS,CAAE,uBAAwB,SAAWA,GAWhEG,aAjCUnB,EAAZmB,aAkCEC,iBA9BcpB,EAAhBoB,iBA+BEC,iBA9BcrB,EAAhBqB,iBA+BEC,IA9BCtB,EAAHsB,IA+BEC,aApCYvB,EAAdwB,eAqCEC,iBA/BczB,EAAhByB,iBAgCEC,gBAxBK1B,EAAP2B,SADM3B,EAAN4B,OA0BEC,SA/BM7B,EAAR6B,SAgCEC,cAjCW9B,EAAb8B,cAkCEC,aAxCU/B,EAAZ+B,cA2CJ"}

package/dist/mocked_classnames/src/components/Dropdown/components/MultiSelectedValues/MultiSelectedValues.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MultiSelectedValues.js","sources":["../../../../../../../src/components/Dropdown/components/MultiSelectedValues/MultiSelectedValues.tsx"],"sourcesContent":["import React, { useRef, useMemo, useCallback, createRef } from \"react\";\nimport { type BaseItemData } from \"../../../BaseItem\";\nimport { Chips } from \"@vibe/chips\";\nimport { Flex } from \"@vibe/layout\";\nimport { DialogContentContainer, Dialog } from \"@vibe/dialog\";\nimport { useMergeRef } from \"@vibe/shared\";\nimport useItemsOverflow from \"../../../../hooks/useItemsOverflow/useItemsOverflow\";\nimport styles from \"./MultiSelectedValues.module.scss\";\nimport cx from \"classnames\";\nimport DropdownChip from \"../Trigger/DropdownChip\";\n\nconst INPUT_DEDUCTED_WIDTH = 48;\n\ntype MultiSelectedValuesProps<Item> = {\n selectedItems: Item[];\n onRemove: (item: Item) => void;\n renderInput?: () => React.ReactNode;\n disabled?: boolean;\n readOnly?: boolean;\n minVisibleCount?: number;\n /** Extra props (tabIndex, onKeyDown, etc.) to spread on each visible chip container. /\n getChipContainerProps?: (item: Item, index: number) => Record<string, any>;\n /* Ref forwarded to the +N overflow Chips element, for external keyboard focus management. */\n badgeRef?: React.Ref<HTMLDivElement>;\n};\n\nfunction MultiSelectedValues<Item extends BaseItemData<Record<string, unknown>>>({\n selectedItems,\n onRemove,\n renderInput,\n disabled,\n readOnly,\n minVisibleCount = 0,\n getChipContainerProps,\n badgeRef\n}: MultiSelectedValuesProps<Item>) {\n const containerRef = useRef<HTMLDivElement>(null);\n const deductedSpaceRef = useRef<HTMLDivElement>(null);\n const dialogContentRef = useRef<HTMLDivElement>(null);\n const localBadgeRef = useRef<HTMLDivElement>(null);\n const mergedBadgeRef = useMergeRef(badgeRef, localBadgeRef);\n\n // Focus the dialog's first control on open. onDialogDidShow fires just before the content mounts,\n // so defer to the next frame.\n const handleDialogDidShow = useCallback(() => {\n requestAnimationFrame(() => {\n const firstFocusable = dialogContentRef.current?.querySelector<HTMLElement>(\n \"button, [href], input, [tabindex]:not([tabindex='-1'])\"\n );\n firstFocusable?.focus();\n });\n }, []);\n\n // Return focus to the +N badge when the dialog is dismissed with Esc. Defer to the next frame:\n // onDialogDidHide fires before the dialog content unmounts, and that teardown would otherwise\n // reset focus to <body> (the top of the page) after a synchronous focus call.\n const handleDialogDidHide = useCallback((_event: unknown, eventName: string) => {\n if (eventName !== \"esckey\") return;\n requestAnimationFrame(() => {\n const badge =\n localBadgeRef.current ??\n deductedSpaceRef.current?.querySelector<HTMLElement>('[data-testid=\"dropdown-overflow-counter\"]');\n badge?.focus();\n });\n }, []);\n\n const itemRefs = useMemo(() => selectedItems.map(() => createRef<HTMLDivElement>()), [selectedItems]);\n\n const { visibleCount, hasMeasured } = useItemsOverflow({\n containerRef,\n itemRefs,\n gap: 4,\n deductedSpaceRef,\n deductedWidth: renderInput ? INPUT_DEDUCTED_WIDTH : 0,\n minVisibleCount: selectedItems.length === 1 ? 1 : minVisibleCount\n });\n\n const { hiddenItems, hiddenCount } = useMemo(() => {\n const hiddenItems = selectedItems.length > visibleCount ? selectedItems.slice(visibleCount) : [];\n return {\n hiddenItems,\n hiddenCount: hiddenItems.length\n };\n }, [selectedItems, visibleCount]);\n\n const dialogContent = useMemo(() => {\n return () => (\n <DialogContentContainer>\n <Flex direction=\"column\" gap=\"xs\" align=\"start\" ref={dialogContentRef} className={styles.hiddenChipsDialog}>\n {hiddenItems.map(item => {\n return (\n <DropdownChip\n key={`dropdown-chip-dialog-${item.value}`}\n item={item}\n onDelete={() => onRemove(item)}\n className={styles.dialogChip}\n disabled={disabled}\n readOnly={readOnly}\n />\n );\n })}\n </Flex>\n </DialogContentContainer>\n );\n }, [hiddenItems, onRemove, disabled, readOnly]);\n\n const chipElements = useMemo(() => {\n return selectedItems.map((item, index) => {\n const isVisible = index < visibleCount;\n const extraProps = isVisible && getChipContainerProps ? getChipContainerProps(item, index) : {};\n const { ref: extraRef, ...extraAttrs } = extraProps;\n\n return (\n <div\n key={`dropdown-chip-visible-${item.value}`}\n ref={el => {\n (itemRefs[index] as React.MutableRefObject<HTMLDivElement \| null>).current = el;\n if (typeof extraRef === \"function\") extraRef(el);\n }}\n className={cx({\n [styles.chipWrapperWithOverflow]: minVisibleCount !== undefined,\n [styles.hiddenChip]: !isVisible\n })}\n aria-hidden={!isVisible}\n data-testid={`dropdown-chip-${item.value}`}\n {...extraAttrs}\n >\n <DropdownChip\n item={item}\n onDelete={() => onRemove(item)}\n disabled={disabled}\n readOnly={readOnly}\n className={styles.visibleChip}\n />\n </div>\n );\n });\n }, [selectedItems, visibleCount, onRemove, itemRefs, disabled, readOnly, minVisibleCount, getChipContainerProps]);\n\n if (!selectedItems?.length) return null;\n\n const isSingleChip = selectedItems.length === 1;\n\n return (\n <Flex\n align=\"center\"\n wrap={false}\n gap=\"xs\"\n ref={containerRef}\n role=\"group\"\n aria-label=\"selected items\"\n className={cx(styles.containerWrapper, {\n [styles.singleChip]: isSingleChip,\n [styles.measuring]: !hasMeasured\n })}\n >\n {chipElements}\n\n <Flex gap=\"xs\" className={styles.inputAndCounterWrapper}>\n {hiddenCount > 0 && (\n <div\n ref={deductedSpaceRef}\n onClick={e => {\n e.stopPropagation();\n }}\n onKeyDown={e => {\n e.stopPropagation();\n if (e.key === \"ArrowLeft\") {\n e.preventDefault();\n (itemRefs[visibleCount - 1] as React.MutableRefObject<HTMLDivElement \| null>)?.current?.focus();\n }\n }}\n onMouseDown={e => {\n e.stopPropagation();\n }}\n >\n <Dialog\n content={dialogContent}\n showTrigger={[\"click\", \"enter\"]}\n // \"enter\" is intentionally NOT a hide trigger: Enter keydown opens and the Enter keyup\n // would otherwise immediately toggle it shut. Close via Esc or click-outside instead.\n hideTrigger={[\"clickoutside\"]}\n position=\"bottom\"\n moveBy={{ main: 4 }}\n hideWhenReferenceHidden\n addKeyboardHideShowTriggersByDefault\n onDialogDidShow={handleDialogDidShow}\n onDialogDidHide={handleDialogDidHide}\n >\n <Chips\n ref={mergedBadgeRef}\n label={`+ ${hiddenCount}`}\n readOnly\n noMargin\n aria-label={`+${hiddenCount}. ${selectedItems.length - hiddenCount} items are visible out of ${\n selectedItems.length\n }`}\n data-testid=\"dropdown-overflow-counter\"\n className={styles.overflowCounter}\n onClick={() => {}}\n onMouseDown={e => {\n e.preventDefault();\n }}\n />\n </Dialog>\n </div>\n )}\n {renderInput && <div className={styles.inputWrapper}>{renderInput()}</div>}\n </Flex>\n </Flex>\n );\n}\n\nexport default MultiSelectedValues;\n"],"names":["MultiSelectedValues","_ref","selectedItems","onRemove","renderInput","disabled","readOnly","_ref$minVisibleCount","minVisibleCount","getChipContainerProps","badgeRef","containerRef","useRef","deductedSpaceRef","dialogContentRef","localBadgeRef","mergedBadgeRef","useMergeRef","handleDialogDidShow","useCallback","requestAnimationFrame","firstFocusable","_a","current","querySelector","focus","handleDialogDidHide","_event","eventName","badge","_b","itemRefs","useMemo","map","createRef","_useItemsOverflow","useItemsOverflow","gap","deductedWidth","length","visibleCount","hasMeasured","_useMemo","hiddenItems","slice","hiddenCount","dialogContent","React","DialogContentContainer","createElement","Flex","direction","align","ref","className","styles","hiddenChipsDialog","item","DropdownChip","key","concat","value","onDelete","dialogChip","chipElements","index","isVisible","extraProps","extraRef","extraAttrs","__rest","Object","assign","el","cx","_defineProperty","chipWrapperWithOverflow","undefined","hiddenChip","visibleChip","wrap","role","containerWrapper","singleChip","measuring","inputAndCounterWrapper","onClick","e","stopPropagation","onKeyDown","preventDefault","onMouseDown","Dialog","content","showTrigger","hideTrigger","position","moveBy","main","hideWhenReferenceHidden","addKeyboardHideShowTriggersByDefault","onDialogDidShow","onDialogDidHide","Chips","label","noMargin","overflowCounter","inputWrapper"],"mappings":"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"}
1	+ {"version":3,"file":"MultiSelectedValues.js","sources":["../../../../../../../src/components/Dropdown/components/MultiSelectedValues/MultiSelectedValues.tsx"],"sourcesContent":["import React, { useRef, useMemo, useCallback, createRef } from \"react\";\nimport { type BaseItemData } from \"@vibe/base-list\";\nimport { Chips } from \"@vibe/chips\";\nimport { Flex } from \"@vibe/layout\";\nimport { DialogContentContainer, Dialog } from \"@vibe/dialog\";\nimport { useMergeRef } from \"@vibe/shared\";\nimport useItemsOverflow from \"../../../../hooks/useItemsOverflow/useItemsOverflow\";\nimport styles from \"./MultiSelectedValues.module.scss\";\nimport cx from \"classnames\";\nimport DropdownChip from \"../Trigger/DropdownChip\";\n\nconst INPUT_DEDUCTED_WIDTH = 48;\n\ntype MultiSelectedValuesProps<Item> = {\n selectedItems: Item[];\n onRemove: (item: Item) => void;\n renderInput?: () => React.ReactNode;\n disabled?: boolean;\n readOnly?: boolean;\n minVisibleCount?: number;\n /** Extra props (tabIndex, onKeyDown, etc.) to spread on each visible chip container. /\n getChipContainerProps?: (item: Item, index: number) => Record<string, any>;\n /* Ref forwarded to the +N overflow Chips element, for external keyboard focus management. */\n badgeRef?: React.Ref<HTMLDivElement>;\n};\n\nfunction MultiSelectedValues<Item extends BaseItemData<Record<string, unknown>>>({\n selectedItems,\n onRemove,\n renderInput,\n disabled,\n readOnly,\n minVisibleCount = 0,\n getChipContainerProps,\n badgeRef\n}: MultiSelectedValuesProps<Item>) {\n const containerRef = useRef<HTMLDivElement>(null);\n const deductedSpaceRef = useRef<HTMLDivElement>(null);\n const dialogContentRef = useRef<HTMLDivElement>(null);\n const localBadgeRef = useRef<HTMLDivElement>(null);\n const mergedBadgeRef = useMergeRef(badgeRef, localBadgeRef);\n\n // Focus the dialog's first control on open. onDialogDidShow fires just before the content mounts,\n // so defer to the next frame.\n const handleDialogDidShow = useCallback(() => {\n requestAnimationFrame(() => {\n const firstFocusable = dialogContentRef.current?.querySelector<HTMLElement>(\n \"button, [href], input, [tabindex]:not([tabindex='-1'])\"\n );\n firstFocusable?.focus();\n });\n }, []);\n\n // Return focus to the +N badge when the dialog is dismissed with Esc. Defer to the next frame:\n // onDialogDidHide fires before the dialog content unmounts, and that teardown would otherwise\n // reset focus to <body> (the top of the page) after a synchronous focus call.\n const handleDialogDidHide = useCallback((_event: unknown, eventName: string) => {\n if (eventName !== \"esckey\") return;\n requestAnimationFrame(() => {\n const badge =\n localBadgeRef.current ??\n deductedSpaceRef.current?.querySelector<HTMLElement>('[data-testid=\"dropdown-overflow-counter\"]');\n badge?.focus();\n });\n }, []);\n\n const itemRefs = useMemo(() => selectedItems.map(() => createRef<HTMLDivElement>()), [selectedItems]);\n\n const { visibleCount, hasMeasured } = useItemsOverflow({\n containerRef,\n itemRefs,\n gap: 4,\n deductedSpaceRef,\n deductedWidth: renderInput ? INPUT_DEDUCTED_WIDTH : 0,\n minVisibleCount: selectedItems.length === 1 ? 1 : minVisibleCount\n });\n\n const { hiddenItems, hiddenCount } = useMemo(() => {\n const hiddenItems = selectedItems.length > visibleCount ? selectedItems.slice(visibleCount) : [];\n return {\n hiddenItems,\n hiddenCount: hiddenItems.length\n };\n }, [selectedItems, visibleCount]);\n\n const dialogContent = useMemo(() => {\n return () => (\n <DialogContentContainer>\n <Flex direction=\"column\" gap=\"xs\" align=\"start\" ref={dialogContentRef} className={styles.hiddenChipsDialog}>\n {hiddenItems.map(item => {\n return (\n <DropdownChip\n key={`dropdown-chip-dialog-${item.value}`}\n item={item}\n onDelete={() => onRemove(item)}\n className={styles.dialogChip}\n disabled={disabled}\n readOnly={readOnly}\n />\n );\n })}\n </Flex>\n </DialogContentContainer>\n );\n }, [hiddenItems, onRemove, disabled, readOnly]);\n\n const chipElements = useMemo(() => {\n return selectedItems.map((item, index) => {\n const isVisible = index < visibleCount;\n const extraProps = isVisible && getChipContainerProps ? getChipContainerProps(item, index) : {};\n const { ref: extraRef, ...extraAttrs } = extraProps;\n\n return (\n <div\n key={`dropdown-chip-visible-${item.value}`}\n ref={el => {\n (itemRefs[index] as React.MutableRefObject<HTMLDivElement \| null>).current = el;\n if (typeof extraRef === \"function\") extraRef(el);\n }}\n className={cx({\n [styles.chipWrapperWithOverflow]: minVisibleCount !== undefined,\n [styles.hiddenChip]: !isVisible\n })}\n aria-hidden={!isVisible}\n data-testid={`dropdown-chip-${item.value}`}\n {...extraAttrs}\n >\n <DropdownChip\n item={item}\n onDelete={() => onRemove(item)}\n disabled={disabled}\n readOnly={readOnly}\n className={styles.visibleChip}\n />\n </div>\n );\n });\n }, [selectedItems, visibleCount, onRemove, itemRefs, disabled, readOnly, minVisibleCount, getChipContainerProps]);\n\n if (!selectedItems?.length) return null;\n\n const isSingleChip = selectedItems.length === 1;\n\n return (\n <Flex\n align=\"center\"\n wrap={false}\n gap=\"xs\"\n ref={containerRef}\n role=\"group\"\n aria-label=\"selected items\"\n className={cx(styles.containerWrapper, {\n [styles.singleChip]: isSingleChip,\n [styles.measuring]: !hasMeasured\n })}\n >\n {chipElements}\n\n <Flex gap=\"xs\" className={styles.inputAndCounterWrapper}>\n {hiddenCount > 0 && (\n <div\n ref={deductedSpaceRef}\n onClick={e => {\n e.stopPropagation();\n }}\n onKeyDown={e => {\n e.stopPropagation();\n if (e.key === \"ArrowLeft\") {\n e.preventDefault();\n (itemRefs[visibleCount - 1] as React.MutableRefObject<HTMLDivElement \| null>)?.current?.focus();\n }\n }}\n onMouseDown={e => {\n e.stopPropagation();\n }}\n >\n <Dialog\n content={dialogContent}\n showTrigger={[\"click\", \"enter\"]}\n // \"enter\" is intentionally NOT a hide trigger: Enter keydown opens and the Enter keyup\n // would otherwise immediately toggle it shut. Close via Esc or click-outside instead.\n hideTrigger={[\"clickoutside\"]}\n position=\"bottom\"\n moveBy={{ main: 4 }}\n hideWhenReferenceHidden\n addKeyboardHideShowTriggersByDefault\n onDialogDidShow={handleDialogDidShow}\n onDialogDidHide={handleDialogDidHide}\n >\n <Chips\n ref={mergedBadgeRef}\n label={`+ ${hiddenCount}`}\n readOnly\n noMargin\n aria-label={`+${hiddenCount}. ${selectedItems.length - hiddenCount} items are visible out of ${\n selectedItems.length\n }`}\n data-testid=\"dropdown-overflow-counter\"\n className={styles.overflowCounter}\n onClick={() => {}}\n onMouseDown={e => {\n e.preventDefault();\n }}\n />\n </Dialog>\n </div>\n )}\n {renderInput && <div className={styles.inputWrapper}>{renderInput()}</div>}\n </Flex>\n </Flex>\n );\n}\n\nexport default MultiSelectedValues;\n"],"names":["MultiSelectedValues","_ref","selectedItems","onRemove","renderInput","disabled","readOnly","_ref$minVisibleCount","minVisibleCount","getChipContainerProps","badgeRef","containerRef","useRef","deductedSpaceRef","dialogContentRef","localBadgeRef","mergedBadgeRef","useMergeRef","handleDialogDidShow","useCallback","requestAnimationFrame","firstFocusable","_a","current","querySelector","focus","handleDialogDidHide","_event","eventName","badge","_b","itemRefs","useMemo","map","createRef","_useItemsOverflow","useItemsOverflow","gap","deductedWidth","length","visibleCount","hasMeasured","_useMemo","hiddenItems","slice","hiddenCount","dialogContent","React","DialogContentContainer","createElement","Flex","direction","align","ref","className","styles","hiddenChipsDialog","item","DropdownChip","key","concat","value","onDelete","dialogChip","chipElements","index","isVisible","extraProps","extraRef","extraAttrs","__rest","Object","assign","el","cx","_defineProperty","chipWrapperWithOverflow","undefined","hiddenChip","visibleChip","wrap","role","containerWrapper","singleChip","measuring","inputAndCounterWrapper","onClick","e","stopPropagation","onKeyDown","preventDefault","onMouseDown","Dialog","content","showTrigger","hideTrigger","position","moveBy","main","hideWhenReferenceHidden","addKeyboardHideShowTriggersByDefault","onDialogDidShow","onDialogDidHide","Chips","label","noMargin","overflowCounter","inputWrapper"],"mappings":"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"}

package/dist/mocked_classnames/src/components/Dropdown/components/MultiSelectedValues/MultiSelectedValues.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var n={containerWrapper:"containerWrapper",singleChip:"singleChip",measuring:"measuring",hiddenChip:"hiddenChip",inputAndCounterWrapper:"inputAndCounterWrapper",inputWrapper:"inputWrapper",chipWrapperWithOverflow:"chipWrapperWithOverflow",visibleChip:"visibleChip",hiddenChipsDialog:"hiddenChipsDialog",dialogChip:"dialogChip"};!function(n){const i="s_id-a777ca35d111_4_5_20";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 {\n  min-width: 1px;\n  flex-grow: 1;\n}\n.containerWrapper.singleChip > div:first-child {\n  min-width: 50px;\n  flex-shrink: 1;\n}\n.containerWrapper.singleChip > div:first-child div {\n  max-width: 100%;\n}\n.containerWrapper.measuring > div:not(.hiddenChip) {\n  opacity: 0;\n}\n.inputAndCounterWrapper {\n  flex-grow: 1;\n  min-width: 0;\n}\n.inputWrapper {\n  flex-grow: 1;\n}\n.inputWrapper input {\n  width: 100%;\n}\n.chipWrapperWithOverflow {\n  max-width: 100%;\n  flex-shrink: 0;\n}\n.chipWrapperWithOverflow .visibleChip {\n  max-width: 100%;\n}\n.hiddenChip {\n  position: absolute;\n  visibility: hidden;\n  pointer-events: none;\n  z-index: -1;\n}\n.hiddenChipsDialog {\n  max-width: 192px;\n}\n.dialogChip {\n  max-width: 100%;\n}");export{n as default};
+var n={containerWrapper:"containerWrapper",singleChip:"singleChip",measuring:"measuring",hiddenChip:"hiddenChip",inputAndCounterWrapper:"inputAndCounterWrapper",inputWrapper:"inputWrapper",chipWrapperWithOverflow:"chipWrapperWithOverflow",visibleChip:"visibleChip",hiddenChipsDialog:"hiddenChipsDialog",dialogChip:"dialogChip"};!function(n){const i="s_id-a777ca35d111_4_5_22";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 {\n  min-width: 1px;\n  flex-grow: 1;\n}\n.containerWrapper.singleChip > div:first-child {\n  min-width: 50px;\n  flex-shrink: 1;\n}\n.containerWrapper.singleChip > div:first-child div {\n  max-width: 100%;\n}\n.containerWrapper.measuring > div:not(.hiddenChip) {\n  opacity: 0;\n}\n.inputAndCounterWrapper {\n  flex-grow: 1;\n  min-width: 0;\n}\n.inputWrapper {\n  flex-grow: 1;\n}\n.inputWrapper input {\n  width: 100%;\n}\n.chipWrapperWithOverflow {\n  max-width: 100%;\n  flex-shrink: 0;\n}\n.chipWrapperWithOverflow .visibleChip {\n  max-width: 100%;\n}\n.hiddenChip {\n  position: absolute;\n  visibility: hidden;\n  pointer-events: none;\n  z-index: -1;\n}\n.hiddenChipsDialog {\n  max-width: 192px;\n}\n.dialogChip {\n  max-width: 100%;\n}");export{n as default};
 //# sourceMappingURL=MultiSelectedValues.module.scss.js.map

package/dist/mocked_classnames/src/components/Dropdown/components/Trigger/DropdownChip.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DropdownChip.js","sources":["../../../../../../../src/components/Dropdown/components/Trigger/DropdownChip.tsx"],"sourcesContent":["import React from \"react\";\nimport { Chips, type ChipsProps } from \"@vibe/chips\";\nimport { type BaseItemData } from \"~~../../../BaseItem~~\";\n\nconst getChipPropsFromItemElements = (item: BaseItemData<Record<string, unknown>>): Partial<ChipsProps> => {\n const chipProps: Partial<ChipsProps> = {};\n if (item?.startElement) {\n switch (item?.startElement?.type) {\n case \"icon\":\n chipProps.leftIcon = item?.startElement?.value;\n break;\n case \"avatar\":\n chipProps.leftAvatar = item?.startElement?.value;\n break;\n case \"custom\":\n chipProps.leftRenderer = item?.startElement?.render() as React.ReactNode;\n break;\n default:\n break;\n }\n }\n\n if (item?.endElement) {\n switch (item?.endElement?.type) {\n case \"icon\":\n chipProps.rightIcon = item?.endElement?.value;\n break;\n case \"custom\":\n chipProps.rightRenderer = item?.endElement?.render() as React.ReactNode;\n break;\n default:\n break;\n }\n }\n return chipProps;\n};\n\ninterface DropdownChipProps<Item extends BaseItemData<Record<string, unknown>>> {\n item: Item;\n onDelete: () => void;\n disabled?: boolean;\n readOnly?: boolean;\n className?: string;\n}\n\nconst DropdownChip = <Item extends BaseItemData<Record<string, unknown>>>({\n item,\n onDelete,\n disabled,\n readOnly,\n className\n}: DropdownChipProps<Item>) => {\n const chipSpecificProps = getChipPropsFromItemElements(item);\n\n return (\n <Chips\n label={item.label}\n closeButtonAriaLabel={`Remove ${item.label}`}\n onDelete={onDelete}\n disabled={disabled}\n readOnly={readOnly}\n noMargin\n className={className}\n color={item.chipColor \|\| \"primary\"}\n {...chipSpecificProps}\n />\n );\n};\n\nexport default DropdownChip;\n"],"names":["DropdownChip","_ref","item","onDelete","disabled","readOnly","className","chipSpecificProps","chipProps","startElement","_a","type","leftIcon","_b","value","leftAvatar","_c","leftRenderer","_d","render","endElement","_e","rightIcon","_f","rightRenderer","_g","getChipPropsFromItemElements","React","Chips","Object","assign","label","closeButtonAriaLabel","concat","noMargin","color","chipColor"],"mappings":"0EAIA,IAyCMA,EAAe,SAAHC,GAMY,IAL5BC,EAAID,EAAJC,KACAC,EAAQF,EAARE,SACAC,EAAQH,EAARG,SACAC,EAAQJ,EAARI,SACAC,EAASL,EAATK,UAEMC,EAhD6B,SAACL,qBAC9BM,EAAiC,CAAA,EACvC,GAAIN,aAAI,EAAJA,EAAMO,aACR,OAA0B,QAAlBC,EAAAR,aAAI,EAAJA,EAAMO,oBAAY,IAAAC,OAAA,EAAAA,EAAEC,MAC1B,IAAK,OACHH,EAAUI,SAA6B,QAAlBC,EAAAX,aAAI,EAAJA,EAAMO,oBAAY,IAAAI,OAAA,EAAAA,EAAEC,MACzC,MACF,IAAK,SACHN,EAAUO,WAA+B,QAAlBC,EAAAd,aAAI,EAAJA,EAAMO,oBAAY,IAAAO,OAAA,EAAAA,EAAEF,MAC3C,MACF,IAAK,SACHN,EAAUS,aAAmC,QAApBC,EAAAhB,aAAA,EAAAA,EAAMO,oBAAc,IAAAS,OAAA,EAAAA,EAAAC,SAOnD,GAAIjB,aAAI,EAAJA,EAAMkB,WACR,OAAwB,QAAhBC,EAAAnB,aAAI,EAAJA,EAAMkB,kBAAU,IAAAC,OAAA,EAAAA,EAAEV,MACxB,IAAK,OACHH,EAAUc,UAA4B,QAAhBC,EAAArB,aAAI,EAAJA,EAAMkB,kBAAU,IAAAG,OAAA,EAAAA,EAAET,MACxC,MACF,IAAK,SACHN,EAAUgB,cAAkC,QAAlBC,EAAAvB,aAAA,EAAAA,EAAMkB,kBAAY,IAAAK,OAAA,EAAAA,EAAAN,SAMlD,OAAOX,CACT,CAiB4BkB,CAA6BxB,GAEvD,OACEyB,gBAACC,EAAKC,OAAAC,OAAA,CACJC,MAAO7B,EAAK6B,MACZC,+BAAoBC,OAAY/B,EAAK6B,OACrC5B,SAAUA,EACVC,SAAUA,EACVC,SAAUA,EACV6B,UAAQ,EACR5B,UAAWA,EACX6B,MAAOjC,EAAKkC,WAAa,WACrB7B,GAGV"}
1	+ {"version":3,"file":"DropdownChip.js","sources":["../../../../../../../src/components/Dropdown/components/Trigger/DropdownChip.tsx"],"sourcesContent":["import React from \"react\";\nimport { Chips, type ChipsProps } from \"@vibe/chips\";\nimport { type BaseItemData } from \"@vibe/base-list\";\n\nconst getChipPropsFromItemElements = (item: BaseItemData<Record<string, unknown>>): Partial<ChipsProps> => {\n const chipProps: Partial<ChipsProps> = {};\n if (item?.startElement) {\n switch (item?.startElement?.type) {\n case \"icon\":\n chipProps.leftIcon = item?.startElement?.value;\n break;\n case \"avatar\":\n chipProps.leftAvatar = item?.startElement?.value;\n break;\n case \"custom\":\n chipProps.leftRenderer = item?.startElement?.render() as React.ReactNode;\n break;\n default:\n break;\n }\n }\n\n if (item?.endElement) {\n switch (item?.endElement?.type) {\n case \"icon\":\n chipProps.rightIcon = item?.endElement?.value;\n break;\n case \"custom\":\n chipProps.rightRenderer = item?.endElement?.render() as React.ReactNode;\n break;\n default:\n break;\n }\n }\n return chipProps;\n};\n\ninterface DropdownChipProps<Item extends BaseItemData<Record<string, unknown>>> {\n item: Item;\n onDelete: () => void;\n disabled?: boolean;\n readOnly?: boolean;\n className?: string;\n}\n\nconst DropdownChip = <Item extends BaseItemData<Record<string, unknown>>>({\n item,\n onDelete,\n disabled,\n readOnly,\n className\n}: DropdownChipProps<Item>) => {\n const chipSpecificProps = getChipPropsFromItemElements(item);\n\n return (\n <Chips\n label={item.label}\n closeButtonAriaLabel={`Remove ${item.label}`}\n onDelete={onDelete}\n disabled={disabled}\n readOnly={readOnly}\n noMargin\n className={className}\n color={item.chipColor \|\| \"primary\"}\n {...chipSpecificProps}\n />\n );\n};\n\nexport default DropdownChip;\n"],"names":["DropdownChip","_ref","item","onDelete","disabled","readOnly","className","chipSpecificProps","chipProps","startElement","_a","type","leftIcon","_b","value","leftAvatar","_c","leftRenderer","_d","render","endElement","_e","rightIcon","_f","rightRenderer","_g","getChipPropsFromItemElements","React","Chips","Object","assign","label","closeButtonAriaLabel","concat","noMargin","color","chipColor"],"mappings":"0EAIA,IAyCMA,EAAe,SAAHC,GAMY,IAL5BC,EAAID,EAAJC,KACAC,EAAQF,EAARE,SACAC,EAAQH,EAARG,SACAC,EAAQJ,EAARI,SACAC,EAASL,EAATK,UAEMC,EAhD6B,SAACL,qBAC9BM,EAAiC,CAAA,EACvC,GAAIN,aAAI,EAAJA,EAAMO,aACR,OAA0B,QAAlBC,EAAAR,aAAI,EAAJA,EAAMO,oBAAY,IAAAC,OAAA,EAAAA,EAAEC,MAC1B,IAAK,OACHH,EAAUI,SAA6B,QAAlBC,EAAAX,aAAI,EAAJA,EAAMO,oBAAY,IAAAI,OAAA,EAAAA,EAAEC,MACzC,MACF,IAAK,SACHN,EAAUO,WAA+B,QAAlBC,EAAAd,aAAI,EAAJA,EAAMO,oBAAY,IAAAO,OAAA,EAAAA,EAAEF,MAC3C,MACF,IAAK,SACHN,EAAUS,aAAmC,QAApBC,EAAAhB,aAAA,EAAAA,EAAMO,oBAAc,IAAAS,OAAA,EAAAA,EAAAC,SAOnD,GAAIjB,aAAI,EAAJA,EAAMkB,WACR,OAAwB,QAAhBC,EAAAnB,aAAI,EAAJA,EAAMkB,kBAAU,IAAAC,OAAA,EAAAA,EAAEV,MACxB,IAAK,OACHH,EAAUc,UAA4B,QAAhBC,EAAArB,aAAI,EAAJA,EAAMkB,kBAAU,IAAAG,OAAA,EAAAA,EAAET,MACxC,MACF,IAAK,SACHN,EAAUgB,cAAkC,QAAlBC,EAAAvB,aAAA,EAAAA,EAAMkB,kBAAY,IAAAK,OAAA,EAAAA,EAAAN,SAMlD,OAAOX,CACT,CAiB4BkB,CAA6BxB,GAEvD,OACEyB,gBAACC,EAAKC,OAAAC,OAAA,CACJC,MAAO7B,EAAK6B,MACZC,+BAAoBC,OAAY/B,EAAK6B,OACrC5B,SAAUA,EACVC,SAAUA,EACVC,SAAUA,EACV6B,UAAQ,EACR5B,UAAWA,EACX6B,MAAOjC,EAAKkC,WAAa,WACrB7B,GAGV"}

package/dist/mocked_classnames/src/components/Dropdown/components/Trigger/DropdownInput.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DropdownInput.js","sources":["../../../../../../../src/components/Dropdown/components/Trigger/DropdownInput.tsx"],"sourcesContent":["import React, { useMemo, 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\n// Screen-reader announcement of the current multi-select selection, surfaced via aria-describedby.\nfunction getSelectedValueText(selectedItems: BaseItemData[]): string {\n return selectedItems\n .map(item => item.label \|\| item.value \|\| \"\")\n .filter(Boolean)\n .join(\", \");\n}\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 \"aria-label\": ariaLabel,\n searchable,\n size,\n label,\n isOpen,\n getDropdownProps,\n getLabelProps,\n getInputProps,\n interactiveChips,\n helperTextId\n } = useDropdownContext<BaseItemData>();\n\n const internalRef = useRef<HTMLInputElement>(null);\n const selectedValueText = useMemo(() => (multi ? getSelectedValueText(selectedItems) : \"\"), [multi, selectedItems]);\n\n const inputRef = externalInputRef ?? internalRef;\n const hasSelection = multi ? selectedItems.length > 0 : !!selectedItem;\n // interactiveChips: suppress Backspace/Arrow chip-navigation only while the input has text (so those\n // keys edit the text); when the input is empty they reach the chips. Default multi gates it on isOpen.\n const preventKeyAction = interactiveChips ? !!(inputValue && inputValue.length > 0) : isOpen;\n const multipleSelectionDropdownProps = getDropdownProps ? getDropdownProps({ preventKeyAction }) : {};\n\n // Id for the visually hidden element that announces the current selection (multi-select chips only;\n // single-select keeps the value inside the input). Derived from the downshift-generated label id so\n // it's unique per dropdown instance and stable across SSR/hydration (no Math.random / useId).\n const selectedValueId = `${getLabelProps().id}-selected-value`;\n const describedBy =\n [helperTextId, selectedValueText ? selectedValueId : undefined].filter(Boolean).join(\" \") \|\| undefined;\n\n return (\n <>\n {searchable ? (\n <>\n <BaseInput\n {...getInputProps({\n \"aria-labelledby\": label ? getLabelProps().id : undefined,\n // Fall back to the field's aria-label so the input still has a name when there's no label.\n \"aria-label\": inputAriaLabel \|\| (label ? undefined : ariaLabel),\n \"aria-describedby\": describedBy,\n \"aria-haspopup\": \"dialog\",\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 {selectedValueText && (\n <span id={selectedValueId} className={styles.visuallyHidden}>\n {selectedValueText}\n </span>\n )}\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","ariaLabel","searchable","size","label","isOpen","getDropdownProps","getLabelProps","getInputProps","interactiveChips","helperTextId","internalRef","useRef","selectedValueText","useMemo","map","item","value","filter","Boolean","join","getSelectedValueText","hasSelection","length","multipleSelectionDropdownProps","preventKeyAction","selectedValueId","concat","id","describedBy","undefined","React","createElement","Fragment","BaseInput","Object","assign","ref","inputRole","className","cx","styles","inputWrapper","_defineProperty","hasSelected","small","multiSelected","visuallyHidden","Text","color","placeholderText","type"],"mappings":"8XAgBA,IAAMA,EAAgB,SAAHC,GAUd,IATHC,EAASD,EAATC,UACAC,EAASF,EAATE,UACWC,EAAeH,EAA1BI,UACUC,EAAgBL,EAA1BM,SAOAC,EAoBIC,IAnBFC,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,eACcC,EAASZ,EAAvB,cACAa,EAAUb,EAAVa,WACAC,EAAId,EAAJc,KACAC,EAAKf,EAALe,MACAC,EAAMhB,EAANgB,OACAC,EAAgBjB,EAAhBiB,iBACAC,EAAalB,EAAbkB,cACAC,EAAanB,EAAbmB,cACAC,EAAgBpB,EAAhBoB,iBACAC,EAAYrB,EAAZqB,aAGIC,EAAcC,EAAyB,MACvCC,EAAoBC,GAAQ,WAAA,OAAOlB,EAzC3C,SAA8BG,GAC5B,OAAOA,EACJgB,KAAI,SAAAC,GAAI,OAAIA,EAAKZ,OAASY,EAAKC,OAAS,EAAG,IAC3CC,OAAOC,SACPC,KAAK,KACV,CAoCmDC,CAAqBtB,GAAiB,EAAE,GAAG,CAACH,EAAOG,IAE9FX,EAAWD,QAAAA,EAAoBwB,EAC/BW,EAAe1B,EAAQG,EAAcwB,OAAS,IAAM1B,EAIpD2B,EAAiClB,EAAmBA,EAAiB,CAAEmB,iBADpDhB,KAAsBlB,GAAkC,GAApBA,EAAWgC,QAAclB,IACa,CAAA,EAK7FqB,KAAeC,OAAMpB,IAAgBqB,GAAmB,mBACxDC,EACJ,CAACnB,EAAcG,EAAoBa,OAAkBI,GAAWZ,OAAOC,SAASC,KAAK,WAAQU,EAE/F,OACEC,EACGC,cAAAD,EAAAE,SAAA,KAAA/B,EACC6B,EAAAC,cAAAD,EAAAE,SAAA,KACEF,EAAAC,cAACE,EACKC,OAAAC,OAAA,GAAA5B,EACF2B,OAAAC,OAAA,CAAA,kBAAmBhC,EAAQG,IAAgBqB,QAAKE,EAEhD,aAAc9B,IAAmBI,OAAQ0B,EAAY7B,GACrD,mBAAoB4B,EACpB,gBAAiB,SACjBlC,YAAa2B,EAAe,GAAK3B,EACjC0C,IAAKjD,EACLF,UAAWD,GACRuC,IAEL,CAAAc,UAAU,WACVrB,MAAO1B,GAAc,GACrBC,UAAWA,EACXW,KAAMpB,GAAaoB,EACnBoC,UAAWC,EAAGC,EAAOC,aAAYC,EAAAA,EAAAA,EAAAA,EAAAA,EAC9BF,CAAAA,EAAAA,EAAOG,aAAehD,GAASC,IAAiBN,GAChDkD,EAAOI,MAAsB,UAAd9D,GACf0D,EAAO7C,MAAQA,GAAS0B,GACxBmB,EAAOK,cAAgBlD,GAAS0B,GAA8B,UAAdvC,GAChD0D,EAAOzD,UAAYA,IAEtBS,SAAUA,EACVC,SAAUA,KAEXmB,GACCkB,EAAAC,cAAA,OAAA,CAAMJ,GAAIF,EAAiBa,UAAWE,EAAOM,gBAC1ClC,IAKPkB,EACGC,cAAAD,EAAAE,SAAA,MAACX,GAAgB3B,GAChBoC,EAAAC,cAACgB,EACC,CAAAC,MAAM,YACNV,UAAWC,EAAGC,EAAOS,gBAAeP,EACjCF,GAAAA,EAAOhD,WAAaA,IAEvB0D,KAAe,UAAThD,EAAmB,QAAU,SAElCR,IAOf"}
1	+ {"version":3,"file":"DropdownInput.js","sources":["../../../../../../../src/components/Dropdown/components/Trigger/DropdownInput.tsx"],"sourcesContent":["import React, { useMemo, 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 \"@vibe/base-list\";\nimport { Text } from \"@vibe/typography\";\n\n// Screen-reader announcement of the current multi-select selection, surfaced via aria-describedby.\nfunction getSelectedValueText(selectedItems: BaseItemData[]): string {\n return selectedItems\n .map(item => item.label \|\| item.value \|\| \"\")\n .filter(Boolean)\n .join(\", \");\n}\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 \"aria-label\": ariaLabel,\n searchable,\n size,\n label,\n isOpen,\n getDropdownProps,\n getLabelProps,\n getInputProps,\n interactiveChips,\n helperTextId\n } = useDropdownContext<BaseItemData>();\n\n const internalRef = useRef<HTMLInputElement>(null);\n const selectedValueText = useMemo(() => (multi ? getSelectedValueText(selectedItems) : \"\"), [multi, selectedItems]);\n\n const inputRef = externalInputRef ?? internalRef;\n const hasSelection = multi ? selectedItems.length > 0 : !!selectedItem;\n // interactiveChips: suppress Backspace/Arrow chip-navigation only while the input has text (so those\n // keys edit the text); when the input is empty they reach the chips. Default multi gates it on isOpen.\n const preventKeyAction = interactiveChips ? !!(inputValue && inputValue.length > 0) : isOpen;\n const multipleSelectionDropdownProps = getDropdownProps ? getDropdownProps({ preventKeyAction }) : {};\n\n // Id for the visually hidden element that announces the current selection (multi-select chips only;\n // single-select keeps the value inside the input). Derived from the downshift-generated label id so\n // it's unique per dropdown instance and stable across SSR/hydration (no Math.random / useId).\n const selectedValueId = `${getLabelProps().id}-selected-value`;\n const describedBy =\n [helperTextId, selectedValueText ? selectedValueId : undefined].filter(Boolean).join(\" \") \|\| undefined;\n\n return (\n <>\n {searchable ? (\n <>\n <BaseInput\n {...getInputProps({\n \"aria-labelledby\": label ? getLabelProps().id : undefined,\n // Fall back to the field's aria-label so the input still has a name when there's no label.\n \"aria-label\": inputAriaLabel \|\| (label ? undefined : ariaLabel),\n \"aria-describedby\": describedBy,\n \"aria-haspopup\": \"dialog\",\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 {selectedValueText && (\n <span id={selectedValueId} className={styles.visuallyHidden}>\n {selectedValueText}\n </span>\n )}\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","ariaLabel","searchable","size","label","isOpen","getDropdownProps","getLabelProps","getInputProps","interactiveChips","helperTextId","internalRef","useRef","selectedValueText","useMemo","map","item","value","filter","Boolean","join","getSelectedValueText","hasSelection","length","multipleSelectionDropdownProps","preventKeyAction","selectedValueId","concat","id","describedBy","undefined","React","createElement","Fragment","BaseInput","Object","assign","ref","inputRole","className","cx","styles","inputWrapper","_defineProperty","hasSelected","small","multiSelected","visuallyHidden","Text","color","placeholderText","type"],"mappings":"8XAgBA,IAAMA,EAAgB,SAAHC,GAUd,IATHC,EAASD,EAATC,UACAC,EAASF,EAATE,UACWC,EAAeH,EAA1BI,UACUC,EAAgBL,EAA1BM,SAOAC,EAoBIC,IAnBFC,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,eACcC,EAASZ,EAAvB,cACAa,EAAUb,EAAVa,WACAC,EAAId,EAAJc,KACAC,EAAKf,EAALe,MACAC,EAAMhB,EAANgB,OACAC,EAAgBjB,EAAhBiB,iBACAC,EAAalB,EAAbkB,cACAC,EAAanB,EAAbmB,cACAC,EAAgBpB,EAAhBoB,iBACAC,EAAYrB,EAAZqB,aAGIC,EAAcC,EAAyB,MACvCC,EAAoBC,GAAQ,WAAA,OAAOlB,EAzC3C,SAA8BG,GAC5B,OAAOA,EACJgB,KAAI,SAAAC,GAAI,OAAIA,EAAKZ,OAASY,EAAKC,OAAS,EAAG,IAC3CC,OAAOC,SACPC,KAAK,KACV,CAoCmDC,CAAqBtB,GAAiB,EAAE,GAAG,CAACH,EAAOG,IAE9FX,EAAWD,QAAAA,EAAoBwB,EAC/BW,EAAe1B,EAAQG,EAAcwB,OAAS,IAAM1B,EAIpD2B,EAAiClB,EAAmBA,EAAiB,CAAEmB,iBADpDhB,KAAsBlB,GAAkC,GAApBA,EAAWgC,QAAclB,IACa,CAAA,EAK7FqB,KAAeC,OAAMpB,IAAgBqB,GAAmB,mBACxDC,EACJ,CAACnB,EAAcG,EAAoBa,OAAkBI,GAAWZ,OAAOC,SAASC,KAAK,WAAQU,EAE/F,OACEC,EACGC,cAAAD,EAAAE,SAAA,KAAA/B,EACC6B,EAAAC,cAAAD,EAAAE,SAAA,KACEF,EAAAC,cAACE,EACKC,OAAAC,OAAA,GAAA5B,EACF2B,OAAAC,OAAA,CAAA,kBAAmBhC,EAAQG,IAAgBqB,QAAKE,EAEhD,aAAc9B,IAAmBI,OAAQ0B,EAAY7B,GACrD,mBAAoB4B,EACpB,gBAAiB,SACjBlC,YAAa2B,EAAe,GAAK3B,EACjC0C,IAAKjD,EACLF,UAAWD,GACRuC,IAEL,CAAAc,UAAU,WACVrB,MAAO1B,GAAc,GACrBC,UAAWA,EACXW,KAAMpB,GAAaoB,EACnBoC,UAAWC,EAAGC,EAAOC,aAAYC,EAAAA,EAAAA,EAAAA,EAAAA,EAC9BF,CAAAA,EAAAA,EAAOG,aAAehD,GAASC,IAAiBN,GAChDkD,EAAOI,MAAsB,UAAd9D,GACf0D,EAAO7C,MAAQA,GAAS0B,GACxBmB,EAAOK,cAAgBlD,GAAS0B,GAA8B,UAAdvC,GAChD0D,EAAOzD,UAAYA,IAEtBS,SAAUA,EACVC,SAAUA,KAEXmB,GACCkB,EAAAC,cAAA,OAAA,CAAMJ,GAAIF,EAAiBa,UAAWE,EAAOM,gBAC1ClC,IAKPkB,EACGC,cAAAD,EAAAE,SAAA,MAACX,GAAgB3B,GAChBoC,EAAAC,cAACgB,EACC,CAAAC,MAAM,YACNV,UAAWC,EAAGC,EAAOS,gBAAeP,EACjCF,GAAAA,EAAOhD,WAAaA,IAEvB0D,KAAe,UAAThD,EAAmB,QAAU,SAElCR,IAOf"}

package/dist/mocked_classnames/src/components/Dropdown/components/Trigger/MultiSelectTrigger.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"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 interactiveChips,\n helperTextId\n } = useDropdownContext<BaseItemData>();\n\n const showChips = selectedItems.length > 0;\n const overflowBadgeRef = useRef<HTMLDivElement>(null);\n\n const renderTriggerContent = () => {\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) => getSelectedItemProps?.({ selectedItem: item, index }) ?? {}}\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\": label ? undefined : ariaLabel,\n \"aria-describedby\": helperTextId,\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","interactiveChips","helperTextId","showChips","length","overflowBadgeRef","useRef","React","createElement","Flex","justify","align","Object","assign","className","cx","styles","triggerWrapper","getStyle","id","undefined","DropdownInput","multiWrapper","onKeyDown","e","key","target","HTMLInputElement","value","current","focus","MultiSelectedValues","onRemove","item","renderInput","inputSize","fullWidth","getChipContainerProps","index","_a","selectedItem","badgeRef","gap","wrap","map","_b","String","style","flexShrink","DropdownChip","onDelete","TriggerActions"],"mappings":"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"}
1	+ {"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 \"@vibe/base-list\";\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 interactiveChips,\n helperTextId\n } = useDropdownContext<BaseItemData>();\n\n const showChips = selectedItems.length > 0;\n const overflowBadgeRef = useRef<HTMLDivElement>(null);\n\n const renderTriggerContent = () => {\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) => getSelectedItemProps?.({ selectedItem: item, index }) ?? {}}\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\": label ? undefined : ariaLabel,\n \"aria-describedby\": helperTextId,\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","interactiveChips","helperTextId","showChips","length","overflowBadgeRef","useRef","React","createElement","Flex","justify","align","Object","assign","className","cx","styles","triggerWrapper","getStyle","id","undefined","DropdownInput","multiWrapper","onKeyDown","e","key","target","HTMLInputElement","value","current","focus","MultiSelectedValues","onRemove","item","renderInput","inputSize","fullWidth","getChipContainerProps","index","_a","selectedItem","badgeRef","gap","wrap","map","_b","String","style","flexShrink","DropdownChip","onDelete","TriggerActions"],"mappings":"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"}

package/dist/mocked_classnames/src/components/Dropdown/components/Trigger/SingleSelectTrigger.js CHANGED Viewed

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

package/dist/mocked_classnames/src/components/Dropdown/components/Trigger/SingleSelectTrigger.js.map CHANGED Viewed

	@@ -1 +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 isFocused,\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 helperTextId,\n inlineSelectedValue\n } = useDropdownContext<BaseItemData>();\n\n // inlineSelectedValue puts the selected label inside the input, so the overlay only renders for\n // non-searchable single select. Without it (default), the selection is shown via the overlay —\n // including in searchable mode, faded while the input is focused (the original behavior).\n const showSelectedOverlay = (inlineSelectedValue ? !searchable : !inputValue) && !!selectedItem;\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\": label ? undefined : ariaLabel,\n \"aria-describedby\": helperTextId,\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 {showSelectedOverlay && (\n <div\n className={cx(\n styles.selectedItem,\n { [styles.faded]: !inlineSelectedValue && isFocused && searchable },\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","isFocused","selectedItem","searchable","size","valueRenderer","getToggleButtonProps","disabled","readOnly","error","label","getLabelProps","ariaLabel","helperTextId","inlineSelectedValue","showSelectedOverlay","inputValue","React","createElement","Flex","justify","align","Object","assign","className","cx","styles","triggerWrapper","getStyle","id","undefined","DropdownInput","_defineProperty","faded","BaseItem","component","itemRenderer","item","startElement","_a","type","TriggerActions"],"mappings":"~~kcAUA~~,IAAMA,EAAsB,iBAC1BC,EAgBIC,IAdFC,EAASF,EAATE,UACAC,EAAYH,EAAZG,aACAC,EAAUJ,EAAVI,WACAC,EAAIL,EAAJK,KACAC,EAAaN,EAAbM,cACAC,EAAoBP,EAApBO,qBACAC,EAAQR,EAARQ,SACAC,EAAQT,EAARS,SACAC,EAAKV,EAALU,MACAC,EAAKX,EAALW,MACAC,EAAaZ,EAAbY,cACcC,EAASb,EAAvB,cACAc,EAAYd,EAAZc,aACAC,EAAmBf,EAAnBe,oBAMIC,GAAuBD,GAAuBX,GApBxCJ,EAAViB,eAoBiFd,EAEnF,OACEe,EAACC,cAAAC,EAAK,CAAAC,QAAQ,gBAAgBC,MAAM,UAClCJ,EAAAC,cAAA,MAAAI,OAAAC,OAAA,CACEC,UAAWC,EAAGC,EAAOC,eAAgBC,EAASF,EAAQtB,KAChDD,EAUF,CAAG,EATHG,EAAqB,CACnB,gBAAiB,SACjB,kBAAmBI,EAAQC,IAAgBkB,QAAKC,EAChD,aAAcpB,OAAQoB,EAAYlB,EAClC,mBAAoBC,EACpB,gBAAiBN,EAAW,YAASuB,EACrC,eAAgBrB,EAAQ,YAASqB,EACjC,gBAAiBtB,EAAW,YAASsB,KAI3Cb,EAAAC,cAACa,EAAgB,MAEhBhB,GACCE,EACEC,cAAA,MAAA,CAAAM,UAAWC,EACTC,EAAOxB,aAAY8B,EAChBN,CAAAA,EAAAA,EAAOO,OAASnB,GAAuBb,GAAaE,GACvDyB,EAASF,EAAQtB,KAGnBa,EAACC,cAAAgB,GACCC,UAAU,MACVC,aAAc/B,EACdD,KAAMA,EACNI,UAAQ,EACR6B,KACKf,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAArB,GACH,CAAAK,SAAAA,EACA+B,aAAkD,oBAApCC,EAAArC,EAAaoC,mCAAcE,WAAoBV,EAAY5B,EAAaoC,mBAMhGrB,EAAAC,cAACuB,EAAc,MAGrB"}
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 \"@vibe/base-list\";\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 isFocused,\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 helperTextId,\n inlineSelectedValue\n } = useDropdownContext<BaseItemData>();\n\n // inlineSelectedValue puts the selected label inside the input, so the overlay only renders for\n // non-searchable single select. Without it (default), the selection is shown via the overlay —\n // including in searchable mode, faded while the input is focused (the original behavior).\n const showSelectedOverlay = (inlineSelectedValue ? !searchable : !inputValue) && !!selectedItem;\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\": label ? undefined : ariaLabel,\n \"aria-describedby\": helperTextId,\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 {showSelectedOverlay && (\n <div\n className={cx(\n styles.selectedItem,\n { [styles.faded]: !inlineSelectedValue && isFocused && searchable },\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","isFocused","selectedItem","searchable","size","valueRenderer","getToggleButtonProps","disabled","readOnly","error","label","getLabelProps","ariaLabel","helperTextId","inlineSelectedValue","showSelectedOverlay","inputValue","React","createElement","Flex","justify","align","Object","assign","className","cx","styles","triggerWrapper","getStyle","id","undefined","DropdownInput","_defineProperty","faded","BaseItem","component","itemRenderer","item","startElement","_a","type","TriggerActions"],"mappings":"idAUA,IAAMA,EAAsB,iBAC1BC,EAgBIC,IAdFC,EAASF,EAATE,UACAC,EAAYH,EAAZG,aACAC,EAAUJ,EAAVI,WACAC,EAAIL,EAAJK,KACAC,EAAaN,EAAbM,cACAC,EAAoBP,EAApBO,qBACAC,EAAQR,EAARQ,SACAC,EAAQT,EAARS,SACAC,EAAKV,EAALU,MACAC,EAAKX,EAALW,MACAC,EAAaZ,EAAbY,cACcC,EAASb,EAAvB,cACAc,EAAYd,EAAZc,aACAC,EAAmBf,EAAnBe,oBAMIC,GAAuBD,GAAuBX,GApBxCJ,EAAViB,eAoBiFd,EAEnF,OACEe,EAACC,cAAAC,EAAK,CAAAC,QAAQ,gBAAgBC,MAAM,UAClCJ,EAAAC,cAAA,MAAAI,OAAAC,OAAA,CACEC,UAAWC,EAAGC,EAAOC,eAAgBC,EAASF,EAAQtB,KAChDD,EAUF,CAAG,EATHG,EAAqB,CACnB,gBAAiB,SACjB,kBAAmBI,EAAQC,IAAgBkB,QAAKC,EAChD,aAAcpB,OAAQoB,EAAYlB,EAClC,mBAAoBC,EACpB,gBAAiBN,EAAW,YAASuB,EACrC,eAAgBrB,EAAQ,YAASqB,EACjC,gBAAiBtB,EAAW,YAASsB,KAI3Cb,EAAAC,cAACa,EAAgB,MAEhBhB,GACCE,EACEC,cAAA,MAAA,CAAAM,UAAWC,EACTC,EAAOxB,aAAY8B,EAChBN,CAAAA,EAAAA,EAAOO,OAASnB,GAAuBb,GAAaE,GACvDyB,EAASF,EAAQtB,KAGnBa,EAACC,cAAAgB,GACCC,UAAU,MACVC,aAAc/B,EACdD,KAAMA,EACNI,UAAQ,EACR6B,KACKf,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAArB,GACH,CAAAK,SAAAA,EACA+B,aAAkD,oBAApCC,EAAArC,EAAaoC,mCAAcE,WAAoBV,EAAY5B,EAAaoC,mBAMhGrB,EAAAC,cAACuB,EAAc,MAGrB"}

package/dist/mocked_classnames/src/components/Dropdown/components/Trigger/Trigger.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={triggerWrapper:"triggerWrapper",small:"small",placeholderText:"placeholderText",medium:"medium",large:"large",inputWrapper:"inputWrapper",multiSelected:"multiSelected",fullWidth:"fullWidth",hasSelected:"hasSelected",selectedItem:"selectedItem",faded:"faded",disabled:"disabled",multiWrapper:"multiWrapper",actionsWrapper:"actionsWrapper",visuallyHidden:"visuallyHidden"};!function(e){const n="s_id-e51df68c2f8a_4_5_20";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 {\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.small {\n  min-height: 32px;\n}\n.triggerWrapper.small .placeholderText {\n  padding-inline-start: var(--space-8);\n}\n.triggerWrapper.medium {\n  min-height: 40px;\n}\n.triggerWrapper.large {\n  min-height: 48px;\n}\n.triggerWrapper .inputWrapper {\n  border: none;\n  width: 100%;\n  background: transparent;\n}\n.triggerWrapper .inputWrapper.small {\n  height: 24px;\n  min-height: 24px;\n}\n.triggerWrapper .inputWrapper.multiSelected {\n  width: 48px;\n  flex-shrink: 0;\n  padding: 0 var(--space-4);\n}\n.triggerWrapper .inputWrapper.multiSelected.fullWidth {\n  width: 100%;\n  flex-grow: 1;\n}\n.triggerWrapper .inputWrapper.hasSelected {\n  position: absolute;\n  inset: 0;\n  cursor: pointer;\n}\n.triggerWrapper .selectedItem {\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 .selectedItem.small {\n  min-height: 32px;\n  height: 32px;\n}\n.triggerWrapper .selectedItem.medium {\n  min-height: 40px;\n  height: 40px;\n}\n.triggerWrapper .selectedItem.large {\n  min-height: 48px;\n  height: 48px;\n}\n.triggerWrapper .selectedItem.faded {\n  opacity: 0.6;\n}\n.triggerWrapper .placeholderText {\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 .placeholderText.disabled {\n  color: var(--disabled-text-color);\n}\n.multiWrapper {\n  padding: var(--space-4) 0 var(--space-4) var(--space-8);\n  width: 100%;\n}\n.actionsWrapper {\n  padding: 0 var(--space-4);\n}\n.visuallyHidden {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border: 0;\n}");export{e as default};
+var e={triggerWrapper:"triggerWrapper",small:"small",placeholderText:"placeholderText",medium:"medium",large:"large",inputWrapper:"inputWrapper",multiSelected:"multiSelected",fullWidth:"fullWidth",hasSelected:"hasSelected",selectedItem:"selectedItem",faded:"faded",disabled:"disabled",multiWrapper:"multiWrapper",actionsWrapper:"actionsWrapper",visuallyHidden:"visuallyHidden"};!function(e){const n="s_id-e51df68c2f8a_4_5_22";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 {\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.small {\n  min-height: 32px;\n}\n.triggerWrapper.small .placeholderText {\n  padding-inline-start: var(--space-8);\n}\n.triggerWrapper.medium {\n  min-height: 40px;\n}\n.triggerWrapper.large {\n  min-height: 48px;\n}\n.triggerWrapper .inputWrapper {\n  border: none;\n  width: 100%;\n  background: transparent;\n}\n.triggerWrapper .inputWrapper.small {\n  height: 24px;\n  min-height: 24px;\n}\n.triggerWrapper .inputWrapper.multiSelected {\n  width: 48px;\n  flex-shrink: 0;\n  padding: 0 var(--space-4);\n}\n.triggerWrapper .inputWrapper.multiSelected.fullWidth {\n  width: 100%;\n  flex-grow: 1;\n}\n.triggerWrapper .inputWrapper.hasSelected {\n  position: absolute;\n  inset: 0;\n  cursor: pointer;\n}\n.triggerWrapper .selectedItem {\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 .selectedItem.small {\n  min-height: 32px;\n  height: 32px;\n}\n.triggerWrapper .selectedItem.medium {\n  min-height: 40px;\n  height: 40px;\n}\n.triggerWrapper .selectedItem.large {\n  min-height: 48px;\n  height: 48px;\n}\n.triggerWrapper .selectedItem.faded {\n  opacity: 0.6;\n}\n.triggerWrapper .placeholderText {\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 .placeholderText.disabled {\n  color: var(--disabled-text-color);\n}\n.multiWrapper {\n  padding: var(--space-4) 0 var(--space-4) var(--space-8);\n  width: 100%;\n}\n.actionsWrapper {\n  padding: 0 var(--space-4);\n}\n.visuallyHidden {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border: 0;\n}");export{e as default};
 //# sourceMappingURL=Trigger.module.scss.js.map

package/dist/mocked_classnames/src/components/Dropdown/components/Trigger/TriggerActions.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TriggerActions.js","sources":["../../../../../../../src/components/Dropdown/components/Trigger/TriggerActions.tsx"],"sourcesContent":["import React from \"react\";\nimport { CloseSmall, DropdownChevronDown, DropdownChevronUp } from \"@vibe/icons\";\nimport { IconButton } from \"@vibe/icon-button\";\nimport { Flex } from \"@vibe/layout\";\nimport { Loader } from \"@vibe/loader\";\nimport styles from \"./Trigger.module.scss\";\nimport { useDropdownContext } from \"../../context/DropdownContext\";\nimport { type BaseItemData } from \"~~../../../BaseItem~~\";\n\nconst sizeMap = {\n large: \"medium\",\n medium: \"small\",\n small: \"xs\"\n} as const;\n\nconst TriggerActions = () => {\n const {\n isOpen,\n reset,\n contextOnClear,\n size,\n disabled,\n clearable,\n readOnly,\n multi,\n selectedItem,\n selectedItems = [],\n toggleMenu,\n getMenuProps,\n loading,\n clearAriaLabel,\n boxMode,\n label,\n getLabelProps,\n \"aria-label\": ariaLabel,\n inputAriaLabel\n } = useDropdownContext<BaseItemData>();\n\n const hasSelection = multi ? selectedItems?.length > 0 : !!selectedItem;\n const iconButtonSize = sizeMap[size] \|\| \"small\";\n\n const chevronLabelledBy = label ? getLabelProps().id : undefined;\n const chevronAriaLabel = label ? undefined : ariaLabel \|\| inputAriaLabel;\n\n const handleClear = (e: React.MouseEvent) => {\n e.stopPropagation();\n if (contextOnClear) {\n contextOnClear();\n } else {\n reset();\n }\n };\n\n if (readOnly) {\n return null;\n }\n\n return (\n <div\n onKeyDown={e => {\n e.stopPropagation();\n }}\n >\n <Flex className={styles.actionsWrapper}>\n {loading && (\n <Loader size={iconButtonSize === \"xs\" ? 16 : iconButtonSize === \"small\" ? 20 : 24} color=\"secondary\" />\n )}\n {hasSelection && clearable && !disabled && (\n <IconButton\n data-testid=\"dropdown-clear-button\"\n icon={CloseSmall}\n onClick={handleClear}\n size={iconButtonSize}\n aria-label={clearAriaLabel}\n hideTooltip\n />\n )}\n {!boxMode && (\n <IconButton\n icon={isOpen ? DropdownChevronUp : DropdownChevronDown}\n size={iconButtonSize}\n disabled={disabled}\n aria-controls={getMenuProps().id}\n aria-expanded={isOpen}\n aria-labelledby={chevronLabelledBy}\n aria-label={chevronAriaLabel}\n // The accessible name is for assistive tech only — don't surface it as a hover tooltip.\n hideTooltip\n tabIndex={-1}\n onClick={() => {\n toggleMenu();\n }}\n />\n )}\n </Flex>\n </div>\n );\n};\n\nexport default TriggerActions;\n"],"names":["sizeMap","large","medium","small","TriggerActions","_useDropdownContext","useDropdownContext","isOpen","reset","contextOnClear","disabled","clearable","readOnly","_useDropdownContext$s","selectedItems","toggleMenu","getMenuProps","loading","clearAriaLabel","boxMode","label","ariaLabel","inputAriaLabel","hasSelection","multi","length","selectedItem","iconButtonSize","size","chevronLabelledBy","getLabelProps","id","undefined","chevronAriaLabel","React","createElement","onKeyDown","e","stopPropagation","Flex","className","styles","actionsWrapper","Loader","color","IconButton","icon","CloseSmall","onClick","hideTooltip","DropdownChevronUp","DropdownChevronDown","tabIndex"],"mappings":"wYASA,IAAMA,EAAU,CACdC,MAAO,SACPC,OAAQ,QACRC,MAAO,MAGHC,EAAiB,WACrB,IAAAC,EAoBIC,IAnBFC,EAAMF,EAANE,OACAC,EAAKH,EAALG,MACAC,EAAcJ,EAAdI,eAEAC,EAAQL,EAARK,SACAC,EAASN,EAATM,UACAC,EAAQP,EAARO,SAEYC,EAAAR,EACZS,cAAAA,OAAgB,IAAHD,EAAG,GAAEA,EAClBE,EAAUV,EAAVU,WACAC,EAAYX,EAAZW,aACAC,EAAOZ,EAAPY,QACAC,EAAcb,EAAda,eACAC,EAAOd,EAAPc,QACAC,EAAKf,EAALe,MAEcC,EAAShB,EAAvB,cACAiB,EAAcjB,EAAdiB,eAGIC,EAdClB,EAALmB,OAc2BV,aAAa,EAAbA,EAAeW,QAAS,IAbvCpB,EAAZqB,aAcIC,EAAiB3B,EAnBjBK,EAAJuB,OAmBsC,QAElCC,EAAoBT,GAAQU,EARnBzB,EAAbyB,iBAQgDC,QAAKC,EACjDC,EAAmBb,OAAQY,EAAYX,GAAaC,EAW1D,OAAIV,EACK,KAIPsB,EACEC,cAAA,MAAA,CAAAC,UAAW,SAAAC,GACTA,EAAEC,iBACJ,GAEAJ,EAAAC,cAACI,EAAK,CAAAC,UAAWC,EAAOC,gBACrBzB,GACCiB,EAACC,cAAAQ,GAAOf,KAAyB,OAAnBD,EAA0B,GAAwB,UAAnBA,EAA6B,GAAK,GAAIiB,MAAM,cAE1FrB,GAAgBZ,IAAcD,GAC7BwB,EAAAC,cAACU,EAAU,CAAA,cACG,wBACZC,KAAMC,EACNC,QA3BU,SAACX,GACnBA,EAAEC,kBACE7B,EACFA,IAEAD,KAuBMoB,KAAMD,EAAc,aACRT,EACZ+B,aAAW,KAGb9B,GACAe,EAAAC,cAACU,EACC,CAAAC,KAAMvC,EAAS2C,EAAoBC,EACnCvB,KAAMD,EACNjB,SAAUA,EACK,gBAAAM,IAAee,GACf,gBAAAxB,EACE,kBAAAsB,eACLI,EAEZgB,aAAW,EACXG,UAAW,EACXJ,QAAS,WACPjC,GACF,KAMZ"}
1	+ {"version":3,"file":"TriggerActions.js","sources":["../../../../../../../src/components/Dropdown/components/Trigger/TriggerActions.tsx"],"sourcesContent":["import React from \"react\";\nimport { CloseSmall, DropdownChevronDown, DropdownChevronUp } from \"@vibe/icons\";\nimport { IconButton } from \"@vibe/icon-button\";\nimport { Flex } from \"@vibe/layout\";\nimport { Loader } from \"@vibe/loader\";\nimport styles from \"./Trigger.module.scss\";\nimport { useDropdownContext } from \"../../context/DropdownContext\";\nimport { type BaseItemData } from \"@vibe/base-list\";\n\nconst sizeMap = {\n large: \"medium\",\n medium: \"small\",\n small: \"xs\"\n} as const;\n\nconst TriggerActions = () => {\n const {\n isOpen,\n reset,\n contextOnClear,\n size,\n disabled,\n clearable,\n readOnly,\n multi,\n selectedItem,\n selectedItems = [],\n toggleMenu,\n getMenuProps,\n loading,\n clearAriaLabel,\n boxMode,\n label,\n getLabelProps,\n \"aria-label\": ariaLabel,\n inputAriaLabel\n } = useDropdownContext<BaseItemData>();\n\n const hasSelection = multi ? selectedItems?.length > 0 : !!selectedItem;\n const iconButtonSize = sizeMap[size] \|\| \"small\";\n\n const chevronLabelledBy = label ? getLabelProps().id : undefined;\n const chevronAriaLabel = label ? undefined : ariaLabel \|\| inputAriaLabel;\n\n const handleClear = (e: React.MouseEvent) => {\n e.stopPropagation();\n if (contextOnClear) {\n contextOnClear();\n } else {\n reset();\n }\n };\n\n if (readOnly) {\n return null;\n }\n\n return (\n <div\n onKeyDown={e => {\n e.stopPropagation();\n }}\n >\n <Flex className={styles.actionsWrapper}>\n {loading && (\n <Loader size={iconButtonSize === \"xs\" ? 16 : iconButtonSize === \"small\" ? 20 : 24} color=\"secondary\" />\n )}\n {hasSelection && clearable && !disabled && (\n <IconButton\n data-testid=\"dropdown-clear-button\"\n icon={CloseSmall}\n onClick={handleClear}\n size={iconButtonSize}\n aria-label={clearAriaLabel}\n hideTooltip\n />\n )}\n {!boxMode && (\n <IconButton\n icon={isOpen ? DropdownChevronUp : DropdownChevronDown}\n size={iconButtonSize}\n disabled={disabled}\n aria-controls={getMenuProps().id}\n aria-expanded={isOpen}\n aria-labelledby={chevronLabelledBy}\n aria-label={chevronAriaLabel}\n // The accessible name is for assistive tech only — don't surface it as a hover tooltip.\n hideTooltip\n tabIndex={-1}\n onClick={() => {\n toggleMenu();\n }}\n />\n )}\n </Flex>\n </div>\n );\n};\n\nexport default TriggerActions;\n"],"names":["sizeMap","large","medium","small","TriggerActions","_useDropdownContext","useDropdownContext","isOpen","reset","contextOnClear","disabled","clearable","readOnly","_useDropdownContext$s","selectedItems","toggleMenu","getMenuProps","loading","clearAriaLabel","boxMode","label","ariaLabel","inputAriaLabel","hasSelection","multi","length","selectedItem","iconButtonSize","size","chevronLabelledBy","getLabelProps","id","undefined","chevronAriaLabel","React","createElement","onKeyDown","e","stopPropagation","Flex","className","styles","actionsWrapper","Loader","color","IconButton","icon","CloseSmall","onClick","hideTooltip","DropdownChevronUp","DropdownChevronDown","tabIndex"],"mappings":"wYASA,IAAMA,EAAU,CACdC,MAAO,SACPC,OAAQ,QACRC,MAAO,MAGHC,EAAiB,WACrB,IAAAC,EAoBIC,IAnBFC,EAAMF,EAANE,OACAC,EAAKH,EAALG,MACAC,EAAcJ,EAAdI,eAEAC,EAAQL,EAARK,SACAC,EAASN,EAATM,UACAC,EAAQP,EAARO,SAEYC,EAAAR,EACZS,cAAAA,OAAgB,IAAHD,EAAG,GAAEA,EAClBE,EAAUV,EAAVU,WACAC,EAAYX,EAAZW,aACAC,EAAOZ,EAAPY,QACAC,EAAcb,EAAda,eACAC,EAAOd,EAAPc,QACAC,EAAKf,EAALe,MAEcC,EAAShB,EAAvB,cACAiB,EAAcjB,EAAdiB,eAGIC,EAdClB,EAALmB,OAc2BV,aAAa,EAAbA,EAAeW,QAAS,IAbvCpB,EAAZqB,aAcIC,EAAiB3B,EAnBjBK,EAAJuB,OAmBsC,QAElCC,EAAoBT,GAAQU,EARnBzB,EAAbyB,iBAQgDC,QAAKC,EACjDC,EAAmBb,OAAQY,EAAYX,GAAaC,EAW1D,OAAIV,EACK,KAIPsB,EACEC,cAAA,MAAA,CAAAC,UAAW,SAAAC,GACTA,EAAEC,iBACJ,GAEAJ,EAAAC,cAACI,EAAK,CAAAC,UAAWC,EAAOC,gBACrBzB,GACCiB,EAACC,cAAAQ,GAAOf,KAAyB,OAAnBD,EAA0B,GAAwB,UAAnBA,EAA6B,GAAK,GAAIiB,MAAM,cAE1FrB,GAAgBZ,IAAcD,GAC7BwB,EAAAC,cAACU,EAAU,CAAA,cACG,wBACZC,KAAMC,EACNC,QA3BU,SAACX,GACnBA,EAAEC,kBACE7B,EACFA,IAEAD,KAuBMoB,KAAMD,EAAc,aACRT,EACZ+B,aAAW,KAGb9B,GACAe,EAAAC,cAACU,EACC,CAAAC,KAAMvC,EAAS2C,EAAoBC,EACnCvB,KAAMD,EACNjB,SAAUA,EACK,gBAAAM,IAAee,GACf,gBAAAxB,EACE,kBAAAsB,eACLI,EAEZgB,aAAW,EACXG,UAAW,EACXJ,QAAS,WACPjC,GACF,KAMZ"}