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

@vibe/core 4.5.22 → 4.5.23

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

Files changed (433) hide show

package/dist/src/components/AvatarGroup/AvatarGroupCounterTooltipContentVirtualizedList.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={scrollableContainer:"scrollableContainer_4b86411712",virtualizedTooltipContainer:"virtualizedTooltipContainer_6a48fdfa15","focus-visible":"focus-visible_1978dd3510"};!function(e){const i="s_id-21f61936150a_4_5_21";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+i))return;const l=document.createElement("style");l.id=i,n.firstChild?n.insertBefore(l,n.firstChild):n.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[i]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.scrollableContainer_4b86411712::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer_4b86411712::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.virtualizedTooltipContainer_6a48fdfa15 {\n  align-items: flex-start !important;\n  display: flex;\n  overflow-y: hidden;\n  overflow-x: visible;\n}\n.virtualizedTooltipContainer_6a48fdfa15:focus, .virtualizedTooltipContainer_6a48fdfa15:focus-visible, .virtualizedTooltipContainer_6a48fdfa15.focus-visible_1978dd3510 { /* stylelint-disable-line selector-class-pattern */\n  outline: none;\n}");export{e as default};
+var e={scrollableContainer:"scrollableContainer_91b48d7ff2",virtualizedTooltipContainer:"virtualizedTooltipContainer_de3c72abe1","focus-visible":"focus-visible_454f901160"};!function(e){const i="s_id-21f61936150a_4_5_22";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+i))return;const l=document.createElement("style");l.id=i,n.firstChild?n.insertBefore(l,n.firstChild):n.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[i]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.scrollableContainer_91b48d7ff2::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer_91b48d7ff2::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.virtualizedTooltipContainer_de3c72abe1 {\n  align-items: flex-start !important;\n  display: flex;\n  overflow-y: hidden;\n  overflow-x: visible;\n}\n.virtualizedTooltipContainer_de3c72abe1:focus, .virtualizedTooltipContainer_de3c72abe1:focus-visible, .virtualizedTooltipContainer_de3c72abe1.focus-visible_454f901160 { /* stylelint-disable-line selector-class-pattern */\n  outline: none;\n}");export{e as default};
 //# sourceMappingURL=AvatarGroupCounterTooltipContentVirtualizedList.module.scss.js.map

package/dist/src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbContent/BreadcrumbContent.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={breadcrumbContent:"breadcrumbContent_6903ed28a2",withoutText:"withoutText_97ce5a5ed4",breadcrumbText:"breadcrumbText_25b0cf2b8f",breadcrumbIcon:"breadcrumbIcon_035a5587f6",clickable:"clickable_aba5e41771",current:"current_6f110cae14",disabled:"disabled_5386953701",notClickable:"notClickable_8ff387e879"};!function(e){const n="s_id-6512392a70ad_4_5_21";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/* stylelint-disable selector-class-pattern */\n.breadcrumbContent_6903ed28a2 {\n  font: var(--font-text2-normal);\n  color: var(--secondary-text-color);\n  display: inline-flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  padding: 0 2px;\n  overflow: hidden;\n  text-decoration: none;\n}\n.breadcrumbContent_6903ed28a2.withoutText_97ce5a5ed4 {\n  padding: 4px;\n}\na.breadcrumbContent_6903ed28a2:hover {\n  color: var(--secondary-text-color);\n  text-decoration: none;\n}\n.breadcrumbContent_6903ed28a2 .breadcrumbText_25b0cf2b8f {\n  color: inherit;\n  margin: 0 4px;\n  line-height: 22px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.breadcrumbContent_6903ed28a2 .breadcrumbIcon_035a5587f6 {\n  height: 14px;\n  width: 14px;\n  flex-shrink: 0;\n}\n.breadcrumbContent_6903ed28a2:focus {\n  outline: none;\n}\n.breadcrumbContent_6903ed28a2.clickable_aba5e41771 {\n  cursor: pointer;\n}\n.breadcrumbContent_6903ed28a2.clickable_aba5e41771:hover,\n.breadcrumbContent_6903ed28a2:focus-within {\n  background-color: var(--primary-background-hover-color);\n  border-radius: 4px;\n}\n.breadcrumbContent_6903ed28a2.current_6f110cae14 {\n  color: var(--primary-text-color);\n  font-weight: 500;\n}\n.breadcrumbContent_6903ed28a2.disabled_5386953701 {\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.breadcrumbContent_6903ed28a2.disabled_5386953701:hover {\n  background-color: transparent;\n}\n.breadcrumbContent_6903ed28a2.notClickable_8ff387e879 {\n  pointer-events: none;\n}");export{e as default};
+var e={breadcrumbContent:"breadcrumbContent_d0aeca8b53",withoutText:"withoutText_18df41e2f4",breadcrumbText:"breadcrumbText_a84249a6fb",breadcrumbIcon:"breadcrumbIcon_4c08cde907",clickable:"clickable_fb961de26f",current:"current_2ed6812195",disabled:"disabled_7a9396f2d2",notClickable:"notClickable_80b6f21362"};!function(e){const n="s_id-6512392a70ad_4_5_22";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/* stylelint-disable selector-class-pattern */\n.breadcrumbContent_d0aeca8b53 {\n  font: var(--font-text2-normal);\n  color: var(--secondary-text-color);\n  display: inline-flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  padding: 0 2px;\n  overflow: hidden;\n  text-decoration: none;\n}\n.breadcrumbContent_d0aeca8b53.withoutText_18df41e2f4 {\n  padding: 4px;\n}\na.breadcrumbContent_d0aeca8b53:hover {\n  color: var(--secondary-text-color);\n  text-decoration: none;\n}\n.breadcrumbContent_d0aeca8b53 .breadcrumbText_a84249a6fb {\n  color: inherit;\n  margin: 0 4px;\n  line-height: 22px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.breadcrumbContent_d0aeca8b53 .breadcrumbIcon_4c08cde907 {\n  height: 14px;\n  width: 14px;\n  flex-shrink: 0;\n}\n.breadcrumbContent_d0aeca8b53:focus {\n  outline: none;\n}\n.breadcrumbContent_d0aeca8b53.clickable_fb961de26f {\n  cursor: pointer;\n}\n.breadcrumbContent_d0aeca8b53.clickable_fb961de26f:hover,\n.breadcrumbContent_d0aeca8b53:focus-within {\n  background-color: var(--primary-background-hover-color);\n  border-radius: 4px;\n}\n.breadcrumbContent_d0aeca8b53.current_2ed6812195 {\n  color: var(--primary-text-color);\n  font-weight: 500;\n}\n.breadcrumbContent_d0aeca8b53.disabled_7a9396f2d2 {\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.breadcrumbContent_d0aeca8b53.disabled_7a9396f2d2:hover {\n  background-color: transparent;\n}\n.breadcrumbContent_d0aeca8b53.notClickable_80b6f21362 {\n  pointer-events: none;\n}");export{e as default};
 //# sourceMappingURL=BreadcrumbContent.module.scss.js.map

package/dist/src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbItem.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={breadcrumbItemWrapper:"breadcrumbItemWrapper_634e51ddf9",disabled:"disabled_52eaad9fb6"};!function(e){const d="s_id-03f482333e23_4_5_21";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+d))return;const n=document.createElement("style");n.id=d,t.firstChild?t.insertBefore(n,t.firstChild):t.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}(".breadcrumbItemWrapper_634e51ddf9 {\n  display: inline-flex;\n  overflow: hidden;\n  list-style-type: none;\n  cursor: default;\n}\n\n.breadcrumbItemWrapper_634e51ddf9.disabled_52eaad9fb6 {\n  cursor: not-allowed;\n}");export{e as default};
+var e={breadcrumbItemWrapper:"breadcrumbItemWrapper_9c34b9e0e8",disabled:"disabled_f3bbe0ff13"};!function(e){const t="s_id-03f482333e23_4_5_22";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,d.firstChild?d.insertBefore(n,d.firstChild):d.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".breadcrumbItemWrapper_9c34b9e0e8 {\n  display: inline-flex;\n  overflow: hidden;\n  list-style-type: none;\n  cursor: default;\n}\n\n.breadcrumbItemWrapper_9c34b9e0e8.disabled_f3bbe0ff13 {\n  cursor: not-allowed;\n}");export{e as default};
 //# sourceMappingURL=BreadcrumbItem.module.scss.js.map

package/dist/src/components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbsMenu.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={breadcrumbMenuWrapper:"breadcrumbMenuWrapper_634e51ddf9"};!function(e){const n="s_id-fc5ae89c4b65_4_5_21";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,d.firstChild?d.insertBefore(t,d.firstChild):d.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".breadcrumbMenuWrapper_634e51ddf9 {\n  display: inline-flex;\n  overflow: hidden;\n  list-style-type: none;\n  cursor: default;\n}");export{e as default};
+var e={breadcrumbMenuWrapper:"breadcrumbMenuWrapper_9c34b9e0e8"};!function(e){const n="s_id-fc5ae89c4b65_4_5_22";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".breadcrumbMenuWrapper_9c34b9e0e8 {\n  display: inline-flex;\n  overflow: hidden;\n  list-style-type: none;\n  cursor: default;\n}");export{e as default};
 //# sourceMappingURL=BreadcrumbsMenu.module.scss.js.map

package/dist/src/components/BreadcrumbsBar/BreadcrumbsBar.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={breadcrumbsBar:"breadcrumbsBar_ba1c3c7d0b",separatorIcon:"separatorIcon_68d46bc629"};!function(e){const n="s_id-24567fd55d40_4_5_21";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".breadcrumbsBar_ba1c3c7d0b ol {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  white-space: nowrap;\n}\n\n.breadcrumbsBar_ba1c3c7d0b ol .separatorIcon_68d46bc629 {\n  color: var(--secondary-text-color);\n  flex-shrink: 0;\n}");export{e as default};
+var e={breadcrumbsBar:"breadcrumbsBar_6b5ecc580d",separatorIcon:"separatorIcon_2ce89f039c"};!function(e){const n="s_id-24567fd55d40_4_5_22";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const c=document.createElement("style");c.id=n,r.firstChild?r.insertBefore(c,r.firstChild):r.appendChild(c),c.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".breadcrumbsBar_6b5ecc580d ol {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  white-space: nowrap;\n}\n\n.breadcrumbsBar_6b5ecc580d ol .separatorIcon_2ce89f039c {\n  color: var(--secondary-text-color);\n  flex-shrink: 0;\n}");export{e as default};
 //# sourceMappingURL=BreadcrumbsBar.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var o={combobox:"combobox_e41e487525",stickyCategory:"stickyCategory_fc1d7351c7",comboboxCategory:"comboboxCategory_588fd50c65",sizeSmall:"sizeSmall_ae06cc02ba",sizeMedium:"sizeMedium_11c6928ea6",sizeLarge:"sizeLarge_ae06cc02ba",empty:"empty_002625897b",comboboxSearchWrapper:"comboboxSearchWrapper_b7218945d9",comboboxNoResults:"comboboxNoResults_b08147d0c7",comboboxMessageWrapper:"comboboxMessageWrapper_018660e608",comboboxMessage:"comboboxMessage_3d64a015d4",addNewButton:"addNewButton_d0c2ac7bc2",buttonLabel:"buttonLabel_3d64a015d4",comboboxList:"comboboxList_e4e9ab1358"};!function(o){const e="s_id-5bf292a5a8b0_4_5_21";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=o)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n.combobox_e41e487525 {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  margin-bottom: var(--space-8);\n}\n.combobox_e41e487525.stickyCategory_fc1d7351c7 .comboboxCategory_588fd50c65 {\n  z-index: 10;\n  background-color: var(--secondary-background-color);\n}\n/* Relative to Search height */\n.combobox_e41e487525.stickyCategory_fc1d7351c7.sizeSmall_ae06cc02ba .comboboxCategory_588fd50c65 {\n  top: 32px;\n}\n.combobox_e41e487525.stickyCategory_fc1d7351c7.sizeMedium_11c6928ea6 .comboboxCategory_588fd50c65 {\n  top: 40px;\n}\n.combobox_e41e487525.stickyCategory_fc1d7351c7.sizeLarge_ae06cc02ba .comboboxCategory_588fd50c65 {\n  top: 48px;\n}\n.combobox_e41e487525.empty_002625897b {\n  max-height: 200px;\n  margin-bottom: 0;\n}\n.comboboxSearchWrapper_b7218945d9 {\n  position: sticky;\n  top: 0;\n  z-index: 12;\n}\n.comboboxNoResults_b08147d0c7 {\n  margin-top: var(--space-8);\n  flex: 1 1 auto;\n  height: calc(100% - 20px);\n  overflow: hidden;\n  position: relative;\n  padding: 0 16px;\n  display: flex;\n  flex-direction: column;\n}\n.comboboxNoResults_b08147d0c7 .comboboxMessageWrapper_018660e608 {\n  flex: 1 0 auto;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.comboboxNoResults_b08147d0c7 .comboboxMessageWrapper_018660e608 .comboboxMessage_3d64a015d4 {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.comboboxNoResults_b08147d0c7 .addNewButton_d0c2ac7bc2 {\n  flex: 0 0 auto;\n  width: 100% !important;\n  margin-bottom: 8px;\n}\n.comboboxNoResults_b08147d0c7 .addNewButton_d0c2ac7bc2 .buttonLabel_3d64a015d4 {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.comboboxList_e4e9ab1358 {\n  display: flex;\n  flex-direction: column;\n  flex: 1 1 auto;\n  padding: 0 4px;\n  overflow: hidden;\n}");export{o as default};
+var o={combobox:"combobox_e5faf24af0",stickyCategory:"stickyCategory_17c05453da",comboboxCategory:"comboboxCategory_a5d6d59df3",sizeSmall:"sizeSmall_ec699d8a06",sizeMedium:"sizeMedium_8079e7df84",sizeLarge:"sizeLarge_ec699d8a06",empty:"empty_b6ecd8a544",comboboxSearchWrapper:"comboboxSearchWrapper_14d9b2666f",comboboxNoResults:"comboboxNoResults_525d25822a",comboboxMessageWrapper:"comboboxMessageWrapper_d4e081aaf2",comboboxMessage:"comboboxMessage_4e2df1f254",addNewButton:"addNewButton_02327d9582",buttonLabel:"buttonLabel_4e2df1f254",comboboxList:"comboboxList_ada468d126"};!function(o){const e="s_id-5bf292a5a8b0_4_5_22";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+e))return;const n=document.createElement("style");n.id=e,a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=o)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n.combobox_e5faf24af0 {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  margin-bottom: var(--space-8);\n}\n.combobox_e5faf24af0.stickyCategory_17c05453da .comboboxCategory_a5d6d59df3 {\n  z-index: 10;\n  background-color: var(--secondary-background-color);\n}\n/* Relative to Search height */\n.combobox_e5faf24af0.stickyCategory_17c05453da.sizeSmall_ec699d8a06 .comboboxCategory_a5d6d59df3 {\n  top: 32px;\n}\n.combobox_e5faf24af0.stickyCategory_17c05453da.sizeMedium_8079e7df84 .comboboxCategory_a5d6d59df3 {\n  top: 40px;\n}\n.combobox_e5faf24af0.stickyCategory_17c05453da.sizeLarge_ec699d8a06 .comboboxCategory_a5d6d59df3 {\n  top: 48px;\n}\n.combobox_e5faf24af0.empty_b6ecd8a544 {\n  max-height: 200px;\n  margin-bottom: 0;\n}\n.comboboxSearchWrapper_14d9b2666f {\n  position: sticky;\n  top: 0;\n  z-index: 12;\n}\n.comboboxNoResults_525d25822a {\n  margin-top: var(--space-8);\n  flex: 1 1 auto;\n  height: calc(100% - 20px);\n  overflow: hidden;\n  position: relative;\n  padding: 0 16px;\n  display: flex;\n  flex-direction: column;\n}\n.comboboxNoResults_525d25822a .comboboxMessageWrapper_d4e081aaf2 {\n  flex: 1 0 auto;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.comboboxNoResults_525d25822a .comboboxMessageWrapper_d4e081aaf2 .comboboxMessage_4e2df1f254 {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.comboboxNoResults_525d25822a .addNewButton_02327d9582 {\n  flex: 0 0 auto;\n  width: 100% !important;\n  margin-bottom: 8px;\n}\n.comboboxNoResults_525d25822a .addNewButton_02327d9582 .buttonLabel_4e2df1f254 {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.comboboxList_ada468d126 {\n  display: flex;\n  flex-direction: column;\n  flex: 1 1 auto;\n  padding: 0 4px;\n  overflow: hidden;\n}");export{o as default};
 //# sourceMappingURL=Combobox.module.scss.js.map

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

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

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

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

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

@@ -1,2 +1,2 @@
-var t={scrollableContainer:"scrollableContainer_4b86411712",optionsContainer:"optionsContainer_6aca0c67df",categoryWithOptions:"categoryWithOptions_d2b07821ef",firstCategory:"firstCategory_2350e68a67",categoryWithoutOptions:"categoryWithoutOptions_315649bcaa"};!function(t){const e="s_id-9dc0ac18aa3d_4_5_21";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}("/* stylelint-disable */\n/* stylelint-enable */\n.scrollableContainer_4b86411712::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer_4b86411712::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.optionsContainer_6aca0c67df {\n  overflow-x: visible;\n  overflow-y: auto;\n  margin-top: var(--space-8);\n}\n.categoryWithOptions_d2b07821ef.firstCategory_2350e68a67,\n.categoryWithoutOptions_315649bcaa.firstCategory_2350e68a67 {\n  padding-top: 0;\n}\n.categoryWithOptions_d2b07821ef {\n  margin-bottom: var(--space-4);\n}\n.categoryWithoutOptions_315649bcaa {\n  margin-bottom: 0;\n}");export{t as default};
+var t={scrollableContainer:"scrollableContainer_91b48d7ff2",optionsContainer:"optionsContainer_1785ef01f9",categoryWithOptions:"categoryWithOptions_b04c6fb0de",firstCategory:"firstCategory_2f25acd3d0",categoryWithoutOptions:"categoryWithoutOptions_f0ad82d4d5"};!function(t){const e="s_id-9dc0ac18aa3d_4_5_22";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}("/* stylelint-disable */\n/* stylelint-enable */\n.scrollableContainer_91b48d7ff2::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer_91b48d7ff2::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.optionsContainer_1785ef01f9 {\n  overflow-x: visible;\n  overflow-y: auto;\n  margin-top: var(--space-8);\n}\n.categoryWithOptions_b04c6fb0de.firstCategory_2f25acd3d0,\n.categoryWithoutOptions_f0ad82d4d5.firstCategory_2f25acd3d0 {\n  padding-top: 0;\n}\n.categoryWithOptions_b04c6fb0de {\n  margin-bottom: var(--space-4);\n}\n.categoryWithoutOptions_f0ad82d4d5 {\n  margin-bottom: 0;\n}");export{t as default};
 //# sourceMappingURL=ComboboxItems.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={comboboxOption:"comboboxOption_69862725ec",disabled:"disabled_d70a7332c2",selected:"selected_b27d8e701e",active:"active_f84a738ebf",activeOutline:"activeOutline_f7ea0d67e8",optionLabel:"optionLabel_b8f77b31ba",optionIcon:"optionIcon_0c9a6f813f",left:"left_43a9092a84"};!function(e){const o="s_id-3db504899945_4_5_21";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+o))return;const t=document.createElement("style");t.id=o,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n.comboboxOption_69862725ec {\n  padding: 8px;\n  width: 100%;\n  border-radius: 4px;\n  display: flex;\n  align-items: center;\n  overflow: hidden;\n  cursor: pointer;\n  user-select: none;\n}\n.comboboxOption_69862725ec.disabled_d70a7332c2 {\n  cursor: not-allowed;\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n.comboboxOption_69862725ec.disabled_d70a7332c2:hover {\n  background-color: transparent;\n}\n.comboboxOption_69862725ec.selected_b27d8e701e {\n  background-color: var(--primary-selected-color);\n}\n.comboboxOption_69862725ec:hover:not(.disabled_d70a7332c2):not(.selected_b27d8e701e),\n.comboboxOption_69862725ec.active_f84a738ebf {\n  color: var(--primary-text-color);\n  background-color: var(--primary-background-hover-color);\n  position: relative;\n}\n.comboboxOption_69862725ec.activeOutline_f7ea0d67e8 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5) inset, 0 0 0 1px var(--primary-hover-color) inset;\n  background-color: var(--secondary-background-color);\n}\n.comboboxOption_69862725ec .optionLabel_b8f77b31ba {\n  flex: 1 1 auto;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.comboboxOption_69862725ec .optionIcon_0c9a6f813f {\n  flex: 0 0 auto;\n}\n.comboboxOption_69862725ec .optionIcon_0c9a6f813f.left_43a9092a84 {\n  margin-inline-end: 4px;\n}");export{e as default};
+var e={comboboxOption:"comboboxOption_9420ec751e",disabled:"disabled_a5ddb8b755",selected:"selected_bcf53eff68",active:"active_5a21200494",activeOutline:"activeOutline_bd04d07e1d",optionLabel:"optionLabel_4736966d8d",optionIcon:"optionIcon_0d5cdaa862",left:"left_f291626eec"};!function(e){const o="s_id-3db504899945_4_5_22";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+o))return;const t=document.createElement("style");t.id=o,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n.comboboxOption_9420ec751e {\n  padding: 8px;\n  width: 100%;\n  border-radius: 4px;\n  display: flex;\n  align-items: center;\n  overflow: hidden;\n  cursor: pointer;\n  user-select: none;\n}\n.comboboxOption_9420ec751e.disabled_a5ddb8b755 {\n  cursor: not-allowed;\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n.comboboxOption_9420ec751e.disabled_a5ddb8b755:hover {\n  background-color: transparent;\n}\n.comboboxOption_9420ec751e.selected_bcf53eff68 {\n  background-color: var(--primary-selected-color);\n}\n.comboboxOption_9420ec751e:hover:not(.disabled_a5ddb8b755):not(.selected_bcf53eff68),\n.comboboxOption_9420ec751e.active_5a21200494 {\n  color: var(--primary-text-color);\n  background-color: var(--primary-background-hover-color);\n  position: relative;\n}\n.comboboxOption_9420ec751e.activeOutline_bd04d07e1d {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5) inset, 0 0 0 1px var(--primary-hover-color) inset;\n  background-color: var(--secondary-background-color);\n}\n.comboboxOption_9420ec751e .optionLabel_4736966d8d {\n  flex: 1 1 auto;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.comboboxOption_9420ec751e .optionIcon_0d5cdaa862 {\n  flex: 0 0 auto;\n}\n.comboboxOption_9420ec751e .optionIcon_0d5cdaa862.left_f291626eec {\n  margin-inline-end: 4px;\n}");export{e as default};
 //# sourceMappingURL=ComboboxOption.module.scss.js.map

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

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

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

@@ -1,2 +1,2 @@
-var e={datePicker:"datePicker_b664951544",datePickerMonths:"datePickerMonths_302dd31461",withWeekNumber:"withWeekNumber_5f0957127c",datePickerHead:"datePickerHead_44670f9dbb",datePickerBody:"datePickerBody_44670f9dbb",datePickerTable:"datePickerTable_9c8a5dfb6d",datePickerDay:"datePickerDay_e4a06c93a5",datePickerDayContent:"datePickerDayContent_f42753f041",datePickerDayDisabled:"datePickerDayDisabled_c0491dc5dd",datePickerAddToRangeStart:"datePickerAddToRangeStart_2853d8857f",datePickerAddToRangeEnd:"datePickerAddToRangeEnd_fd9fe1a32b",datePickerAddToRangeMiddle:"datePickerAddToRangeMiddle_64506dee04",datePickerDayRangeStart:"datePickerDayRangeStart_67cf803fef",datePickerDayRangeEnd:"datePickerDayRangeEnd_f33dc43dd3",datePickerDayOutside:"datePickerDayOutside_c4779e6f70",datePickerDaySelected:"datePickerDaySelected_f33dc43dd3",datePickerDayRangeMiddle:"datePickerDayRangeMiddle_f2e6e01d2f",datePickerRemoveFromRange:"datePickerRemoveFromRange_fa38344748",datePickerHalfRangeSelected:"datePickerHalfRangeSelected_c46029f2a6"};!function(e){const a="s_id-601bce29f4a5_4_5_21";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_b664951544 {\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_b664951544 .datePickerMonths_302dd31461 {\n  display: flex;\n  flex-direction: row;\n  gap: var(--space-16);\n  align-items: flex-start;\n}\n.datePicker_b664951544.withWeekNumber_5f0957127c {\n  --day-picker-days-horizontal-gap: 2px;\n  width: 284px;\n  margin: 0;\n}\n.datePicker_b664951544.withWeekNumber_5f0957127c .datePickerHead_44670f9dbb td:first-child {\n  width: var(--day-picker-day-width);\n  border-start-start-radius: var(--border-radius-medium);\n  border-start-end-radius: var(--border-radius-medium);\n  background-color: var(--primary-background-hover-color);\n}\n.datePicker_b664951544.withWeekNumber_5f0957127c .datePickerHead_44670f9dbb 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_b664951544.withWeekNumber_5f0957127c .datePickerBody_44670f9dbb td:first-child {\n  background-color: var(--primary-background-hover-color);\n}\n.datePicker_b664951544.withWeekNumber_5f0957127c .datePickerBody_44670f9dbb tr:last-child td:first-child {\n  border-end-start-radius: var(--border-radius-medium);\n  border-end-end-radius: var(--border-radius-medium);\n}\n.datePicker_b664951544 .datePickerTable_9c8a5dfb6d {\n  margin-top: var(--space-8);\n  border-collapse: collapse;\n  height: var(--day-picker-content-height);\n}\n.datePicker_b664951544 .datePickerHead_44670f9dbb 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_b664951544 .datePickerBody_44670f9dbb td {\n  color: var(--secondary-text-color);\n  font: var(--font-text2-normal);\n  text-align: center;\n  padding: 0;\n}\n.datePicker_b664951544 .datePickerBody_44670f9dbb .datePickerDay_e4a06c93a5 {\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_b664951544 .datePickerBody_44670f9dbb .datePickerDay_e4a06c93a5 .datePickerDayContent_f42753f041 {\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_b664951544 .datePickerBody_44670f9dbb .datePickerDay_e4a06c93a5:focus-visible {\n  outline: none;\n}\n.datePicker_b664951544 .datePickerBody_44670f9dbb .datePickerDay_e4a06c93a5:focus-visible .datePickerDayContent_f42753f041 {\n  outline: 2px solid var(--primary-color);\n}\n.datePicker_b664951544 .datePickerBody_44670f9dbb .datePickerDay_e4a06c93a5.datePickerDayDisabled_c0491dc5dd {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n.datePicker_b664951544 .datePickerBody_44670f9dbb .datePickerDay_e4a06c93a5:not(.datePickerDayDisabled_c0491dc5dd):not(.datePickerAddToRangeStart_2853d8857f):not(.datePickerAddToRangeEnd_fd9fe1a32b):not(.datePickerAddToRangeMiddle_64506dee04):not(.datePickerDayRangeStart_67cf803fef):not(.datePickerDayRangeEnd_f33dc43dd3) .datePickerDayContent_f42753f041:hover {\n  background: var(--primary-background-hover-color);\n}\n.datePicker_b664951544 .datePickerBody_44670f9dbb .datePickerDay_e4a06c93a5.datePickerDayOutside_c4779e6f70 {\n  color: var(--disabled-text-color);\n}\n.datePicker_b664951544 .datePickerBody_44670f9dbb .datePickerDay_e4a06c93a5.datePickerDaySelected_f33dc43dd3:not(.datePickerDayRangeMiddle_f2e6e01d2f):not(.datePickerRemoveFromRange_fa38344748) {\n  background: var(--primary-color);\n  color: var(--text-color-on-primary);\n}\n.datePicker_b664951544 .datePickerBody_44670f9dbb .datePickerDay_e4a06c93a5.datePickerDayRangeStart_67cf803fef:not(.datePickerDayRangeEnd_f33dc43dd3):not(.datePickerRemoveFromRange_fa38344748), .datePicker_b664951544 .datePickerBody_44670f9dbb .datePickerDay_e4a06c93a5.datePickerDayRangeEnd_f33dc43dd3:not(.datePickerDayRangeStart_67cf803fef):not(.datePickerRemoveFromRange_fa38344748) {\n  background: var(--primary-color);\n  width: calc(var(--day-picker-day-width) + var(--day-picker-days-horizontal-gap));\n}\n.datePicker_b664951544 .datePickerBody_44670f9dbb .datePickerDay_e4a06c93a5.datePickerDayRangeStart_67cf803fef.datePickerRemoveFromRange_fa38344748, .datePicker_b664951544 .datePickerBody_44670f9dbb .datePickerDay_e4a06c93a5.datePickerDayRangeEnd_f33dc43dd3.datePickerRemoveFromRange_fa38344748 {\n  background: var(--primary-color);\n  color: var(--text-color-on-primary);\n}\n.datePicker_b664951544 .datePickerBody_44670f9dbb .datePickerDay_e4a06c93a5.datePickerDayRangeStart_67cf803fef.datePickerRemoveFromRange_fa38344748:not(.datePickerDayRangeEnd_f33dc43dd3), .datePicker_b664951544 .datePickerBody_44670f9dbb .datePickerDay_e4a06c93a5.datePickerDayRangeEnd_f33dc43dd3.datePickerRemoveFromRange_fa38344748:not(.datePickerDayRangeStart_67cf803fef) {\n  width: calc(var(--day-picker-day-width) + var(--day-picker-days-horizontal-gap));\n}\n.datePicker_b664951544 .datePickerBody_44670f9dbb .datePickerDay_e4a06c93a5.datePickerAddToRangeStart_2853d8857f, .datePicker_b664951544 .datePickerBody_44670f9dbb .datePickerDay_e4a06c93a5.datePickerDayRangeStart_67cf803fef:not(.datePickerDayRangeEnd_f33dc43dd3) {\n  margin-inline-end: 0;\n  border-start-end-radius: 0;\n  border-end-end-radius: 0;\n}\n.datePicker_b664951544 .datePickerBody_44670f9dbb .datePickerDay_e4a06c93a5.datePickerAddToRangeEnd_fd9fe1a32b, .datePicker_b664951544 .datePickerBody_44670f9dbb .datePickerDay_e4a06c93a5.datePickerDayRangeEnd_f33dc43dd3:not(.datePickerDayRangeStart_67cf803fef) {\n  margin-inline-start: 0;\n  border-start-start-radius: 0;\n  border-end-start-radius: 0;\n}\n.datePicker_b664951544 .datePickerBody_44670f9dbb .datePickerDay_e4a06c93a5.datePickerAddToRangeStart_2853d8857f, .datePicker_b664951544 .datePickerBody_44670f9dbb .datePickerDay_e4a06c93a5.datePickerAddToRangeEnd_fd9fe1a32b, .datePicker_b664951544 .datePickerBody_44670f9dbb .datePickerDay_e4a06c93a5.datePickerAddToRangeMiddle_64506dee04 {\n  margin: var(--day-picker-days-vertical-gap) 0;\n}\n.datePicker_b664951544 .datePickerBody_44670f9dbb .datePickerDay_e4a06c93a5.datePickerAddToRangeStart_2853d8857f:not(.datePickerDayRangeStart_67cf803fef):not(.datePickerDayRangeEnd_f33dc43dd3), .datePicker_b664951544 .datePickerBody_44670f9dbb .datePickerDay_e4a06c93a5.datePickerAddToRangeEnd_fd9fe1a32b:not(.datePickerDayRangeStart_67cf803fef):not(.datePickerDayRangeEnd_f33dc43dd3), .datePicker_b664951544 .datePickerBody_44670f9dbb .datePickerDay_e4a06c93a5.datePickerAddToRangeMiddle_64506dee04, .datePicker_b664951544 .datePickerBody_44670f9dbb .datePickerDay_e4a06c93a5.datePickerDayRangeMiddle_f2e6e01d2f:not(.datePickerAddToRangeStart_2853d8857f):not(.datePickerAddToRangeEnd_fd9fe1a32b) {\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_b664951544 .datePickerBody_44670f9dbb .datePickerDay_e4a06c93a5.datePickerAddToRangeMiddle_64506dee04, .datePicker_b664951544 .datePickerBody_44670f9dbb .datePickerDay_e4a06c93a5.datePickerDayRangeMiddle_f2e6e01d2f:not(.datePickerAddToRangeStart_2853d8857f):not(.datePickerAddToRangeEnd_fd9fe1a32b) {\n  background: var(--primary-selected-color);\n  margin: var(--day-picker-days-vertical-gap) 0;\n  border-radius: 0;\n}\n.datePicker_b664951544 .datePickerBody_44670f9dbb .datePickerDay_e4a06c93a5.datePickerRemoveFromRange_fa38344748:not(.datePickerDayRangeStart_67cf803fef):not(.datePickerDayRangeEnd_f33dc43dd3), .datePicker_b664951544 .datePickerBody_44670f9dbb .datePickerDay_e4a06c93a5.datePickerAddToRangeStart_2853d8857f:not(.datePickerDayRangeMiddle_f2e6e01d2f):not(.datePickerDayRangeEnd_f33dc43dd3), .datePicker_b664951544 .datePickerBody_44670f9dbb .datePickerDay_e4a06c93a5.datePickerAddToRangeEnd_fd9fe1a32b:not(.datePickerDayRangeMiddle_f2e6e01d2f):not(.datePickerDayRangeStart_67cf803fef), .datePicker_b664951544 .datePickerBody_44670f9dbb .datePickerDay_e4a06c93a5.datePickerAddToRangeMiddle_64506dee04 {\n  background: var(--day-picker-day-change-range);\n  border-color: var(--day-picker-day-change-range);\n}\n.datePicker_b664951544 .datePickerBody_44670f9dbb tr td:first-child .datePickerDay_e4a06c93a5.datePickerDayRangeMiddle_f2e6e01d2f, .datePicker_b664951544 .datePickerBody_44670f9dbb tr td:first-child .datePickerDay_e4a06c93a5.datePickerAddToRangeStart_2853d8857f:not(.datePickerDayRangeStart_67cf803fef):not(.datePickerDayRangeEnd_f33dc43dd3), .datePicker_b664951544 .datePickerBody_44670f9dbb tr td:first-child .datePickerDay_e4a06c93a5.datePickerAddToRangeMiddle_64506dee04, .datePicker_b664951544 .datePickerBody_44670f9dbb tr td:first-child .datePickerDay_e4a06c93a5.datePickerAddToRangeEnd_fd9fe1a32b:not(.datePickerDayRangeStart_67cf803fef):not(.datePickerDayRangeEnd_f33dc43dd3) {\n  border: none;\n  width: calc(var(--day-picker-day-width) + var(--day-picker-days-horizontal-gap));\n  margin-inline-start: var(--day-picker-days-horizontal-gap);\n  border-inline-end: var(--day-picker-days-horizontal-gap) solid var(--primary-selected-color);\n  border-start-start-radius: var(--border-radius-small);\n  border-end-start-radius: var(--border-radius-small);\n}\n.datePicker_b664951544 .datePickerBody_44670f9dbb tr td:first-child .datePickerDay_e4a06c93a5.datePickerRemoveFromRange_fa38344748 {\n  border-color: var(--day-picker-day-change-range);\n}\n.datePicker_b664951544 .datePickerBody_44670f9dbb tr td:first-child .datePickerDay_e4a06c93a5.datePickerAddToRangeEnd_fd9fe1a32b, .datePicker_b664951544 .datePickerBody_44670f9dbb tr td:first-child .datePickerDay_e4a06c93a5.datePickerDayRangeEnd_f33dc43dd3:not(.datePickerDayRangeStart_67cf803fef) {\n  margin-inline-end: 0;\n}\n.datePicker_b664951544 .datePickerBody_44670f9dbb tr td:last-child .datePickerDay_e4a06c93a5.datePickerDayRangeMiddle_f2e6e01d2f, .datePicker_b664951544 .datePickerBody_44670f9dbb tr td:last-child .datePickerDay_e4a06c93a5.datePickerAddToRangeStart_2853d8857f:not(.datePickerDayRangeStart_67cf803fef):not(.datePickerDayRangeEnd_f33dc43dd3), .datePicker_b664951544 .datePickerBody_44670f9dbb tr td:last-child .datePickerDay_e4a06c93a5.datePickerAddToRangeMiddle_64506dee04, .datePicker_b664951544 .datePickerBody_44670f9dbb tr td:last-child .datePickerDay_e4a06c93a5.datePickerAddToRangeEnd_fd9fe1a32b:not(.datePickerDayRangeStart_67cf803fef):not(.datePickerDayRangeEnd_f33dc43dd3) {\n  border: none;\n  width: calc(var(--day-picker-day-width) + var(--day-picker-days-horizontal-gap));\n  margin-inline-end: var(--day-picker-days-horizontal-gap);\n  border-inline-start: var(--day-picker-days-horizontal-gap) solid var(--primary-selected-color);\n  border-start-end-radius: var(--border-radius-small);\n  border-end-end-radius: var(--border-radius-small);\n}\n.datePicker_b664951544 .datePickerBody_44670f9dbb tr td:last-child .datePickerDay_e4a06c93a5.datePickerRemoveFromRange_fa38344748 {\n  border-color: var(--day-picker-day-change-range);\n}\n.datePicker_b664951544 .datePickerBody_44670f9dbb tr td:last-child .datePickerDay_e4a06c93a5.datePickerAddToRangeStart_2853d8857f, .datePicker_b664951544 .datePickerBody_44670f9dbb tr td:last-child .datePickerDay_e4a06c93a5.datePickerDayRangeStart_67cf803fef:not(.datePickerDayRangeEnd_f33dc43dd3) {\n  margin-inline-start: 0;\n}\n.datePicker_b664951544 .datePickerBody_44670f9dbb tr td:first-child .datePickerDay_e4a06c93a5.datePickerAddToRangeStart_2853d8857f:not(.datePickerDayRangeMiddle_f2e6e01d2f), .datePicker_b664951544 .datePickerBody_44670f9dbb tr td:first-child .datePickerDay_e4a06c93a5.datePickerAddToRangeMiddle_64506dee04, .datePicker_b664951544 .datePickerBody_44670f9dbb tr td:first-child .datePickerDay_e4a06c93a5.datePickerAddToRangeEnd_fd9fe1a32b:not(.datePickerDayRangeMiddle_f2e6e01d2f),\n.datePicker_b664951544 .datePickerBody_44670f9dbb tr td:last-child .datePickerDay_e4a06c93a5.datePickerAddToRangeStart_2853d8857f:not(.datePickerDayRangeMiddle_f2e6e01d2f),\n.datePicker_b664951544 .datePickerBody_44670f9dbb tr td:last-child .datePickerDay_e4a06c93a5.datePickerAddToRangeMiddle_64506dee04,\n.datePicker_b664951544 .datePickerBody_44670f9dbb tr td:last-child .datePickerDay_e4a06c93a5.datePickerAddToRangeEnd_fd9fe1a32b:not(.datePickerDayRangeMiddle_f2e6e01d2f) {\n  border-color: var(--day-picker-day-change-range);\n}\n.datePicker_b664951544 .datePickerBody_44670f9dbb tr td:first-child .datePickerDay_e4a06c93a5.datePickerDaySelected_f33dc43dd3.datePickerDayRangeEnd_f33dc43dd3.datePickerAddToRangeStart_2853d8857f,\n.datePicker_b664951544 .datePickerBody_44670f9dbb tr td:last-child .datePickerDay_e4a06c93a5.datePickerDaySelected_f33dc43dd3.datePickerDayRangeEnd_f33dc43dd3.datePickerAddToRangeStart_2853d8857f {\n  border-inline-start-width: 0;\n}\n.datePicker_b664951544 .datePickerBody_44670f9dbb tr td:first-child .datePickerDay_e4a06c93a5.datePickerDaySelected_f33dc43dd3.datePickerDayRangeStart_67cf803fef.datePickerAddToRangeEnd_fd9fe1a32b,\n.datePicker_b664951544 .datePickerBody_44670f9dbb tr td:last-child .datePickerDay_e4a06c93a5.datePickerDaySelected_f33dc43dd3.datePickerDayRangeStart_67cf803fef.datePickerAddToRangeEnd_fd9fe1a32b {\n  border-inline-end-width: 0;\n}\n.datePicker_b664951544 .datePickerBody_44670f9dbb .datePickerDaySelected_f33dc43dd3.datePickerDayRangeEnd_f33dc43dd3.datePickerAddToRangeStart_2853d8857f {\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_b664951544 .datePickerBody_44670f9dbb .datePickerDaySelected_f33dc43dd3.datePickerDayRangeEnd_f33dc43dd3.datePickerAddToRangeStart_2853d8857f:not(.datePickerHalfRangeSelected_c46029f2a6) {\n  margin-inline-start: calc(var(--day-picker-days-horizontal-gap) * -1);\n}\n.datePicker_b664951544 .datePickerBody_44670f9dbb .datePickerDaySelected_f33dc43dd3.datePickerDayRangeStart_67cf803fef.datePickerAddToRangeEnd_fd9fe1a32b {\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_b664951544 .datePickerBody_44670f9dbb .datePickerDaySelected_f33dc43dd3.datePickerDayRangeStart_67cf803fef.datePickerAddToRangeEnd_fd9fe1a32b:not(.datePickerHalfRangeSelected_c46029f2a6) {\n  margin-inline-end: calc(var(--day-picker-days-horizontal-gap) * -1);\n}');export{e as default};
+var e={datePicker:"datePicker_08b8f6bd92",datePickerMonths:"datePickerMonths_83fdcc0c77",withWeekNumber:"withWeekNumber_b5699461e2",datePickerHead:"datePickerHead_c4db5ace57",datePickerBody:"datePickerBody_c4db5ace57",datePickerTable:"datePickerTable_f5fc6b26d1",datePickerDay:"datePickerDay_2d7eed52be",datePickerDayContent:"datePickerDayContent_9474bc04d4",datePickerDayDisabled:"datePickerDayDisabled_cb40291d12",datePickerAddToRangeStart:"datePickerAddToRangeStart_6730bdac96",datePickerAddToRangeEnd:"datePickerAddToRangeEnd_692c09537c",datePickerAddToRangeMiddle:"datePickerAddToRangeMiddle_18e927c1c3",datePickerDayRangeStart:"datePickerDayRangeStart_dafd7a9583",datePickerDayRangeEnd:"datePickerDayRangeEnd_ee42146df8",datePickerDayOutside:"datePickerDayOutside_9a724a9f65",datePickerDaySelected:"datePickerDaySelected_ee42146df8",datePickerDayRangeMiddle:"datePickerDayRangeMiddle_63a9c4bc97",datePickerRemoveFromRange:"datePickerRemoveFromRange_1bf2bb5db3",datePickerHalfRangeSelected:"datePickerHalfRangeSelected_203ad8abb1"};!function(e){const d="s_id-601bce29f4a5_4_5_22";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+d))return;const r=document.createElement("style");r.id=d,a.firstChild?a.insertBefore(r,a.firstChild):a.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}('/* stylelint-disable */\n/* stylelint-enable */\n.datePicker_08b8f6bd92 {\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_08b8f6bd92 .datePickerMonths_83fdcc0c77 {\n  display: flex;\n  flex-direction: row;\n  gap: var(--space-16);\n  align-items: flex-start;\n}\n.datePicker_08b8f6bd92.withWeekNumber_b5699461e2 {\n  --day-picker-days-horizontal-gap: 2px;\n  width: 284px;\n  margin: 0;\n}\n.datePicker_08b8f6bd92.withWeekNumber_b5699461e2 .datePickerHead_c4db5ace57 td:first-child {\n  width: var(--day-picker-day-width);\n  border-start-start-radius: var(--border-radius-medium);\n  border-start-end-radius: var(--border-radius-medium);\n  background-color: var(--primary-background-hover-color);\n}\n.datePicker_08b8f6bd92.withWeekNumber_b5699461e2 .datePickerHead_c4db5ace57 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_08b8f6bd92.withWeekNumber_b5699461e2 .datePickerBody_c4db5ace57 td:first-child {\n  background-color: var(--primary-background-hover-color);\n}\n.datePicker_08b8f6bd92.withWeekNumber_b5699461e2 .datePickerBody_c4db5ace57 tr:last-child td:first-child {\n  border-end-start-radius: var(--border-radius-medium);\n  border-end-end-radius: var(--border-radius-medium);\n}\n.datePicker_08b8f6bd92 .datePickerTable_f5fc6b26d1 {\n  margin-top: var(--space-8);\n  border-collapse: collapse;\n  height: var(--day-picker-content-height);\n}\n.datePicker_08b8f6bd92 .datePickerHead_c4db5ace57 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_08b8f6bd92 .datePickerBody_c4db5ace57 td {\n  color: var(--secondary-text-color);\n  font: var(--font-text2-normal);\n  text-align: center;\n  padding: 0;\n}\n.datePicker_08b8f6bd92 .datePickerBody_c4db5ace57 .datePickerDay_2d7eed52be {\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_08b8f6bd92 .datePickerBody_c4db5ace57 .datePickerDay_2d7eed52be .datePickerDayContent_9474bc04d4 {\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_08b8f6bd92 .datePickerBody_c4db5ace57 .datePickerDay_2d7eed52be:focus-visible {\n  outline: none;\n}\n.datePicker_08b8f6bd92 .datePickerBody_c4db5ace57 .datePickerDay_2d7eed52be:focus-visible .datePickerDayContent_9474bc04d4 {\n  outline: 2px solid var(--primary-color);\n}\n.datePicker_08b8f6bd92 .datePickerBody_c4db5ace57 .datePickerDay_2d7eed52be.datePickerDayDisabled_cb40291d12 {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n.datePicker_08b8f6bd92 .datePickerBody_c4db5ace57 .datePickerDay_2d7eed52be:not(.datePickerDayDisabled_cb40291d12):not(.datePickerAddToRangeStart_6730bdac96):not(.datePickerAddToRangeEnd_692c09537c):not(.datePickerAddToRangeMiddle_18e927c1c3):not(.datePickerDayRangeStart_dafd7a9583):not(.datePickerDayRangeEnd_ee42146df8) .datePickerDayContent_9474bc04d4:hover {\n  background: var(--primary-background-hover-color);\n}\n.datePicker_08b8f6bd92 .datePickerBody_c4db5ace57 .datePickerDay_2d7eed52be.datePickerDayOutside_9a724a9f65 {\n  color: var(--disabled-text-color);\n}\n.datePicker_08b8f6bd92 .datePickerBody_c4db5ace57 .datePickerDay_2d7eed52be.datePickerDaySelected_ee42146df8:not(.datePickerDayRangeMiddle_63a9c4bc97):not(.datePickerRemoveFromRange_1bf2bb5db3) {\n  background: var(--primary-color);\n  color: var(--text-color-on-primary);\n}\n.datePicker_08b8f6bd92 .datePickerBody_c4db5ace57 .datePickerDay_2d7eed52be.datePickerDayRangeStart_dafd7a9583:not(.datePickerDayRangeEnd_ee42146df8):not(.datePickerRemoveFromRange_1bf2bb5db3), .datePicker_08b8f6bd92 .datePickerBody_c4db5ace57 .datePickerDay_2d7eed52be.datePickerDayRangeEnd_ee42146df8:not(.datePickerDayRangeStart_dafd7a9583):not(.datePickerRemoveFromRange_1bf2bb5db3) {\n  background: var(--primary-color);\n  width: calc(var(--day-picker-day-width) + var(--day-picker-days-horizontal-gap));\n}\n.datePicker_08b8f6bd92 .datePickerBody_c4db5ace57 .datePickerDay_2d7eed52be.datePickerDayRangeStart_dafd7a9583.datePickerRemoveFromRange_1bf2bb5db3, .datePicker_08b8f6bd92 .datePickerBody_c4db5ace57 .datePickerDay_2d7eed52be.datePickerDayRangeEnd_ee42146df8.datePickerRemoveFromRange_1bf2bb5db3 {\n  background: var(--primary-color);\n  color: var(--text-color-on-primary);\n}\n.datePicker_08b8f6bd92 .datePickerBody_c4db5ace57 .datePickerDay_2d7eed52be.datePickerDayRangeStart_dafd7a9583.datePickerRemoveFromRange_1bf2bb5db3:not(.datePickerDayRangeEnd_ee42146df8), .datePicker_08b8f6bd92 .datePickerBody_c4db5ace57 .datePickerDay_2d7eed52be.datePickerDayRangeEnd_ee42146df8.datePickerRemoveFromRange_1bf2bb5db3:not(.datePickerDayRangeStart_dafd7a9583) {\n  width: calc(var(--day-picker-day-width) + var(--day-picker-days-horizontal-gap));\n}\n.datePicker_08b8f6bd92 .datePickerBody_c4db5ace57 .datePickerDay_2d7eed52be.datePickerAddToRangeStart_6730bdac96, .datePicker_08b8f6bd92 .datePickerBody_c4db5ace57 .datePickerDay_2d7eed52be.datePickerDayRangeStart_dafd7a9583:not(.datePickerDayRangeEnd_ee42146df8) {\n  margin-inline-end: 0;\n  border-start-end-radius: 0;\n  border-end-end-radius: 0;\n}\n.datePicker_08b8f6bd92 .datePickerBody_c4db5ace57 .datePickerDay_2d7eed52be.datePickerAddToRangeEnd_692c09537c, .datePicker_08b8f6bd92 .datePickerBody_c4db5ace57 .datePickerDay_2d7eed52be.datePickerDayRangeEnd_ee42146df8:not(.datePickerDayRangeStart_dafd7a9583) {\n  margin-inline-start: 0;\n  border-start-start-radius: 0;\n  border-end-start-radius: 0;\n}\n.datePicker_08b8f6bd92 .datePickerBody_c4db5ace57 .datePickerDay_2d7eed52be.datePickerAddToRangeStart_6730bdac96, .datePicker_08b8f6bd92 .datePickerBody_c4db5ace57 .datePickerDay_2d7eed52be.datePickerAddToRangeEnd_692c09537c, .datePicker_08b8f6bd92 .datePickerBody_c4db5ace57 .datePickerDay_2d7eed52be.datePickerAddToRangeMiddle_18e927c1c3 {\n  margin: var(--day-picker-days-vertical-gap) 0;\n}\n.datePicker_08b8f6bd92 .datePickerBody_c4db5ace57 .datePickerDay_2d7eed52be.datePickerAddToRangeStart_6730bdac96:not(.datePickerDayRangeStart_dafd7a9583):not(.datePickerDayRangeEnd_ee42146df8), .datePicker_08b8f6bd92 .datePickerBody_c4db5ace57 .datePickerDay_2d7eed52be.datePickerAddToRangeEnd_692c09537c:not(.datePickerDayRangeStart_dafd7a9583):not(.datePickerDayRangeEnd_ee42146df8), .datePicker_08b8f6bd92 .datePickerBody_c4db5ace57 .datePickerDay_2d7eed52be.datePickerAddToRangeMiddle_18e927c1c3, .datePicker_08b8f6bd92 .datePickerBody_c4db5ace57 .datePickerDay_2d7eed52be.datePickerDayRangeMiddle_63a9c4bc97:not(.datePickerAddToRangeStart_6730bdac96):not(.datePickerAddToRangeEnd_692c09537c) {\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_08b8f6bd92 .datePickerBody_c4db5ace57 .datePickerDay_2d7eed52be.datePickerAddToRangeMiddle_18e927c1c3, .datePicker_08b8f6bd92 .datePickerBody_c4db5ace57 .datePickerDay_2d7eed52be.datePickerDayRangeMiddle_63a9c4bc97:not(.datePickerAddToRangeStart_6730bdac96):not(.datePickerAddToRangeEnd_692c09537c) {\n  background: var(--primary-selected-color);\n  margin: var(--day-picker-days-vertical-gap) 0;\n  border-radius: 0;\n}\n.datePicker_08b8f6bd92 .datePickerBody_c4db5ace57 .datePickerDay_2d7eed52be.datePickerRemoveFromRange_1bf2bb5db3:not(.datePickerDayRangeStart_dafd7a9583):not(.datePickerDayRangeEnd_ee42146df8), .datePicker_08b8f6bd92 .datePickerBody_c4db5ace57 .datePickerDay_2d7eed52be.datePickerAddToRangeStart_6730bdac96:not(.datePickerDayRangeMiddle_63a9c4bc97):not(.datePickerDayRangeEnd_ee42146df8), .datePicker_08b8f6bd92 .datePickerBody_c4db5ace57 .datePickerDay_2d7eed52be.datePickerAddToRangeEnd_692c09537c:not(.datePickerDayRangeMiddle_63a9c4bc97):not(.datePickerDayRangeStart_dafd7a9583), .datePicker_08b8f6bd92 .datePickerBody_c4db5ace57 .datePickerDay_2d7eed52be.datePickerAddToRangeMiddle_18e927c1c3 {\n  background: var(--day-picker-day-change-range);\n  border-color: var(--day-picker-day-change-range);\n}\n.datePicker_08b8f6bd92 .datePickerBody_c4db5ace57 tr td:first-child .datePickerDay_2d7eed52be.datePickerDayRangeMiddle_63a9c4bc97, .datePicker_08b8f6bd92 .datePickerBody_c4db5ace57 tr td:first-child .datePickerDay_2d7eed52be.datePickerAddToRangeStart_6730bdac96:not(.datePickerDayRangeStart_dafd7a9583):not(.datePickerDayRangeEnd_ee42146df8), .datePicker_08b8f6bd92 .datePickerBody_c4db5ace57 tr td:first-child .datePickerDay_2d7eed52be.datePickerAddToRangeMiddle_18e927c1c3, .datePicker_08b8f6bd92 .datePickerBody_c4db5ace57 tr td:first-child .datePickerDay_2d7eed52be.datePickerAddToRangeEnd_692c09537c:not(.datePickerDayRangeStart_dafd7a9583):not(.datePickerDayRangeEnd_ee42146df8) {\n  border: none;\n  width: calc(var(--day-picker-day-width) + var(--day-picker-days-horizontal-gap));\n  margin-inline-start: var(--day-picker-days-horizontal-gap);\n  border-inline-end: var(--day-picker-days-horizontal-gap) solid var(--primary-selected-color);\n  border-start-start-radius: var(--border-radius-small);\n  border-end-start-radius: var(--border-radius-small);\n}\n.datePicker_08b8f6bd92 .datePickerBody_c4db5ace57 tr td:first-child .datePickerDay_2d7eed52be.datePickerRemoveFromRange_1bf2bb5db3 {\n  border-color: var(--day-picker-day-change-range);\n}\n.datePicker_08b8f6bd92 .datePickerBody_c4db5ace57 tr td:first-child .datePickerDay_2d7eed52be.datePickerAddToRangeEnd_692c09537c, .datePicker_08b8f6bd92 .datePickerBody_c4db5ace57 tr td:first-child .datePickerDay_2d7eed52be.datePickerDayRangeEnd_ee42146df8:not(.datePickerDayRangeStart_dafd7a9583) {\n  margin-inline-end: 0;\n}\n.datePicker_08b8f6bd92 .datePickerBody_c4db5ace57 tr td:last-child .datePickerDay_2d7eed52be.datePickerDayRangeMiddle_63a9c4bc97, .datePicker_08b8f6bd92 .datePickerBody_c4db5ace57 tr td:last-child .datePickerDay_2d7eed52be.datePickerAddToRangeStart_6730bdac96:not(.datePickerDayRangeStart_dafd7a9583):not(.datePickerDayRangeEnd_ee42146df8), .datePicker_08b8f6bd92 .datePickerBody_c4db5ace57 tr td:last-child .datePickerDay_2d7eed52be.datePickerAddToRangeMiddle_18e927c1c3, .datePicker_08b8f6bd92 .datePickerBody_c4db5ace57 tr td:last-child .datePickerDay_2d7eed52be.datePickerAddToRangeEnd_692c09537c:not(.datePickerDayRangeStart_dafd7a9583):not(.datePickerDayRangeEnd_ee42146df8) {\n  border: none;\n  width: calc(var(--day-picker-day-width) + var(--day-picker-days-horizontal-gap));\n  margin-inline-end: var(--day-picker-days-horizontal-gap);\n  border-inline-start: var(--day-picker-days-horizontal-gap) solid var(--primary-selected-color);\n  border-start-end-radius: var(--border-radius-small);\n  border-end-end-radius: var(--border-radius-small);\n}\n.datePicker_08b8f6bd92 .datePickerBody_c4db5ace57 tr td:last-child .datePickerDay_2d7eed52be.datePickerRemoveFromRange_1bf2bb5db3 {\n  border-color: var(--day-picker-day-change-range);\n}\n.datePicker_08b8f6bd92 .datePickerBody_c4db5ace57 tr td:last-child .datePickerDay_2d7eed52be.datePickerAddToRangeStart_6730bdac96, .datePicker_08b8f6bd92 .datePickerBody_c4db5ace57 tr td:last-child .datePickerDay_2d7eed52be.datePickerDayRangeStart_dafd7a9583:not(.datePickerDayRangeEnd_ee42146df8) {\n  margin-inline-start: 0;\n}\n.datePicker_08b8f6bd92 .datePickerBody_c4db5ace57 tr td:first-child .datePickerDay_2d7eed52be.datePickerAddToRangeStart_6730bdac96:not(.datePickerDayRangeMiddle_63a9c4bc97), .datePicker_08b8f6bd92 .datePickerBody_c4db5ace57 tr td:first-child .datePickerDay_2d7eed52be.datePickerAddToRangeMiddle_18e927c1c3, .datePicker_08b8f6bd92 .datePickerBody_c4db5ace57 tr td:first-child .datePickerDay_2d7eed52be.datePickerAddToRangeEnd_692c09537c:not(.datePickerDayRangeMiddle_63a9c4bc97),\n.datePicker_08b8f6bd92 .datePickerBody_c4db5ace57 tr td:last-child .datePickerDay_2d7eed52be.datePickerAddToRangeStart_6730bdac96:not(.datePickerDayRangeMiddle_63a9c4bc97),\n.datePicker_08b8f6bd92 .datePickerBody_c4db5ace57 tr td:last-child .datePickerDay_2d7eed52be.datePickerAddToRangeMiddle_18e927c1c3,\n.datePicker_08b8f6bd92 .datePickerBody_c4db5ace57 tr td:last-child .datePickerDay_2d7eed52be.datePickerAddToRangeEnd_692c09537c:not(.datePickerDayRangeMiddle_63a9c4bc97) {\n  border-color: var(--day-picker-day-change-range);\n}\n.datePicker_08b8f6bd92 .datePickerBody_c4db5ace57 tr td:first-child .datePickerDay_2d7eed52be.datePickerDaySelected_ee42146df8.datePickerDayRangeEnd_ee42146df8.datePickerAddToRangeStart_6730bdac96,\n.datePicker_08b8f6bd92 .datePickerBody_c4db5ace57 tr td:last-child .datePickerDay_2d7eed52be.datePickerDaySelected_ee42146df8.datePickerDayRangeEnd_ee42146df8.datePickerAddToRangeStart_6730bdac96 {\n  border-inline-start-width: 0;\n}\n.datePicker_08b8f6bd92 .datePickerBody_c4db5ace57 tr td:first-child .datePickerDay_2d7eed52be.datePickerDaySelected_ee42146df8.datePickerDayRangeStart_dafd7a9583.datePickerAddToRangeEnd_692c09537c,\n.datePicker_08b8f6bd92 .datePickerBody_c4db5ace57 tr td:last-child .datePickerDay_2d7eed52be.datePickerDaySelected_ee42146df8.datePickerDayRangeStart_dafd7a9583.datePickerAddToRangeEnd_692c09537c {\n  border-inline-end-width: 0;\n}\n.datePicker_08b8f6bd92 .datePickerBody_c4db5ace57 .datePickerDaySelected_ee42146df8.datePickerDayRangeEnd_ee42146df8.datePickerAddToRangeStart_6730bdac96 {\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_08b8f6bd92 .datePickerBody_c4db5ace57 .datePickerDaySelected_ee42146df8.datePickerDayRangeEnd_ee42146df8.datePickerAddToRangeStart_6730bdac96:not(.datePickerHalfRangeSelected_203ad8abb1) {\n  margin-inline-start: calc(var(--day-picker-days-horizontal-gap) * -1);\n}\n.datePicker_08b8f6bd92 .datePickerBody_c4db5ace57 .datePickerDaySelected_ee42146df8.datePickerDayRangeStart_dafd7a9583.datePickerAddToRangeEnd_692c09537c {\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_08b8f6bd92 .datePickerBody_c4db5ace57 .datePickerDaySelected_ee42146df8.datePickerDayRangeStart_dafd7a9583.datePickerAddToRangeEnd_692c09537c:not(.datePickerHalfRangeSelected_203ad8abb1) {\n  margin-inline-end: calc(var(--day-picker-days-horizontal-gap) * -1);\n}');export{e as default};
 //# sourceMappingURL=DatePicker.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={monthButtonDropdown:"monthButtonDropdown_44e52bb791",yearButtonDropdown:"yearButtonDropdown_82e0d99dab",datePickerHeader:"datePickerHeader_066a2a0776"};!function(e){const t="s_id-a12251d5376d_4_5_21";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_44e52bb791 {\n  min-width: 70px;\n  justify-content: space-between;\n}\n.yearButtonDropdown_82e0d99dab {\n  justify-content: space-between;\n}\n.datePickerHeader_066a2a0776 {\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_066a2a0776 button:focus:not(:active), .datePickerHeader_066a2a0776 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_3d23c5853a",yearButtonDropdown:"yearButtonDropdown_ec7b655a13",datePickerHeader:"datePickerHeader_4d9966acca"};!function(e){const t="s_id-a12251d5376d_4_5_22";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.monthButtonDropdown_3d23c5853a {\n  min-width: 70px;\n  justify-content: space-between;\n}\n.yearButtonDropdown_ec7b655a13 {\n  justify-content: space-between;\n}\n.datePickerHeader_4d9966acca {\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_4d9966acca button:focus:not(:active), .datePickerHeader_4d9966acca 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/Dropdown/Dropdown.js.map CHANGED Viewed

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

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

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

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

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

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

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

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

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

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

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

@@ -1,2 +1,2 @@
-var n={boxModeContainer:"boxModeContainer_92ac8aaf3f",inputContainer:"inputContainer_0871c553fa",disabled:"disabled_c1e8bbb98b",readOnly:"readOnly_b443f13b06",error:"error_edb7f9d030",menuContainer:"menuContainer_d2b01ad2be"};!function(n){const r="s_id-f92aa28952f8_4_5_21";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_92ac8aaf3f {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n}\n\n.inputContainer_0871c553fa {\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_0871c553fa:hover {\n  --border-color: var(--primary-text-color);\n}\n\n.inputContainer_0871c553fa:focus-within {\n  --border-color: var(--primary-color);\n}\n\n.inputContainer_0871c553fa.disabled_c1e8bbb98b {\n  --border-color: var(--disabled-background-color);\n  --background-color: var(--disabled-background-color);\n}\n\n.inputContainer_0871c553fa.readOnly_b443f13b06 {\n  --border-color: var(--allgrey-background-color);\n  --background-color: var(--allgrey-background-color);\n}\n\n.inputContainer_0871c553fa.error_edb7f9d030 {\n  --border-color: var(--negative-color);\n}\n\n.menuContainer_d2b01ad2be {\n  width: 100%;\n}");export{n as default};
+var e={boxModeContainer:"boxModeContainer_2520b42aee",inputContainer:"inputContainer_76ee9f0ffc",disabled:"disabled_2deed71b01",readOnly:"readOnly_0bdc6c0b30",error:"error_ada80ebc0a",menuContainer:"menuContainer_ac49ff020f"};!function(e){const n="s_id-f92aa28952f8_4_5_22";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,r.firstChild?r.insertBefore(o,r.firstChild):r.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".boxModeContainer_2520b42aee {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n}\n\n.inputContainer_76ee9f0ffc {\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_76ee9f0ffc:hover {\n  --border-color: var(--primary-text-color);\n}\n\n.inputContainer_76ee9f0ffc:focus-within {\n  --border-color: var(--primary-color);\n}\n\n.inputContainer_76ee9f0ffc.disabled_2deed71b01 {\n  --border-color: var(--disabled-background-color);\n  --background-color: var(--disabled-background-color);\n}\n\n.inputContainer_76ee9f0ffc.readOnly_0bdc6c0b30 {\n  --border-color: var(--allgrey-background-color);\n  --background-color: var(--allgrey-background-color);\n}\n\n.inputContainer_76ee9f0ffc.error_ada80ebc0a {\n  --border-color: var(--negative-color);\n}\n\n.menuContainer_ac49ff020f {\n  width: 100%;\n}");export{e as default};
 //# sourceMappingURL=DropdownBoxMode.module.scss.js.map

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

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

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

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

@@ -1,2 +1,2 @@
-var e={menuVisible:"menuVisible_820f1ef0aa",menuHidden:"menuHidden_9fe9214fd2"};!function(e){const i="s_id-448dc11ee0f4_4_5_21";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_820f1ef0aa {\n  visibility: visible;\n}\n\n.menuHidden_9fe9214fd2 {\n  visibility: hidden;\n}");export{e as default};
+var e={menuVisible:"menuVisible_151ab3b1d8",menuHidden:"menuHidden_0577426875"};!function(e){const i="s_id-448dc11ee0f4_4_5_22";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+i))return;const d=document.createElement("style");d.id=i,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[i]=e)}(".menuVisible_151ab3b1d8 {\n  visibility: visible;\n}\n\n.menuHidden_0577426875 {\n  visibility: hidden;\n}");export{e as default};
 //# sourceMappingURL=Menu.module.scss.js.map

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

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

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

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

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

@@ -1,2 +1,2 @@
-var e={containerWrapper:"containerWrapper_078fae0805",singleChip:"singleChip_a44ae2e950",measuring:"measuring_b422adf5cd",hiddenChip:"hiddenChip_f91fa4c1e8",inputAndCounterWrapper:"inputAndCounterWrapper_88b12b8efc",inputWrapper:"inputWrapper_7888a954f0",chipWrapperWithOverflow:"chipWrapperWithOverflow_56c0c18167",visibleChip:"visibleChip_cc05240243",hiddenChipsDialog:"hiddenChipsDialog_c081b24d1b",dialogChip:"dialogChip_cc05240243"};!function(e){const n="s_id-a777ca35d111_4_5_21";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+n))return;const p=document.createElement("style");p.id=n,i.firstChild?i.insertBefore(p,i.firstChild):i.appendChild(p),p.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".containerWrapper_078fae0805 {\n  min-width: 1px;\n  flex-grow: 1;\n}\n.containerWrapper_078fae0805.singleChip_a44ae2e950 > div:first-child {\n  min-width: 50px;\n  flex-shrink: 1;\n}\n.containerWrapper_078fae0805.singleChip_a44ae2e950 > div:first-child div {\n  max-width: 100%;\n}\n.containerWrapper_078fae0805.measuring_b422adf5cd > div:not(.hiddenChip_f91fa4c1e8) {\n  opacity: 0;\n}\n.inputAndCounterWrapper_88b12b8efc {\n  flex-grow: 1;\n  min-width: 0;\n}\n.inputWrapper_7888a954f0 {\n  flex-grow: 1;\n}\n.inputWrapper_7888a954f0 input {\n  width: 100%;\n}\n.chipWrapperWithOverflow_56c0c18167 {\n  max-width: 100%;\n  flex-shrink: 0;\n}\n.chipWrapperWithOverflow_56c0c18167 .visibleChip_cc05240243 {\n  max-width: 100%;\n}\n.hiddenChip_f91fa4c1e8 {\n  position: absolute;\n  visibility: hidden;\n  pointer-events: none;\n  z-index: -1;\n}\n.hiddenChipsDialog_c081b24d1b {\n  max-width: 192px;\n}\n.dialogChip_cc05240243 {\n  max-width: 100%;\n}");export{e as default};
+var e={containerWrapper:"containerWrapper_904e050f50",singleChip:"singleChip_839204e232",measuring:"measuring_a4dd7bee69",hiddenChip:"hiddenChip_55cd7897f8",inputAndCounterWrapper:"inputAndCounterWrapper_4c21653ebc",inputWrapper:"inputWrapper_4f4dc6fe56",chipWrapperWithOverflow:"chipWrapperWithOverflow_7694a832bb",visibleChip:"visibleChip_cf9afe16c8",hiddenChipsDialog:"hiddenChipsDialog_72d7e44871",dialogChip:"dialogChip_cf9afe16c8"};!function(e){const n="s_id-a777ca35d111_4_5_22";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+n))return;const p=document.createElement("style");p.id=n,i.firstChild?i.insertBefore(p,i.firstChild):i.appendChild(p),p.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".containerWrapper_904e050f50 {\n  min-width: 1px;\n  flex-grow: 1;\n}\n.containerWrapper_904e050f50.singleChip_839204e232 > div:first-child {\n  min-width: 50px;\n  flex-shrink: 1;\n}\n.containerWrapper_904e050f50.singleChip_839204e232 > div:first-child div {\n  max-width: 100%;\n}\n.containerWrapper_904e050f50.measuring_a4dd7bee69 > div:not(.hiddenChip_55cd7897f8) {\n  opacity: 0;\n}\n.inputAndCounterWrapper_4c21653ebc {\n  flex-grow: 1;\n  min-width: 0;\n}\n.inputWrapper_4f4dc6fe56 {\n  flex-grow: 1;\n}\n.inputWrapper_4f4dc6fe56 input {\n  width: 100%;\n}\n.chipWrapperWithOverflow_7694a832bb {\n  max-width: 100%;\n  flex-shrink: 0;\n}\n.chipWrapperWithOverflow_7694a832bb .visibleChip_cf9afe16c8 {\n  max-width: 100%;\n}\n.hiddenChip_55cd7897f8 {\n  position: absolute;\n  visibility: hidden;\n  pointer-events: none;\n  z-index: -1;\n}\n.hiddenChipsDialog_72d7e44871 {\n  max-width: 192px;\n}\n.dialogChip_cf9afe16c8 {\n  max-width: 100%;\n}");export{e as default};
 //# sourceMappingURL=MultiSelectedValues.module.scss.js.map

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

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