npm - @vibe/core - Versions diffs - 3.82.3 → 3.82.4 - Mend

@vibe/core 3.82.3 → 3.82.4

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 (486) hide show

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

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

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

@@ -1,2 +1,2 @@
-var n={container:"container_f237926757",mainContentGroup:"mainContentGroup_1948653d13",leadingIcon:"leadingIcon_8380bb6a0e",actionsGroup:"actionsGroup_0844506135"};!function(n){const e="s_id-2f71fab0a877_3_82_2";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const a=document.createElement("style");a.id=e,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".container_f237926757 {\n  gap: var(--space-32);\n}\n\n.mainContentGroup_1948653d13 {\n  min-width: 0;\n}\n\n.leadingIcon_8380bb6a0e {\n  align-self: flex-start;\n}\n\n.actionsGroup_0844506135 {\n  gap: var(--space-12);\n}");export{n as default};
+var e={container:"container_cee58dca2e",mainContentGroup:"mainContentGroup_92a08e9bf7",leadingIcon:"leadingIcon_8b63c3cf4f",actionsGroup:"actionsGroup_603011269b"};!function(e){const n="s_id-2f71fab0a877_3_82_3";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".container_cee58dca2e {\n  gap: var(--space-32);\n}\n\n.mainContentGroup_92a08e9bf7 {\n  min-width: 0;\n}\n\n.leadingIcon_8b63c3cf4f {\n  align-self: flex-start;\n}\n\n.actionsGroup_603011269b {\n  gap: var(--space-12);\n}");export{e as default};
 //# sourceMappingURL=AttentionBoxCompact.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var n={container:"container_cfe772a044",icon:"icon_3db25b58b5",title:"title_175a9cccbd",text:"text_0418dabab2",actions:"actions_74d045555a",closeButton:"closeButton_285f8d0ed0",hasIcon:"hasIcon_30fbb6156e",hasCloseButton:"hasCloseButton_4b5239d42a",hasTitle:"hasTitle_040475f091"};!function(n){const e="s_id-d1aa0b2532e6_3_82_2";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const a=document.createElement("style");a.id=e,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".container_cfe772a044 {\n  --grid-columns: auto 1fr auto;\n  display: grid;\n  gap: var(--space-4);\n  width: 100%;\n  grid-template-columns: var(--grid-columns);\n}\n.container_cfe772a044 .icon_3db25b58b5 {\n  grid-column: 1;\n  grid-row: 1;\n  align-self: center;\n}\n.container_cfe772a044 .title_175a9cccbd {\n  grid-row: 1;\n  grid-column: 2;\n  align-self: center;\n}\n.container_cfe772a044 .text_0418dabab2,\n.container_cfe772a044 .actions_74d045555a {\n  grid-column: 2/-1;\n}\n.container_cfe772a044 .text_0418dabab2 {\n  grid-row: 2;\n  min-width: 0;\n  margin-inline-end: var(--space-8);\n}\n.container_cfe772a044 .closeButton_285f8d0ed0 {\n  grid-row: 1;\n  grid-column: 3;\n  align-self: start;\n}\n.container_cfe772a044 .actions_74d045555a {\n  grid-row: 3;\n  margin-block-start: var(--space-8);\n}\n.container_cfe772a044:not(.hasIcon_30fbb6156e) {\n  --grid-columns: 1fr auto;\n}\n.container_cfe772a044:not(.hasIcon_30fbb6156e):not(.hasCloseButton_4b5239d42a) {\n  --grid-columns: 1fr;\n}\n.container_cfe772a044:not(.hasIcon_30fbb6156e) .title_175a9cccbd {\n  grid-column: 1;\n}\n.container_cfe772a044:not(.hasIcon_30fbb6156e) .text_0418dabab2,\n.container_cfe772a044:not(.hasIcon_30fbb6156e) .actions_74d045555a {\n  grid-column: 1/-1;\n}\n.container_cfe772a044:not(.hasIcon_30fbb6156e) .closeButton_285f8d0ed0 {\n  grid-column: 2;\n}\n.container_cfe772a044:not(.hasCloseButton_4b5239d42a) {\n  --grid-columns: auto 1fr;\n}\n.container_cfe772a044:not(.hasTitle_040475f091) .icon_3db25b58b5 {\n  align-self: start;\n}\n.container_cfe772a044:not(.hasTitle_040475f091) .text_0418dabab2 {\n  grid-row: 1;\n  grid-column-end: -2;\n}\n.container_cfe772a044:not(.hasTitle_040475f091) .closeButton_285f8d0ed0 {\n  margin-block-start: -1px;\n}\n.container_cfe772a044:not(.hasTitle_040475f091) .actions_74d045555a {\n  grid-row: 2;\n}");export{n as default};
+var n={container:"container_081510e103",icon:"icon_e390a9dcba",title:"title_eaf8b218df",text:"text_b0b2d37b3d",actions:"actions_9aaf627b87",closeButton:"closeButton_8cce251dc9",hasIcon:"hasIcon_f6cd3c67a4",hasCloseButton:"hasCloseButton_60071f6c25",hasTitle:"hasTitle_c849ff5068"};!function(n){const e="s_id-d1aa0b2532e6_3_82_3";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const c=document.createElement("style");c.id=e,t.firstChild?t.insertBefore(c,t.firstChild):t.appendChild(c),c.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".container_081510e103 {\n  --grid-columns: auto 1fr auto;\n  display: grid;\n  gap: var(--space-4);\n  width: 100%;\n  grid-template-columns: var(--grid-columns);\n}\n.container_081510e103 .icon_e390a9dcba {\n  grid-column: 1;\n  grid-row: 1;\n  align-self: center;\n}\n.container_081510e103 .title_eaf8b218df {\n  grid-row: 1;\n  grid-column: 2;\n  align-self: center;\n}\n.container_081510e103 .text_b0b2d37b3d,\n.container_081510e103 .actions_9aaf627b87 {\n  grid-column: 2/-1;\n}\n.container_081510e103 .text_b0b2d37b3d {\n  grid-row: 2;\n  min-width: 0;\n  margin-inline-end: var(--space-8);\n}\n.container_081510e103 .closeButton_8cce251dc9 {\n  grid-row: 1;\n  grid-column: 3;\n  align-self: start;\n}\n.container_081510e103 .actions_9aaf627b87 {\n  grid-row: 3;\n  margin-block-start: var(--space-8);\n}\n.container_081510e103:not(.hasIcon_f6cd3c67a4) {\n  --grid-columns: 1fr auto;\n}\n.container_081510e103:not(.hasIcon_f6cd3c67a4):not(.hasCloseButton_60071f6c25) {\n  --grid-columns: 1fr;\n}\n.container_081510e103:not(.hasIcon_f6cd3c67a4) .title_eaf8b218df {\n  grid-column: 1;\n}\n.container_081510e103:not(.hasIcon_f6cd3c67a4) .text_b0b2d37b3d,\n.container_081510e103:not(.hasIcon_f6cd3c67a4) .actions_9aaf627b87 {\n  grid-column: 1/-1;\n}\n.container_081510e103:not(.hasIcon_f6cd3c67a4) .closeButton_8cce251dc9 {\n  grid-column: 2;\n}\n.container_081510e103:not(.hasCloseButton_60071f6c25) {\n  --grid-columns: auto 1fr;\n}\n.container_081510e103:not(.hasTitle_c849ff5068) .icon_e390a9dcba {\n  align-self: start;\n}\n.container_081510e103:not(.hasTitle_c849ff5068) .text_b0b2d37b3d {\n  grid-row: 1;\n  grid-column-end: -2;\n}\n.container_081510e103:not(.hasTitle_c849ff5068) .closeButton_8cce251dc9 {\n  margin-block-start: -1px;\n}\n.container_081510e103:not(.hasTitle_c849ff5068) .actions_9aaf627b87 {\n  grid-row: 2;\n}");export{n as default};
 //# sourceMappingURL=AttentionBoxDefault.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={datePicker:"datePicker_69f2ea1cb8",datePickerMonths:"datePickerMonths_3bfcab1ab5",withWeekNumber:"withWeekNumber_be3832c3a0",datePickerHead:"datePickerHead_8f62529581",datePickerBody:"datePickerBody_8f62529581",datePickerTable:"datePickerTable_b5163e8d09",datePickerDay:"datePickerDay_671f03008c",datePickerDayContent:"datePickerDayContent_aca602dbcf",datePickerDayDisabled:"datePickerDayDisabled_3ba21b47c3",datePickerAddToRangeStart:"datePickerAddToRangeStart_a447d1f90c",datePickerAddToRangeEnd:"datePickerAddToRangeEnd_b5d9ef6b09",datePickerAddToRangeMiddle:"datePickerAddToRangeMiddle_3bad4aa198",datePickerDayRangeStart:"datePickerDayRangeStart_fd72644b1e",datePickerDayRangeEnd:"datePickerDayRangeEnd_4b99d9c248",datePickerDayOutside:"datePickerDayOutside_aa344bed8c",datePickerDaySelected:"datePickerDaySelected_4b99d9c248",datePickerDayRangeMiddle:"datePickerDayRangeMiddle_cf2132ad46",datePickerRemoveFromRange:"datePickerRemoveFromRange_dee728c7a3",datePickerHalfRangeSelected:"datePickerHalfRangeSelected_5afa109d5d"};!function(e){const a="s_id-18acaee8f787_3_82_2";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_69f2ea1cb8 {\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_69f2ea1cb8 .datePickerMonths_3bfcab1ab5 {\n  display: flex;\n  flex-direction: row;\n  gap: var(--spacing-medium);\n  align-items: flex-start;\n}\n.datePicker_69f2ea1cb8.withWeekNumber_be3832c3a0 {\n  --day-picker-days-horizontal-gap: 2px;\n  width: 284px;\n  margin: 0;\n}\n.datePicker_69f2ea1cb8.withWeekNumber_be3832c3a0 .datePickerHead_8f62529581 td:first-child {\n  width: var(--day-picker-day-width);\n  border-top-left-radius: var(--border-radius-medium);\n  border-top-right-radius: var(--border-radius-medium);\n  background-color: var(--primary-background-hover-color);\n}\n.datePicker_69f2ea1cb8.withWeekNumber_be3832c3a0 .datePickerHead_8f62529581 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_69f2ea1cb8.withWeekNumber_be3832c3a0 .datePickerBody_8f62529581 td:first-child {\n  background-color: var(--primary-background-hover-color);\n}\n.datePicker_69f2ea1cb8.withWeekNumber_be3832c3a0 .datePickerBody_8f62529581 tr:last-child td:first-child {\n  border-bottom-left-radius: var(--border-radius-medium);\n  border-bottom-right-radius: var(--border-radius-medium);\n}\n.datePicker_69f2ea1cb8 .datePickerTable_b5163e8d09 {\n  margin-top: var(--spacing-small);\n  border-collapse: collapse;\n  height: var(--day-picker-content-height);\n}\n.datePicker_69f2ea1cb8 .datePickerHead_8f62529581 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_69f2ea1cb8 .datePickerBody_8f62529581 td {\n  color: var(--secondary-text-color);\n  font: var(--font-text2-normal);\n  text-align: center;\n  padding: 0;\n}\n.datePicker_69f2ea1cb8 .datePickerBody_8f62529581 .datePickerDay_671f03008c {\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_69f2ea1cb8 .datePickerBody_8f62529581 .datePickerDay_671f03008c .datePickerDayContent_aca602dbcf {\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_69f2ea1cb8 .datePickerBody_8f62529581 .datePickerDay_671f03008c:focus-visible {\n  outline: none;\n}\n.datePicker_69f2ea1cb8 .datePickerBody_8f62529581 .datePickerDay_671f03008c:focus-visible .datePickerDayContent_aca602dbcf {\n  outline: 2px solid var(--primary-color);\n}\n.datePicker_69f2ea1cb8 .datePickerBody_8f62529581 .datePickerDay_671f03008c.datePickerDayDisabled_3ba21b47c3 {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n.datePicker_69f2ea1cb8 .datePickerBody_8f62529581 .datePickerDay_671f03008c:not(.datePickerDayDisabled_3ba21b47c3):not(.datePickerAddToRangeStart_a447d1f90c):not(.datePickerAddToRangeEnd_b5d9ef6b09):not(.datePickerAddToRangeMiddle_3bad4aa198):not(.datePickerDayRangeStart_fd72644b1e):not(.datePickerDayRangeEnd_4b99d9c248) .datePickerDayContent_aca602dbcf:hover {\n  background: var(--primary-background-hover-color);\n}\n.datePicker_69f2ea1cb8 .datePickerBody_8f62529581 .datePickerDay_671f03008c.datePickerDayOutside_aa344bed8c {\n  color: var(--disabled-text-color);\n}\n.datePicker_69f2ea1cb8 .datePickerBody_8f62529581 .datePickerDay_671f03008c.datePickerDaySelected_4b99d9c248:not(.datePickerDayRangeMiddle_cf2132ad46):not(.datePickerRemoveFromRange_dee728c7a3) {\n  background: var(--primary-color);\n  color: var(--text-color-on-primary);\n}\n.datePicker_69f2ea1cb8 .datePickerBody_8f62529581 .datePickerDay_671f03008c.datePickerDayRangeStart_fd72644b1e:not(.datePickerDayRangeEnd_4b99d9c248):not(.datePickerRemoveFromRange_dee728c7a3), .datePicker_69f2ea1cb8 .datePickerBody_8f62529581 .datePickerDay_671f03008c.datePickerDayRangeEnd_4b99d9c248:not(.datePickerDayRangeStart_fd72644b1e):not(.datePickerRemoveFromRange_dee728c7a3) {\n  background: var(--primary-color);\n  width: calc(var(--day-picker-day-width) + var(--day-picker-days-horizontal-gap));\n}\n.datePicker_69f2ea1cb8 .datePickerBody_8f62529581 .datePickerDay_671f03008c.datePickerDayRangeStart_fd72644b1e.datePickerRemoveFromRange_dee728c7a3, .datePicker_69f2ea1cb8 .datePickerBody_8f62529581 .datePickerDay_671f03008c.datePickerDayRangeEnd_4b99d9c248.datePickerRemoveFromRange_dee728c7a3 {\n  background: var(--primary-color);\n  color: var(--text-color-on-primary);\n}\n.datePicker_69f2ea1cb8 .datePickerBody_8f62529581 .datePickerDay_671f03008c.datePickerDayRangeStart_fd72644b1e.datePickerRemoveFromRange_dee728c7a3:not(.datePickerDayRangeEnd_4b99d9c248), .datePicker_69f2ea1cb8 .datePickerBody_8f62529581 .datePickerDay_671f03008c.datePickerDayRangeEnd_4b99d9c248.datePickerRemoveFromRange_dee728c7a3:not(.datePickerDayRangeStart_fd72644b1e) {\n  width: calc(var(--day-picker-day-width) + var(--day-picker-days-horizontal-gap));\n}\n.datePicker_69f2ea1cb8 .datePickerBody_8f62529581 .datePickerDay_671f03008c.datePickerAddToRangeStart_a447d1f90c, .datePicker_69f2ea1cb8 .datePickerBody_8f62529581 .datePickerDay_671f03008c.datePickerDayRangeStart_fd72644b1e:not(.datePickerDayRangeEnd_4b99d9c248) {\n  margin-right: 0;\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n}\n.datePicker_69f2ea1cb8 .datePickerBody_8f62529581 .datePickerDay_671f03008c.datePickerAddToRangeEnd_b5d9ef6b09, .datePicker_69f2ea1cb8 .datePickerBody_8f62529581 .datePickerDay_671f03008c.datePickerDayRangeEnd_4b99d9c248:not(.datePickerDayRangeStart_fd72644b1e) {\n  margin-left: 0;\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n.datePicker_69f2ea1cb8 .datePickerBody_8f62529581 .datePickerDay_671f03008c.datePickerAddToRangeStart_a447d1f90c, .datePicker_69f2ea1cb8 .datePickerBody_8f62529581 .datePickerDay_671f03008c.datePickerAddToRangeEnd_b5d9ef6b09, .datePicker_69f2ea1cb8 .datePickerBody_8f62529581 .datePickerDay_671f03008c.datePickerAddToRangeMiddle_3bad4aa198 {\n  margin: var(--day-picker-days-vertical-gap) 0;\n}\n.datePicker_69f2ea1cb8 .datePickerBody_8f62529581 .datePickerDay_671f03008c.datePickerAddToRangeStart_a447d1f90c:not(.datePickerDayRangeStart_fd72644b1e):not(.datePickerDayRangeEnd_4b99d9c248), .datePicker_69f2ea1cb8 .datePickerBody_8f62529581 .datePickerDay_671f03008c.datePickerAddToRangeEnd_b5d9ef6b09:not(.datePickerDayRangeStart_fd72644b1e):not(.datePickerDayRangeEnd_4b99d9c248), .datePicker_69f2ea1cb8 .datePickerBody_8f62529581 .datePickerDay_671f03008c.datePickerAddToRangeMiddle_3bad4aa198, .datePicker_69f2ea1cb8 .datePickerBody_8f62529581 .datePickerDay_671f03008c.datePickerDayRangeMiddle_cf2132ad46:not(.datePickerAddToRangeStart_a447d1f90c):not(.datePickerAddToRangeEnd_b5d9ef6b09) {\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_69f2ea1cb8 .datePickerBody_8f62529581 .datePickerDay_671f03008c.datePickerAddToRangeMiddle_3bad4aa198, .datePicker_69f2ea1cb8 .datePickerBody_8f62529581 .datePickerDay_671f03008c.datePickerDayRangeMiddle_cf2132ad46:not(.datePickerAddToRangeStart_a447d1f90c):not(.datePickerAddToRangeEnd_b5d9ef6b09) {\n  background: var(--primary-selected-color);\n  margin: var(--day-picker-days-vertical-gap) 0;\n  border-radius: 0;\n}\n.datePicker_69f2ea1cb8 .datePickerBody_8f62529581 .datePickerDay_671f03008c.datePickerRemoveFromRange_dee728c7a3:not(.datePickerDayRangeStart_fd72644b1e):not(.datePickerDayRangeEnd_4b99d9c248), .datePicker_69f2ea1cb8 .datePickerBody_8f62529581 .datePickerDay_671f03008c.datePickerAddToRangeStart_a447d1f90c:not(.datePickerDayRangeMiddle_cf2132ad46):not(.datePickerDayRangeEnd_4b99d9c248), .datePicker_69f2ea1cb8 .datePickerBody_8f62529581 .datePickerDay_671f03008c.datePickerAddToRangeEnd_b5d9ef6b09:not(.datePickerDayRangeMiddle_cf2132ad46):not(.datePickerDayRangeStart_fd72644b1e), .datePicker_69f2ea1cb8 .datePickerBody_8f62529581 .datePickerDay_671f03008c.datePickerAddToRangeMiddle_3bad4aa198 {\n  background: var(--day-picker-day-change-range);\n  border-color: var(--day-picker-day-change-range);\n}\n.datePicker_69f2ea1cb8 .datePickerBody_8f62529581 tr td:first-child .datePickerDay_671f03008c.datePickerDayRangeMiddle_cf2132ad46, .datePicker_69f2ea1cb8 .datePickerBody_8f62529581 tr td:first-child .datePickerDay_671f03008c.datePickerAddToRangeStart_a447d1f90c:not(.datePickerDayRangeStart_fd72644b1e):not(.datePickerDayRangeEnd_4b99d9c248), .datePicker_69f2ea1cb8 .datePickerBody_8f62529581 tr td:first-child .datePickerDay_671f03008c.datePickerAddToRangeMiddle_3bad4aa198, .datePicker_69f2ea1cb8 .datePickerBody_8f62529581 tr td:first-child .datePickerDay_671f03008c.datePickerAddToRangeEnd_b5d9ef6b09:not(.datePickerDayRangeStart_fd72644b1e):not(.datePickerDayRangeEnd_4b99d9c248) {\n  border: none;\n  width: calc(var(--day-picker-day-width) + var(--day-picker-days-horizontal-gap));\n  margin-left: var(--day-picker-days-horizontal-gap);\n  border-right: var(--day-picker-days-horizontal-gap) solid var(--primary-selected-color);\n  border-top-left-radius: var(--border-radius-small);\n  border-bottom-left-radius: var(--border-radius-small);\n}\n.datePicker_69f2ea1cb8 .datePickerBody_8f62529581 tr td:first-child .datePickerDay_671f03008c.datePickerRemoveFromRange_dee728c7a3 {\n  border-color: var(--day-picker-day-change-range);\n}\n.datePicker_69f2ea1cb8 .datePickerBody_8f62529581 tr td:first-child .datePickerDay_671f03008c.datePickerAddToRangeEnd_b5d9ef6b09, .datePicker_69f2ea1cb8 .datePickerBody_8f62529581 tr td:first-child .datePickerDay_671f03008c.datePickerDayRangeEnd_4b99d9c248:not(.datePickerDayRangeStart_fd72644b1e) {\n  margin-right: 0;\n}\n.datePicker_69f2ea1cb8 .datePickerBody_8f62529581 tr td:last-child .datePickerDay_671f03008c.datePickerDayRangeMiddle_cf2132ad46, .datePicker_69f2ea1cb8 .datePickerBody_8f62529581 tr td:last-child .datePickerDay_671f03008c.datePickerAddToRangeStart_a447d1f90c:not(.datePickerDayRangeStart_fd72644b1e):not(.datePickerDayRangeEnd_4b99d9c248), .datePicker_69f2ea1cb8 .datePickerBody_8f62529581 tr td:last-child .datePickerDay_671f03008c.datePickerAddToRangeMiddle_3bad4aa198, .datePicker_69f2ea1cb8 .datePickerBody_8f62529581 tr td:last-child .datePickerDay_671f03008c.datePickerAddToRangeEnd_b5d9ef6b09:not(.datePickerDayRangeStart_fd72644b1e):not(.datePickerDayRangeEnd_4b99d9c248) {\n  border: none;\n  width: calc(var(--day-picker-day-width) + var(--day-picker-days-horizontal-gap));\n  margin-right: var(--day-picker-days-horizontal-gap);\n  border-left: var(--day-picker-days-horizontal-gap) solid var(--primary-selected-color);\n  border-top-right-radius: var(--border-radius-small);\n  border-bottom-right-radius: var(--border-radius-small);\n}\n.datePicker_69f2ea1cb8 .datePickerBody_8f62529581 tr td:last-child .datePickerDay_671f03008c.datePickerRemoveFromRange_dee728c7a3 {\n  border-color: var(--day-picker-day-change-range);\n}\n.datePicker_69f2ea1cb8 .datePickerBody_8f62529581 tr td:last-child .datePickerDay_671f03008c.datePickerAddToRangeStart_a447d1f90c, .datePicker_69f2ea1cb8 .datePickerBody_8f62529581 tr td:last-child .datePickerDay_671f03008c.datePickerDayRangeStart_fd72644b1e:not(.datePickerDayRangeEnd_4b99d9c248) {\n  margin-left: 0;\n}\n.datePicker_69f2ea1cb8 .datePickerBody_8f62529581 tr td:first-child .datePickerDay_671f03008c.datePickerAddToRangeStart_a447d1f90c:not(.datePickerDayRangeMiddle_cf2132ad46), .datePicker_69f2ea1cb8 .datePickerBody_8f62529581 tr td:first-child .datePickerDay_671f03008c.datePickerAddToRangeMiddle_3bad4aa198, .datePicker_69f2ea1cb8 .datePickerBody_8f62529581 tr td:first-child .datePickerDay_671f03008c.datePickerAddToRangeEnd_b5d9ef6b09:not(.datePickerDayRangeMiddle_cf2132ad46),\n.datePicker_69f2ea1cb8 .datePickerBody_8f62529581 tr td:last-child .datePickerDay_671f03008c.datePickerAddToRangeStart_a447d1f90c:not(.datePickerDayRangeMiddle_cf2132ad46),\n.datePicker_69f2ea1cb8 .datePickerBody_8f62529581 tr td:last-child .datePickerDay_671f03008c.datePickerAddToRangeMiddle_3bad4aa198,\n.datePicker_69f2ea1cb8 .datePickerBody_8f62529581 tr td:last-child .datePickerDay_671f03008c.datePickerAddToRangeEnd_b5d9ef6b09:not(.datePickerDayRangeMiddle_cf2132ad46) {\n  border-color: var(--day-picker-day-change-range);\n}\n.datePicker_69f2ea1cb8 .datePickerBody_8f62529581 tr td:first-child .datePickerDay_671f03008c.datePickerDaySelected_4b99d9c248.datePickerDayRangeEnd_4b99d9c248.datePickerAddToRangeStart_a447d1f90c,\n.datePicker_69f2ea1cb8 .datePickerBody_8f62529581 tr td:last-child .datePickerDay_671f03008c.datePickerDaySelected_4b99d9c248.datePickerDayRangeEnd_4b99d9c248.datePickerAddToRangeStart_a447d1f90c {\n  border-left-width: 0;\n}\n.datePicker_69f2ea1cb8 .datePickerBody_8f62529581 tr td:first-child .datePickerDay_671f03008c.datePickerDaySelected_4b99d9c248.datePickerDayRangeStart_fd72644b1e.datePickerAddToRangeEnd_b5d9ef6b09,\n.datePicker_69f2ea1cb8 .datePickerBody_8f62529581 tr td:last-child .datePickerDay_671f03008c.datePickerDaySelected_4b99d9c248.datePickerDayRangeStart_fd72644b1e.datePickerAddToRangeEnd_b5d9ef6b09 {\n  border-right-width: 0;\n}\n.datePicker_69f2ea1cb8 .datePickerBody_8f62529581 .datePickerDaySelected_4b99d9c248.datePickerDayRangeEnd_4b99d9c248.datePickerAddToRangeStart_a447d1f90c {\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_69f2ea1cb8 .datePickerBody_8f62529581 .datePickerDaySelected_4b99d9c248.datePickerDayRangeEnd_4b99d9c248.datePickerAddToRangeStart_a447d1f90c:not(.datePickerHalfRangeSelected_5afa109d5d) {\n  margin-left: calc(var(--day-picker-days-horizontal-gap) * -1);\n}\n.datePicker_69f2ea1cb8 .datePickerBody_8f62529581 .datePickerDaySelected_4b99d9c248.datePickerDayRangeStart_fd72644b1e.datePickerAddToRangeEnd_b5d9ef6b09 {\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_69f2ea1cb8 .datePickerBody_8f62529581 .datePickerDaySelected_4b99d9c248.datePickerDayRangeStart_fd72644b1e.datePickerAddToRangeEnd_b5d9ef6b09:not(.datePickerHalfRangeSelected_5afa109d5d) {\n  margin-right: calc(var(--day-picker-days-horizontal-gap) * -1);\n}');export{e as default};
+var e={datePicker:"datePicker_9d32b4c827",datePickerMonths:"datePickerMonths_2bb491bca9",withWeekNumber:"withWeekNumber_272beb12d9",datePickerHead:"datePickerHead_884d2cdc77",datePickerBody:"datePickerBody_884d2cdc77",datePickerTable:"datePickerTable_3a0af81b2a",datePickerDay:"datePickerDay_83ae4c1272",datePickerDayContent:"datePickerDayContent_25e4c462d7",datePickerDayDisabled:"datePickerDayDisabled_44b301df5f",datePickerAddToRangeStart:"datePickerAddToRangeStart_e40be5231b",datePickerAddToRangeEnd:"datePickerAddToRangeEnd_0d8277eb8e",datePickerAddToRangeMiddle:"datePickerAddToRangeMiddle_641005d1d8",datePickerDayRangeStart:"datePickerDayRangeStart_a32fce8cff",datePickerDayRangeEnd:"datePickerDayRangeEnd_1413face2f",datePickerDayOutside:"datePickerDayOutside_52de1e4c5d",datePickerDaySelected:"datePickerDaySelected_1413face2f",datePickerDayRangeMiddle:"datePickerDayRangeMiddle_de4c1454b5",datePickerRemoveFromRange:"datePickerRemoveFromRange_fcaa04eaa9",datePickerHalfRangeSelected:"datePickerHalfRangeSelected_4d9f04d2eb"};!function(e){const d="s_id-18acaee8f787_3_82_3";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+d))return;const c=document.createElement("style");c.id=d,a.firstChild?a.insertBefore(c,a.firstChild):a.appendChild(c),c.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}('/* stylelint-disable */\n/* stylelint-enable */\n.datePicker_9d32b4c827 {\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_9d32b4c827 .datePickerMonths_2bb491bca9 {\n  display: flex;\n  flex-direction: row;\n  gap: var(--spacing-medium);\n  align-items: flex-start;\n}\n.datePicker_9d32b4c827.withWeekNumber_272beb12d9 {\n  --day-picker-days-horizontal-gap: 2px;\n  width: 284px;\n  margin: 0;\n}\n.datePicker_9d32b4c827.withWeekNumber_272beb12d9 .datePickerHead_884d2cdc77 td:first-child {\n  width: var(--day-picker-day-width);\n  border-top-left-radius: var(--border-radius-medium);\n  border-top-right-radius: var(--border-radius-medium);\n  background-color: var(--primary-background-hover-color);\n}\n.datePicker_9d32b4c827.withWeekNumber_272beb12d9 .datePickerHead_884d2cdc77 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_9d32b4c827.withWeekNumber_272beb12d9 .datePickerBody_884d2cdc77 td:first-child {\n  background-color: var(--primary-background-hover-color);\n}\n.datePicker_9d32b4c827.withWeekNumber_272beb12d9 .datePickerBody_884d2cdc77 tr:last-child td:first-child {\n  border-bottom-left-radius: var(--border-radius-medium);\n  border-bottom-right-radius: var(--border-radius-medium);\n}\n.datePicker_9d32b4c827 .datePickerTable_3a0af81b2a {\n  margin-top: var(--spacing-small);\n  border-collapse: collapse;\n  height: var(--day-picker-content-height);\n}\n.datePicker_9d32b4c827 .datePickerHead_884d2cdc77 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_9d32b4c827 .datePickerBody_884d2cdc77 td {\n  color: var(--secondary-text-color);\n  font: var(--font-text2-normal);\n  text-align: center;\n  padding: 0;\n}\n.datePicker_9d32b4c827 .datePickerBody_884d2cdc77 .datePickerDay_83ae4c1272 {\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_9d32b4c827 .datePickerBody_884d2cdc77 .datePickerDay_83ae4c1272 .datePickerDayContent_25e4c462d7 {\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_9d32b4c827 .datePickerBody_884d2cdc77 .datePickerDay_83ae4c1272:focus-visible {\n  outline: none;\n}\n.datePicker_9d32b4c827 .datePickerBody_884d2cdc77 .datePickerDay_83ae4c1272:focus-visible .datePickerDayContent_25e4c462d7 {\n  outline: 2px solid var(--primary-color);\n}\n.datePicker_9d32b4c827 .datePickerBody_884d2cdc77 .datePickerDay_83ae4c1272.datePickerDayDisabled_44b301df5f {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n.datePicker_9d32b4c827 .datePickerBody_884d2cdc77 .datePickerDay_83ae4c1272:not(.datePickerDayDisabled_44b301df5f):not(.datePickerAddToRangeStart_e40be5231b):not(.datePickerAddToRangeEnd_0d8277eb8e):not(.datePickerAddToRangeMiddle_641005d1d8):not(.datePickerDayRangeStart_a32fce8cff):not(.datePickerDayRangeEnd_1413face2f) .datePickerDayContent_25e4c462d7:hover {\n  background: var(--primary-background-hover-color);\n}\n.datePicker_9d32b4c827 .datePickerBody_884d2cdc77 .datePickerDay_83ae4c1272.datePickerDayOutside_52de1e4c5d {\n  color: var(--disabled-text-color);\n}\n.datePicker_9d32b4c827 .datePickerBody_884d2cdc77 .datePickerDay_83ae4c1272.datePickerDaySelected_1413face2f:not(.datePickerDayRangeMiddle_de4c1454b5):not(.datePickerRemoveFromRange_fcaa04eaa9) {\n  background: var(--primary-color);\n  color: var(--text-color-on-primary);\n}\n.datePicker_9d32b4c827 .datePickerBody_884d2cdc77 .datePickerDay_83ae4c1272.datePickerDayRangeStart_a32fce8cff:not(.datePickerDayRangeEnd_1413face2f):not(.datePickerRemoveFromRange_fcaa04eaa9), .datePicker_9d32b4c827 .datePickerBody_884d2cdc77 .datePickerDay_83ae4c1272.datePickerDayRangeEnd_1413face2f:not(.datePickerDayRangeStart_a32fce8cff):not(.datePickerRemoveFromRange_fcaa04eaa9) {\n  background: var(--primary-color);\n  width: calc(var(--day-picker-day-width) + var(--day-picker-days-horizontal-gap));\n}\n.datePicker_9d32b4c827 .datePickerBody_884d2cdc77 .datePickerDay_83ae4c1272.datePickerDayRangeStart_a32fce8cff.datePickerRemoveFromRange_fcaa04eaa9, .datePicker_9d32b4c827 .datePickerBody_884d2cdc77 .datePickerDay_83ae4c1272.datePickerDayRangeEnd_1413face2f.datePickerRemoveFromRange_fcaa04eaa9 {\n  background: var(--primary-color);\n  color: var(--text-color-on-primary);\n}\n.datePicker_9d32b4c827 .datePickerBody_884d2cdc77 .datePickerDay_83ae4c1272.datePickerDayRangeStart_a32fce8cff.datePickerRemoveFromRange_fcaa04eaa9:not(.datePickerDayRangeEnd_1413face2f), .datePicker_9d32b4c827 .datePickerBody_884d2cdc77 .datePickerDay_83ae4c1272.datePickerDayRangeEnd_1413face2f.datePickerRemoveFromRange_fcaa04eaa9:not(.datePickerDayRangeStart_a32fce8cff) {\n  width: calc(var(--day-picker-day-width) + var(--day-picker-days-horizontal-gap));\n}\n.datePicker_9d32b4c827 .datePickerBody_884d2cdc77 .datePickerDay_83ae4c1272.datePickerAddToRangeStart_e40be5231b, .datePicker_9d32b4c827 .datePickerBody_884d2cdc77 .datePickerDay_83ae4c1272.datePickerDayRangeStart_a32fce8cff:not(.datePickerDayRangeEnd_1413face2f) {\n  margin-right: 0;\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n}\n.datePicker_9d32b4c827 .datePickerBody_884d2cdc77 .datePickerDay_83ae4c1272.datePickerAddToRangeEnd_0d8277eb8e, .datePicker_9d32b4c827 .datePickerBody_884d2cdc77 .datePickerDay_83ae4c1272.datePickerDayRangeEnd_1413face2f:not(.datePickerDayRangeStart_a32fce8cff) {\n  margin-left: 0;\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n.datePicker_9d32b4c827 .datePickerBody_884d2cdc77 .datePickerDay_83ae4c1272.datePickerAddToRangeStart_e40be5231b, .datePicker_9d32b4c827 .datePickerBody_884d2cdc77 .datePickerDay_83ae4c1272.datePickerAddToRangeEnd_0d8277eb8e, .datePicker_9d32b4c827 .datePickerBody_884d2cdc77 .datePickerDay_83ae4c1272.datePickerAddToRangeMiddle_641005d1d8 {\n  margin: var(--day-picker-days-vertical-gap) 0;\n}\n.datePicker_9d32b4c827 .datePickerBody_884d2cdc77 .datePickerDay_83ae4c1272.datePickerAddToRangeStart_e40be5231b:not(.datePickerDayRangeStart_a32fce8cff):not(.datePickerDayRangeEnd_1413face2f), .datePicker_9d32b4c827 .datePickerBody_884d2cdc77 .datePickerDay_83ae4c1272.datePickerAddToRangeEnd_0d8277eb8e:not(.datePickerDayRangeStart_a32fce8cff):not(.datePickerDayRangeEnd_1413face2f), .datePicker_9d32b4c827 .datePickerBody_884d2cdc77 .datePickerDay_83ae4c1272.datePickerAddToRangeMiddle_641005d1d8, .datePicker_9d32b4c827 .datePickerBody_884d2cdc77 .datePickerDay_83ae4c1272.datePickerDayRangeMiddle_de4c1454b5:not(.datePickerAddToRangeStart_e40be5231b):not(.datePickerAddToRangeEnd_0d8277eb8e) {\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_9d32b4c827 .datePickerBody_884d2cdc77 .datePickerDay_83ae4c1272.datePickerAddToRangeMiddle_641005d1d8, .datePicker_9d32b4c827 .datePickerBody_884d2cdc77 .datePickerDay_83ae4c1272.datePickerDayRangeMiddle_de4c1454b5:not(.datePickerAddToRangeStart_e40be5231b):not(.datePickerAddToRangeEnd_0d8277eb8e) {\n  background: var(--primary-selected-color);\n  margin: var(--day-picker-days-vertical-gap) 0;\n  border-radius: 0;\n}\n.datePicker_9d32b4c827 .datePickerBody_884d2cdc77 .datePickerDay_83ae4c1272.datePickerRemoveFromRange_fcaa04eaa9:not(.datePickerDayRangeStart_a32fce8cff):not(.datePickerDayRangeEnd_1413face2f), .datePicker_9d32b4c827 .datePickerBody_884d2cdc77 .datePickerDay_83ae4c1272.datePickerAddToRangeStart_e40be5231b:not(.datePickerDayRangeMiddle_de4c1454b5):not(.datePickerDayRangeEnd_1413face2f), .datePicker_9d32b4c827 .datePickerBody_884d2cdc77 .datePickerDay_83ae4c1272.datePickerAddToRangeEnd_0d8277eb8e:not(.datePickerDayRangeMiddle_de4c1454b5):not(.datePickerDayRangeStart_a32fce8cff), .datePicker_9d32b4c827 .datePickerBody_884d2cdc77 .datePickerDay_83ae4c1272.datePickerAddToRangeMiddle_641005d1d8 {\n  background: var(--day-picker-day-change-range);\n  border-color: var(--day-picker-day-change-range);\n}\n.datePicker_9d32b4c827 .datePickerBody_884d2cdc77 tr td:first-child .datePickerDay_83ae4c1272.datePickerDayRangeMiddle_de4c1454b5, .datePicker_9d32b4c827 .datePickerBody_884d2cdc77 tr td:first-child .datePickerDay_83ae4c1272.datePickerAddToRangeStart_e40be5231b:not(.datePickerDayRangeStart_a32fce8cff):not(.datePickerDayRangeEnd_1413face2f), .datePicker_9d32b4c827 .datePickerBody_884d2cdc77 tr td:first-child .datePickerDay_83ae4c1272.datePickerAddToRangeMiddle_641005d1d8, .datePicker_9d32b4c827 .datePickerBody_884d2cdc77 tr td:first-child .datePickerDay_83ae4c1272.datePickerAddToRangeEnd_0d8277eb8e:not(.datePickerDayRangeStart_a32fce8cff):not(.datePickerDayRangeEnd_1413face2f) {\n  border: none;\n  width: calc(var(--day-picker-day-width) + var(--day-picker-days-horizontal-gap));\n  margin-left: var(--day-picker-days-horizontal-gap);\n  border-right: var(--day-picker-days-horizontal-gap) solid var(--primary-selected-color);\n  border-top-left-radius: var(--border-radius-small);\n  border-bottom-left-radius: var(--border-radius-small);\n}\n.datePicker_9d32b4c827 .datePickerBody_884d2cdc77 tr td:first-child .datePickerDay_83ae4c1272.datePickerRemoveFromRange_fcaa04eaa9 {\n  border-color: var(--day-picker-day-change-range);\n}\n.datePicker_9d32b4c827 .datePickerBody_884d2cdc77 tr td:first-child .datePickerDay_83ae4c1272.datePickerAddToRangeEnd_0d8277eb8e, .datePicker_9d32b4c827 .datePickerBody_884d2cdc77 tr td:first-child .datePickerDay_83ae4c1272.datePickerDayRangeEnd_1413face2f:not(.datePickerDayRangeStart_a32fce8cff) {\n  margin-right: 0;\n}\n.datePicker_9d32b4c827 .datePickerBody_884d2cdc77 tr td:last-child .datePickerDay_83ae4c1272.datePickerDayRangeMiddle_de4c1454b5, .datePicker_9d32b4c827 .datePickerBody_884d2cdc77 tr td:last-child .datePickerDay_83ae4c1272.datePickerAddToRangeStart_e40be5231b:not(.datePickerDayRangeStart_a32fce8cff):not(.datePickerDayRangeEnd_1413face2f), .datePicker_9d32b4c827 .datePickerBody_884d2cdc77 tr td:last-child .datePickerDay_83ae4c1272.datePickerAddToRangeMiddle_641005d1d8, .datePicker_9d32b4c827 .datePickerBody_884d2cdc77 tr td:last-child .datePickerDay_83ae4c1272.datePickerAddToRangeEnd_0d8277eb8e:not(.datePickerDayRangeStart_a32fce8cff):not(.datePickerDayRangeEnd_1413face2f) {\n  border: none;\n  width: calc(var(--day-picker-day-width) + var(--day-picker-days-horizontal-gap));\n  margin-right: var(--day-picker-days-horizontal-gap);\n  border-left: var(--day-picker-days-horizontal-gap) solid var(--primary-selected-color);\n  border-top-right-radius: var(--border-radius-small);\n  border-bottom-right-radius: var(--border-radius-small);\n}\n.datePicker_9d32b4c827 .datePickerBody_884d2cdc77 tr td:last-child .datePickerDay_83ae4c1272.datePickerRemoveFromRange_fcaa04eaa9 {\n  border-color: var(--day-picker-day-change-range);\n}\n.datePicker_9d32b4c827 .datePickerBody_884d2cdc77 tr td:last-child .datePickerDay_83ae4c1272.datePickerAddToRangeStart_e40be5231b, .datePicker_9d32b4c827 .datePickerBody_884d2cdc77 tr td:last-child .datePickerDay_83ae4c1272.datePickerDayRangeStart_a32fce8cff:not(.datePickerDayRangeEnd_1413face2f) {\n  margin-left: 0;\n}\n.datePicker_9d32b4c827 .datePickerBody_884d2cdc77 tr td:first-child .datePickerDay_83ae4c1272.datePickerAddToRangeStart_e40be5231b:not(.datePickerDayRangeMiddle_de4c1454b5), .datePicker_9d32b4c827 .datePickerBody_884d2cdc77 tr td:first-child .datePickerDay_83ae4c1272.datePickerAddToRangeMiddle_641005d1d8, .datePicker_9d32b4c827 .datePickerBody_884d2cdc77 tr td:first-child .datePickerDay_83ae4c1272.datePickerAddToRangeEnd_0d8277eb8e:not(.datePickerDayRangeMiddle_de4c1454b5),\n.datePicker_9d32b4c827 .datePickerBody_884d2cdc77 tr td:last-child .datePickerDay_83ae4c1272.datePickerAddToRangeStart_e40be5231b:not(.datePickerDayRangeMiddle_de4c1454b5),\n.datePicker_9d32b4c827 .datePickerBody_884d2cdc77 tr td:last-child .datePickerDay_83ae4c1272.datePickerAddToRangeMiddle_641005d1d8,\n.datePicker_9d32b4c827 .datePickerBody_884d2cdc77 tr td:last-child .datePickerDay_83ae4c1272.datePickerAddToRangeEnd_0d8277eb8e:not(.datePickerDayRangeMiddle_de4c1454b5) {\n  border-color: var(--day-picker-day-change-range);\n}\n.datePicker_9d32b4c827 .datePickerBody_884d2cdc77 tr td:first-child .datePickerDay_83ae4c1272.datePickerDaySelected_1413face2f.datePickerDayRangeEnd_1413face2f.datePickerAddToRangeStart_e40be5231b,\n.datePicker_9d32b4c827 .datePickerBody_884d2cdc77 tr td:last-child .datePickerDay_83ae4c1272.datePickerDaySelected_1413face2f.datePickerDayRangeEnd_1413face2f.datePickerAddToRangeStart_e40be5231b {\n  border-left-width: 0;\n}\n.datePicker_9d32b4c827 .datePickerBody_884d2cdc77 tr td:first-child .datePickerDay_83ae4c1272.datePickerDaySelected_1413face2f.datePickerDayRangeStart_a32fce8cff.datePickerAddToRangeEnd_0d8277eb8e,\n.datePicker_9d32b4c827 .datePickerBody_884d2cdc77 tr td:last-child .datePickerDay_83ae4c1272.datePickerDaySelected_1413face2f.datePickerDayRangeStart_a32fce8cff.datePickerAddToRangeEnd_0d8277eb8e {\n  border-right-width: 0;\n}\n.datePicker_9d32b4c827 .datePickerBody_884d2cdc77 .datePickerDaySelected_1413face2f.datePickerDayRangeEnd_1413face2f.datePickerAddToRangeStart_e40be5231b {\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_9d32b4c827 .datePickerBody_884d2cdc77 .datePickerDaySelected_1413face2f.datePickerDayRangeEnd_1413face2f.datePickerAddToRangeStart_e40be5231b:not(.datePickerHalfRangeSelected_4d9f04d2eb) {\n  margin-left: calc(var(--day-picker-days-horizontal-gap) * -1);\n}\n.datePicker_9d32b4c827 .datePickerBody_884d2cdc77 .datePickerDaySelected_1413face2f.datePickerDayRangeStart_a32fce8cff.datePickerAddToRangeEnd_0d8277eb8e {\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_9d32b4c827 .datePickerBody_884d2cdc77 .datePickerDaySelected_1413face2f.datePickerDayRangeStart_a32fce8cff.datePickerAddToRangeEnd_0d8277eb8e:not(.datePickerHalfRangeSelected_4d9f04d2eb) {\n  margin-right: calc(var(--day-picker-days-horizontal-gap) * -1);\n}');export{e as default};
 //# sourceMappingURL=DatePicker.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={monthButtonDropdown:"monthButtonDropdown_5513aaf933",yearButtonDropdown:"yearButtonDropdown_6318c33ea3",datePickerHeader:"datePickerHeader_be09cc0acf"};!function(e){const t="s_id-25798679a710_3_82_2";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_5513aaf933 {\n  min-width: 70px;\n  justify-content: space-between;\n}\n.yearButtonDropdown_6318c33ea3 {\n  justify-content: space-between;\n}\n.datePickerHeader_be09cc0acf {\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_be09cc0acf button:focus:not(:active), .datePickerHeader_be09cc0acf 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_13ddcfd3b4",yearButtonDropdown:"yearButtonDropdown_651d121664",datePickerHeader:"datePickerHeader_efeace8cb2"};!function(e){const t="s_id-25798679a710_3_82_3";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_13ddcfd3b4 {\n  min-width: 70px;\n  justify-content: space-between;\n}\n.yearButtonDropdown_651d121664 {\n  justify-content: space-between;\n}\n.datePickerHeader_efeace8cb2 {\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_efeace8cb2 button:focus:not(:active), .datePickerHeader_efeace8cb2 button:focus-visible {\n  box-shadow: 0 0 0 2px var(--primary-color);\n  background: var(--primary-background-color) !important;\n}");export{e as default};
 //# sourceMappingURL=DatePickerHeader.module.scss.js.map

package/dist/src/components/next/Dropdown/Dropdown.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Dropdown.js","sources":["../../../../../src/components/next/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 \"../../../hooks/useMergeRef\";\nimport { type ~~BaseListItemData~~ } from \"../../~~BaseListItem~~\";\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 ~~BaseListItemData~~<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 ~~BaseListItemData~~<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":"yTAaMA,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/next/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 \"../../../hooks/useMergeRef\";\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":"yTAaMA,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/src/components/next/Dropdown/components/DropdownBase/DropdownBase.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DropdownBase.js","sources":["../../../../../../../src/components/next/Dropdown/components/DropdownBase/DropdownBase.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport FieldLabel from \"../../../../FieldLabel/FieldLabel\";\nimport Text from \"../../../../Text/Text\";\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 ~~BaseListItemData~~ } from \"../../../../~~BaseListItem~~\";\nimport Tooltip from \"../../../../Tooltip/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 ariaLabel,\n \"data-testid\": dataTestIdFromContext,\n disabled,\n readOnly,\n error,\n isFocused,\n isOpen,\n helperText,\n dir,\n tooltipProps,\n boxMode,\n borderless\n } = useDropdownContext<~~BaseListItemData~~>();\n\n const coreDropdownElement = (\n <div\n ref={dropdownRef}\n className={cx(\n styles.wrapper,\n {\n [styles.disabled]: disabled,\n [styles.readOnly]: readOnly,\n [styles.error]: error,\n [styles.active]: isFocused \|\| isOpen,\n [styles.boxMode]: boxMode,\n [styles.borderless]: borderless\n },\n className\n )}\n id={id}\n aria-label={ariaLabel}\n data-testid={dataTestIdFromContext \|\| getTestId(ComponentDefaultTestId.DROPDOWN, id)}\n data-vibe={ComponentVibeId.DROPDOWN}\n >\n {children}\n </div>\n );\n\n return (\n <div dir={dir} className={styles.outerWrapper}>\n {label && <FieldLabel labelText={label} required={required} {...getLabelProps()} />}\n <Tooltip {...tooltipProps} content={tooltipProps?.content}>\n {coreDropdownElement}\n </Tooltip>\n {helperText && (\n <Text color={error ? \"negative\" : \"secondary\"} className={styles.helperText}>\n {helperText}\n </Text>\n )}\n </div>\n );\n};\n\nexport default DropdownBase;\n"],"names":["DropdownBase","_ref","dropdownRef","children","_useDropdownContext","useDropdownContext","label","required","getLabelProps","className","id","ariaLabel","dataTestIdFromContext","readOnly","error","isFocused","isOpen","helperText","dir","tooltipProps","boxMode","borderless","coreDropdownElement","React","createElement","ref","cx","styles","wrapper","_defineProperty","disabled","active","getTestId","ComponentDefaultTestId","DROPDOWN","ComponentVibeId","outerWrapper","FieldLabel","Object","assign","labelText","Tooltip","content","Text","color"],"mappings":"iiBAgBA,IAAMA,EAAe,SAAHC,GAAoD,IAA9CC,EAAWD,EAAXC,YAAaC,EAAQF,EAARE,SACnCC,EAkBIC,IAjBFC,EAAKF,EAALE,MACAC,EAAQH,EAARG,SACAC,EAAaJ,EAAbI,cACAC,EAASL,EAATK,UACAC,EAAEN,EAAFM,GACAC,EAASP,EAATO,UACeC,EAAqBR,EAApC,eAEAS,EAAQT,EAARS,SACAC,EAAKV,EAALU,MACAC,EAASX,EAATW,UACAC,EAAMZ,EAANY,OACAC,EAAUb,EAAVa,WACAC,EAAGd,EAAHc,IACAC,EAAYf,EAAZe,aACAC,EAAOhB,EAAPgB,QACAC,EAAUjB,EAAViB,WAGIC,EACJC,EAAAC,cAAA,MAAA,CACEC,IAAKvB,EACLO,UAAWiB,EACTC,EAAOC,QAAOC,EAAAA,EAAAA,EAAAA,EAAAA,EAAAA,EAAA,CAAA,EAEXF,EAAOG,SAlBN1B,EAAR0B,UAmBOH,EAAOd,SAAWA,GAClBc,EAAOb,MAAQA,GACfa,EAAOI,OAAShB,GAAaC,GAC7BW,EAAOP,QAAUA,GACjBO,EAAON,WAAaA,GAEvBZ,GAEFC,GAAIA,EAAE,aACMC,EAAS,cACRC,GAAyBoB,EAAUC,EAAuBC,SAAUxB,GACtE,YAAAyB,EAAgBD,UAE1B/B,GAIL,OACEoB,EAAKC,cAAA,MAAA,CAAAN,IAAKA,EAAKT,UAAWkB,EAAOS,cAC9B9B,GAASiB,EAAAC,cAACa,EAAUC,OAAAC,OAAA,CAACC,UAAWlC,EAAOC,SAAUA,GAAcC,MAChEe,EAAAC,cAACiB,EAAOH,OAAAC,OAAA,CAAA,EAAKpB,EAAY,CAAEuB,QAASvB,eAAAA,EAAcuB,UAC/CpB,GAEFL,GACCM,EAACC,cAAAmB,EAAK,CAAAC,MAAO9B,EAAQ,WAAa,YAAaL,UAAWkB,EAAOV,YAC9DA,GAKX"}
1	+ {"version":3,"file":"DropdownBase.js","sources":["../../../../../../../src/components/next/Dropdown/components/DropdownBase/DropdownBase.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport FieldLabel from \"../../../../FieldLabel/FieldLabel\";\nimport Text from \"../../../../Text/Text\";\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 \"../../../../Tooltip/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 ariaLabel,\n \"data-testid\": dataTestIdFromContext,\n disabled,\n readOnly,\n error,\n isFocused,\n isOpen,\n helperText,\n dir,\n tooltipProps,\n boxMode,\n borderless\n } = useDropdownContext<BaseItemData>();\n\n const coreDropdownElement = (\n <div\n ref={dropdownRef}\n className={cx(\n styles.wrapper,\n {\n [styles.disabled]: disabled,\n [styles.readOnly]: readOnly,\n [styles.error]: error,\n [styles.active]: isFocused \|\| isOpen,\n [styles.boxMode]: boxMode,\n [styles.borderless]: borderless\n },\n className\n )}\n id={id}\n aria-label={ariaLabel}\n data-testid={dataTestIdFromContext \|\| getTestId(ComponentDefaultTestId.DROPDOWN, id)}\n data-vibe={ComponentVibeId.DROPDOWN}\n >\n {children}\n </div>\n );\n\n return (\n <div dir={dir} className={styles.outerWrapper}>\n {label && <FieldLabel labelText={label} required={required} {...getLabelProps()} />}\n <Tooltip {...tooltipProps} content={tooltipProps?.content}>\n {coreDropdownElement}\n </Tooltip>\n {helperText && (\n <Text color={error ? \"negative\" : \"secondary\"} className={styles.helperText}>\n {helperText}\n </Text>\n )}\n </div>\n );\n};\n\nexport default DropdownBase;\n"],"names":["DropdownBase","_ref","dropdownRef","children","_useDropdownContext","useDropdownContext","label","required","getLabelProps","className","id","ariaLabel","dataTestIdFromContext","readOnly","error","isFocused","isOpen","helperText","dir","tooltipProps","boxMode","borderless","coreDropdownElement","React","createElement","ref","cx","styles","wrapper","_defineProperty","disabled","active","getTestId","ComponentDefaultTestId","DROPDOWN","ComponentVibeId","outerWrapper","FieldLabel","Object","assign","labelText","Tooltip","content","Text","color"],"mappings":"iiBAgBA,IAAMA,EAAe,SAAHC,GAAoD,IAA9CC,EAAWD,EAAXC,YAAaC,EAAQF,EAARE,SACnCC,EAkBIC,IAjBFC,EAAKF,EAALE,MACAC,EAAQH,EAARG,SACAC,EAAaJ,EAAbI,cACAC,EAASL,EAATK,UACAC,EAAEN,EAAFM,GACAC,EAASP,EAATO,UACeC,EAAqBR,EAApC,eAEAS,EAAQT,EAARS,SACAC,EAAKV,EAALU,MACAC,EAASX,EAATW,UACAC,EAAMZ,EAANY,OACAC,EAAUb,EAAVa,WACAC,EAAGd,EAAHc,IACAC,EAAYf,EAAZe,aACAC,EAAOhB,EAAPgB,QACAC,EAAUjB,EAAViB,WAGIC,EACJC,EAAAC,cAAA,MAAA,CACEC,IAAKvB,EACLO,UAAWiB,EACTC,EAAOC,QAAOC,EAAAA,EAAAA,EAAAA,EAAAA,EAAAA,EAAA,CAAA,EAEXF,EAAOG,SAlBN1B,EAAR0B,UAmBOH,EAAOd,SAAWA,GAClBc,EAAOb,MAAQA,GACfa,EAAOI,OAAShB,GAAaC,GAC7BW,EAAOP,QAAUA,GACjBO,EAAON,WAAaA,GAEvBZ,GAEFC,GAAIA,EAAE,aACMC,EAAS,cACRC,GAAyBoB,EAAUC,EAAuBC,SAAUxB,GACtE,YAAAyB,EAAgBD,UAE1B/B,GAIL,OACEoB,EAAKC,cAAA,MAAA,CAAAN,IAAKA,EAAKT,UAAWkB,EAAOS,cAC9B9B,GAASiB,EAAAC,cAACa,EAAUC,OAAAC,OAAA,CAACC,UAAWlC,EAAOC,SAAUA,GAAcC,MAChEe,EAAAC,cAACiB,EAAOH,OAAAC,OAAA,CAAA,EAAKpB,EAAY,CAAEuB,QAASvB,eAAAA,EAAcuB,UAC/CpB,GAEFL,GACCM,EAACC,cAAAmB,EAAK,CAAAC,MAAO9B,EAAQ,WAAa,YAAaL,UAAWkB,EAAOV,YAC9DA,GAKX"}

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

@@ -1,2 +1,2 @@
-var r={outerWrapper:"outerWrapper_e8581996c2",wrapper:"wrapper_e8f7de518f",active:"active_3ad1435c76",disabled:"disabled_1eec97caf3",readOnly:"readOnly_783fdce88f",error:"error_9e5fcbb262",boxMode:"boxMode_61957ddd69",borderless:"borderless_f5a61da09b",helperText:"helperText_b54cfbd848"};!function(r){const e="s_id-a1f1f819eb29_3_82_2";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const d=document.createElement("style");d.id=e,o.firstChild?o.insertBefore(d,o.firstChild):o.appendChild(d),d.appendChild(document.createTextNode(r))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=r)}(".outerWrapper_e8581996c2 {\n  width: 100%;\n}\n\n.wrapper_e8f7de518f {\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_e8f7de518f:hover {\n  --border-color: var(--primary-text-color);\n}\n\n.wrapper_e8f7de518f.active_3ad1435c76, .wrapper_e8f7de518f:focus {\n  --border-color: var(--primary-color);\n}\n\n.wrapper_e8f7de518f.disabled_1eec97caf3 {\n  --border-color: var(--disabled-background-color);\n  --background-color: var(--disabled-background-color);\n  cursor: not-allowed;\n}\n\n.wrapper_e8f7de518f.readOnly_783fdce88f {\n  --border-color: var(--allgrey-background-color);\n  --background-color: var(--allgrey-background-color);\n  cursor: default;\n}\n\n.wrapper_e8f7de518f.error_9e5fcbb262 {\n  --border-color: var(--negative-color);\n}\n\n.wrapper_e8f7de518f.boxMode_61957ddd69 {\n  box-shadow: none;\n  background: transparent;\n  cursor: default;\n}\n\n.wrapper_e8f7de518f.borderless_f5a61da09b {\n  --border-color: transparent;\n}\n\n.wrapper_e8f7de518f.borderless_f5a61da09b:hover {\n  --border-color: var(--primary-text-color);\n}\n\n.wrapper_e8f7de518f.borderless_f5a61da09b.active_3ad1435c76, .wrapper_e8f7de518f.borderless_f5a61da09b:focus {\n  --border-color: var(--primary-color);\n}\n\n.helperText_b54cfbd848 {\n  margin-top: var(--spacing-xs);\n}");export{r as default};
+var r={outerWrapper:"outerWrapper_ab8717a632",wrapper:"wrapper_7cd169d69d",active:"active_1d46a9b1d5",disabled:"disabled_00c94e1a22",readOnly:"readOnly_f146b3e6b7",error:"error_a23e428708",boxMode:"boxMode_4f0fe693ab",borderless:"borderless_a39209c550",helperText:"helperText_be789e8bed"};!function(r){const e="s_id-a1f1f819eb29_3_82_3";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const d=document.createElement("style");d.id=e,o.firstChild?o.insertBefore(d,o.firstChild):o.appendChild(d),d.appendChild(document.createTextNode(r))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=r)}(".outerWrapper_ab8717a632 {\n  width: 100%;\n}\n\n.wrapper_7cd169d69d {\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_7cd169d69d:hover {\n  --border-color: var(--primary-text-color);\n}\n\n.wrapper_7cd169d69d.active_1d46a9b1d5, .wrapper_7cd169d69d:focus {\n  --border-color: var(--primary-color);\n}\n\n.wrapper_7cd169d69d.disabled_00c94e1a22 {\n  --border-color: var(--disabled-background-color);\n  --background-color: var(--disabled-background-color);\n  cursor: not-allowed;\n}\n\n.wrapper_7cd169d69d.readOnly_f146b3e6b7 {\n  --border-color: var(--allgrey-background-color);\n  --background-color: var(--allgrey-background-color);\n  cursor: default;\n}\n\n.wrapper_7cd169d69d.error_a23e428708 {\n  --border-color: var(--negative-color);\n}\n\n.wrapper_7cd169d69d.boxMode_4f0fe693ab {\n  box-shadow: none;\n  background: transparent;\n  cursor: default;\n}\n\n.wrapper_7cd169d69d.borderless_a39209c550 {\n  --border-color: transparent;\n}\n\n.wrapper_7cd169d69d.borderless_a39209c550:hover {\n  --border-color: var(--primary-text-color);\n}\n\n.wrapper_7cd169d69d.borderless_a39209c550.active_1d46a9b1d5, .wrapper_7cd169d69d.borderless_a39209c550:focus {\n  --border-color: var(--primary-color);\n}\n\n.helperText_be789e8bed {\n  margin-top: var(--spacing-xs);\n}");export{r as default};
 //# sourceMappingURL=DropdownBase.module.scss.js.map

package/dist/src/components/next/Dropdown/components/DropdownBaseList/DropdownBaseList.js ADDED Viewed

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

package/dist/src/components/next/Dropdown/components/DropdownBaseList/DropdownBaseList.js.map ADDED Viewed

@@ -0,0 +1 @@

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

package/dist/src/components/next/Dropdown/components/DropdownBaseList/DropdownBaseList.module.scss.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ var e={wrapper:"wrapper_39d6ff01b3",groupTitle:"groupTitle_a30f69255e",sticky:"sticky_b4198f9b2d"};!function(e){const n="s_id-b5d224c4ed03_3_82_3";if("undefined"!=typeof document){const t=document.head\|\|document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".wrapper_39d6ff01b3 {\n overflow-y: auto;\n padding: 0;\n margin: 0;\n}\n.wrapper_39d6ff01b3 .groupTitle_a30f69255e {\n color: var(--secondary-text-color);\n padding: var(--spacing-small) var(--spacing-xs);\n background-color: var(--secondary-background-color);\n}\n.wrapper_39d6ff01b3 .groupTitle_a30f69255e.sticky_b4198f9b2d {\n position: sticky;\n top: 0;\n}\n.wrapper_39d6ff01b3 > li:not(:last-child) {\n margin-bottom: 2px;\n}");export{e as default};
2	+ //# sourceMappingURL=DropdownBaseList.module.scss.js.map

package/dist/src/components/next/Dropdown/components/DropdownBaseList/DropdownBaseList.module.scss.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"DropdownBaseList.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -1,2 +1,2 @@
-var n={boxModeContainer:"boxModeContainer_de1395d8ef",inputContainer:"inputContainer_438a87148b",disabled:"disabled_888191d3e0",readOnly:"readOnly_a0488548fb",error:"error_9e5fcbb262",menuContainer:"menuContainer_e8581996c2"};!function(n){const r="s_id-f92aa28952f8_3_82_2";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_de1395d8ef {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n}\n\n.inputContainer_438a87148b {\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_438a87148b:hover {\n  --border-color: var(--primary-text-color);\n}\n\n.inputContainer_438a87148b:focus-within {\n  --border-color: var(--primary-color);\n}\n\n.inputContainer_438a87148b.disabled_888191d3e0 {\n  --border-color: var(--disabled-background-color);\n  --background-color: var(--disabled-background-color);\n}\n\n.inputContainer_438a87148b.readOnly_a0488548fb {\n  --border-color: var(--allgrey-background-color);\n  --background-color: var(--allgrey-background-color);\n}\n\n.inputContainer_438a87148b.error_9e5fcbb262 {\n  --border-color: var(--negative-color);\n}\n\n.menuContainer_e8581996c2 {\n  width: 100%;\n}");export{n as default};
+var n={boxModeContainer:"boxModeContainer_575e8b2fdd",inputContainer:"inputContainer_1c4131b3fe",disabled:"disabled_74115e6016",readOnly:"readOnly_8a7843180c",error:"error_a23e428708",menuContainer:"menuContainer_ab8717a632"};!function(n){const r="s_id-f92aa28952f8_3_82_3";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+r))return;const o=document.createElement("style");o.id=r,e.firstChild?e.insertBefore(o,e.firstChild):e.appendChild(o),o.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=n)}(".boxModeContainer_575e8b2fdd {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n}\n\n.inputContainer_1c4131b3fe {\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_1c4131b3fe:hover {\n  --border-color: var(--primary-text-color);\n}\n\n.inputContainer_1c4131b3fe:focus-within {\n  --border-color: var(--primary-color);\n}\n\n.inputContainer_1c4131b3fe.disabled_74115e6016 {\n  --border-color: var(--disabled-background-color);\n  --background-color: var(--disabled-background-color);\n}\n\n.inputContainer_1c4131b3fe.readOnly_8a7843180c {\n  --border-color: var(--allgrey-background-color);\n  --background-color: var(--allgrey-background-color);\n}\n\n.inputContainer_1c4131b3fe.error_a23e428708 {\n  --border-color: var(--negative-color);\n}\n\n.menuContainer_ab8717a632 {\n  width: 100%;\n}");export{n as default};
 //# sourceMappingURL=DropdownBoxMode.module.scss.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"DropdownWrapperUI.js","sources":["../../../../../../src/components/next/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 ~~BaseListItemData~~ } from \"../../../~~BaseListItem~~\";\nimport DropdownBase from \"./DropdownBase/DropdownBase\";\n\ninterface DropdownWrapperUIProps<Item extends ~~BaseListItemData~~<Record<string, unknown>>> {\n contextValue: DropdownContextProps<Item>;\n dropdownRef: React.Ref<HTMLDivElement>;\n}\n\nconst DropdownWrapperUI = <Item extends ~~BaseListItemData~~<Record<string, unknown>>>(\n props: DropdownWrapperUIProps<Item~~>\n~~) => {\n const { contextValue, dropdownRef } = props;\n\n return (\n <DropdownContext.Provider value={contextValue}>\n <DropdownBase dropdownRef={dropdownRef}>\n {contextValue.boxMode ? <DropdownBoxMode /> : <DropdownPopup />}\n </DropdownBase>\n </DropdownContext.Provider>\n );\n};\n\nexport default DropdownWrapperUI;\n"],"names":["DropdownWrapperUI","props","contextValue","React","DropdownContext","Provider","value","createElement","DropdownBase","dropdownRef","boxMode","DropdownBoxMode","DropdownPopup"],"mappings":"uOAaA,IAAMA,EAAoB,~~SACxBC~~,~~GAEA~~,IAAQC,EAA8BD,EAA9BC,aAER,OACEC,gBAACC,EAAgBC,SAAS,CAAAC,MAAOJ,GAC/BC,EAACI,cAAAC,EAAa,CAAAC,YAJoBR,EAAhBQ,aAKQN,gBAAvBD,EAAaQ,QAAWC,EAAsBC,EAAP,OAIhD"}
1	+ {"version":3,"file":"DropdownWrapperUI.js","sources":["../../../../../../src/components/next/Dropdown/components/DropdownWrapperUI.tsx"],"sourcesContent":["import React from \"react\";\nimport { DropdownContext } from \"../context/DropdownContext\";\nimport { type DropdownContextProps } from \"../context/DropdownContext.types\";\nimport DropdownPopup from \"./DropdownPopup/DropdownPopup\";\nimport DropdownBoxMode from \"./DropdownBoxMode/DropdownBoxMode\";\nimport { type BaseItemData } from \"../../../BaseItem\";\nimport DropdownBase from \"./DropdownBase/DropdownBase\";\n\ninterface DropdownWrapperUIProps<Item extends BaseItemData<Record<string, unknown>>> {\n contextValue: DropdownContextProps<Item>;\n dropdownRef: React.Ref<HTMLDivElement>;\n}\n\nconst DropdownWrapperUI = <Item extends BaseItemData<Record<string, unknown>>>(props: DropdownWrapperUIProps<Item>) => {\n const { contextValue, dropdownRef } = props;\n\n return (\n <DropdownContext.Provider value={contextValue}>\n <DropdownBase dropdownRef={dropdownRef}>\n {contextValue.boxMode ? <DropdownBoxMode /> : <DropdownPopup />}\n </DropdownBase>\n </DropdownContext.Provider>\n );\n};\n\nexport default DropdownWrapperUI;\n"],"names":["DropdownWrapperUI","props","contextValue","React","DropdownContext","Provider","value","createElement","DropdownBase","dropdownRef","boxMode","DropdownBoxMode","DropdownPopup"],"mappings":"uOAaA,IAAMA,EAAoB,SAAqDC,GAC7E,IAAQC,EAA8BD,EAA9BC,aAER,OACEC,gBAACC,EAAgBC,SAAS,CAAAC,MAAOJ,GAC/BC,EAACI,cAAAC,EAAa,CAAAC,YAJoBR,EAAhBQ,aAKQN,gBAAvBD,EAAaQ,QAAWC,EAAsBC,EAAP,OAIhD"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Menu.js","sources":["../../../../../../../src/components/next/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 ~~BaseListItemData~~ } from \"../../../../~~BaseListItem~~\";\nimport MenuList from \"./MenuList\";\nimport styles from \"./Menu.module.scss\";\n\nconst Menu = <Item extends ~~BaseListItemData~~<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":"yXAQA,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/next/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":"yXAQA,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/src/components/next/Dropdown/components/Menu/Menu.module.scss.js CHANGED Viewed

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

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

@@ -1,2 +1,2 @@
-import e from"react";import t from"../../../../BaseList/BaseList.js";import{useDropdownContext as r}from"../../context/DropdownContext.js";var i=function(){var i=r(),n=i.getMenuProps,o=i.selectedItem,s=i.selectedItems,l=i.multi;return e.createElement(t,{size:i.size,options:i.filteredOptions,selectedItems:(null==s?void 0:s.length)>0?s:o?[o]:[],highlightedIndex:i.highlightedIndex,menuAriaLabel:i.menuAriaLabel,getMenuProps:function(e){var t=(null==n?void 0:n(e))||{};return l?Object.assign(Object.assign({},t),{"aria-multiselectable":"true"}):t},getItemProps:i.getItemProps,withGroupDivider:i.withGroupDivider,stickyGroupTitle:i.stickyGroupTitle,dir:i.dir,itemRenderer:i.optionRenderer,noOptionsMessage:i.noOptionsMessage,renderOptions:!!i.boxMode||i.isOpen,onScroll:i.onScroll,maxMenuHeight:i.maxMenuHeight,menuRenderer:i.menuRenderer})};export{i as default};
+import e from"react";import t from"../DropdownBaseList/DropdownBaseList.js";import{useDropdownContext as r}from"../../context/DropdownContext.js";var i=function(){var i=r(),n=i.getMenuProps,o=i.selectedItem,s=i.selectedItems,l=i.multi;return e.createElement(t,{size:i.size,options:i.filteredOptions,selectedItems:(null==s?void 0:s.length)>0?s:o?[o]:[],highlightedIndex:i.highlightedIndex,menuAriaLabel:i.menuAriaLabel,getMenuProps:function(e){var t=(null==n?void 0:n(e))||{};return l?Object.assign(Object.assign({},t),{"aria-multiselectable":"true"}):t},getItemProps:i.getItemProps,withGroupDivider:i.withGroupDivider,stickyGroupTitle:i.stickyGroupTitle,dir:i.dir,itemRenderer:i.optionRenderer,noOptionsMessage:i.noOptionsMessage,renderOptions:!!i.boxMode||i.isOpen,onScroll:i.onScroll,maxMenuHeight:i.maxMenuHeight,menuRenderer:i.menuRenderer})};export{i as default};
 //# sourceMappingURL=MenuList.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"MenuList.js","sources":["../../../../../../../src/components/next/Dropdown/components/Menu/MenuList.tsx"],"sourcesContent":["import React from \"react\";\nimport { BaseList } from \"~~../../../../BaseList~~\";\nimport { useDropdownContext } from \"../../context/DropdownContext\";\nimport { type ~~BaseListItemData~~ } from \"../../../../~~BaseListItem~~\";\n\nconst MenuList = <Item extends ~~BaseListItemData~~<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":"~~2IAKA~~,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/next/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"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"MultiSelectedValues.js","sources":["../../../../../../../src/components/next/Dropdown/components/MultiSelectedValues/MultiSelectedValues.tsx"],"sourcesContent":["import React, { useRef, useMemo, createRef } from \"react\";\nimport { type ~~BaseListItemData~~ } from \"../../../../~~BaseListItem~~\";\nimport { Chips } from \"../../../../Chips\";\nimport { Flex } from \"@vibe/layout\";\nimport { DialogContentContainer, Dialog } from \"@vibe/dialog\";\nimport useItemsOverflow from \"../../../../../hooks/useItemsOverflow/useItemsOverflow\";\nimport styles from \"./MultiSelectedValues.module.scss\";\nimport cx from \"classnames\";\nimport DropdownChip from \"../Trigger/DropdownChip\";\n\ntype MultiSelectedValuesProps<Item> = {\n selectedItems: Item[];\n onRemove: (item: Item) => void;\n renderInput?: () => React.ReactNode;\n disabled?: boolean;\n readOnly?: boolean;\n minVisibleCount?: number;\n};\n\nfunction MultiSelectedValues<Item extends ~~BaseListItemData~~<Record<string, unknown>>>({\n selectedItems,\n onRemove,\n renderInput,\n disabled,\n readOnly,\n minVisibleCount = 0\n}: MultiSelectedValuesProps<Item>) {\n const containerRef = useRef<HTMLDivElement>(null);\n const deductedSpaceRef = useRef<HTMLDivElement>(null);\n\n const itemRefs = useMemo(() => selectedItems.map(() => createRef<HTMLDivElement>()), [selectedItems]);\n\n const { visibleCount, hasMeasured } = useItemsOverflow({\n containerRef,\n itemRefs,\n gap: 4,\n deductedSpaceRef,\n minVisibleCount: selectedItems.length === 1 ? 1 : minVisibleCount\n });\n\n const { hiddenItems, hiddenCount } = useMemo(() => {\n const hiddenItems = selectedItems.length > visibleCount ? selectedItems.slice(visibleCount) : [];\n return {\n hiddenItems,\n hiddenCount: hiddenItems.length\n };\n }, [selectedItems, visibleCount]);\n\n const dialogContent = useMemo(() => {\n return () => (\n <DialogContentContainer>\n <Flex direction=\"column\" gap=\"xs\" align=\"start\" className={styles.hiddenChipsDialog}>\n {hiddenItems.map(item => {\n return (\n <DropdownChip\n key={`dropdown-chip-dialog-${item.value}`}\n item={item}\n onDelete={() => onRemove(item)}\n className={styles.dialogChip}\n disabled={disabled}\n readOnly={readOnly}\n />\n );\n })}\n </Flex>\n </DialogContentContainer>\n );\n }, [hiddenItems, onRemove, disabled, readOnly]);\n\n const chipElements = useMemo(() => {\n return selectedItems.map((item, index) => {\n const isVisible = index < visibleCount;\n\n return (\n <div\n key={`dropdown-chip-visible-${item.value}`}\n ref={itemRefs[index]}\n className={cx({\n [styles.chipWrapperWithOverflow]: minVisibleCount !== undefined,\n [styles.hiddenChip]: !isVisible\n })}\n aria-hidden={!isVisible}\n data-testid={`dropdown-chip-${item.value}`}\n >\n <DropdownChip\n item={item}\n onDelete={() => onRemove(item)}\n disabled={disabled}\n readOnly={readOnly}\n className={styles.visibleChip}\n />\n </div>\n );\n });\n }, [selectedItems, visibleCount, onRemove, itemRefs, disabled, readOnly, minVisibleCount]);\n\n if (!selectedItems?.length) return null;\n\n const isSingleChip = selectedItems.length === 1;\n\n return (\n <Flex\n align=\"center\"\n wrap={false}\n gap=\"xs\"\n ref={containerRef}\n className={cx(styles.containerWrapper, {\n [styles.singleChip]: isSingleChip,\n [styles.measuring]: !hasMeasured\n })}\n >\n {chipElements}\n\n <Flex ref={deductedSpaceRef} gap=\"xs\">\n {hiddenCount > 0 && (\n <div\n onClick={e => {\n e.stopPropagation();\n }}\n onKeyDown={e => {\n e.stopPropagation();\n }}\n onMouseDown={e => {\n e.stopPropagation();\n }}\n >\n <Dialog\n content={dialogContent}\n showTrigger={[\"click\", \"enter\"]}\n hideTrigger={[\"clickoutside\", \"enter\"]}\n position=\"bottom\"\n moveBy={{ main: 4 }}\n hideWhenReferenceHidden\n addKeyboardHideShowTriggersByDefault\n >\n <Chips\n label={`+ ${hiddenCount}`}\n readOnly\n noMargin\n ariaLabel={`+${hiddenCount}. ${selectedItems.length - hiddenCount} items are visible out of ${\n selectedItems.length\n }`}\n data-testid=\"dropdown-overflow-counter\"\n className={styles.overflowCounter}\n onClick={() => {}}\n onMouseDown={e => {\n e.preventDefault();\n }}\n />\n </Dialog>\n </div>\n )}\n {renderInput && <div className={styles.inputWrapper}>{renderInput()}</div>}\n </Flex>\n </Flex>\n );\n}\n\nexport default MultiSelectedValues;\n"],"names":["MultiSelectedValues","_ref","selectedItems","onRemove","renderInput","disabled","readOnly","_ref$minVisibleCount","minVisibleCount","containerRef","useRef","deductedSpaceRef","itemRefs","useMemo","map","createRef","_useItemsOverflow","useItemsOverflow","gap","length","visibleCount","hasMeasured","_useMemo","hiddenItems","slice","hiddenCount","dialogContent","React","DialogContentContainer","createElement","Flex","direction","align","className","styles","hiddenChipsDialog","item","DropdownChip","key","concat","value","onDelete","dialogChip","chipElements","index","isVisible","ref","cx","_defineProperty","chipWrapperWithOverflow","undefined","hiddenChip","visibleChip","wrap","containerWrapper","singleChip","measuring","onClick","e","stopPropagation","onKeyDown","onMouseDown","Dialog","content","showTrigger","hideTrigger","position","moveBy","main","hideWhenReferenceHidden","addKeyboardHideShowTriggersByDefault","Chips","label","noMargin","ariaLabel","overflowCounter","preventDefault","inputWrapper"],"mappings":"ynBAmBA,SAASA,EAAmBC,GAOK,IAN/BC,EAAaD,EAAbC,cACAC,EAAQF,EAARE,SACAC,EAAWH,EAAXG,YACAC,EAAQJ,EAARI,SACAC,EAAQL,EAARK,SAAQC,EAAAN,EACRO,gBAAAA,OAAkB,IAAHD,EAAG,EAACA,EAEbE,EAAeC,EAAuB,MACtCC,EAAmBD,EAAuB,MAE1CE,EAAWC,GAAQ,WAAA,OAAMX,EAAcY,KAAI,WAAA,OAAMC,SAA8B,CAACb,IAEtFc,EAAsCC,EAAiB,CACrDR,aAAAA,EACAG,SAAAA,EACAM,IAAK,EACLP,iBAAAA,EACAH,gBAA0C,IAAzBN,EAAciB,OAAe,EAAIX,IAL5CY,EAAYJ,EAAZI,aAAcC,EAAWL,EAAXK,YAQtBC,EAAqCT,GAAQ,WAC3C,IAAMU,EAAcrB,EAAciB,OAASC,EAAelB,EAAcsB,MAAMJ,GAAgB,GAC9F,MAAO,CACLG,YAAAA,EACAE,YAAaF,EAAYJ,OAE7B,GAAG,CAACjB,EAAekB,IANXG,EAAWD,EAAXC,YAAaE,EAAWH,EAAXG,YAQfC,EAAgBb,GAAQ,WAC5B,OAAO,WAAA,OACLc,gBAACC,EAAsB,KACrBD,EAACE,cAAAC,EAAK,CAAAC,UAAU,SAASb,IAAI,KAAKc,MAAM,QAAQC,UAAWC,EAAOC,mBAC/DZ,EAAYT,KAAI,SAAAsB,GACf,OACET,EAACE,cAAAQ,GACCC,4BAAGC,OAA0BH,EAAKI,OAClCJ,KAAMA,EACNK,SAAU,WAAA,OAAMtC,EAASiC,EAAK,EAC9BH,UAAWC,EAAOQ,WAClBrC,SAAUA,EACVC,SAAUA,GAGf,MAIR,GAAE,CAACiB,EAAapB,EAAUE,EAAUC,IAE/BqC,EAAe9B,GAAQ,WAC3B,OAAOX,EAAcY,KAAI,SAACsB,EAAMQ,GAC9B,IAAMC,EAAoBzB,EAARwB,EAElB,OACEjB,uBACEW,6BAAGC,OAA2BH,EAAKI,OACnCM,IAAKlC,EAASgC,GACdX,UAAWc,EAAEC,EAAAA,EAAA,CAAA,EACVd,EAAOe,6BAA8CC,IAApB1C,GACjC0B,EAAOiB,YAAcN,IACtB,eACYA,EAAS,cAAAN,iBAAAA,OACOH,EAAKI,QAEnCb,EAAAE,cAACQ,EAAY,CACXD,KAAMA,EACNK,SAAU,WAAA,OAAMtC,EAASiC,EAAK,EAC9B/B,SAAUA,EACVC,SAAUA,EACV2B,UAAWC,EAAOkB,cAI1B,GACF,GAAG,CAAClD,EAAekB,EAAcjB,EAAUS,EAAUP,EAAUC,EAAUE,IAEzE,OAAKN,aAAA,EAAAA,EAAeiB,QAKlBQ,EAACE,cAAAC,EACC,CAAAE,MAAM,SACNqB,MAAM,EACNnC,IAAI,KACJ4B,IAAKrC,EACLwB,UAAWc,EAAGb,EAAOoB,iBAAgBN,EAAAA,EAAA,CAAA,EAClCd,EAAOqB,WATgC,IAAzBrD,EAAciB,QAU5Be,EAAOsB,WAAanC,KAGtBsB,EAEDhB,EAACE,cAAAC,GAAKgB,IAAKnC,EAAkBO,IAAI,MAC9BO,EAAc,GACbE,uBACE8B,QAAS,SAAAC,GACPA,EAAEC,iBACH,EACDC,UAAW,SAAAF,GACTA,EAAEC,iBACH,EACDE,YAAa,SAAAH,GACXA,EAAEC,iBACJ,GAEAhC,EAAAE,cAACiC,EACC,CAAAC,QAASrC,EACTsC,YAAa,CAAC,QAAS,SACvBC,YAAa,CAAC,eAAgB,SAC9BC,SAAS,SACTC,OAAQ,CAAEC,KAAM,GAChBC,2BACAC,sCAAoC,GAEpC3C,EAACE,cAAA0C,GACCC,MAAKjC,KAAAA,OAAOd,GACZnB,UAAQ,EACRmE,UACA,EAAAC,cAASnC,OAAMd,EAAWc,MAAAA,OAAKrC,EAAciB,OAASM,EAAWc,8BAAAA,OAC/DrC,EAAciB,QAEJ,cAAA,4BACZc,UAAWC,EAAOyC,gBAClBlB,QAAS,WAAQ,EACjBI,YAAa,SAAAH,GACXA,EAAEkB,gBACJ,MAKPxE,GAAeuB,EAAAE,cAAA,MAAA,CAAKI,UAAWC,EAAO2C,cAAezE,OAxDzB,IA4DrC"}
1	+ {"version":3,"file":"MultiSelectedValues.js","sources":["../../../../../../../src/components/next/Dropdown/components/MultiSelectedValues/MultiSelectedValues.tsx"],"sourcesContent":["import React, { useRef, useMemo, createRef } from \"react\";\nimport { type BaseItemData } from \"../../../../BaseItem\";\nimport { Chips } from \"../../../../Chips\";\nimport { Flex } from \"@vibe/layout\";\nimport { DialogContentContainer, Dialog } from \"@vibe/dialog\";\nimport useItemsOverflow from \"../../../../../hooks/useItemsOverflow/useItemsOverflow\";\nimport styles from \"./MultiSelectedValues.module.scss\";\nimport cx from \"classnames\";\nimport DropdownChip from \"../Trigger/DropdownChip\";\n\ntype MultiSelectedValuesProps<Item> = {\n selectedItems: Item[];\n onRemove: (item: Item) => void;\n renderInput?: () => React.ReactNode;\n disabled?: boolean;\n readOnly?: boolean;\n minVisibleCount?: number;\n};\n\nfunction MultiSelectedValues<Item extends BaseItemData<Record<string, unknown>>>({\n selectedItems,\n onRemove,\n renderInput,\n disabled,\n readOnly,\n minVisibleCount = 0\n}: MultiSelectedValuesProps<Item>) {\n const containerRef = useRef<HTMLDivElement>(null);\n const deductedSpaceRef = useRef<HTMLDivElement>(null);\n\n const itemRefs = useMemo(() => selectedItems.map(() => createRef<HTMLDivElement>()), [selectedItems]);\n\n const { visibleCount, hasMeasured } = useItemsOverflow({\n containerRef,\n itemRefs,\n gap: 4,\n deductedSpaceRef,\n minVisibleCount: selectedItems.length === 1 ? 1 : minVisibleCount\n });\n\n const { hiddenItems, hiddenCount } = useMemo(() => {\n const hiddenItems = selectedItems.length > visibleCount ? selectedItems.slice(visibleCount) : [];\n return {\n hiddenItems,\n hiddenCount: hiddenItems.length\n };\n }, [selectedItems, visibleCount]);\n\n const dialogContent = useMemo(() => {\n return () => (\n <DialogContentContainer>\n <Flex direction=\"column\" gap=\"xs\" align=\"start\" className={styles.hiddenChipsDialog}>\n {hiddenItems.map(item => {\n return (\n <DropdownChip\n key={`dropdown-chip-dialog-${item.value}`}\n item={item}\n onDelete={() => onRemove(item)}\n className={styles.dialogChip}\n disabled={disabled}\n readOnly={readOnly}\n />\n );\n })}\n </Flex>\n </DialogContentContainer>\n );\n }, [hiddenItems, onRemove, disabled, readOnly]);\n\n const chipElements = useMemo(() => {\n return selectedItems.map((item, index) => {\n const isVisible = index < visibleCount;\n\n return (\n <div\n key={`dropdown-chip-visible-${item.value}`}\n ref={itemRefs[index]}\n className={cx({\n [styles.chipWrapperWithOverflow]: minVisibleCount !== undefined,\n [styles.hiddenChip]: !isVisible\n })}\n aria-hidden={!isVisible}\n data-testid={`dropdown-chip-${item.value}`}\n >\n <DropdownChip\n item={item}\n onDelete={() => onRemove(item)}\n disabled={disabled}\n readOnly={readOnly}\n className={styles.visibleChip}\n />\n </div>\n );\n });\n }, [selectedItems, visibleCount, onRemove, itemRefs, disabled, readOnly, minVisibleCount]);\n\n if (!selectedItems?.length) return null;\n\n const isSingleChip = selectedItems.length === 1;\n\n return (\n <Flex\n align=\"center\"\n wrap={false}\n gap=\"xs\"\n ref={containerRef}\n className={cx(styles.containerWrapper, {\n [styles.singleChip]: isSingleChip,\n [styles.measuring]: !hasMeasured\n })}\n >\n {chipElements}\n\n <Flex ref={deductedSpaceRef} gap=\"xs\">\n {hiddenCount > 0 && (\n <div\n onClick={e => {\n e.stopPropagation();\n }}\n onKeyDown={e => {\n e.stopPropagation();\n }}\n onMouseDown={e => {\n e.stopPropagation();\n }}\n >\n <Dialog\n content={dialogContent}\n showTrigger={[\"click\", \"enter\"]}\n hideTrigger={[\"clickoutside\", \"enter\"]}\n position=\"bottom\"\n moveBy={{ main: 4 }}\n hideWhenReferenceHidden\n addKeyboardHideShowTriggersByDefault\n >\n <Chips\n label={`+ ${hiddenCount}`}\n readOnly\n noMargin\n ariaLabel={`+${hiddenCount}. ${selectedItems.length - hiddenCount} items are visible out of ${\n selectedItems.length\n }`}\n data-testid=\"dropdown-overflow-counter\"\n className={styles.overflowCounter}\n onClick={() => {}}\n onMouseDown={e => {\n e.preventDefault();\n }}\n />\n </Dialog>\n </div>\n )}\n {renderInput && <div className={styles.inputWrapper}>{renderInput()}</div>}\n </Flex>\n </Flex>\n );\n}\n\nexport default MultiSelectedValues;\n"],"names":["MultiSelectedValues","_ref","selectedItems","onRemove","renderInput","disabled","readOnly","_ref$minVisibleCount","minVisibleCount","containerRef","useRef","deductedSpaceRef","itemRefs","useMemo","map","createRef","_useItemsOverflow","useItemsOverflow","gap","length","visibleCount","hasMeasured","_useMemo","hiddenItems","slice","hiddenCount","dialogContent","React","DialogContentContainer","createElement","Flex","direction","align","className","styles","hiddenChipsDialog","item","DropdownChip","key","concat","value","onDelete","dialogChip","chipElements","index","isVisible","ref","cx","_defineProperty","chipWrapperWithOverflow","undefined","hiddenChip","visibleChip","wrap","containerWrapper","singleChip","measuring","onClick","e","stopPropagation","onKeyDown","onMouseDown","Dialog","content","showTrigger","hideTrigger","position","moveBy","main","hideWhenReferenceHidden","addKeyboardHideShowTriggersByDefault","Chips","label","noMargin","ariaLabel","overflowCounter","preventDefault","inputWrapper"],"mappings":"ynBAmBA,SAASA,EAAmBC,GAOK,IAN/BC,EAAaD,EAAbC,cACAC,EAAQF,EAARE,SACAC,EAAWH,EAAXG,YACAC,EAAQJ,EAARI,SACAC,EAAQL,EAARK,SAAQC,EAAAN,EACRO,gBAAAA,OAAkB,IAAHD,EAAG,EAACA,EAEbE,EAAeC,EAAuB,MACtCC,EAAmBD,EAAuB,MAE1CE,EAAWC,GAAQ,WAAA,OAAMX,EAAcY,KAAI,WAAA,OAAMC,SAA8B,CAACb,IAEtFc,EAAsCC,EAAiB,CACrDR,aAAAA,EACAG,SAAAA,EACAM,IAAK,EACLP,iBAAAA,EACAH,gBAA0C,IAAzBN,EAAciB,OAAe,EAAIX,IAL5CY,EAAYJ,EAAZI,aAAcC,EAAWL,EAAXK,YAQtBC,EAAqCT,GAAQ,WAC3C,IAAMU,EAAcrB,EAAciB,OAASC,EAAelB,EAAcsB,MAAMJ,GAAgB,GAC9F,MAAO,CACLG,YAAAA,EACAE,YAAaF,EAAYJ,OAE7B,GAAG,CAACjB,EAAekB,IANXG,EAAWD,EAAXC,YAAaE,EAAWH,EAAXG,YAQfC,EAAgBb,GAAQ,WAC5B,OAAO,WAAA,OACLc,gBAACC,EAAsB,KACrBD,EAACE,cAAAC,EAAK,CAAAC,UAAU,SAASb,IAAI,KAAKc,MAAM,QAAQC,UAAWC,EAAOC,mBAC/DZ,EAAYT,KAAI,SAAAsB,GACf,OACET,EAACE,cAAAQ,GACCC,4BAAGC,OAA0BH,EAAKI,OAClCJ,KAAMA,EACNK,SAAU,WAAA,OAAMtC,EAASiC,EAAK,EAC9BH,UAAWC,EAAOQ,WAClBrC,SAAUA,EACVC,SAAUA,GAGf,MAIR,GAAE,CAACiB,EAAapB,EAAUE,EAAUC,IAE/BqC,EAAe9B,GAAQ,WAC3B,OAAOX,EAAcY,KAAI,SAACsB,EAAMQ,GAC9B,IAAMC,EAAoBzB,EAARwB,EAElB,OACEjB,uBACEW,6BAAGC,OAA2BH,EAAKI,OACnCM,IAAKlC,EAASgC,GACdX,UAAWc,EAAEC,EAAAA,EAAA,CAAA,EACVd,EAAOe,6BAA8CC,IAApB1C,GACjC0B,EAAOiB,YAAcN,IACtB,eACYA,EAAS,cAAAN,iBAAAA,OACOH,EAAKI,QAEnCb,EAAAE,cAACQ,EAAY,CACXD,KAAMA,EACNK,SAAU,WAAA,OAAMtC,EAASiC,EAAK,EAC9B/B,SAAUA,EACVC,SAAUA,EACV2B,UAAWC,EAAOkB,cAI1B,GACF,GAAG,CAAClD,EAAekB,EAAcjB,EAAUS,EAAUP,EAAUC,EAAUE,IAEzE,OAAKN,aAAA,EAAAA,EAAeiB,QAKlBQ,EAACE,cAAAC,EACC,CAAAE,MAAM,SACNqB,MAAM,EACNnC,IAAI,KACJ4B,IAAKrC,EACLwB,UAAWc,EAAGb,EAAOoB,iBAAgBN,EAAAA,EAAA,CAAA,EAClCd,EAAOqB,WATgC,IAAzBrD,EAAciB,QAU5Be,EAAOsB,WAAanC,KAGtBsB,EAEDhB,EAACE,cAAAC,GAAKgB,IAAKnC,EAAkBO,IAAI,MAC9BO,EAAc,GACbE,uBACE8B,QAAS,SAAAC,GACPA,EAAEC,iBACH,EACDC,UAAW,SAAAF,GACTA,EAAEC,iBACH,EACDE,YAAa,SAAAH,GACXA,EAAEC,iBACJ,GAEAhC,EAAAE,cAACiC,EACC,CAAAC,QAASrC,EACTsC,YAAa,CAAC,QAAS,SACvBC,YAAa,CAAC,eAAgB,SAC9BC,SAAS,SACTC,OAAQ,CAAEC,KAAM,GAChBC,2BACAC,sCAAoC,GAEpC3C,EAACE,cAAA0C,GACCC,MAAKjC,KAAAA,OAAOd,GACZnB,UAAQ,EACRmE,UACA,EAAAC,cAASnC,OAAMd,EAAWc,MAAAA,OAAKrC,EAAciB,OAASM,EAAWc,8BAAAA,OAC/DrC,EAAciB,QAEJ,cAAA,4BACZc,UAAWC,EAAOyC,gBAClBlB,QAAS,WAAQ,EACjBI,YAAa,SAAAH,GACXA,EAAEkB,gBACJ,MAKPxE,GAAeuB,EAAAE,cAAA,MAAA,CAAKI,UAAWC,EAAO2C,cAAezE,OAxDzB,IA4DrC"}

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

@@ -1,2 +1,2 @@
-var i={containerWrapper:"containerWrapper_0fcaf47162",singleChip:"singleChip_b9b0119d3e",measuring:"measuring_0bcae1e588",hiddenChip:"hiddenChip_126fa36a0b",chipWrapperWithOverflow:"chipWrapperWithOverflow_4577ca2610",visibleChip:"visibleChip_6b2f7d8418",hiddenChipsDialog:"hiddenChipsDialog_ed687e4458",dialogChip:"dialogChip_6b2f7d8418"};!function(i){const e="s_id-d7a7eaf424d8_3_82_2";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const d=document.createElement("style");d.id=e,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(i))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=i)}(".containerWrapper_0fcaf47162 {\n  min-width: 1px;\n  flex-grow: 1;\n}\n.containerWrapper_0fcaf47162.singleChip_b9b0119d3e > div:first-child {\n  min-width: 50px;\n  flex-shrink: 1;\n}\n.containerWrapper_0fcaf47162.singleChip_b9b0119d3e > div:first-child div {\n  max-width: 100%;\n}\n.containerWrapper_0fcaf47162.measuring_0bcae1e588 > div:not(.hiddenChip_126fa36a0b) {\n  opacity: 0;\n}\n.chipWrapperWithOverflow_4577ca2610 {\n  max-width: 100%;\n  flex-shrink: 1;\n  min-width: 0;\n}\n.chipWrapperWithOverflow_4577ca2610 .visibleChip_6b2f7d8418 {\n  max-width: 100%;\n}\n.hiddenChip_126fa36a0b {\n  position: absolute;\n  visibility: hidden;\n  pointer-events: none;\n  z-index: -1;\n}\n.hiddenChipsDialog_ed687e4458 {\n  max-width: 192px;\n}\n.dialogChip_6b2f7d8418 {\n  max-width: 100%;\n}");export{i as default};
+var i={containerWrapper:"containerWrapper_13357ad4e1",singleChip:"singleChip_c856c4fd7f",measuring:"measuring_f99c6a516d",hiddenChip:"hiddenChip_601e04632b",chipWrapperWithOverflow:"chipWrapperWithOverflow_147879cbfa",visibleChip:"visibleChip_7a446873e4",hiddenChipsDialog:"hiddenChipsDialog_39cd147b25",dialogChip:"dialogChip_7a446873e4"};!function(i){const e="s_id-d7a7eaf424d8_3_82_3";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const d=document.createElement("style");d.id=e,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(i))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=i)}(".containerWrapper_13357ad4e1 {\n  min-width: 1px;\n  flex-grow: 1;\n}\n.containerWrapper_13357ad4e1.singleChip_c856c4fd7f > div:first-child {\n  min-width: 50px;\n  flex-shrink: 1;\n}\n.containerWrapper_13357ad4e1.singleChip_c856c4fd7f > div:first-child div {\n  max-width: 100%;\n}\n.containerWrapper_13357ad4e1.measuring_f99c6a516d > div:not(.hiddenChip_601e04632b) {\n  opacity: 0;\n}\n.chipWrapperWithOverflow_147879cbfa {\n  max-width: 100%;\n  flex-shrink: 1;\n  min-width: 0;\n}\n.chipWrapperWithOverflow_147879cbfa .visibleChip_7a446873e4 {\n  max-width: 100%;\n}\n.hiddenChip_601e04632b {\n  position: absolute;\n  visibility: hidden;\n  pointer-events: none;\n  z-index: -1;\n}\n.hiddenChipsDialog_39cd147b25 {\n  max-width: 192px;\n}\n.dialogChip_7a446873e4 {\n  max-width: 100%;\n}");export{i as default};
 //# sourceMappingURL=MultiSelectedValues.module.scss.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"DropdownChip.js","sources":["../../../../../../../src/components/next/Dropdown/components/Trigger/DropdownChip.tsx"],"sourcesContent":["import React from \"react\";\nimport { Chips, type ChipsProps } from \"../../../../Chips\";\nimport { type ~~BaseListItemData~~ } from \"../../../../~~BaseListItem~~\";\n\nconst getChipPropsFromItemElements = (item: ~~BaseListItemData~~<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 ~~BaseListItemData~~<Record<string, unknown>>> {\n item: Item;\n onDelete: () => void;\n disabled?: boolean;\n readOnly?: boolean;\n className?: string;\n}\n\nconst DropdownChip = <Item extends ~~BaseListItemData~~<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":"+DAIA,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,eAAAA,EAAMO,aACR,OAA4B,QAApBC,EAAAR,aAAI,EAAJA,EAAMO,oBAAc,IAAAC,OAAA,EAAAA,EAAAC,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,eAAAA,EAAMkB,WACR,OAA0B,QAAlBC,EAAAnB,aAAI,EAAJA,EAAMkB,kBAAY,IAAAC,OAAA,EAAAA,EAAAV,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/next/Dropdown/components/Trigger/DropdownChip.tsx"],"sourcesContent":["import React from \"react\";\nimport { Chips, type ChipsProps } from \"../../../../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":"+DAIA,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,eAAAA,EAAMO,aACR,OAA4B,QAApBC,EAAAR,aAAI,EAAJA,EAAMO,oBAAc,IAAAC,OAAA,EAAAA,EAAAC,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,eAAAA,EAAMkB,WACR,OAA0B,QAAlBC,EAAAnB,aAAI,EAAJA,EAAMkB,kBAAY,IAAAC,OAAA,EAAAA,EAAAV,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/src/components/next/Dropdown/components/Trigger/DropdownInput.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DropdownInput.js","sources":["../../../../../../../src/components/next/Dropdown/components/Trigger/DropdownInput.tsx"],"sourcesContent":["import React, { useRef } from \"react\";\nimport cx from \"classnames\";\nimport { BaseInput } from \"@vibe/base\";\nimport styles from \"./Trigger.module.scss\";\nimport { useDropdownContext } from \"../../context/DropdownContext\";\nimport { type ~~BaseListItemData~~ } from \"../../../../~~BaseListItem~~\";\nimport { Text } from \"../../../../Text\";\n\nconst DropdownInput = ({ inputSize }: { inputSize?: \"small\" \| \"medium\" \| \"large\" }) => {\n const {\n inputValue,\n autoFocus,\n disabled,\n readOnly,\n placeholder,\n multi,\n selectedItem,\n selectedItems = [],\n inputAriaLabel,\n searchable,\n size,\n label,\n isOpen,\n getDropdownProps,\n getLabelProps,\n getInputProps\n } = useDropdownContext<~~BaseListItemData~~>();\n\n const inputRef = useRef<HTMLInputElement>(null);\n const hasSelection = multi ? selectedItems.length > 0 : !!selectedItem;\n const multipleSelectionDropdownProps = getDropdownProps ? getDropdownProps({ preventKeyAction: isOpen }) : {};\n\n return (\n <>\n {searchable ? (\n <BaseInput\n {...getInputProps({\n \"aria-labelledby\": label ? getLabelProps().id : undefined,\n \"aria-label\": inputAriaLabel \|\| (label ? undefined : getLabelProps()?.id),\n placeholder: hasSelection ? \"\" : placeholder,\n ref: inputRef,\n ...multipleSelectionDropdownProps\n })}\n inputRole=\"combobox\"\n value={inputValue \|\| \"\"}\n autoFocus={autoFocus}\n size={inputSize \|\| size}\n className={cx(styles.inputWrapper, {\n [styles.hasSelected]: !multi && selectedItem && !inputValue,\n [styles.small]: inputSize === \"small\",\n [styles.multi]: multi && hasSelection,\n [styles.multiSelected]: multi && hasSelection && inputSize === \"small\"\n })}\n disabled={disabled}\n readOnly={readOnly}\n />\n ) : (\n <>\n {!hasSelection && placeholder && (\n <Text\n color=\"secondary\"\n className={cx(styles.placeholderText, {\n [styles.disabled]: !!disabled\n })}\n type={size === \"small\" ? \"text2\" : \"text1\"}\n >\n {placeholder}\n </Text>\n )}\n </>\n )}\n </>\n );\n};\n\nexport default DropdownInput;\n"],"names":["DropdownInput","_ref","inputSize","_useDropdownContext","useDropdownContext","inputValue","autoFocus","disabled","readOnly","placeholder","multi","selectedItem","_useDropdownContext$s","selectedItems","inputAriaLabel","searchable","size","label","isOpen","getDropdownProps","getLabelProps","getInputProps","inputRef","useRef","hasSelection","length","multipleSelectionDropdownProps","preventKeyAction","React","BaseInput","Object","assign","id","undefined","ref","inputRole","value","className","cx","styles","inputWrapper","_defineProperty","hasSelected","small","multiSelected","createElement","Text","color","placeholderText","type"],"mappings":"6WAQA,IAAMA,EAAgB,SAAHC,GAAmE,MAA7DC,EAASD,EAATC,UACvBC,EAiBIC,IAhBFC,EAAUF,EAAVE,WACAC,EAASH,EAATG,UACAC,EAAQJ,EAARI,SACAC,EAAQL,EAARK,SACAC,EAAWN,EAAXM,YACAC,EAAKP,EAALO,MACAC,EAAYR,EAAZQ,aAAYC,EAAAT,EACZU,cAAAA,OAAgB,IAAHD,EAAG,GAAEA,EAClBE,EAAcX,EAAdW,eACAC,EAAUZ,EAAVY,WACAC,EAAIb,EAAJa,KACAC,EAAKd,EAALc,MACAC,EAAMf,EAANe,OACAC,EAAgBhB,EAAhBgB,iBACAC,EAAajB,EAAbiB,cACAC,EAAalB,EAAbkB,cAGIC,EAAWC,EAAyB,MACpCC,EAAed,EAAQG,EAAcY,OAAS,IAAMd,EACpDe,EAAiCP,EAAmBA,EAAiB,CAAEQ,iBAAkBT,IAAY,CAAA,EAE3G,OACEU,gCACGb,EACCa,gBAACC,EAASC,OAAAC,OAAA,CAAA,EACJV,EACFS,OAAAC,OAAA,CAAA,kBAAmBd,EAAQG,IAAgBY,QAAKC,EAChD,aAAcnB,IAAmBG,aAAoBG,sBAAZa,IAA6BD,IACtEvB,YAAae,EAAe,GAAKf,EACjCyB,IAAKZ,GACFI,IAEL,CAAAS,UAAU,WACVC,MAAO/B,GAAc,GACrBC,UAAWA,EACXU,KAAMd,GAAac,EACnBqB,UAAWC,EAAGC,EAAOC,aAAYC,EAAAA,EAAAA,EAAAA,EAAA,CAAA,EAC9BF,EAAOG,aAAehC,GAASC,IAAiBN,GAChDkC,EAAOI,MAAsB,UAAdzC,GACfqC,EAAO7B,MAAQA,GAASc,GACxBe,EAAOK,cAAgBlC,GAASc,GAA8B,UAAdtB,IAEnDK,SAAUA,EACVC,SAAUA,KAGZoB,iCACIJ,GAAgBf,GAChBmB,EAAAiB,cAACC,EAAI,CACHC,MAAM,YACNV,UAAWC,EAAGC,EAAOS,gBAAeP,EACjCF,GAAAA,EAAOhC,WAAaA,IAEvB0C,KAAe,UAATjC,EAAmB,QAAU,SAElCP,IAOf"}
1	+ {"version":3,"file":"DropdownInput.js","sources":["../../../../../../../src/components/next/Dropdown/components/Trigger/DropdownInput.tsx"],"sourcesContent":["import React, { useRef } from \"react\";\nimport cx from \"classnames\";\nimport { BaseInput } from \"@vibe/base\";\nimport styles from \"./Trigger.module.scss\";\nimport { useDropdownContext } from \"../../context/DropdownContext\";\nimport { type BaseItemData } from \"../../../../BaseItem\";\nimport { Text } from \"../../../../Text\";\n\nconst DropdownInput = ({ inputSize }: { inputSize?: \"small\" \| \"medium\" \| \"large\" }) => {\n const {\n inputValue,\n autoFocus,\n disabled,\n readOnly,\n placeholder,\n multi,\n selectedItem,\n selectedItems = [],\n inputAriaLabel,\n searchable,\n size,\n label,\n isOpen,\n getDropdownProps,\n getLabelProps,\n getInputProps\n } = useDropdownContext<BaseItemData>();\n\n const inputRef = useRef<HTMLInputElement>(null);\n const hasSelection = multi ? selectedItems.length > 0 : !!selectedItem;\n const multipleSelectionDropdownProps = getDropdownProps ? getDropdownProps({ preventKeyAction: isOpen }) : {};\n\n return (\n <>\n {searchable ? (\n <BaseInput\n {...getInputProps({\n \"aria-labelledby\": label ? getLabelProps().id : undefined,\n \"aria-label\": inputAriaLabel \|\| (label ? undefined : getLabelProps()?.id),\n placeholder: hasSelection ? \"\" : placeholder,\n ref: inputRef,\n ...multipleSelectionDropdownProps\n })}\n inputRole=\"combobox\"\n value={inputValue \|\| \"\"}\n autoFocus={autoFocus}\n size={inputSize \|\| size}\n className={cx(styles.inputWrapper, {\n [styles.hasSelected]: !multi && selectedItem && !inputValue,\n [styles.small]: inputSize === \"small\",\n [styles.multi]: multi && hasSelection,\n [styles.multiSelected]: multi && hasSelection && inputSize === \"small\"\n })}\n disabled={disabled}\n readOnly={readOnly}\n />\n ) : (\n <>\n {!hasSelection && placeholder && (\n <Text\n color=\"secondary\"\n className={cx(styles.placeholderText, {\n [styles.disabled]: !!disabled\n })}\n type={size === \"small\" ? \"text2\" : \"text1\"}\n >\n {placeholder}\n </Text>\n )}\n </>\n )}\n </>\n );\n};\n\nexport default DropdownInput;\n"],"names":["DropdownInput","_ref","inputSize","_useDropdownContext","useDropdownContext","inputValue","autoFocus","disabled","readOnly","placeholder","multi","selectedItem","_useDropdownContext$s","selectedItems","inputAriaLabel","searchable","size","label","isOpen","getDropdownProps","getLabelProps","getInputProps","inputRef","useRef","hasSelection","length","multipleSelectionDropdownProps","preventKeyAction","React","BaseInput","Object","assign","id","undefined","ref","inputRole","value","className","cx","styles","inputWrapper","_defineProperty","hasSelected","small","multiSelected","createElement","Text","color","placeholderText","type"],"mappings":"6WAQA,IAAMA,EAAgB,SAAHC,GAAmE,MAA7DC,EAASD,EAATC,UACvBC,EAiBIC,IAhBFC,EAAUF,EAAVE,WACAC,EAASH,EAATG,UACAC,EAAQJ,EAARI,SACAC,EAAQL,EAARK,SACAC,EAAWN,EAAXM,YACAC,EAAKP,EAALO,MACAC,EAAYR,EAAZQ,aAAYC,EAAAT,EACZU,cAAAA,OAAgB,IAAHD,EAAG,GAAEA,EAClBE,EAAcX,EAAdW,eACAC,EAAUZ,EAAVY,WACAC,EAAIb,EAAJa,KACAC,EAAKd,EAALc,MACAC,EAAMf,EAANe,OACAC,EAAgBhB,EAAhBgB,iBACAC,EAAajB,EAAbiB,cACAC,EAAalB,EAAbkB,cAGIC,EAAWC,EAAyB,MACpCC,EAAed,EAAQG,EAAcY,OAAS,IAAMd,EACpDe,EAAiCP,EAAmBA,EAAiB,CAAEQ,iBAAkBT,IAAY,CAAA,EAE3G,OACEU,gCACGb,EACCa,gBAACC,EAASC,OAAAC,OAAA,CAAA,EACJV,EACFS,OAAAC,OAAA,CAAA,kBAAmBd,EAAQG,IAAgBY,QAAKC,EAChD,aAAcnB,IAAmBG,aAAoBG,sBAAZa,IAA6BD,IACtEvB,YAAae,EAAe,GAAKf,EACjCyB,IAAKZ,GACFI,IAEL,CAAAS,UAAU,WACVC,MAAO/B,GAAc,GACrBC,UAAWA,EACXU,KAAMd,GAAac,EACnBqB,UAAWC,EAAGC,EAAOC,aAAYC,EAAAA,EAAAA,EAAAA,EAAA,CAAA,EAC9BF,EAAOG,aAAehC,GAASC,IAAiBN,GAChDkC,EAAOI,MAAsB,UAAdzC,GACfqC,EAAO7B,MAAQA,GAASc,GACxBe,EAAOK,cAAgBlC,GAASc,GAA8B,UAAdtB,IAEnDK,SAAUA,EACVC,SAAUA,KAGZoB,iCACIJ,GAAgBf,GAChBmB,EAAAiB,cAACC,EAAI,CACHC,MAAM,YACNV,UAAWC,EAAGC,EAAOS,gBAAeP,EACjCF,GAAAA,EAAOhC,WAAaA,IAEvB0C,KAAe,UAATjC,EAAmB,QAAU,SAElCP,IAOf"}

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

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

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"SingleSelectTrigger.js","sources":["../../../../../../../src/components/next/Dropdown/components/Trigger/SingleSelectTrigger.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport { ~~BaseListItem~~, type ~~BaseListItemData~~ } from \"../../../../~~BaseListItem~~\";\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 \"../../../../../helpers/typesciptCssModulesHelper\";\n\nconst SingleSelectTrigger = () => {\n const {\n inputValue,\n selectedItem,\n searchable,\n size,\n valueRenderer,\n isFocused,\n getToggleButtonProps,\n disabled,\n readOnly,\n error,\n label,\n getLabelProps,\n ariaLabel\n } = useDropdownContext<~~BaseListItemData~~>();\n\n return (\n <Flex justify=\"space-between\" align=\"center\">\n <div\n className={cx(styles.triggerWrapper, getStyle(styles, size))}\n {...(!searchable\n ? getToggleButtonProps({\n \"aria-haspopup\": \"dialog\",\n \"aria-labelledby\": label ? getLabelProps().id : undefined,\n \"aria-label\": ariaLabel \|\| (label ? undefined : getLabelProps()?.id),\n \"aria-disabled\": disabled ? \"true\" : undefined,\n \"aria-invalid\": error ? \"true\" : undefined,\n \"aria-readonly\": readOnly ? \"true\" : undefined\n })\n : {})}\n >\n <DropdownInput />\n\n {!inputValue && selectedItem && (\n <div\n className={cx(\n styles.selectedItem,\n {\n [styles.faded]: isFocused && searchable\n },\n getStyle(styles, size)\n )}\n >\n <~~BaseListItem~~\n component=\"div\"\n itemRenderer={valueRenderer}\n size={size}\n readOnly\n item={{\n ...selectedItem,\n disabled,\n startElement: selectedItem.startElement?.type === \"indent\" ? undefined : selectedItem.startElement\n }}\n />\n </div>\n )}\n </div>\n <TriggerActions />\n </Flex>\n );\n};\n\nexport default SingleSelectTrigger;\n"],"names":["SingleSelectTrigger","_useDropdownContext","useDropdownContext","inputValue","selectedItem","searchable","size","valueRenderer","isFocused","getToggleButtonProps","disabled","readOnly","error","label","getLabelProps","ariaLabel","React","createElement","Flex","justify","align","Object","assign","className","cx","styles","triggerWrapper","getStyle","id","undefined","_a","DropdownInput","_defineProperty","faded","~~BaseListItem~~","component","itemRenderer","item","startElement","_b","type","TriggerActions"],"mappings":"~~ugBAUA~~,IAAMA,EAAsB,mBAC1BC,EAcIC,IAbFC,EAAUF,EAAVE,WACAC,EAAYH,EAAZG,aACAC,EAAUJ,EAAVI,WACAC,EAAIL,EAAJK,KACAC,EAAaN,EAAbM,cACAC,EAASP,EAATO,UACAC,EAAoBR,EAApBQ,qBACAC,EAAQT,EAARS,SACAC,EAAQV,EAARU,SACAC,EAAKX,EAALW,MACAC,EAAKZ,EAALY,MACAC,EAAab,EAAba,cACAC,EAASd,EAATc,UAGF,OACEC,EAACC,cAAAC,EAAK,CAAAC,QAAQ,gBAAgBC,MAAM,UAClCJ,EAAAC,cAAA,MAAAI,OAAAC,OAAA,CACEC,UAAWC,EAAGC,EAAOC,eAAgBC,EAASF,EAAQnB,KAChDD,EASF,CAAA,EARAI,EAAqB,CACnB,gBAAiB,SACjB,kBAAmBI,EAAQC,IAAgBc,QAAKC,EAChD,aAAcd,IAAcF,GAAmC,QAAfiB,EAAAhB,WAAe,IAAAgB,OAA3BD,EAA2BC,EAAEF,IACjE,gBAAiBlB,EAAW,YAASmB,EACrC,eAAgBjB,EAAQ,YAASiB,EACjC,gBAAiBlB,EAAW,YAASkB,KAI3Cb,EAAAC,cAACc,EAAgB,OAEf5B,GAAcC,GACdY,EAAAC,cAAA,MAAA,CACEM,UAAWC,EACTC,EAAOrB,aAAY4B,EAAA,CAAA,EAEhBP,EAAOQ,MAAQzB,GAAaH,GAE/BsB,EAASF,EAAQnB,KAGnBU,EAACC,cAAAiB,GACCC,UAAU,MACVC,aAAc7B,EACdD,KAAMA,EACNK,UAAQ,EACR0B,KACKhB,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAlB,GACH,CAAAM,SAAAA,EACA4B,aAAkD,oBAApCC,EAAAnC,EAAakC,mCAAcE,WAAoBX,EAAYzB,EAAakC,mBAMhGtB,EAAAC,cAACwB,EAAc,MAGrB"}
1	+ {"version":3,"file":"SingleSelectTrigger.js","sources":["../../../../../../../src/components/next/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 \"../../../../../helpers/typesciptCssModulesHelper\";\n\nconst SingleSelectTrigger = () => {\n const {\n inputValue,\n selectedItem,\n searchable,\n size,\n valueRenderer,\n isFocused,\n getToggleButtonProps,\n disabled,\n readOnly,\n error,\n label,\n getLabelProps,\n ariaLabel\n } = useDropdownContext<BaseItemData>();\n\n return (\n <Flex justify=\"space-between\" align=\"center\">\n <div\n className={cx(styles.triggerWrapper, getStyle(styles, size))}\n {...(!searchable\n ? getToggleButtonProps({\n \"aria-haspopup\": \"dialog\",\n \"aria-labelledby\": label ? getLabelProps().id : undefined,\n \"aria-label\": ariaLabel \|\| (label ? undefined : getLabelProps()?.id),\n \"aria-disabled\": disabled ? \"true\" : undefined,\n \"aria-invalid\": error ? \"true\" : undefined,\n \"aria-readonly\": readOnly ? \"true\" : undefined\n })\n : {})}\n >\n <DropdownInput />\n\n {!inputValue && selectedItem && (\n <div\n className={cx(\n styles.selectedItem,\n {\n [styles.faded]: isFocused && searchable\n },\n getStyle(styles, size)\n )}\n >\n <BaseItem\n component=\"div\"\n itemRenderer={valueRenderer}\n size={size}\n readOnly\n item={{\n ...selectedItem,\n disabled,\n startElement: selectedItem.startElement?.type === \"indent\" ? undefined : selectedItem.startElement\n }}\n />\n </div>\n )}\n </div>\n <TriggerActions />\n </Flex>\n );\n};\n\nexport default SingleSelectTrigger;\n"],"names":["SingleSelectTrigger","_useDropdownContext","useDropdownContext","inputValue","selectedItem","searchable","size","valueRenderer","isFocused","getToggleButtonProps","disabled","readOnly","error","label","getLabelProps","ariaLabel","React","createElement","Flex","justify","align","Object","assign","className","cx","styles","triggerWrapper","getStyle","id","undefined","_a","DropdownInput","_defineProperty","faded","BaseItem","component","itemRenderer","item","startElement","_b","type","TriggerActions"],"mappings":"+fAUA,IAAMA,EAAsB,mBAC1BC,EAcIC,IAbFC,EAAUF,EAAVE,WACAC,EAAYH,EAAZG,aACAC,EAAUJ,EAAVI,WACAC,EAAIL,EAAJK,KACAC,EAAaN,EAAbM,cACAC,EAASP,EAATO,UACAC,EAAoBR,EAApBQ,qBACAC,EAAQT,EAARS,SACAC,EAAQV,EAARU,SACAC,EAAKX,EAALW,MACAC,EAAKZ,EAALY,MACAC,EAAab,EAAba,cACAC,EAASd,EAATc,UAGF,OACEC,EAACC,cAAAC,EAAK,CAAAC,QAAQ,gBAAgBC,MAAM,UAClCJ,EAAAC,cAAA,MAAAI,OAAAC,OAAA,CACEC,UAAWC,EAAGC,EAAOC,eAAgBC,EAASF,EAAQnB,KAChDD,EASF,CAAA,EARAI,EAAqB,CACnB,gBAAiB,SACjB,kBAAmBI,EAAQC,IAAgBc,QAAKC,EAChD,aAAcd,IAAcF,GAAmC,QAAfiB,EAAAhB,WAAe,IAAAgB,OAA3BD,EAA2BC,EAAEF,IACjE,gBAAiBlB,EAAW,YAASmB,EACrC,eAAgBjB,EAAQ,YAASiB,EACjC,gBAAiBlB,EAAW,YAASkB,KAI3Cb,EAAAC,cAACc,EAAgB,OAEf5B,GAAcC,GACdY,EAAAC,cAAA,MAAA,CACEM,UAAWC,EACTC,EAAOrB,aAAY4B,EAAA,CAAA,EAEhBP,EAAOQ,MAAQzB,GAAaH,GAE/BsB,EAASF,EAAQnB,KAGnBU,EAACC,cAAAiB,GACCC,UAAU,MACVC,aAAc7B,EACdD,KAAMA,EACNK,UAAQ,EACR0B,KACKhB,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAlB,GACH,CAAAM,SAAAA,EACA4B,aAAkD,oBAApCC,EAAAnC,EAAakC,mCAAcE,WAAoBX,EAAYzB,EAAakC,mBAMhGtB,EAAAC,cAACwB,EAAc,MAGrB"}

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

@@ -1,2 +1,2 @@
-var e={triggerWrapper:"triggerWrapper_339c2db9c8",small:"small_7b51071824",medium:"medium_24c62e55b1",large:"large_ea3f009191",inputWrapper:"inputWrapper_82d4a32dff",multiSelected:"multiSelected_c5525f4858",hasSelected:"hasSelected_9885fd5b5e",selectedItem:"selectedItem_e6a6785fea",faded:"faded_c41e1ecffd",placeholderText:"placeholderText_e6f236f3f2",disabled:"disabled_aa344bed8c",multiWrapper:"multiWrapper_1b82982193",actionsWrapper:"actionsWrapper_e3e2a6502c"};!function(e){const n="s_id-03657525809b_3_82_2";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.triggerWrapper_339c2db9c8 {\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_339c2db9c8.small_7b51071824 {\n  min-height: 32px;\n}\n.triggerWrapper_339c2db9c8.medium_24c62e55b1 {\n  min-height: 40px;\n}\n.triggerWrapper_339c2db9c8.large_ea3f009191 {\n  min-height: 48px;\n}\n.triggerWrapper_339c2db9c8 .inputWrapper_82d4a32dff {\n  border: none;\n  width: 100%;\n  background: transparent;\n}\n.triggerWrapper_339c2db9c8 .inputWrapper_82d4a32dff.small_7b51071824 {\n  height: 24px;\n  min-height: 24px;\n}\n.triggerWrapper_339c2db9c8 .inputWrapper_82d4a32dff.multiSelected_c5525f4858 {\n  width: 48px;\n  flex-shrink: 0;\n  padding: 0 var(--spacing-xs);\n}\n.triggerWrapper_339c2db9c8 .inputWrapper_82d4a32dff.hasSelected_9885fd5b5e {\n  position: absolute;\n  inset: 0;\n  cursor: pointer;\n}\n.triggerWrapper_339c2db9c8 .selectedItem_e6a6785fea {\n  position: relative;\n  pointer-events: none;\n  inset: 0;\n  padding-inline-start: var(--spacing-xs);\n  width: 100%;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.triggerWrapper_339c2db9c8 .selectedItem_e6a6785fea.small_7b51071824 {\n  padding-inline-start: var(--spacing-small);\n  min-height: 32px;\n  height: 32px;\n}\n.triggerWrapper_339c2db9c8 .selectedItem_e6a6785fea.medium_24c62e55b1 {\n  min-height: 40px;\n  height: 40px;\n}\n.triggerWrapper_339c2db9c8 .selectedItem_e6a6785fea.large_ea3f009191 {\n  min-height: 48px;\n  height: 48px;\n}\n.triggerWrapper_339c2db9c8 .selectedItem_e6a6785fea.faded_c41e1ecffd {\n  opacity: 0.6;\n}\n.triggerWrapper_339c2db9c8 .placeholderText_e6f236f3f2 {\n  padding-inline-start: var(--spacing-medium);\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.triggerWrapper_339c2db9c8 .placeholderText_e6f236f3f2.disabled_aa344bed8c {\n  color: var(--disabled-text-color);\n}\n.multiWrapper_1b82982193 {\n  padding: var(--spacing-xs) var(--spacing-small);\n  width: 100%;\n}\n.actionsWrapper_e3e2a6502c {\n  padding: 0 var(--spacing-xs);\n}");export{e as default};
+var e={triggerWrapper:"triggerWrapper_799539e040",small:"small_02eebd7d6e",medium:"medium_0746bb484a",large:"large_6438937549",inputWrapper:"inputWrapper_1610ca7776",multiSelected:"multiSelected_17c251f22d",hasSelected:"hasSelected_d278dd2fe2",selectedItem:"selectedItem_6b1973f332",faded:"faded_b931143b89",placeholderText:"placeholderText_5c5f9c7340",disabled:"disabled_52de1e4c5d",multiWrapper:"multiWrapper_f16e9308ca",actionsWrapper:"actionsWrapper_c0290f4406"};!function(e){const n="s_id-03657525809b_3_82_3";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.triggerWrapper_799539e040 {\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_799539e040.small_02eebd7d6e {\n  min-height: 32px;\n}\n.triggerWrapper_799539e040.medium_0746bb484a {\n  min-height: 40px;\n}\n.triggerWrapper_799539e040.large_6438937549 {\n  min-height: 48px;\n}\n.triggerWrapper_799539e040 .inputWrapper_1610ca7776 {\n  border: none;\n  width: 100%;\n  background: transparent;\n}\n.triggerWrapper_799539e040 .inputWrapper_1610ca7776.small_02eebd7d6e {\n  height: 24px;\n  min-height: 24px;\n}\n.triggerWrapper_799539e040 .inputWrapper_1610ca7776.multiSelected_17c251f22d {\n  width: 48px;\n  flex-shrink: 0;\n  padding: 0 var(--spacing-xs);\n}\n.triggerWrapper_799539e040 .inputWrapper_1610ca7776.hasSelected_d278dd2fe2 {\n  position: absolute;\n  inset: 0;\n  cursor: pointer;\n}\n.triggerWrapper_799539e040 .selectedItem_6b1973f332 {\n  position: relative;\n  pointer-events: none;\n  inset: 0;\n  padding-inline-start: var(--spacing-xs);\n  width: 100%;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.triggerWrapper_799539e040 .selectedItem_6b1973f332.small_02eebd7d6e {\n  padding-inline-start: var(--spacing-small);\n  min-height: 32px;\n  height: 32px;\n}\n.triggerWrapper_799539e040 .selectedItem_6b1973f332.medium_0746bb484a {\n  min-height: 40px;\n  height: 40px;\n}\n.triggerWrapper_799539e040 .selectedItem_6b1973f332.large_6438937549 {\n  min-height: 48px;\n  height: 48px;\n}\n.triggerWrapper_799539e040 .selectedItem_6b1973f332.faded_b931143b89 {\n  opacity: 0.6;\n}\n.triggerWrapper_799539e040 .placeholderText_5c5f9c7340 {\n  padding-inline-start: var(--spacing-medium);\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.triggerWrapper_799539e040 .placeholderText_5c5f9c7340.disabled_52de1e4c5d {\n  color: var(--disabled-text-color);\n}\n.multiWrapper_f16e9308ca {\n  padding: var(--spacing-xs) var(--spacing-small);\n  width: 100%;\n}\n.actionsWrapper_c0290f4406 {\n  padding: 0 var(--spacing-xs);\n}");export{e as default};
 //# sourceMappingURL=Trigger.module.scss.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"TriggerActions.js","sources":["../../../../../../../src/components/next/Dropdown/components/Trigger/TriggerActions.tsx"],"sourcesContent":["import React from \"react\";\nimport { CloseSmall, DropdownChevronDown, DropdownChevronUp } from \"@vibe/icons\";\nimport { IconButton } from \"../../../../IconButton\";\nimport { Flex } from \"@vibe/layout\";\nimport { Loader } from \"@vibe/loader\";\nimport styles from \"./Trigger.module.scss\";\nimport { useDropdownContext } from \"../../context/DropdownContext\";\nimport { type ~~BaseListItemData~~ } from \"../../../../~~BaseListItem~~\";\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 } = useDropdownContext<~~BaseListItemData~~>();\n\n const hasSelection = multi ? selectedItems?.length > 0 : !!selectedItem;\n const iconButtonSize = sizeMap[size] \|\| \"small\";\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 ariaLabel={clearAriaLabel}\n hideTooltip\n />\n )}\n {!boxMode && (\n <IconButton\n icon={isOpen ? DropdownChevronUp : DropdownChevronDown}\n size={iconButtonSize}\n disabled={disabled}\n ariaControls={getMenuProps().id}\n ariaExpanded={isOpen}\n ariaLabeledBy={getMenuProps().id}\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","_useDropdownContext$s","selectedItems","toggleMenu","getMenuProps","clearAriaLabel","boxMode","hasSelection","multi","length","selectedItem","iconButtonSize","size","readOnly","React","createElement","onKeyDown","e","stopPropagation","Flex","className","styles","actionsWrapper","loading","Loader","color","IconButton","icon","CloseSmall","onClick","ariaLabel","hideTooltip","DropdownChevronUp","DropdownChevronDown","ariaControls","id","ariaExpanded","ariaLabeledBy","tabIndex"],"mappings":"qhBASA,IAAMA,EAAU,CACdC,MAAO,SACPC,OAAQ,QACRC,MAAO,MAGHC,EAAiB,WACrB,IAAAC,EAgBIC,IAfFC,EAAMF,EAANE,OACAC,EAAKH,EAALG,MACAC,EAAcJ,EAAdI,eAEAC,EAAQL,EAARK,SACAC,EAASN,EAATM,UAGYC,EAAAP,EACZQ,cAAAA,OAAgB,IAAHD,EAAG,GAAEA,EAClBE,EAAUT,EAAVS,WACAC,EAAYV,EAAZU,aAEAC,EAAcX,EAAdW,eACAC,EAAOZ,EAAPY,QAGIC,EAVCb,EAALc,OAU2BN,aAAa,EAAbA,EAAeO,QAAS,IATvCf,EAAZgB,aAUIC,EAAiBtB,EAfjBK,EAAJkB,OAesC,QAWxC,OAvBUlB,EAARmB,SAwBO,KAIPC,EACEC,cAAA,MAAA,CAAAC,UAAW,SAAAC,GACTA,EAAEC,iBACJ,GAEAJ,EAAAC,cAACI,EAAK,CAAAC,UAAWC,EAAOC,gBA3BnB5B,EAAP6B,SA6BMT,EAACC,cAAAS,GAAOZ,KAAyB,OAAnBD,EAA0B,GAAwB,UAAnBA,EAA6B,GAAK,GAAIc,MAAM,cAE1FlB,GAAgBP,IAAcD,GAC7Be,EAAAC,cAACW,EAAU,CAAA,cACG,wBACZC,KAAMC,EACNC,QA3BU,SAACZ,GACnBA,EAAEC,kBACEpB,EACFA,IAEAD,KAuBMe,KAAMD,EACNmB,UAAWzB,EACX0B,kBAGFzB,GACAQ,EAACC,cAAAW,GACCC,KAAM/B,EAASoC,EAAoBC,EACnCrB,KAAMD,EACNZ,SAAUA,EACVmC,aAAc9B,IAAe+B,GAC7BC,aAAcxC,EACdyC,cAAejC,IAAe+B,GAC9BG,UAAW,EACXT,QAAS,WACP1B,GACF,KAMZ"}
1	+ {"version":3,"file":"TriggerActions.js","sources":["../../../../../../../src/components/next/Dropdown/components/Trigger/TriggerActions.tsx"],"sourcesContent":["import React from \"react\";\nimport { CloseSmall, DropdownChevronDown, DropdownChevronUp } from \"@vibe/icons\";\nimport { IconButton } from \"../../../../IconButton\";\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 } = useDropdownContext<BaseItemData>();\n\n const hasSelection = multi ? selectedItems?.length > 0 : !!selectedItem;\n const iconButtonSize = sizeMap[size] \|\| \"small\";\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 ariaLabel={clearAriaLabel}\n hideTooltip\n />\n )}\n {!boxMode && (\n <IconButton\n icon={isOpen ? DropdownChevronUp : DropdownChevronDown}\n size={iconButtonSize}\n disabled={disabled}\n ariaControls={getMenuProps().id}\n ariaExpanded={isOpen}\n ariaLabeledBy={getMenuProps().id}\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","_useDropdownContext$s","selectedItems","toggleMenu","getMenuProps","clearAriaLabel","boxMode","hasSelection","multi","length","selectedItem","iconButtonSize","size","readOnly","React","createElement","onKeyDown","e","stopPropagation","Flex","className","styles","actionsWrapper","loading","Loader","color","IconButton","icon","CloseSmall","onClick","ariaLabel","hideTooltip","DropdownChevronUp","DropdownChevronDown","ariaControls","id","ariaExpanded","ariaLabeledBy","tabIndex"],"mappings":"qhBASA,IAAMA,EAAU,CACdC,MAAO,SACPC,OAAQ,QACRC,MAAO,MAGHC,EAAiB,WACrB,IAAAC,EAgBIC,IAfFC,EAAMF,EAANE,OACAC,EAAKH,EAALG,MACAC,EAAcJ,EAAdI,eAEAC,EAAQL,EAARK,SACAC,EAASN,EAATM,UAGYC,EAAAP,EACZQ,cAAAA,OAAgB,IAAHD,EAAG,GAAEA,EAClBE,EAAUT,EAAVS,WACAC,EAAYV,EAAZU,aAEAC,EAAcX,EAAdW,eACAC,EAAOZ,EAAPY,QAGIC,EAVCb,EAALc,OAU2BN,aAAa,EAAbA,EAAeO,QAAS,IATvCf,EAAZgB,aAUIC,EAAiBtB,EAfjBK,EAAJkB,OAesC,QAWxC,OAvBUlB,EAARmB,SAwBO,KAIPC,EACEC,cAAA,MAAA,CAAAC,UAAW,SAAAC,GACTA,EAAEC,iBACJ,GAEAJ,EAAAC,cAACI,EAAK,CAAAC,UAAWC,EAAOC,gBA3BnB5B,EAAP6B,SA6BMT,EAACC,cAAAS,GAAOZ,KAAyB,OAAnBD,EAA0B,GAAwB,UAAnBA,EAA6B,GAAK,GAAIc,MAAM,cAE1FlB,GAAgBP,IAAcD,GAC7Be,EAAAC,cAACW,EAAU,CAAA,cACG,wBACZC,KAAMC,EACNC,QA3BU,SAACZ,GACnBA,EAAEC,kBACEpB,EACFA,IAEAD,KAuBMe,KAAMD,EACNmB,UAAWzB,EACX0B,kBAGFzB,GACAQ,EAACC,cAAAW,GACCC,KAAM/B,EAASoC,EAAoBC,EACnCrB,KAAMD,EACNZ,SAAUA,EACVmC,aAAc9B,IAAe+B,GAC7BC,aAAcxC,EACdyC,cAAejC,IAAe+B,GAC9BG,UAAW,EACXT,QAAS,WACP1B,GACF,KAMZ"}

package/dist/src/components/next/Dropdown/context/DropdownContext.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DropdownContext.js","sources":["../../../../../../src/components/next/Dropdown/context/DropdownContext.ts"],"sourcesContent":["import type React from \"react\";\nimport { createContext, useContext } from \"react\";\nimport { type ~~ListGroup~~ } from \"~~../../../BaseList~~\";\nimport { type ~~BaseListItemData~~ } from \"../../../~~BaseListItem~~\";\nimport { type BaseDropdownProps, type DropdownSizes } from \"../Dropdown.types\";\nimport { type DropdownContextProps } from \"./DropdownContext.types\";\n\ntype PropGetter = (options?: any) => Record<string, any>;\ntype ItemPropGetter<Item> = (options: { item: Item; index: number }) => Record<string, any>;\n\nexport interface DropdownContextValue<Item extends ~~BaseListItemData~~<Record<string, unknown>> = any> {\n isOpen: boolean;\n inputValue: string \| null;\n highlightedIndex: number \| null;\n selectedItem: Item \| null \| undefined;\n selectedItems: Item[];\n filteredOptions: ~~ListGroup~~<Item>[];\n\n getToggleButtonProps: PropGetter;\n getLabelProps: PropGetter;\n getMenuProps: PropGetter;\n getInputProps: PropGetter;\n getItemProps: ItemPropGetter<Item>;\n getDropdownProps?: PropGetter;\n\n reset: () => void;\n toggleMenu: () => void;\n onClear?: () => void;\n onOptionSelect?: (option: Item) => void;\n onOptionRemove?: (option: Item) => void;\n addSelectedItem?: (item: Item) => void;\n removeSelectedItem?: (item: Item) => void;\n setSelectedItems?: (items: Item[]) => void;\n\n searchable?: boolean;\n multi?: boolean;\n multiline?: boolean;\n disabled?: boolean;\n readOnly?: boolean;\n size?: DropdownSizes;\n optionRenderer?: BaseDropdownProps<Item>[\"optionRenderer\"];\n valueRenderer?: BaseDropdownProps<Item>[\"valueRenderer\"];\n noOptionsMessage?: BaseDropdownProps<Item>[\"noOptionsMessage\"];\n placeholder?: BaseDropdownProps<Item>[\"placeholder\"];\n withGroupDivider?: BaseDropdownProps<Item>[\"withGroupDivider\"];\n stickyGroupTitle?: BaseDropdownProps<Item>[\"stickyGroupTitle\"];\n maxMenuHeight?: BaseDropdownProps<Item>[\"maxMenuHeight\"];\n clearable?: boolean;\n autoFocus?: boolean;\n isFocused?: boolean;\n inputAriaLabel?: string;\n menuAriaLabel?: string;\n closeMenuOnSelect?: boolean;\n dir?: BaseDropdownProps<Item>[\"dir\"];\n originalOnFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;\n originalOnBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;\n originalOnKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;\n originalOnScroll?: (event: React.UIEvent<HTMLUListElement>) => void;\n}\n\nexport const DropdownContext = createContext<DropdownContextProps<any> \| undefined>(undefined);\n\nexport function useDropdownContext<Item extends ~~BaseListItemData~~<Record<string, unknown>>>() {\n const context = useContext(DropdownContext) as DropdownContextProps<Item>;\n if (context === undefined) {\n throw new Error(\"useDropdownContext must be used within a DropdownProvider\");\n }\n return context;\n}\n"],"names":["DropdownContext","createContext","undefined","useDropdownContext","context","useContext","Error"],"mappings":"0DA4DaA,EAAkBC,OAAqDC,YAEpEC,IACd,IAAMC,EAAUC,EAAWL,GAC3B,QAAgBE,IAAZE,EACF,MAAUE,MAAM,6DAElB,OAAOF,CACT"}
1	+ {"version":3,"file":"DropdownContext.js","sources":["../../../../../../src/components/next/Dropdown/context/DropdownContext.ts"],"sourcesContent":["import type React from \"react\";\nimport { createContext, useContext } from \"react\";\nimport { type DropdownListGroup } from \"../components/DropdownBaseList/DropdownBaseList.types\";\nimport { type BaseItemData } from \"../../../BaseItem\";\nimport { type BaseDropdownProps, type DropdownSizes } from \"../Dropdown.types\";\nimport { type DropdownContextProps } from \"./DropdownContext.types\";\n\ntype PropGetter = (options?: any) => Record<string, any>;\ntype ItemPropGetter<Item> = (options: { item: Item; index: number }) => Record<string, any>;\n\nexport interface DropdownContextValue<Item extends BaseItemData<Record<string, unknown>> = any> {\n isOpen: boolean;\n inputValue: string \| null;\n highlightedIndex: number \| null;\n selectedItem: Item \| null \| undefined;\n selectedItems: Item[];\n filteredOptions: DropdownListGroup<Item>[];\n\n getToggleButtonProps: PropGetter;\n getLabelProps: PropGetter;\n getMenuProps: PropGetter;\n getInputProps: PropGetter;\n getItemProps: ItemPropGetter<Item>;\n getDropdownProps?: PropGetter;\n\n reset: () => void;\n toggleMenu: () => void;\n onClear?: () => void;\n onOptionSelect?: (option: Item) => void;\n onOptionRemove?: (option: Item) => void;\n addSelectedItem?: (item: Item) => void;\n removeSelectedItem?: (item: Item) => void;\n setSelectedItems?: (items: Item[]) => void;\n\n searchable?: boolean;\n multi?: boolean;\n multiline?: boolean;\n disabled?: boolean;\n readOnly?: boolean;\n size?: DropdownSizes;\n optionRenderer?: BaseDropdownProps<Item>[\"optionRenderer\"];\n valueRenderer?: BaseDropdownProps<Item>[\"valueRenderer\"];\n noOptionsMessage?: BaseDropdownProps<Item>[\"noOptionsMessage\"];\n placeholder?: BaseDropdownProps<Item>[\"placeholder\"];\n withGroupDivider?: BaseDropdownProps<Item>[\"withGroupDivider\"];\n stickyGroupTitle?: BaseDropdownProps<Item>[\"stickyGroupTitle\"];\n maxMenuHeight?: BaseDropdownProps<Item>[\"maxMenuHeight\"];\n clearable?: boolean;\n autoFocus?: boolean;\n isFocused?: boolean;\n inputAriaLabel?: string;\n menuAriaLabel?: string;\n closeMenuOnSelect?: boolean;\n dir?: BaseDropdownProps<Item>[\"dir\"];\n originalOnFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;\n originalOnBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;\n originalOnKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;\n originalOnScroll?: (event: React.UIEvent<HTMLUListElement>) => void;\n}\n\nexport const DropdownContext = createContext<DropdownContextProps<any> \| undefined>(undefined);\n\nexport function useDropdownContext<Item extends BaseItemData<Record<string, unknown>>>() {\n const context = useContext(DropdownContext) as DropdownContextProps<Item>;\n if (context === undefined) {\n throw new Error(\"useDropdownContext must be used within a DropdownProvider\");\n }\n return context;\n}\n"],"names":["DropdownContext","createContext","undefined","useDropdownContext","context","useContext","Error"],"mappings":"0DA4DaA,EAAkBC,OAAqDC,YAEpEC,IACd,IAAMC,EAAUC,EAAWL,GAC3B,QAAgBE,IAAZE,EACF,MAAUE,MAAM,6DAElB,OAAOF,CACT"}