npm - @vibe/core - Versions diffs - 4.5.5 → 4.6.0-alpha-5a4a2.0 - Mend

@vibe/core 4.5.5 → 4.6.0-alpha-5a4a2.0

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

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

@@ -1,2 +1,2 @@
-var e={itemWrapper:"itemWrapper_65b1742fab",circle:"circle_a7541d0050",feedbackIndicator:"feedbackIndicator_c9329c0f3a",active:"active_f9eba660bf",selectedColor:"selectedColor_b4b00a6982",colorItem:"colorItem_605c5c1a08",colorIndicatorWrapper:"colorIndicatorWrapper_9979b33030",colorItemSizeSmall:"colorItemSizeSmall_8b3919e307",colorItemSizeMedium:"colorItemSizeMedium_e5fedbc0a9",colorItemSizeLarge:"colorItemSizeLarge_ac654549e5",colorItemTextMode:"colorItemTextMode_800bb4d5b8",colorIconWhite:"colorIconWhite_e15d0c96c0"};!function(e){const r="s_id-4f41e3ef6859_4_5_4";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+r))return;const o=document.createElement("style");o.id=r,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=e)}('.itemWrapper_65b1742fab.circle_a7541d0050 {\n  --border-radius-multiplier: 99999;\n}\n\n/* stylelint-disable scss/operator-no-unspaced */\n\n.itemWrapper_65b1742fab {\n  --border-radius-multiplier: 1;\n  margin: 4px;\n  display: flex;\n  list-style-type: none;\n  position: relative;\n}\n\n.itemWrapper_65b1742fab .feedbackIndicator_c9329c0f3a {\n  position: absolute;\n  inset: 0;\n  pointer-events: none;\n}\n\n.itemWrapper_65b1742fab:focus,\n.itemWrapper_65b1742fab:focus-visible,\n.itemWrapper_65b1742fab.active_f9eba660bf {\n  outline: none;\n}\n\n.itemWrapper_65b1742fab:focus .feedbackIndicator_c9329c0f3a:before,\n.itemWrapper_65b1742fab:focus-visible .feedbackIndicator_c9329c0f3a:before,\n.itemWrapper_65b1742fab.active_f9eba660bf .feedbackIndicator_c9329c0f3a:before {\n  content: " ";\n  position: absolute;\n  border-radius: calc(7px * var(--border-radius-multiplier, 1));\n  inset: -4px;\n  border: 4px solid;\n  border-color: var(--primary-selected-color);\n  pointer-events: none;\n}\n\n.itemWrapper_65b1742fab:focus .feedbackIndicator_c9329c0f3a:after,\n.itemWrapper_65b1742fab:focus-visible .feedbackIndicator_c9329c0f3a:after,\n.itemWrapper_65b1742fab.active_f9eba660bf .feedbackIndicator_c9329c0f3a:after {\n  content: " ";\n  position: absolute;\n  border-radius: calc(7px * var(--border-radius-multiplier, 1));\n  inset: -1px;\n  border: 1px solid;\n  border-color: var(--primary-color);\n  pointer-events: none;\n}\n\n/* active elements have no "hover feedback" */\n\n.itemWrapper_65b1742fab:hover:not(.active_f9eba660bf):not(.selectedColor_b4b00a6982) .feedbackIndicator_c9329c0f3a {\n  content: " ";\n  position: absolute;\n  border-radius: calc(8px * var(--border-radius-multiplier, 1));\n  inset: -4px;\n  border: 4px solid;\n  border-color: var(--primary-background-hover-color);\n  pointer-events: none;\n}\n\n.itemWrapper_65b1742fab .colorItem_605c5c1a08 {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border: 2px solid transparent;\n  border-radius: calc(4px * var(--border-radius-multiplier, 1));\n  cursor: pointer;\n}\n\n.itemWrapper_65b1742fab .colorItem_605c5c1a08 .colorIndicatorWrapper_9979b33030 {\n  display: flex;\n}\n\n.itemWrapper_65b1742fab .colorItem_605c5c1a08.colorItemSizeSmall_8b3919e307 {\n  width: 24px;\n  height: 24px;\n}\n\n.itemWrapper_65b1742fab .colorItem_605c5c1a08.colorItemSizeMedium_e5fedbc0a9 {\n  width: 32px;\n  height: 32px;\n}\n\n.itemWrapper_65b1742fab .colorItem_605c5c1a08.colorItemSizeLarge_ac654549e5 {\n  width: 40px;\n  height: 40px;\n}\n\n.itemWrapper_65b1742fab.selectedColor_b4b00a6982 {\n  position: relative;\n}\n\n.itemWrapper_65b1742fab.selectedColor_b4b00a6982:before {\n  content: " ";\n  position: absolute;\n  border-radius: calc(7px * var(--border-radius-multiplier, 1));\n  inset: -4px;\n  border: 2px solid;\n  border-color: var(--primary-color);\n  pointer-events: none;\n}\n\n.itemWrapper_65b1742fab.selectedColor_b4b00a6982 .feedbackIndicator_c9329c0f3a:before {\n  /* hide the outer border from the "active" feedback indicator */\n  display: none;\n}\n\n.itemWrapper_65b1742fab .colorItemTextMode_800bb4d5b8:hover {\n  background-color: var(--primary-background-hover-color) !important;\n}\n\n.itemWrapper_65b1742fab .colorIconWhite_e15d0c96c0 {\n  color: var(--color-snow_white);\n}');export{e as default};
+var e={itemWrapper:"itemWrapper_689cf42d2e",circle:"circle_62cb429d16",feedbackIndicator:"feedbackIndicator_ba3d2bf586",active:"active_b1a3b06519",selectedColor:"selectedColor_f4fd3a0172",colorItem:"colorItem_e4a2265daa",colorIndicatorWrapper:"colorIndicatorWrapper_c2bbd0cd54",colorItemSizeSmall:"colorItemSizeSmall_0ed289ac99",colorItemSizeMedium:"colorItemSizeMedium_b3f1fceb23",colorItemSizeLarge:"colorItemSizeLarge_9fcd9cc0a6",colorItemTextMode:"colorItemTextMode_273e65e4d8",colorIconWhite:"colorIconWhite_4e5b51a72f"};!function(e){const r="s_id-4f41e3ef6859_4_5_3";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+r))return;const o=document.createElement("style");o.id=r,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=e)}('.itemWrapper_689cf42d2e.circle_62cb429d16 {\n  --border-radius-multiplier: 99999;\n}\n\n/* stylelint-disable scss/operator-no-unspaced */\n.itemWrapper_689cf42d2e {\n  --border-radius-multiplier: 1;\n  margin: 4px;\n  display: flex;\n  list-style-type: none;\n  position: relative;\n}\n\n.itemWrapper_689cf42d2e .feedbackIndicator_ba3d2bf586 {\n  position: absolute;\n  inset: 0;\n  pointer-events: none;\n}\n\n.itemWrapper_689cf42d2e:focus,\n.itemWrapper_689cf42d2e:focus-visible,\n.itemWrapper_689cf42d2e.active_b1a3b06519 {\n  outline: none;\n}\n\n.itemWrapper_689cf42d2e:focus .feedbackIndicator_ba3d2bf586:before,\n.itemWrapper_689cf42d2e:focus-visible .feedbackIndicator_ba3d2bf586:before,\n.itemWrapper_689cf42d2e.active_b1a3b06519 .feedbackIndicator_ba3d2bf586:before {\n  content: " ";\n  position: absolute;\n  border-radius: calc(7px * var(--border-radius-multiplier, 1));\n  inset: -4px;\n  border: 4px solid;\n  border-color: var(--primary-selected-color);\n  pointer-events: none;\n}\n\n.itemWrapper_689cf42d2e:focus .feedbackIndicator_ba3d2bf586:after,\n.itemWrapper_689cf42d2e:focus-visible .feedbackIndicator_ba3d2bf586:after,\n.itemWrapper_689cf42d2e.active_b1a3b06519 .feedbackIndicator_ba3d2bf586:after {\n  content: " ";\n  position: absolute;\n  border-radius: calc(7px * var(--border-radius-multiplier, 1));\n  inset: -1px;\n  border: 1px solid;\n  border-color: var(--primary-color);\n  pointer-events: none;\n}\n\n/* active elements have no "hover feedback" */\n.itemWrapper_689cf42d2e:hover:not(.active_b1a3b06519):not(.selectedColor_f4fd3a0172) .feedbackIndicator_ba3d2bf586 {\n  content: " ";\n  position: absolute;\n  border-radius: calc(8px * var(--border-radius-multiplier, 1));\n  inset: -4px;\n  border: 4px solid;\n  border-color: var(--primary-background-hover-color);\n  pointer-events: none;\n}\n\n.itemWrapper_689cf42d2e .colorItem_e4a2265daa {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border: 2px solid transparent;\n  border-radius: calc(4px * var(--border-radius-multiplier, 1));\n  cursor: pointer;\n}\n\n.itemWrapper_689cf42d2e .colorItem_e4a2265daa .colorIndicatorWrapper_c2bbd0cd54 {\n  display: flex;\n}\n\n.itemWrapper_689cf42d2e .colorItem_e4a2265daa.colorItemSizeSmall_0ed289ac99 {\n  width: 24px;\n  height: 24px;\n}\n\n.itemWrapper_689cf42d2e .colorItem_e4a2265daa.colorItemSizeMedium_b3f1fceb23 {\n  width: 32px;\n  height: 32px;\n}\n\n.itemWrapper_689cf42d2e .colorItem_e4a2265daa.colorItemSizeLarge_9fcd9cc0a6 {\n  width: 40px;\n  height: 40px;\n}\n\n.itemWrapper_689cf42d2e.selectedColor_f4fd3a0172 {\n  position: relative;\n}\n\n.itemWrapper_689cf42d2e.selectedColor_f4fd3a0172:before {\n  content: " ";\n  position: absolute;\n  border-radius: calc(7px * var(--border-radius-multiplier, 1));\n  inset: -4px;\n  border: 2px solid;\n  border-color: var(--primary-color);\n  pointer-events: none;\n}\n\n.itemWrapper_689cf42d2e.selectedColor_f4fd3a0172 .feedbackIndicator_ba3d2bf586:before {\n  /* hide the outer border from the "active" feedback indicator */\n  display: none;\n}\n\n.itemWrapper_689cf42d2e .colorItemTextMode_273e65e4d8:hover {\n  background-color: var(--primary-background-hover-color) !important;\n}\n\n.itemWrapper_689cf42d2e .colorIconWhite_4e5b51a72f {\n  color: var(--color-snow_white);\n}');export{e as default};
 //# sourceMappingURL=ColorPickerItemComponent.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var o={combobox:"combobox_b273f06a75",stickyCategory:"stickyCategory_16dd0e3285",comboboxCategory:"comboboxCategory_56f5869526",sizeSmall:"sizeSmall_8e12c28b15",sizeMedium:"sizeMedium_e483d1fb3a",sizeLarge:"sizeLarge_8e12c28b15",empty:"empty_755aa67c51",comboboxSearchWrapper:"comboboxSearchWrapper_1202f296a9",comboboxNoResults:"comboboxNoResults_c7e18c0cc0",comboboxMessageWrapper:"comboboxMessageWrapper_568aabd977",comboboxMessage:"comboboxMessage_d7d95c9e18",addNewButton:"addNewButton_ff7424bece",buttonLabel:"buttonLabel_d7d95c9e18",comboboxList:"comboboxList_ff227da747"};!function(o){const e="s_id-5bf292a5a8b0_4_5_4";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_b273f06a75 {\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_b273f06a75.stickyCategory_16dd0e3285 .comboboxCategory_56f5869526 {\n  z-index: 10;\n  background-color: var(--secondary-background-color);\n}\n/* Relative to Search height */\n.combobox_b273f06a75.stickyCategory_16dd0e3285.sizeSmall_8e12c28b15 .comboboxCategory_56f5869526 {\n  top: 32px;\n}\n.combobox_b273f06a75.stickyCategory_16dd0e3285.sizeMedium_e483d1fb3a .comboboxCategory_56f5869526 {\n  top: 40px;\n}\n.combobox_b273f06a75.stickyCategory_16dd0e3285.sizeLarge_8e12c28b15 .comboboxCategory_56f5869526 {\n  top: 48px;\n}\n.combobox_b273f06a75.empty_755aa67c51 {\n  max-height: 200px;\n  margin-bottom: 0;\n}\n.comboboxSearchWrapper_1202f296a9 {\n  position: sticky;\n  top: 0;\n  z-index: 12;\n}\n.comboboxNoResults_c7e18c0cc0 {\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_c7e18c0cc0 .comboboxMessageWrapper_568aabd977 {\n  flex: 1 0 auto;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.comboboxNoResults_c7e18c0cc0 .comboboxMessageWrapper_568aabd977 .comboboxMessage_d7d95c9e18 {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.comboboxNoResults_c7e18c0cc0 .addNewButton_ff7424bece {\n  flex: 0 0 auto;\n  width: 100% !important;\n  margin-bottom: 8px;\n}\n.comboboxNoResults_c7e18c0cc0 .addNewButton_ff7424bece .buttonLabel_d7d95c9e18 {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.comboboxList_ff227da747 {\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_d977155814",stickyCategory:"stickyCategory_3b3c1cf42c",comboboxCategory:"comboboxCategory_5ed561ebfa",sizeSmall:"sizeSmall_7ee6d9517f",sizeMedium:"sizeMedium_461b28bd1d",sizeLarge:"sizeLarge_7ee6d9517f",empty:"empty_67d5e9738c",comboboxSearchWrapper:"comboboxSearchWrapper_ee42137443",comboboxNoResults:"comboboxNoResults_7cffd19e54",comboboxMessageWrapper:"comboboxMessageWrapper_e98bc73292",comboboxMessage:"comboboxMessage_f85d060258",addNewButton:"addNewButton_61606ad87a",buttonLabel:"buttonLabel_f85d060258",comboboxList:"comboboxList_3733f5cbd2"};!function(o){const e="s_id-5bf292a5a8b0_4_5_3";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_d977155814 {\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\n.combobox_d977155814.stickyCategory_3b3c1cf42c .comboboxCategory_5ed561ebfa {\n  z-index: 10;\n  background-color: var(--secondary-background-color);\n}\n\n/* Relative to Search height */\n.combobox_d977155814.stickyCategory_3b3c1cf42c.sizeSmall_7ee6d9517f .comboboxCategory_5ed561ebfa {\n  top: 32px;\n}\n\n.combobox_d977155814.stickyCategory_3b3c1cf42c.sizeMedium_461b28bd1d .comboboxCategory_5ed561ebfa {\n  top: 40px;\n}\n\n.combobox_d977155814.stickyCategory_3b3c1cf42c.sizeLarge_7ee6d9517f .comboboxCategory_5ed561ebfa {\n  top: 48px;\n}\n\n.combobox_d977155814.empty_67d5e9738c {\n  max-height: 200px;\n  margin-bottom: 0;\n}\n\n.comboboxSearchWrapper_ee42137443 {\n  position: sticky;\n  top: 0;\n  z-index: 12;\n}\n\n.comboboxNoResults_7cffd19e54 {\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\n.comboboxNoResults_7cffd19e54 .comboboxMessageWrapper_e98bc73292 {\n  flex: 1 0 auto;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.comboboxNoResults_7cffd19e54 .comboboxMessageWrapper_e98bc73292 .comboboxMessage_f85d060258 {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.comboboxNoResults_7cffd19e54 .addNewButton_61606ad87a {\n  flex: 0 0 auto;\n  width: 100% !important;\n  margin-bottom: 8px;\n}\n\n.comboboxNoResults_7cffd19e54 .addNewButton_61606ad87a .buttonLabel_f85d060258 {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.comboboxList_3733f5cbd2 {\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.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{defineProperty as e}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as t}from"../../../../_virtual/_tslib.js";import o,{useMemo as i}from"react";import n from"classnames";import r from"../components/ComboboxOption/ComboboxOption.js";import s from"../components/ComboboxCategory/ComboboxCategory.js";import{COMBOBOX_DIVIDER_ITEM as a,COMBOBOX_CATEGORY_ITEM as c,COMBOBOX_OPTION_ITEM as l}from"../components/ComboboxConstants.js";import m from"../../../hooks/useActiveDescendantListFocus/index.js";import{getOptionsByCategories as d}from"../ComboboxService.js";import p from"../components/ComboboxItems/ComboboxItems.module.scss.js";import u from"./ComboboxHelpers.module.scss.js";import g from"../../../../components/divider/dist/Divider/Divider.js";var h=17,v=32;function f(t){var o=t.categories,r=t.options,s=t.filterValue,a=t.withCategoriesDivider,c=t.optionLineHeight;return i((function(){var t=[],i=[],l=new Map;if(o){var m=d(r,o,s),u=0;Object.keys(m).forEach((function(r,s){var d=a&&0!==s;d&&t.push(I({categoryId:r}));var g=m[r].length>0,h=0===s,v=b({categoryId:r,categoryData:o[r],withDivider:d,className:n(e(e(e({},p.categoryWithOptions,g),p.categoryWithoutOptions,!g),p.firstCategory,h))});t.push(v),l.set(r,v),m[r].forEach((function(e){var o=C({height:c,option:e,index:u,categoryId:v.id});l.set(o.id,o),t.push(o),i.push(e),u++}))}))}else i=r,t=r.map((function(e,t){return C({height:c,option:e,index:t})}));return{items:t,itemsMap:l,selectableItems:i}}),[o,r,s,a,c])}function y(e){var t=e.defaultVisualFocusFirstIndex,o=e.inputRef,n=e.onClick,r=e.isChildSelectable,s=e.options,a=e.getOptionId,c=i((function(){return s.map((function(e,t){return a(null==e?void 0:e.id,t)}))}),[a,s]),l=m({defaultVisualFocusFirstIndex:t,focusedElementRef:o,focusedElementRole:m.roles.COMBOBOX,itemsIds:c,onItemClick:n,isItemSelectable:r,isIgnoreSpaceAsItemSelection:!0});return{visualFocusItemIndex:l.visualFocusItemIndex,visualFocusItemId:l.visualFocusItemId,onOptionClick:n}}function I(e){return{type:a,height:h,id:"".concat(e.categoryId,"-divider")}}function b(e){return{height:v,type:c,category:e.categoryData,id:e.categoryId,withDivider:e.withDivider,className:e.className}}function C(e){var t=e.option,o=e.index;return{type:l,height:e.height,belongToCategory:!0,index:o,option:t,id:t.id||""+o,optionRenderer:e.optionRenderer,isActive:e.isActive,optionLineHeight:e.optionLineHeight,shouldScrollToSelectedItem:e.shouldScrollToSelectedItem,categoryId:e.categoryId}}function x(e){var i,r,s=e.item,m=e.style,d=e.optionEvents,p=e.optionRenderData,g=e.isVirtualized,h=e.stickyCategories,v=s.type,f=t(s,["type"]);switch(v){case a:r=O({id:f.id,height:f.height});break;case c:r=k({id:f.id,category:f.category,className:f.className}),h&&!g&&(i=u.sticky);break;case l:r=j(Object.assign(Object.assign(Object.assign({},f),d),p))}return o.createElement("div",{key:f.id,className:n(u.comboboxItemContainer,i),style:m},r)}function O(e){return o.createElement("div",{className:u.dividerContainer,style:{height:e.height}},o.createElement(g,{className:u.divider,key:e.id}))}function k(e){return o.createElement(s,{key:e.id,category:e.category,className:e.className})}function j(e){var t=e.index,i=e.onOptionEnter;return o.createElement(r,{className:e.className,index:t,key:e.id,option:e.option,optionRenderer:e.optionRenderer,scrollRef:e.scrollRef,isActive:e.activeItemIndex===t,visualFocus:t===e.visualFocusItemIndex,onOptionClick:e.onOptionClick,onOptionHover:i,onOptionLeave:e.onOptionLeave,onOptionEnter:i,optionLineHeight:e.optionLineHeight,shouldScrollWhenActive:e.shouldScrollToSelectedItem})}export{k as categoryItemRenderer,x as comboboxItemRenderer,b as createCategoryItemObject,I as createDividerItemObject,C as createOptionItemObject,O as dividerItemRenderer,j as optionItemRenderer,f as useItemsData,y as useKeyboardNavigation};
+import{defineProperty as e}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as t}from"../../../../_virtual/_tslib.js";import o,{useMemo as i}from"react";import n from"classnames";import r from"../components/ComboboxOption/ComboboxOption.js";import s from"../components/ComboboxCategory/ComboboxCategory.js";import a from"../../Divider/Divider.js";import{COMBOBOX_DIVIDER_ITEM as c,COMBOBOX_CATEGORY_ITEM as l,COMBOBOX_OPTION_ITEM as m}from"../components/ComboboxConstants.js";import d from"../../../hooks/useActiveDescendantListFocus/index.js";import{getOptionsByCategories as u}from"../ComboboxService.js";import p from"../components/ComboboxItems/ComboboxItems.module.scss.js";import g from"./ComboboxHelpers.module.scss.js";var h=17,v=32;function f(t){var o=t.categories,r=t.options,s=t.filterValue,a=t.withCategoriesDivider,c=t.optionLineHeight;return i((function(){var t=[],i=[],l=new Map;if(o){var m=u(r,o,s),d=0;Object.keys(m).forEach((function(r,s){var u=a&&0!==s;u&&t.push(I({categoryId:r}));var g=m[r].length>0,h=0===s,v=b({categoryId:r,categoryData:o[r],withDivider:u,className:n(e(e(e({},p.categoryWithOptions,g),p.categoryWithoutOptions,!g),p.firstCategory,h))});t.push(v),l.set(r,v),m[r].forEach((function(e){var o=C({height:c,option:e,index:d,categoryId:v.id});l.set(o.id,o),t.push(o),i.push(e),d++}))}))}else i=r,t=r.map((function(e,t){return C({height:c,option:e,index:t})}));return{items:t,itemsMap:l,selectableItems:i}}),[o,r,s,a,c])}function y(e){var t=e.defaultVisualFocusFirstIndex,o=e.inputRef,n=e.onClick,r=e.isChildSelectable,s=e.options,a=e.getOptionId,c=i((function(){return s.map((function(e,t){return a(null==e?void 0:e.id,t)}))}),[a,s]),l=d({defaultVisualFocusFirstIndex:t,focusedElementRef:o,focusedElementRole:d.roles.COMBOBOX,itemsIds:c,onItemClick:n,isItemSelectable:r,isIgnoreSpaceAsItemSelection:!0});return{visualFocusItemIndex:l.visualFocusItemIndex,visualFocusItemId:l.visualFocusItemId,onOptionClick:n}}function I(e){return{type:c,height:h,id:"".concat(e.categoryId,"-divider")}}function b(e){return{height:v,type:l,category:e.categoryData,id:e.categoryId,withDivider:e.withDivider,className:e.className}}function C(e){var t=e.option,o=e.index;return{type:m,height:e.height,belongToCategory:!0,index:o,option:t,id:t.id||""+o,optionRenderer:e.optionRenderer,isActive:e.isActive,optionLineHeight:e.optionLineHeight,shouldScrollToSelectedItem:e.shouldScrollToSelectedItem,categoryId:e.categoryId}}function x(e){var i,r,s=e.item,a=e.style,d=e.optionEvents,u=e.optionRenderData,p=e.isVirtualized,h=e.stickyCategories,v=s.type,f=t(s,["type"]);switch(v){case c:r=O({id:f.id,height:f.height});break;case l:r=k({id:f.id,category:f.category,className:f.className}),h&&!p&&(i=g.sticky);break;case m:r=j(Object.assign(Object.assign(Object.assign({},f),d),u))}return o.createElement("div",{key:f.id,className:n(g.comboboxItemContainer,i),style:a},r)}function O(e){return o.createElement("div",{className:g.dividerContainer,style:{height:e.height}},o.createElement(a,{className:g.divider,key:e.id}))}function k(e){return o.createElement(s,{key:e.id,category:e.category,className:e.className})}function j(e){var t=e.index,i=e.onOptionEnter;return o.createElement(r,{className:e.className,index:t,key:e.id,option:e.option,optionRenderer:e.optionRenderer,scrollRef:e.scrollRef,isActive:e.activeItemIndex===t,visualFocus:t===e.visualFocusItemIndex,onOptionClick:e.onOptionClick,onOptionHover:i,onOptionLeave:e.onOptionLeave,onOptionEnter:i,optionLineHeight:e.optionLineHeight,shouldScrollWhenActive:e.shouldScrollToSelectedItem})}export{k as categoryItemRenderer,x as comboboxItemRenderer,b as createCategoryItemObject,I as createDividerItemObject,C as createOptionItemObject,O as dividerItemRenderer,j as optionItemRenderer,f as useItemsData,y as useKeyboardNavigation};
 //# sourceMappingURL=ComboboxHelpers.js.map

package/dist/src/components/Combobox/ComboboxHelpers/ComboboxHelpers.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ComboboxHelpers.js","sources":["../../../../../src/components/Combobox/ComboboxHelpers/ComboboxHelpers.tsx"],"sourcesContent":["import React, { type CSSProperties, type MutableRefObject, useMemo } from \"react\";\nimport cx from \"classnames\";\nimport ComboboxOption from \"../components/ComboboxOption/ComboboxOption\";\nimport ComboboxCategory from \"../components/ComboboxCategory/ComboboxCategory\";\nimport { Divider } from \"@vibe/divider\";\nimport {\n COMBOBOX_DIVIDER_ITEM,\n COMBOBOX_CATEGORY_ITEM,\n COMBOBOX_OPTION_ITEM,\n type IComboboxCategory,\n type IComboboxOption,\n type IComboboxCategoryMap,\n type IComboboxItem,\n type IOptionItemRendererArgs,\n type IComboboxOptionEvents\n} from \"../components/ComboboxConstants\";\nimport useActiveDescendantListFocus from \"../../../hooks/useActiveDescendantListFocus\";\nimport { getOptionsByCategories } from \"../ComboboxService\";\nimport comboboxItemsStyles from \"../components/ComboboxItems/ComboboxItems.module.scss\";\nimport styles from \"./ComboboxHelpers.module.scss\";\n\nconst DIVIDER_HEIGHT = 17;\nconst CATEGORY_HEIGHT = 32;\n\nexport function useItemsData({\n categories,\n options,\n filterValue,\n withCategoriesDivider,\n optionLineHeight\n}: {\n categories: IComboboxCategoryMap;\n options: IComboboxOption[];\n filterValue: string;\n withCategoriesDivider: boolean;\n optionLineHeight: number;\n}) {\n return useMemo(() => {\n let items: IComboboxItem[] = [];\n let selectableItems: IComboboxOption[] = [];\n const itemsMap = new Map();\n\n if (categories) {\n const optionsByCategories = getOptionsByCategories(options, categories, filterValue);\n let optionIndex = 0;\n Object.keys(optionsByCategories).forEach((categoryId, categoryIndex) => {\n const withDivider = withCategoriesDivider && categoryIndex !== 0;\n if (withDivider) {\n items.push(createDividerItemObject({ categoryId }));\n }\n\n const isCategoryWithOptions = optionsByCategories[categoryId].length > 0;\n const isFirstCategory = categoryIndex === 0;\n\n const categoryObject = createCategoryItemObject({\n categoryId,\n categoryData: categories[categoryId],\n withDivider,\n className: cx({\n [comboboxItemsStyles.categoryWithOptions]: isCategoryWithOptions,\n [comboboxItemsStyles.categoryWithoutOptions]: !isCategoryWithOptions,\n [comboboxItemsStyles.firstCategory]: isFirstCategory\n })\n });\n\n // save category object in both items array and categories map\n items.push(categoryObject);\n itemsMap.set(categoryId, categoryObject);\n\n optionsByCategories[categoryId].forEach((option: IComboboxOption) => {\n const itemObject = createOptionItemObject({\n height: optionLineHeight,\n option,\n index: optionIndex,\n categoryId: categoryObject.id\n });\n\n itemsMap.set(itemObject.id, itemObject);\n items.push(itemObject);\n selectableItems.push(option);\n optionIndex++;\n });\n });\n } else {\n selectableItems = options;\n items = options.map((option, index) => {\n return createOptionItemObject({\n height: optionLineHeight,\n option,\n index\n });\n });\n }\n return { items, itemsMap, selectableItems };\n }, [categories, options, filterValue, withCategoriesDivider, optionLineHeight]);\n}\n\nexport function useKeyboardNavigation({\n defaultVisualFocusFirstIndex,\n inputRef,\n onClick,\n isChildSelectable,\n options,\n getOptionId\n}: {\n defaultVisualFocusFirstIndex?: boolean;\n inputRef: MutableRefObject<HTMLElement>;\n onClick: (event: React.KeyboardEvent \| React.MouseEvent, index: number) => void;\n isChildSelectable: (index: number) => boolean;\n options: IComboboxOption[];\n getOptionId: (optionId: string, index: number) => string;\n}) {\n const filteredOptionsIds = useMemo(\n () => options.map((option: IComboboxOption, index: number) => getOptionId(option?.id, index)),\n [getOptionId, options]\n );\n\n const { visualFocusItemIndex, visualFocusItemId } = useActiveDescendantListFocus({\n defaultVisualFocusFirstIndex,\n focusedElementRef: inputRef,\n focusedElementRole: useActiveDescendantListFocus.roles.COMBOBOX,\n itemsIds: filteredOptionsIds,\n onItemClick: onClick,\n isItemSelectable: isChildSelectable,\n isIgnoreSpaceAsItemSelection: true\n });\n\n return { visualFocusItemIndex, visualFocusItemId, onOptionClick: onClick };\n}\nexport function createDividerItemObject({ categoryId }: { categoryId: string }): IComboboxItem {\n return { type: COMBOBOX_DIVIDER_ITEM, height: DIVIDER_HEIGHT, id: `${categoryId}-divider` };\n}\n\nexport function createCategoryItemObject({\n withDivider,\n categoryId,\n categoryData,\n className\n}: {\n withDivider: boolean;\n categoryId: string;\n categoryData: IComboboxCategory;\n className: string;\n}): IComboboxItem {\n return {\n height: CATEGORY_HEIGHT,\n type: COMBOBOX_CATEGORY_ITEM,\n category: categoryData,\n id: categoryId,\n withDivider,\n className\n };\n}\n\nexport function createOptionItemObject({\n option,\n height,\n index,\n optionRenderer,\n isActive,\n optionLineHeight,\n shouldScrollToSelectedItem,\n categoryId\n}: {\n option?: IComboboxOption;\n height?: number;\n index?: number;\n optionRenderer?: (option: IComboboxOption) => JSX.Element;\n isActive?: boolean;\n optionLineHeight?: number;\n shouldScrollToSelectedItem?: boolean;\n categoryId?: string;\n}): IComboboxItem {\n return {\n type: COMBOBOX_OPTION_ITEM,\n height,\n belongToCategory: true,\n index,\n option,\n id: option.id \|\| index.toString(),\n optionRenderer,\n isActive,\n optionLineHeight,\n shouldScrollToSelectedItem,\n categoryId\n };\n}\n\nexport function comboboxItemRenderer({\n item,\n style,\n optionEvents,\n optionRenderData,\n isVirtualized,\n stickyCategories\n}: {\n item: IComboboxItem;\n style: CSSProperties;\n optionEvents: IComboboxOptionEvents;\n optionRenderData: any;\n isVirtualized: boolean;\n stickyCategories?: boolean;\n}) {\n const { type, ...otherArgs } = item;\n let customClassNames;\n let innerElement;\n switch (type) {\n case COMBOBOX_DIVIDER_ITEM: {\n innerElement = dividerItemRenderer({ id: otherArgs.id, height: otherArgs.height });\n break;\n }\n case COMBOBOX_CATEGORY_ITEM: {\n innerElement = categoryItemRenderer({\n id: otherArgs.id,\n category: otherArgs.category,\n className: otherArgs.className\n });\n if (stickyCategories && !isVirtualized) {\n customClassNames = styles.sticky;\n }\n break;\n }\n case COMBOBOX_OPTION_ITEM: {\n innerElement = optionItemRenderer({\n ...otherArgs,\n ...optionEvents,\n ...optionRenderData\n });\n break;\n }\n }\n\n return (\n <div key={otherArgs.id} className={cx(styles.comboboxItemContainer, customClassNames)} style={style}>\n {innerElement}\n </div>\n );\n}\n\nexport function dividerItemRenderer({ id, height }: { id: string; height: number }) {\n return (\n <div className={styles.dividerContainer} style={{ height: height }}>\n <Divider className={styles.divider} key={id} />\n </div>\n );\n}\n\nexport function categoryItemRenderer({\n id,\n category,\n className\n}: {\n id: string;\n category: IComboboxCategory;\n className: string;\n}) {\n return <ComboboxCategory key={id} category={category} className={className} />;\n}\n\nexport function optionItemRenderer({\n id,\n index,\n option,\n className,\n onOptionClick,\n onOptionEnter,\n onOptionLeave,\n optionLineHeight,\n optionRenderer,\n scrollRef,\n shouldScrollToSelectedItem,\n activeItemIndex,\n visualFocusItemIndex\n}: IOptionItemRendererArgs) {\n return (\n <ComboboxOption\n className={className}\n index={index}\n key={id}\n option={option}\n optionRenderer={optionRenderer}\n scrollRef={scrollRef}\n isActive={activeItemIndex === index}\n visualFocus={index === visualFocusItemIndex}\n onOptionClick={onOptionClick}\n onOptionHover={onOptionEnter}\n onOptionLeave={onOptionLeave}\n onOptionEnter={onOptionEnter}\n optionLineHeight={optionLineHeight}\n shouldScrollWhenActive={shouldScrollToSelectedItem}\n />\n );\n}\n"],"names":["DIVIDER_HEIGHT","CATEGORY_HEIGHT","useItemsData","_ref","categories","options","filterValue","withCategoriesDivider","optionLineHeight","useMemo","items","selectableItems","itemsMap","Map","optionsByCategories","getOptionsByCategories","optionIndex","Object","keys","forEach","categoryId","categoryIndex","withDivider","push","createDividerItemObject","isCategoryWithOptions","length","isFirstCategory","categoryObject","createCategoryItemObject","categoryData","className","cx","_defineProperty","comboboxItemsStyles","categoryWithOptions","categoryWithoutOptions","firstCategory","set","option","itemObject","createOptionItemObject","height","index","id","map","useKeyboardNavigation","_ref2","defaultVisualFocusFirstIndex","inputRef","onClick","isChildSelectable","getOptionId","filteredOptionsIds","_useActiveDescendantL","useActiveDescendantListFocus","focusedElementRef","focusedElementRole","roles","COMBOBOX","itemsIds","onItemClick","isItemSelectable","isIgnoreSpaceAsItemSelection","visualFocusItemIndex","visualFocusItemId","onOptionClick","_ref3","type","COMBOBOX_DIVIDER_ITEM","concat","_ref4","COMBOBOX_CATEGORY_ITEM","category","_ref5","COMBOBOX_OPTION_ITEM","belongToCategory","optionRenderer","isActive","shouldScrollToSelectedItem","comboboxItemRenderer","_ref6","customClassNames","innerElement","item","style","optionEvents","optionRenderData","isVirtualized","stickyCategories","otherArgs","__rest","dividerItemRenderer","categoryItemRenderer","styles","sticky","optionItemRenderer","assign","React","createElement","key","comboboxItemContainer","_ref7","dividerContainer","Divider","divider","_ref8","ComboboxCategory","_ref9","onOptionEnter","ComboboxOption","scrollRef","activeItemIndex","visualFocus","onOptionHover","onOptionLeave","shouldScrollWhenActive"],"mappings":"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"}
1	+ {"version":3,"file":"ComboboxHelpers.js","sources":["../../../../../src/components/Combobox/ComboboxHelpers/ComboboxHelpers.tsx"],"sourcesContent":["import React, { type CSSProperties, type MutableRefObject, useMemo } from \"react\";\nimport cx from \"classnames\";\nimport ComboboxOption from \"../components/ComboboxOption/ComboboxOption\";\nimport ComboboxCategory from \"../components/ComboboxCategory/ComboboxCategory\";\nimport Divider from \"../../Divider/Divider\";\nimport {\n COMBOBOX_DIVIDER_ITEM,\n COMBOBOX_CATEGORY_ITEM,\n COMBOBOX_OPTION_ITEM,\n type IComboboxCategory,\n type IComboboxOption,\n type IComboboxCategoryMap,\n type IComboboxItem,\n type IOptionItemRendererArgs,\n type IComboboxOptionEvents\n} from \"../components/ComboboxConstants\";\nimport useActiveDescendantListFocus from \"../../../hooks/useActiveDescendantListFocus\";\nimport { getOptionsByCategories } from \"../ComboboxService\";\nimport comboboxItemsStyles from \"../components/ComboboxItems/ComboboxItems.module.scss\";\nimport styles from \"./ComboboxHelpers.module.scss\";\n\nconst DIVIDER_HEIGHT = 17;\nconst CATEGORY_HEIGHT = 32;\n\nexport function useItemsData({\n categories,\n options,\n filterValue,\n withCategoriesDivider,\n optionLineHeight\n}: {\n categories: IComboboxCategoryMap;\n options: IComboboxOption[];\n filterValue: string;\n withCategoriesDivider: boolean;\n optionLineHeight: number;\n}) {\n return useMemo(() => {\n let items: IComboboxItem[] = [];\n let selectableItems: IComboboxOption[] = [];\n const itemsMap = new Map();\n\n if (categories) {\n const optionsByCategories = getOptionsByCategories(options, categories, filterValue);\n let optionIndex = 0;\n Object.keys(optionsByCategories).forEach((categoryId, categoryIndex) => {\n const withDivider = withCategoriesDivider && categoryIndex !== 0;\n if (withDivider) {\n items.push(createDividerItemObject({ categoryId }));\n }\n\n const isCategoryWithOptions = optionsByCategories[categoryId].length > 0;\n const isFirstCategory = categoryIndex === 0;\n\n const categoryObject = createCategoryItemObject({\n categoryId,\n categoryData: categories[categoryId],\n withDivider,\n className: cx({\n [comboboxItemsStyles.categoryWithOptions]: isCategoryWithOptions,\n [comboboxItemsStyles.categoryWithoutOptions]: !isCategoryWithOptions,\n [comboboxItemsStyles.firstCategory]: isFirstCategory\n })\n });\n\n // save category object in both items array and categories map\n items.push(categoryObject);\n itemsMap.set(categoryId, categoryObject);\n\n optionsByCategories[categoryId].forEach((option: IComboboxOption) => {\n const itemObject = createOptionItemObject({\n height: optionLineHeight,\n option,\n index: optionIndex,\n categoryId: categoryObject.id\n });\n\n itemsMap.set(itemObject.id, itemObject);\n items.push(itemObject);\n selectableItems.push(option);\n optionIndex++;\n });\n });\n } else {\n selectableItems = options;\n items = options.map((option, index) => {\n return createOptionItemObject({\n height: optionLineHeight,\n option,\n index\n });\n });\n }\n return { items, itemsMap, selectableItems };\n }, [categories, options, filterValue, withCategoriesDivider, optionLineHeight]);\n}\n\nexport function useKeyboardNavigation({\n defaultVisualFocusFirstIndex,\n inputRef,\n onClick,\n isChildSelectable,\n options,\n getOptionId\n}: {\n defaultVisualFocusFirstIndex?: boolean;\n inputRef: MutableRefObject<HTMLElement>;\n onClick: (event: React.KeyboardEvent \| React.MouseEvent, index: number) => void;\n isChildSelectable: (index: number) => boolean;\n options: IComboboxOption[];\n getOptionId: (optionId: string, index: number) => string;\n}) {\n const filteredOptionsIds = useMemo(\n () => options.map((option: IComboboxOption, index: number) => getOptionId(option?.id, index)),\n [getOptionId, options]\n );\n\n const { visualFocusItemIndex, visualFocusItemId } = useActiveDescendantListFocus({\n defaultVisualFocusFirstIndex,\n focusedElementRef: inputRef,\n focusedElementRole: useActiveDescendantListFocus.roles.COMBOBOX,\n itemsIds: filteredOptionsIds,\n onItemClick: onClick,\n isItemSelectable: isChildSelectable,\n isIgnoreSpaceAsItemSelection: true\n });\n\n return { visualFocusItemIndex, visualFocusItemId, onOptionClick: onClick };\n}\nexport function createDividerItemObject({ categoryId }: { categoryId: string }): IComboboxItem {\n return { type: COMBOBOX_DIVIDER_ITEM, height: DIVIDER_HEIGHT, id: `${categoryId}-divider` };\n}\n\nexport function createCategoryItemObject({\n withDivider,\n categoryId,\n categoryData,\n className\n}: {\n withDivider: boolean;\n categoryId: string;\n categoryData: IComboboxCategory;\n className: string;\n}): IComboboxItem {\n return {\n height: CATEGORY_HEIGHT,\n type: COMBOBOX_CATEGORY_ITEM,\n category: categoryData,\n id: categoryId,\n withDivider,\n className\n };\n}\n\nexport function createOptionItemObject({\n option,\n height,\n index,\n optionRenderer,\n isActive,\n optionLineHeight,\n shouldScrollToSelectedItem,\n categoryId\n}: {\n option?: IComboboxOption;\n height?: number;\n index?: number;\n optionRenderer?: (option: IComboboxOption) => JSX.Element;\n isActive?: boolean;\n optionLineHeight?: number;\n shouldScrollToSelectedItem?: boolean;\n categoryId?: string;\n}): IComboboxItem {\n return {\n type: COMBOBOX_OPTION_ITEM,\n height,\n belongToCategory: true,\n index,\n option,\n id: option.id \|\| index.toString(),\n optionRenderer,\n isActive,\n optionLineHeight,\n shouldScrollToSelectedItem,\n categoryId\n };\n}\n\nexport function comboboxItemRenderer({\n item,\n style,\n optionEvents,\n optionRenderData,\n isVirtualized,\n stickyCategories\n}: {\n item: IComboboxItem;\n style: CSSProperties;\n optionEvents: IComboboxOptionEvents;\n optionRenderData: any;\n isVirtualized: boolean;\n stickyCategories?: boolean;\n}) {\n const { type, ...otherArgs } = item;\n let customClassNames;\n let innerElement;\n switch (type) {\n case COMBOBOX_DIVIDER_ITEM: {\n innerElement = dividerItemRenderer({ id: otherArgs.id, height: otherArgs.height });\n break;\n }\n case COMBOBOX_CATEGORY_ITEM: {\n innerElement = categoryItemRenderer({\n id: otherArgs.id,\n category: otherArgs.category,\n className: otherArgs.className\n });\n if (stickyCategories && !isVirtualized) {\n customClassNames = styles.sticky;\n }\n break;\n }\n case COMBOBOX_OPTION_ITEM: {\n innerElement = optionItemRenderer({\n ...otherArgs,\n ...optionEvents,\n ...optionRenderData\n });\n break;\n }\n }\n\n return (\n <div key={otherArgs.id} className={cx(styles.comboboxItemContainer, customClassNames)} style={style}>\n {innerElement}\n </div>\n );\n}\n\nexport function dividerItemRenderer({ id, height }: { id: string; height: number }) {\n return (\n <div className={styles.dividerContainer} style={{ height: height }}>\n <Divider className={styles.divider} key={id} />\n </div>\n );\n}\n\nexport function categoryItemRenderer({\n id,\n category,\n className\n}: {\n id: string;\n category: IComboboxCategory;\n className: string;\n}) {\n return <ComboboxCategory key={id} category={category} className={className} />;\n}\n\nexport function optionItemRenderer({\n id,\n index,\n option,\n className,\n onOptionClick,\n onOptionEnter,\n onOptionLeave,\n optionLineHeight,\n optionRenderer,\n scrollRef,\n shouldScrollToSelectedItem,\n activeItemIndex,\n visualFocusItemIndex\n}: IOptionItemRendererArgs) {\n return (\n <ComboboxOption\n className={className}\n index={index}\n key={id}\n option={option}\n optionRenderer={optionRenderer}\n scrollRef={scrollRef}\n isActive={activeItemIndex === index}\n visualFocus={index === visualFocusItemIndex}\n onOptionClick={onOptionClick}\n onOptionHover={onOptionEnter}\n onOptionLeave={onOptionLeave}\n onOptionEnter={onOptionEnter}\n optionLineHeight={optionLineHeight}\n shouldScrollWhenActive={shouldScrollToSelectedItem}\n />\n );\n}\n"],"names":["DIVIDER_HEIGHT","CATEGORY_HEIGHT","useItemsData","_ref","categories","options","filterValue","withCategoriesDivider","optionLineHeight","useMemo","items","selectableItems","itemsMap","Map","optionsByCategories","getOptionsByCategories","optionIndex","Object","keys","forEach","categoryId","categoryIndex","withDivider","push","createDividerItemObject","isCategoryWithOptions","length","isFirstCategory","categoryObject","createCategoryItemObject","categoryData","className","cx","_defineProperty","comboboxItemsStyles","categoryWithOptions","categoryWithoutOptions","firstCategory","set","option","itemObject","createOptionItemObject","height","index","id","map","useKeyboardNavigation","_ref2","defaultVisualFocusFirstIndex","inputRef","onClick","isChildSelectable","getOptionId","filteredOptionsIds","_useActiveDescendantL","useActiveDescendantListFocus","focusedElementRef","focusedElementRole","roles","COMBOBOX","itemsIds","onItemClick","isItemSelectable","isIgnoreSpaceAsItemSelection","visualFocusItemIndex","visualFocusItemId","onOptionClick","_ref3","type","COMBOBOX_DIVIDER_ITEM","concat","_ref4","COMBOBOX_CATEGORY_ITEM","category","_ref5","COMBOBOX_OPTION_ITEM","belongToCategory","optionRenderer","isActive","shouldScrollToSelectedItem","comboboxItemRenderer","_ref6","customClassNames","innerElement","item","style","optionEvents","optionRenderData","isVirtualized","stickyCategories","otherArgs","__rest","dividerItemRenderer","categoryItemRenderer","styles","sticky","optionItemRenderer","assign","React","createElement","key","comboboxItemContainer","_ref7","dividerContainer","Divider","divider","_ref8","ComboboxCategory","_ref9","onOptionEnter","ComboboxOption","scrollRef","activeItemIndex","visualFocus","onOptionHover","onOptionLeave","shouldScrollWhenActive"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-var e={comboboxItemContainer:"comboboxItemContainer_96f5bf916c",dividerContainer:"dividerContainer_044ab57c63",divider:"divider_0dec92590d",sticky:"sticky_4bef165277"};!function(e){const n="s_id-cfec7f62c06c_4_5_4";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_96f5bf916c {\n  display: flex;\n  flex: auto;\n  width: 100%;\n  background-color: var(--secondary-background-color);\n}\n\n.dividerContainer_044ab57c63 {\n  position: relative;\n  width: 95%;\n}\n\n.divider_0dec92590d {\n  position: absolute;\n  width: calc(100% + 16px);\n  margin-inline-start: -12px;\n}\n\n.sticky_4bef165277 {\n  position: sticky;\n  top: 0;\n  z-index: 20;\n}");export{e as default};
+var e={comboboxItemContainer:"comboboxItemContainer_df5f14c0fb",dividerContainer:"dividerContainer_a63a07d353",divider:"divider_2a2f788d46",sticky:"sticky_73c9fd7da7"};!function(e){const n="s_id-cfec7f62c06c_4_5_3";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_df5f14c0fb {\n  display: flex;\n  flex: auto;\n  width: 100%;\n  background-color: var(--secondary-background-color);\n}\n\n.dividerContainer_a63a07d353 {\n  position: relative;\n  width: 95%;\n}\n\n.divider_2a2f788d46 {\n  position: absolute;\n  width: calc(100% + 16px);\n  margin-inline-start: -12px;\n}\n\n.sticky_73c9fd7da7 {\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_f2b33b1fa0"};!function(e){const t="s_id-ddc89c066e12_4_5_4";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n.comboboxCategory_f2b33b1fa0 {\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_ee55a95384"};!function(e){const t="s_id-ddc89c066e12_4_5_3";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n.comboboxCategory_ee55a95384 {\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_b46c0b5c81",optionsContainer:"optionsContainer_25d55e19b9",categoryWithOptions:"categoryWithOptions_7b7497dfda",firstCategory:"firstCategory_89400aedbb",categoryWithoutOptions:"categoryWithoutOptions_f78fb47a8a"};!function(t){const e="s_id-9dc0ac18aa3d_4_5_4";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_b46c0b5c81::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer_b46c0b5c81::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.optionsContainer_25d55e19b9 {\n  overflow-x: visible;\n  overflow-y: auto;\n  margin-top: var(--space-8);\n}\n.categoryWithOptions_7b7497dfda.firstCategory_89400aedbb,\n.categoryWithoutOptions_f78fb47a8a.firstCategory_89400aedbb {\n  padding-top: 0;\n}\n.categoryWithOptions_7b7497dfda {\n  margin-bottom: var(--space-4);\n}\n.categoryWithoutOptions_f78fb47a8a {\n  margin-bottom: 0;\n}");export{t as default};
+var t={scrollableContainer:"scrollableContainer_82bfcd289c",optionsContainer:"optionsContainer_665a99664a",categoryWithOptions:"categoryWithOptions_8b064becb4",firstCategory:"firstCategory_34b8fa34d3",categoryWithoutOptions:"categoryWithoutOptions_f4e9f677b4"};!function(t){const e="s_id-9dc0ac18aa3d_4_5_3";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_82bfcd289c::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer_82bfcd289c::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n\n.optionsContainer_665a99664a {\n  overflow-x: visible;\n  overflow-y: auto;\n  margin-top: var(--space-8);\n}\n\n.categoryWithOptions_8b064becb4.firstCategory_34b8fa34d3,\n.categoryWithoutOptions_f4e9f677b4.firstCategory_34b8fa34d3 {\n  padding-top: 0;\n}\n\n.categoryWithOptions_8b064becb4 {\n  margin-bottom: var(--space-4);\n}\n\n.categoryWithoutOptions_f4e9f677b4 {\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 o={comboboxOption:"comboboxOption_b5d00fd48d",disabled:"disabled_0e0d91d1f0",selected:"selected_f92649cb7e",active:"active_01d0132ca6",activeOutline:"activeOutline_1a45e912fa",optionLabel:"optionLabel_652a5fb983",optionIcon:"optionIcon_cde069b728",left:"left_60d8a784b8"};!function(o){const e="s_id-3db504899945_4_5_4";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const d=document.createElement("style");d.id=e,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=o)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n.comboboxOption_b5d00fd48d {\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_b5d00fd48d.disabled_0e0d91d1f0 {\n  cursor: not-allowed;\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n.comboboxOption_b5d00fd48d.disabled_0e0d91d1f0:hover {\n  background-color: transparent;\n}\n.comboboxOption_b5d00fd48d.selected_f92649cb7e {\n  background-color: var(--primary-selected-color);\n}\n.comboboxOption_b5d00fd48d:hover:not(.disabled_0e0d91d1f0):not(.selected_f92649cb7e),\n.comboboxOption_b5d00fd48d.active_01d0132ca6 {\n  color: var(--primary-text-color);\n  background-color: var(--primary-background-hover-color);\n  position: relative;\n}\n.comboboxOption_b5d00fd48d.activeOutline_1a45e912fa {\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_b5d00fd48d .optionLabel_652a5fb983 {\n  flex: 1 1 auto;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.comboboxOption_b5d00fd48d .optionIcon_cde069b728 {\n  flex: 0 0 auto;\n}\n.comboboxOption_b5d00fd48d .optionIcon_cde069b728.left_60d8a784b8 {\n  margin-inline-end: 4px;\n}");export{o as default};
+var e={comboboxOption:"comboboxOption_e99e30416e",disabled:"disabled_012ca5395e",selected:"selected_570f54c0b8",active:"active_b8a5fabbf9",activeOutline:"activeOutline_04512e19b4",optionLabel:"optionLabel_00a4acd90f",optionIcon:"optionIcon_98a44302bb",left:"left_bcda00c0e8"};!function(e){const o="s_id-3db504899945_4_5_3";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_e99e30416e {\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\n.comboboxOption_e99e30416e.disabled_012ca5395e {\n  cursor: not-allowed;\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n.comboboxOption_e99e30416e.disabled_012ca5395e:hover {\n  background-color: transparent;\n}\n\n.comboboxOption_e99e30416e.selected_570f54c0b8 {\n  background-color: var(--primary-selected-color);\n}\n\n.comboboxOption_e99e30416e:hover:not(.disabled_012ca5395e):not(.selected_570f54c0b8),\n.comboboxOption_e99e30416e.active_b8a5fabbf9 {\n  color: var(--primary-text-color);\n  background-color: var(--primary-background-hover-color);\n  position: relative;\n}\n\n.comboboxOption_e99e30416e.activeOutline_04512e19b4 {\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\n.comboboxOption_e99e30416e .optionLabel_00a4acd90f {\n  flex: 1 1 auto;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.comboboxOption_e99e30416e .optionIcon_98a44302bb {\n  flex: 0 0 auto;\n}\n\n.comboboxOption_e99e30416e .optionIcon_98a44302bb.left_bcda00c0e8 {\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_d3e143e395"};!function(e){const t="s_id-c981e92fbca0_4_5_4";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".stickyCategoryHeader_d3e143e395 {\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_14b8f1279e"};!function(e){const t="s_id-c981e92fbca0_4_5_3";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_14b8f1279e {\n  position: absolute;\n  z-index: 10;\n  width: calc(100% - 12px);\n  background-color: var(--primary-background-color);\n  padding-block: 10px var(--space-4);\n  display: flex;\n  align-items: center;\n}");export{e as default};
 //# sourceMappingURL=StickyCategoryHeader.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var n={counter:"counter_2c70460e24",withAnimation:"withAnimation_d56669cf1d",counterPopElastic:"counterPopElastic_bffd77ca0c",sizeXs:"sizeXs_aa71630324",sizeSmall:"sizeSmall_b45000871b",sizeLarge:"sizeLarge_15127d5167",kindFill:"kindFill_1e040331af",colorPrimary:"colorPrimary_74ecb8bacf",colorDark:"colorDark_9e2d35ca5d",colorNegative:"colorNegative_2a0e93780d",colorLight:"colorLight_18af5914a1",kindLine:"kindLine_b064558ffc",fadeEnter:"fadeEnter_fb1e9ffcc6",fadeEnterActive:"fadeEnterActive_cfc7fd8512",fadeExit:"fadeExit_b3e8770993",fadeExitActive:"fadeExitActive_9c0dce5ba4","counter-pop-elastic":"counter-pop-elastic_23c83ccf6f"};!function(n){const o="s_id-b4f9c23ba3ce_4_5_4";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+o))return;const t=document.createElement("style");t.id=o,e.firstChild?e.insertBefore(t,e.firstChild):e.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=n)}("/* stylelint-disable */\n/* stylelint-enable */\n.counter_2c70460e24 {\n  display: inline-flex;\n  justify-content: center;\n  border-radius: 30px;\n  overflow: hidden;\n  transform-origin: center;\n}\n@keyframes counter-pop-elastic_23c83ccf6f {\n  0% {\n    transform: scale(1);\n  }\n  33% {\n    transform: scale(1.2);\n  }\n  66% {\n    transform: scale(0.9);\n  }\n  100% {\n    transform: scale(1);\n  }\n}\n.withAnimation_d56669cf1d {\n  animation: counterPopElastic_bffd77ca0c var(--motion-expressive-short);\n}\n.sizeXs_aa71630324 {\n  font: var(--font-text3-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  min-width: 18px;\n  line-height: 18px;\n  padding: 0 var(--space-8);\n}\n.sizeSmall_b45000871b {\n  font: var(--font-text2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  min-width: 18px;\n  line-height: 18px;\n  padding: 0 var(--space-8);\n}\n.sizeLarge_15127d5167 {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text2-normal);\n  min-width: 24px;\n  padding: 2px var(--space-8);\n}\n.kindFill_1e040331af.colorPrimary_74ecb8bacf {\n  color: var(--fixed-light-color);\n  background-color: var(--primary-color);\n}\n.kindFill_1e040331af.colorDark_9e2d35ca5d {\n  color: var(--text-color-on-inverted);\n  background-color: var(--inverted-color-background);\n}\n.kindFill_1e040331af.colorNegative_2a0e93780d {\n  color: var(--fixed-light-color);\n  background-color: var(--negative-color);\n}\n.kindFill_1e040331af.colorLight_18af5914a1 {\n  color: var(--primary-text-color);\n  background-color: var(--ui-background-color);\n}\n.kindLine_b064558ffc {\n  box-shadow: 0 0 0 1px currentColor inset;\n}\n.kindLine_b064558ffc.colorPrimary_74ecb8bacf {\n  color: var(--primary-color);\n}\n.kindLine_b064558ffc.colorDark_9e2d35ca5d {\n  color: var(--inverted-color-background);\n}\n.kindLine_b064558ffc.colorNegative_2a0e93780d {\n  color: var(--negative-color);\n}\n.kindLine_b064558ffc.colorLight_18af5914a1 {\n  color: var(--primary-text-color);\n  box-shadow: 0 0 0 1px var(--ui-background-color) inset !important;\n}\n/* New number enters */\n.fadeEnter_fb1e9ffcc6 {\n  opacity: 0;\n  transform: translateY(15px);\n}\n.fadeEnterActive_cfc7fd8512 {\n  position: relative;\n  opacity: 1;\n  transition: transform var(--motion-productive-long) var(--motion-timing-enter), opacity var(--motion-productive-short);\n  transform: translateY(0);\n}\n/* Old number exits */\n.fadeExit_b3e8770993 {\n  position: relative;\n  opacity: 1;\n  transform: translateY(0);\n}\n.fadeExitActive_9c0dce5ba4 {\n  position: relative;\n  opacity: 0;\n  transform: translateY(-15px);\n  transition: transform var(--motion-productive-long) var(--motion-timing-exit), opacity var(--motion-productive-short);\n}");export{n as default};
+var n={counter:"counter_0e28ccb6b6",withAnimation:"withAnimation_3a588c2243",counterPopElastic:"counterPopElastic_6702b9ad51",sizeXs:"sizeXs_ba71cd203a",sizeSmall:"sizeSmall_d481fac4d7",sizeLarge:"sizeLarge_9cf5749a8f",kindFill:"kindFill_c30330910b",colorPrimary:"colorPrimary_2314c7da55",colorDark:"colorDark_629020a84a",colorNegative:"colorNegative_5142e8cc7e",colorLight:"colorLight_a7097a4564",kindLine:"kindLine_79ff4886ba",fadeEnter:"fadeEnter_402f2bd4f6",fadeEnterActive:"fadeEnterActive_7f7d100737",fadeExit:"fadeExit_a79ee14d5f",fadeExitActive:"fadeExitActive_cc61e586c2","counter-pop-elastic":"counter-pop-elastic_77f4456022"};!function(n){const o="s_id-b4f9c23ba3ce_4_5_3";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+o))return;const e=document.createElement("style");e.id=o,t.firstChild?t.insertBefore(e,t.firstChild):t.appendChild(e),e.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=n)}("/* stylelint-disable */\n/* stylelint-enable */\n.counter_0e28ccb6b6 {\n  display: inline-flex;\n  justify-content: center;\n  border-radius: 30px;\n  overflow: hidden;\n  transform-origin: center;\n}\n@keyframes counter-pop-elastic_77f4456022 {\n  0% {\n    transform: scale(1);\n  }\n  33% {\n    transform: scale(1.2);\n  }\n  66% {\n    transform: scale(0.9);\n  }\n  100% {\n    transform: scale(1);\n  }\n}\n\n.withAnimation_3a588c2243 {\n  animation: counterPopElastic_6702b9ad51 var(--motion-expressive-short);\n}\n\n.sizeXs_ba71cd203a {\n  font: var(--font-text3-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  min-width: 18px;\n  line-height: 18px;\n  padding: 0 var(--space-8);\n}\n\n.sizeSmall_d481fac4d7 {\n  font: var(--font-text2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  min-width: 18px;\n  line-height: 18px;\n  padding: 0 var(--space-8);\n}\n\n.sizeLarge_9cf5749a8f {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text2-normal);\n  min-width: 24px;\n  padding: 2px var(--space-8);\n}\n\n.kindFill_c30330910b.colorPrimary_2314c7da55 {\n  color: var(--fixed-light-color);\n  background-color: var(--primary-color);\n}\n\n.kindFill_c30330910b.colorDark_629020a84a {\n  color: var(--text-color-on-inverted);\n  background-color: var(--inverted-color-background);\n}\n\n.kindFill_c30330910b.colorNegative_5142e8cc7e {\n  color: var(--fixed-light-color);\n  background-color: var(--negative-color);\n}\n\n.kindFill_c30330910b.colorLight_a7097a4564 {\n  color: var(--primary-text-color);\n  background-color: var(--ui-background-color);\n}\n\n.kindLine_79ff4886ba {\n  box-shadow: 0 0 0 1px currentColor inset;\n}\n\n.kindLine_79ff4886ba.colorPrimary_2314c7da55 {\n  color: var(--primary-color);\n}\n\n.kindLine_79ff4886ba.colorDark_629020a84a {\n  color: var(--inverted-color-background);\n}\n\n.kindLine_79ff4886ba.colorNegative_5142e8cc7e {\n  color: var(--negative-color);\n}\n\n.kindLine_79ff4886ba.colorLight_a7097a4564 {\n  color: var(--primary-text-color);\n  box-shadow: 0 0 0 1px var(--ui-background-color) inset !important;\n}\n\n/* New number enters */\n.fadeEnter_402f2bd4f6 {\n  opacity: 0;\n  transform: translateY(15px);\n}\n\n.fadeEnterActive_7f7d100737 {\n  position: relative;\n  opacity: 1;\n  transition: transform var(--motion-productive-long) var(--motion-timing-enter), opacity var(--motion-productive-short);\n  transform: translateY(0);\n}\n\n/* Old number exits */\n.fadeExit_a79ee14d5f {\n  position: relative;\n  opacity: 1;\n  transform: translateY(0);\n}\n\n.fadeExitActive_cc61e586c2 {\n  position: relative;\n  opacity: 0;\n  transform: translateY(-15px);\n  transition: transform var(--motion-productive-long) var(--motion-timing-exit), opacity var(--motion-productive-short);\n}");export{n as default};
 //# sourceMappingURL=Counter.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={datePicker:"datePicker_c1165b55e7",datePickerMonths:"datePickerMonths_0fc5a0eb2f",withWeekNumber:"withWeekNumber_53071a358d",datePickerHead:"datePickerHead_5cc435ea87",datePickerBody:"datePickerBody_5cc435ea87",datePickerTable:"datePickerTable_f6ea38dd04",datePickerDay:"datePickerDay_44eb7d6489",datePickerDayContent:"datePickerDayContent_c5f9b70434",datePickerDayDisabled:"datePickerDayDisabled_38efd41c22",datePickerAddToRangeStart:"datePickerAddToRangeStart_86f9107180",datePickerAddToRangeEnd:"datePickerAddToRangeEnd_8c9a66a612",datePickerAddToRangeMiddle:"datePickerAddToRangeMiddle_b09db12495",datePickerDayRangeStart:"datePickerDayRangeStart_3bd782f836",datePickerDayRangeEnd:"datePickerDayRangeEnd_ea13fd0c94",datePickerDayOutside:"datePickerDayOutside_f28295f2e0",datePickerDaySelected:"datePickerDaySelected_ea13fd0c94",datePickerDayRangeMiddle:"datePickerDayRangeMiddle_060f7ce7ae",datePickerRemoveFromRange:"datePickerRemoveFromRange_b8ddf15a8a",datePickerHalfRangeSelected:"datePickerHalfRangeSelected_34fefec18a"};!function(e){const a="s_id-601bce29f4a5_4_5_4";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_c1165b55e7 {\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_c1165b55e7 .datePickerMonths_0fc5a0eb2f {\n  display: flex;\n  flex-direction: row;\n  gap: var(--space-16);\n  align-items: flex-start;\n}\n.datePicker_c1165b55e7.withWeekNumber_53071a358d {\n  --day-picker-days-horizontal-gap: 2px;\n  width: 284px;\n  margin: 0;\n}\n.datePicker_c1165b55e7.withWeekNumber_53071a358d .datePickerHead_5cc435ea87 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_c1165b55e7.withWeekNumber_53071a358d .datePickerHead_5cc435ea87 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_c1165b55e7.withWeekNumber_53071a358d .datePickerBody_5cc435ea87 td:first-child {\n  background-color: var(--primary-background-hover-color);\n}\n.datePicker_c1165b55e7.withWeekNumber_53071a358d .datePickerBody_5cc435ea87 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_c1165b55e7 .datePickerTable_f6ea38dd04 {\n  margin-top: var(--space-8);\n  border-collapse: collapse;\n  height: var(--day-picker-content-height);\n}\n.datePicker_c1165b55e7 .datePickerHead_5cc435ea87 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_c1165b55e7 .datePickerBody_5cc435ea87 td {\n  color: var(--secondary-text-color);\n  font: var(--font-text2-normal);\n  text-align: center;\n  padding: 0;\n}\n.datePicker_c1165b55e7 .datePickerBody_5cc435ea87 .datePickerDay_44eb7d6489 {\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_c1165b55e7 .datePickerBody_5cc435ea87 .datePickerDay_44eb7d6489 .datePickerDayContent_c5f9b70434 {\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_c1165b55e7 .datePickerBody_5cc435ea87 .datePickerDay_44eb7d6489:focus-visible {\n  outline: none;\n}\n.datePicker_c1165b55e7 .datePickerBody_5cc435ea87 .datePickerDay_44eb7d6489:focus-visible .datePickerDayContent_c5f9b70434 {\n  outline: 2px solid var(--primary-color);\n}\n.datePicker_c1165b55e7 .datePickerBody_5cc435ea87 .datePickerDay_44eb7d6489.datePickerDayDisabled_38efd41c22 {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n.datePicker_c1165b55e7 .datePickerBody_5cc435ea87 .datePickerDay_44eb7d6489:not(.datePickerDayDisabled_38efd41c22):not(.datePickerAddToRangeStart_86f9107180):not(.datePickerAddToRangeEnd_8c9a66a612):not(.datePickerAddToRangeMiddle_b09db12495):not(.datePickerDayRangeStart_3bd782f836):not(.datePickerDayRangeEnd_ea13fd0c94) .datePickerDayContent_c5f9b70434:hover {\n  background: var(--primary-background-hover-color);\n}\n.datePicker_c1165b55e7 .datePickerBody_5cc435ea87 .datePickerDay_44eb7d6489.datePickerDayOutside_f28295f2e0 {\n  color: var(--disabled-text-color);\n}\n.datePicker_c1165b55e7 .datePickerBody_5cc435ea87 .datePickerDay_44eb7d6489.datePickerDaySelected_ea13fd0c94:not(.datePickerDayRangeMiddle_060f7ce7ae):not(.datePickerRemoveFromRange_b8ddf15a8a) {\n  background: var(--primary-color);\n  color: var(--text-color-on-primary);\n}\n.datePicker_c1165b55e7 .datePickerBody_5cc435ea87 .datePickerDay_44eb7d6489.datePickerDayRangeStart_3bd782f836:not(.datePickerDayRangeEnd_ea13fd0c94):not(.datePickerRemoveFromRange_b8ddf15a8a), .datePicker_c1165b55e7 .datePickerBody_5cc435ea87 .datePickerDay_44eb7d6489.datePickerDayRangeEnd_ea13fd0c94:not(.datePickerDayRangeStart_3bd782f836):not(.datePickerRemoveFromRange_b8ddf15a8a) {\n  background: var(--primary-color);\n  width: calc(var(--day-picker-day-width) + var(--day-picker-days-horizontal-gap));\n}\n.datePicker_c1165b55e7 .datePickerBody_5cc435ea87 .datePickerDay_44eb7d6489.datePickerDayRangeStart_3bd782f836.datePickerRemoveFromRange_b8ddf15a8a, .datePicker_c1165b55e7 .datePickerBody_5cc435ea87 .datePickerDay_44eb7d6489.datePickerDayRangeEnd_ea13fd0c94.datePickerRemoveFromRange_b8ddf15a8a {\n  background: var(--primary-color);\n  color: var(--text-color-on-primary);\n}\n.datePicker_c1165b55e7 .datePickerBody_5cc435ea87 .datePickerDay_44eb7d6489.datePickerDayRangeStart_3bd782f836.datePickerRemoveFromRange_b8ddf15a8a:not(.datePickerDayRangeEnd_ea13fd0c94), .datePicker_c1165b55e7 .datePickerBody_5cc435ea87 .datePickerDay_44eb7d6489.datePickerDayRangeEnd_ea13fd0c94.datePickerRemoveFromRange_b8ddf15a8a:not(.datePickerDayRangeStart_3bd782f836) {\n  width: calc(var(--day-picker-day-width) + var(--day-picker-days-horizontal-gap));\n}\n.datePicker_c1165b55e7 .datePickerBody_5cc435ea87 .datePickerDay_44eb7d6489.datePickerAddToRangeStart_86f9107180, .datePicker_c1165b55e7 .datePickerBody_5cc435ea87 .datePickerDay_44eb7d6489.datePickerDayRangeStart_3bd782f836:not(.datePickerDayRangeEnd_ea13fd0c94) {\n  margin-inline-end: 0;\n  border-start-end-radius: 0;\n  border-end-end-radius: 0;\n}\n.datePicker_c1165b55e7 .datePickerBody_5cc435ea87 .datePickerDay_44eb7d6489.datePickerAddToRangeEnd_8c9a66a612, .datePicker_c1165b55e7 .datePickerBody_5cc435ea87 .datePickerDay_44eb7d6489.datePickerDayRangeEnd_ea13fd0c94:not(.datePickerDayRangeStart_3bd782f836) {\n  margin-inline-start: 0;\n  border-start-start-radius: 0;\n  border-end-start-radius: 0;\n}\n.datePicker_c1165b55e7 .datePickerBody_5cc435ea87 .datePickerDay_44eb7d6489.datePickerAddToRangeStart_86f9107180, .datePicker_c1165b55e7 .datePickerBody_5cc435ea87 .datePickerDay_44eb7d6489.datePickerAddToRangeEnd_8c9a66a612, .datePicker_c1165b55e7 .datePickerBody_5cc435ea87 .datePickerDay_44eb7d6489.datePickerAddToRangeMiddle_b09db12495 {\n  margin: var(--day-picker-days-vertical-gap) 0;\n}\n.datePicker_c1165b55e7 .datePickerBody_5cc435ea87 .datePickerDay_44eb7d6489.datePickerAddToRangeStart_86f9107180:not(.datePickerDayRangeStart_3bd782f836):not(.datePickerDayRangeEnd_ea13fd0c94), .datePicker_c1165b55e7 .datePickerBody_5cc435ea87 .datePickerDay_44eb7d6489.datePickerAddToRangeEnd_8c9a66a612:not(.datePickerDayRangeStart_3bd782f836):not(.datePickerDayRangeEnd_ea13fd0c94), .datePicker_c1165b55e7 .datePickerBody_5cc435ea87 .datePickerDay_44eb7d6489.datePickerAddToRangeMiddle_b09db12495, .datePicker_c1165b55e7 .datePickerBody_5cc435ea87 .datePickerDay_44eb7d6489.datePickerDayRangeMiddle_060f7ce7ae:not(.datePickerAddToRangeStart_86f9107180):not(.datePickerAddToRangeEnd_8c9a66a612) {\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_c1165b55e7 .datePickerBody_5cc435ea87 .datePickerDay_44eb7d6489.datePickerAddToRangeMiddle_b09db12495, .datePicker_c1165b55e7 .datePickerBody_5cc435ea87 .datePickerDay_44eb7d6489.datePickerDayRangeMiddle_060f7ce7ae:not(.datePickerAddToRangeStart_86f9107180):not(.datePickerAddToRangeEnd_8c9a66a612) {\n  background: var(--primary-selected-color);\n  margin: var(--day-picker-days-vertical-gap) 0;\n  border-radius: 0;\n}\n.datePicker_c1165b55e7 .datePickerBody_5cc435ea87 .datePickerDay_44eb7d6489.datePickerRemoveFromRange_b8ddf15a8a:not(.datePickerDayRangeStart_3bd782f836):not(.datePickerDayRangeEnd_ea13fd0c94), .datePicker_c1165b55e7 .datePickerBody_5cc435ea87 .datePickerDay_44eb7d6489.datePickerAddToRangeStart_86f9107180:not(.datePickerDayRangeMiddle_060f7ce7ae):not(.datePickerDayRangeEnd_ea13fd0c94), .datePicker_c1165b55e7 .datePickerBody_5cc435ea87 .datePickerDay_44eb7d6489.datePickerAddToRangeEnd_8c9a66a612:not(.datePickerDayRangeMiddle_060f7ce7ae):not(.datePickerDayRangeStart_3bd782f836), .datePicker_c1165b55e7 .datePickerBody_5cc435ea87 .datePickerDay_44eb7d6489.datePickerAddToRangeMiddle_b09db12495 {\n  background: var(--day-picker-day-change-range);\n  border-color: var(--day-picker-day-change-range);\n}\n.datePicker_c1165b55e7 .datePickerBody_5cc435ea87 tr td:first-child .datePickerDay_44eb7d6489.datePickerDayRangeMiddle_060f7ce7ae, .datePicker_c1165b55e7 .datePickerBody_5cc435ea87 tr td:first-child .datePickerDay_44eb7d6489.datePickerAddToRangeStart_86f9107180:not(.datePickerDayRangeStart_3bd782f836):not(.datePickerDayRangeEnd_ea13fd0c94), .datePicker_c1165b55e7 .datePickerBody_5cc435ea87 tr td:first-child .datePickerDay_44eb7d6489.datePickerAddToRangeMiddle_b09db12495, .datePicker_c1165b55e7 .datePickerBody_5cc435ea87 tr td:first-child .datePickerDay_44eb7d6489.datePickerAddToRangeEnd_8c9a66a612:not(.datePickerDayRangeStart_3bd782f836):not(.datePickerDayRangeEnd_ea13fd0c94) {\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_c1165b55e7 .datePickerBody_5cc435ea87 tr td:first-child .datePickerDay_44eb7d6489.datePickerRemoveFromRange_b8ddf15a8a {\n  border-color: var(--day-picker-day-change-range);\n}\n.datePicker_c1165b55e7 .datePickerBody_5cc435ea87 tr td:first-child .datePickerDay_44eb7d6489.datePickerAddToRangeEnd_8c9a66a612, .datePicker_c1165b55e7 .datePickerBody_5cc435ea87 tr td:first-child .datePickerDay_44eb7d6489.datePickerDayRangeEnd_ea13fd0c94:not(.datePickerDayRangeStart_3bd782f836) {\n  margin-inline-end: 0;\n}\n.datePicker_c1165b55e7 .datePickerBody_5cc435ea87 tr td:last-child .datePickerDay_44eb7d6489.datePickerDayRangeMiddle_060f7ce7ae, .datePicker_c1165b55e7 .datePickerBody_5cc435ea87 tr td:last-child .datePickerDay_44eb7d6489.datePickerAddToRangeStart_86f9107180:not(.datePickerDayRangeStart_3bd782f836):not(.datePickerDayRangeEnd_ea13fd0c94), .datePicker_c1165b55e7 .datePickerBody_5cc435ea87 tr td:last-child .datePickerDay_44eb7d6489.datePickerAddToRangeMiddle_b09db12495, .datePicker_c1165b55e7 .datePickerBody_5cc435ea87 tr td:last-child .datePickerDay_44eb7d6489.datePickerAddToRangeEnd_8c9a66a612:not(.datePickerDayRangeStart_3bd782f836):not(.datePickerDayRangeEnd_ea13fd0c94) {\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_c1165b55e7 .datePickerBody_5cc435ea87 tr td:last-child .datePickerDay_44eb7d6489.datePickerRemoveFromRange_b8ddf15a8a {\n  border-color: var(--day-picker-day-change-range);\n}\n.datePicker_c1165b55e7 .datePickerBody_5cc435ea87 tr td:last-child .datePickerDay_44eb7d6489.datePickerAddToRangeStart_86f9107180, .datePicker_c1165b55e7 .datePickerBody_5cc435ea87 tr td:last-child .datePickerDay_44eb7d6489.datePickerDayRangeStart_3bd782f836:not(.datePickerDayRangeEnd_ea13fd0c94) {\n  margin-inline-start: 0;\n}\n.datePicker_c1165b55e7 .datePickerBody_5cc435ea87 tr td:first-child .datePickerDay_44eb7d6489.datePickerAddToRangeStart_86f9107180:not(.datePickerDayRangeMiddle_060f7ce7ae), .datePicker_c1165b55e7 .datePickerBody_5cc435ea87 tr td:first-child .datePickerDay_44eb7d6489.datePickerAddToRangeMiddle_b09db12495, .datePicker_c1165b55e7 .datePickerBody_5cc435ea87 tr td:first-child .datePickerDay_44eb7d6489.datePickerAddToRangeEnd_8c9a66a612:not(.datePickerDayRangeMiddle_060f7ce7ae),\n.datePicker_c1165b55e7 .datePickerBody_5cc435ea87 tr td:last-child .datePickerDay_44eb7d6489.datePickerAddToRangeStart_86f9107180:not(.datePickerDayRangeMiddle_060f7ce7ae),\n.datePicker_c1165b55e7 .datePickerBody_5cc435ea87 tr td:last-child .datePickerDay_44eb7d6489.datePickerAddToRangeMiddle_b09db12495,\n.datePicker_c1165b55e7 .datePickerBody_5cc435ea87 tr td:last-child .datePickerDay_44eb7d6489.datePickerAddToRangeEnd_8c9a66a612:not(.datePickerDayRangeMiddle_060f7ce7ae) {\n  border-color: var(--day-picker-day-change-range);\n}\n.datePicker_c1165b55e7 .datePickerBody_5cc435ea87 tr td:first-child .datePickerDay_44eb7d6489.datePickerDaySelected_ea13fd0c94.datePickerDayRangeEnd_ea13fd0c94.datePickerAddToRangeStart_86f9107180,\n.datePicker_c1165b55e7 .datePickerBody_5cc435ea87 tr td:last-child .datePickerDay_44eb7d6489.datePickerDaySelected_ea13fd0c94.datePickerDayRangeEnd_ea13fd0c94.datePickerAddToRangeStart_86f9107180 {\n  border-inline-start-width: 0;\n}\n.datePicker_c1165b55e7 .datePickerBody_5cc435ea87 tr td:first-child .datePickerDay_44eb7d6489.datePickerDaySelected_ea13fd0c94.datePickerDayRangeStart_3bd782f836.datePickerAddToRangeEnd_8c9a66a612,\n.datePicker_c1165b55e7 .datePickerBody_5cc435ea87 tr td:last-child .datePickerDay_44eb7d6489.datePickerDaySelected_ea13fd0c94.datePickerDayRangeStart_3bd782f836.datePickerAddToRangeEnd_8c9a66a612 {\n  border-inline-end-width: 0;\n}\n.datePicker_c1165b55e7 .datePickerBody_5cc435ea87 .datePickerDaySelected_ea13fd0c94.datePickerDayRangeEnd_ea13fd0c94.datePickerAddToRangeStart_86f9107180 {\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_c1165b55e7 .datePickerBody_5cc435ea87 .datePickerDaySelected_ea13fd0c94.datePickerDayRangeEnd_ea13fd0c94.datePickerAddToRangeStart_86f9107180:not(.datePickerHalfRangeSelected_34fefec18a) {\n  margin-inline-start: calc(var(--day-picker-days-horizontal-gap) * -1);\n}\n.datePicker_c1165b55e7 .datePickerBody_5cc435ea87 .datePickerDaySelected_ea13fd0c94.datePickerDayRangeStart_3bd782f836.datePickerAddToRangeEnd_8c9a66a612 {\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_c1165b55e7 .datePickerBody_5cc435ea87 .datePickerDaySelected_ea13fd0c94.datePickerDayRangeStart_3bd782f836.datePickerAddToRangeEnd_8c9a66a612:not(.datePickerHalfRangeSelected_34fefec18a) {\n  margin-inline-end: calc(var(--day-picker-days-horizontal-gap) * -1);\n}');export{e as default};
+var a={datePicker:"datePicker_46132bcb46",datePickerMonths:"datePickerMonths_427c280401",withWeekNumber:"withWeekNumber_00c1fe924c",datePickerHead:"datePickerHead_11df32af69",datePickerBody:"datePickerBody_11df32af69",datePickerTable:"datePickerTable_e1db3f38cf",datePickerDay:"datePickerDay_f58107a67b",datePickerDayContent:"datePickerDayContent_89d2b82655",datePickerDayDisabled:"datePickerDayDisabled_53d10acbd6",datePickerAddToRangeStart:"datePickerAddToRangeStart_25c9fd76f8",datePickerAddToRangeEnd:"datePickerAddToRangeEnd_d26bdcb359",datePickerAddToRangeMiddle:"datePickerAddToRangeMiddle_0b643babfe",datePickerDayRangeStart:"datePickerDayRangeStart_0866527a56",datePickerDayRangeEnd:"datePickerDayRangeEnd_a1c144af98",datePickerDayOutside:"datePickerDayOutside_4869e95406",datePickerDaySelected:"datePickerDaySelected_a1c144af98",datePickerDayRangeMiddle:"datePickerDayRangeMiddle_24cddf0fc9",datePickerRemoveFromRange:"datePickerRemoveFromRange_4118bde306",datePickerHalfRangeSelected:"datePickerHalfRangeSelected_367fe899ce"};!function(a){const e="s_id-601bce29f4a5_4_5_3";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,d.firstChild?d.insertBefore(r,d.firstChild):d.appendChild(r),r.appendChild(document.createTextNode(a))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=a)}('/* stylelint-disable */\n/* stylelint-enable */\n.datePicker_46132bcb46 {\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_46132bcb46 .datePickerMonths_427c280401 {\n  display: flex;\n  flex-direction: row;\n  gap: var(--space-16);\n  align-items: flex-start;\n}\n.datePicker_46132bcb46.withWeekNumber_00c1fe924c {\n  --day-picker-days-horizontal-gap: 2px;\n  width: 284px;\n  margin: 0;\n}\n.datePicker_46132bcb46.withWeekNumber_00c1fe924c .datePickerHead_11df32af69 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_46132bcb46.withWeekNumber_00c1fe924c .datePickerHead_11df32af69 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_46132bcb46.withWeekNumber_00c1fe924c .datePickerBody_11df32af69 td:first-child {\n  background-color: var(--primary-background-hover-color);\n}\n.datePicker_46132bcb46.withWeekNumber_00c1fe924c .datePickerBody_11df32af69 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_46132bcb46 .datePickerTable_e1db3f38cf {\n  margin-top: var(--space-8);\n  border-collapse: collapse;\n  height: var(--day-picker-content-height);\n}\n.datePicker_46132bcb46 .datePickerHead_11df32af69 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_46132bcb46 .datePickerBody_11df32af69 td {\n  color: var(--secondary-text-color);\n  font: var(--font-text2-normal);\n  text-align: center;\n  padding: 0;\n}\n.datePicker_46132bcb46 .datePickerBody_11df32af69 .datePickerDay_f58107a67b {\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_46132bcb46 .datePickerBody_11df32af69 .datePickerDay_f58107a67b .datePickerDayContent_89d2b82655 {\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_46132bcb46 .datePickerBody_11df32af69 .datePickerDay_f58107a67b:focus-visible {\n  outline: none;\n}\n.datePicker_46132bcb46 .datePickerBody_11df32af69 .datePickerDay_f58107a67b:focus-visible .datePickerDayContent_89d2b82655 {\n  outline: 2px solid var(--primary-color);\n}\n.datePicker_46132bcb46 .datePickerBody_11df32af69 .datePickerDay_f58107a67b.datePickerDayDisabled_53d10acbd6 {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n.datePicker_46132bcb46 .datePickerBody_11df32af69 .datePickerDay_f58107a67b:not(.datePickerDayDisabled_53d10acbd6):not(.datePickerAddToRangeStart_25c9fd76f8):not(.datePickerAddToRangeEnd_d26bdcb359):not(.datePickerAddToRangeMiddle_0b643babfe):not(.datePickerDayRangeStart_0866527a56):not(.datePickerDayRangeEnd_a1c144af98) .datePickerDayContent_89d2b82655:hover {\n  background: var(--primary-background-hover-color);\n}\n.datePicker_46132bcb46 .datePickerBody_11df32af69 .datePickerDay_f58107a67b.datePickerDayOutside_4869e95406 {\n  color: var(--disabled-text-color);\n}\n.datePicker_46132bcb46 .datePickerBody_11df32af69 .datePickerDay_f58107a67b.datePickerDaySelected_a1c144af98:not(.datePickerDayRangeMiddle_24cddf0fc9):not(.datePickerRemoveFromRange_4118bde306) {\n  background: var(--primary-color);\n  color: var(--text-color-on-primary);\n}\n.datePicker_46132bcb46 .datePickerBody_11df32af69 .datePickerDay_f58107a67b.datePickerDayRangeStart_0866527a56:not(.datePickerDayRangeEnd_a1c144af98):not(.datePickerRemoveFromRange_4118bde306), .datePicker_46132bcb46 .datePickerBody_11df32af69 .datePickerDay_f58107a67b.datePickerDayRangeEnd_a1c144af98:not(.datePickerDayRangeStart_0866527a56):not(.datePickerRemoveFromRange_4118bde306) {\n  background: var(--primary-color);\n  width: calc(var(--day-picker-day-width) + var(--day-picker-days-horizontal-gap));\n}\n.datePicker_46132bcb46 .datePickerBody_11df32af69 .datePickerDay_f58107a67b.datePickerDayRangeStart_0866527a56.datePickerRemoveFromRange_4118bde306, .datePicker_46132bcb46 .datePickerBody_11df32af69 .datePickerDay_f58107a67b.datePickerDayRangeEnd_a1c144af98.datePickerRemoveFromRange_4118bde306 {\n  background: var(--primary-color);\n  color: var(--text-color-on-primary);\n}\n.datePicker_46132bcb46 .datePickerBody_11df32af69 .datePickerDay_f58107a67b.datePickerDayRangeStart_0866527a56.datePickerRemoveFromRange_4118bde306:not(.datePickerDayRangeEnd_a1c144af98), .datePicker_46132bcb46 .datePickerBody_11df32af69 .datePickerDay_f58107a67b.datePickerDayRangeEnd_a1c144af98.datePickerRemoveFromRange_4118bde306:not(.datePickerDayRangeStart_0866527a56) {\n  width: calc(var(--day-picker-day-width) + var(--day-picker-days-horizontal-gap));\n}\n.datePicker_46132bcb46 .datePickerBody_11df32af69 .datePickerDay_f58107a67b.datePickerAddToRangeStart_25c9fd76f8, .datePicker_46132bcb46 .datePickerBody_11df32af69 .datePickerDay_f58107a67b.datePickerDayRangeStart_0866527a56:not(.datePickerDayRangeEnd_a1c144af98) {\n  margin-inline-end: 0;\n  border-start-end-radius: 0;\n  border-end-end-radius: 0;\n}\n.datePicker_46132bcb46 .datePickerBody_11df32af69 .datePickerDay_f58107a67b.datePickerAddToRangeEnd_d26bdcb359, .datePicker_46132bcb46 .datePickerBody_11df32af69 .datePickerDay_f58107a67b.datePickerDayRangeEnd_a1c144af98:not(.datePickerDayRangeStart_0866527a56) {\n  margin-inline-start: 0;\n  border-start-start-radius: 0;\n  border-end-start-radius: 0;\n}\n.datePicker_46132bcb46 .datePickerBody_11df32af69 .datePickerDay_f58107a67b.datePickerAddToRangeStart_25c9fd76f8, .datePicker_46132bcb46 .datePickerBody_11df32af69 .datePickerDay_f58107a67b.datePickerAddToRangeEnd_d26bdcb359, .datePicker_46132bcb46 .datePickerBody_11df32af69 .datePickerDay_f58107a67b.datePickerAddToRangeMiddle_0b643babfe {\n  margin: var(--day-picker-days-vertical-gap) 0;\n}\n.datePicker_46132bcb46 .datePickerBody_11df32af69 .datePickerDay_f58107a67b.datePickerAddToRangeStart_25c9fd76f8:not(.datePickerDayRangeStart_0866527a56):not(.datePickerDayRangeEnd_a1c144af98), .datePicker_46132bcb46 .datePickerBody_11df32af69 .datePickerDay_f58107a67b.datePickerAddToRangeEnd_d26bdcb359:not(.datePickerDayRangeStart_0866527a56):not(.datePickerDayRangeEnd_a1c144af98), .datePicker_46132bcb46 .datePickerBody_11df32af69 .datePickerDay_f58107a67b.datePickerAddToRangeMiddle_0b643babfe, .datePicker_46132bcb46 .datePickerBody_11df32af69 .datePickerDay_f58107a67b.datePickerDayRangeMiddle_24cddf0fc9:not(.datePickerAddToRangeStart_25c9fd76f8):not(.datePickerAddToRangeEnd_d26bdcb359) {\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_46132bcb46 .datePickerBody_11df32af69 .datePickerDay_f58107a67b.datePickerAddToRangeMiddle_0b643babfe, .datePicker_46132bcb46 .datePickerBody_11df32af69 .datePickerDay_f58107a67b.datePickerDayRangeMiddle_24cddf0fc9:not(.datePickerAddToRangeStart_25c9fd76f8):not(.datePickerAddToRangeEnd_d26bdcb359) {\n  background: var(--primary-selected-color);\n  margin: var(--day-picker-days-vertical-gap) 0;\n  border-radius: 0;\n}\n.datePicker_46132bcb46 .datePickerBody_11df32af69 .datePickerDay_f58107a67b.datePickerRemoveFromRange_4118bde306:not(.datePickerDayRangeStart_0866527a56):not(.datePickerDayRangeEnd_a1c144af98), .datePicker_46132bcb46 .datePickerBody_11df32af69 .datePickerDay_f58107a67b.datePickerAddToRangeStart_25c9fd76f8:not(.datePickerDayRangeMiddle_24cddf0fc9):not(.datePickerDayRangeEnd_a1c144af98), .datePicker_46132bcb46 .datePickerBody_11df32af69 .datePickerDay_f58107a67b.datePickerAddToRangeEnd_d26bdcb359:not(.datePickerDayRangeMiddle_24cddf0fc9):not(.datePickerDayRangeStart_0866527a56), .datePicker_46132bcb46 .datePickerBody_11df32af69 .datePickerDay_f58107a67b.datePickerAddToRangeMiddle_0b643babfe {\n  background: var(--day-picker-day-change-range);\n  border-color: var(--day-picker-day-change-range);\n}\n.datePicker_46132bcb46 .datePickerBody_11df32af69 tr td:first-child .datePickerDay_f58107a67b.datePickerDayRangeMiddle_24cddf0fc9, .datePicker_46132bcb46 .datePickerBody_11df32af69 tr td:first-child .datePickerDay_f58107a67b.datePickerAddToRangeStart_25c9fd76f8:not(.datePickerDayRangeStart_0866527a56):not(.datePickerDayRangeEnd_a1c144af98), .datePicker_46132bcb46 .datePickerBody_11df32af69 tr td:first-child .datePickerDay_f58107a67b.datePickerAddToRangeMiddle_0b643babfe, .datePicker_46132bcb46 .datePickerBody_11df32af69 tr td:first-child .datePickerDay_f58107a67b.datePickerAddToRangeEnd_d26bdcb359:not(.datePickerDayRangeStart_0866527a56):not(.datePickerDayRangeEnd_a1c144af98) {\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_46132bcb46 .datePickerBody_11df32af69 tr td:first-child .datePickerDay_f58107a67b.datePickerRemoveFromRange_4118bde306 {\n  border-color: var(--day-picker-day-change-range);\n}\n.datePicker_46132bcb46 .datePickerBody_11df32af69 tr td:first-child .datePickerDay_f58107a67b.datePickerAddToRangeEnd_d26bdcb359, .datePicker_46132bcb46 .datePickerBody_11df32af69 tr td:first-child .datePickerDay_f58107a67b.datePickerDayRangeEnd_a1c144af98:not(.datePickerDayRangeStart_0866527a56) {\n  margin-inline-end: 0;\n}\n.datePicker_46132bcb46 .datePickerBody_11df32af69 tr td:last-child .datePickerDay_f58107a67b.datePickerDayRangeMiddle_24cddf0fc9, .datePicker_46132bcb46 .datePickerBody_11df32af69 tr td:last-child .datePickerDay_f58107a67b.datePickerAddToRangeStart_25c9fd76f8:not(.datePickerDayRangeStart_0866527a56):not(.datePickerDayRangeEnd_a1c144af98), .datePicker_46132bcb46 .datePickerBody_11df32af69 tr td:last-child .datePickerDay_f58107a67b.datePickerAddToRangeMiddle_0b643babfe, .datePicker_46132bcb46 .datePickerBody_11df32af69 tr td:last-child .datePickerDay_f58107a67b.datePickerAddToRangeEnd_d26bdcb359:not(.datePickerDayRangeStart_0866527a56):not(.datePickerDayRangeEnd_a1c144af98) {\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_46132bcb46 .datePickerBody_11df32af69 tr td:last-child .datePickerDay_f58107a67b.datePickerRemoveFromRange_4118bde306 {\n  border-color: var(--day-picker-day-change-range);\n}\n.datePicker_46132bcb46 .datePickerBody_11df32af69 tr td:last-child .datePickerDay_f58107a67b.datePickerAddToRangeStart_25c9fd76f8, .datePicker_46132bcb46 .datePickerBody_11df32af69 tr td:last-child .datePickerDay_f58107a67b.datePickerDayRangeStart_0866527a56:not(.datePickerDayRangeEnd_a1c144af98) {\n  margin-inline-start: 0;\n}\n.datePicker_46132bcb46 .datePickerBody_11df32af69 tr td:first-child .datePickerDay_f58107a67b.datePickerAddToRangeStart_25c9fd76f8:not(.datePickerDayRangeMiddle_24cddf0fc9), .datePicker_46132bcb46 .datePickerBody_11df32af69 tr td:first-child .datePickerDay_f58107a67b.datePickerAddToRangeMiddle_0b643babfe, .datePicker_46132bcb46 .datePickerBody_11df32af69 tr td:first-child .datePickerDay_f58107a67b.datePickerAddToRangeEnd_d26bdcb359:not(.datePickerDayRangeMiddle_24cddf0fc9),\n.datePicker_46132bcb46 .datePickerBody_11df32af69 tr td:last-child .datePickerDay_f58107a67b.datePickerAddToRangeStart_25c9fd76f8:not(.datePickerDayRangeMiddle_24cddf0fc9),\n.datePicker_46132bcb46 .datePickerBody_11df32af69 tr td:last-child .datePickerDay_f58107a67b.datePickerAddToRangeMiddle_0b643babfe,\n.datePicker_46132bcb46 .datePickerBody_11df32af69 tr td:last-child .datePickerDay_f58107a67b.datePickerAddToRangeEnd_d26bdcb359:not(.datePickerDayRangeMiddle_24cddf0fc9) {\n  border-color: var(--day-picker-day-change-range);\n}\n.datePicker_46132bcb46 .datePickerBody_11df32af69 tr td:first-child .datePickerDay_f58107a67b.datePickerDaySelected_a1c144af98.datePickerDayRangeEnd_a1c144af98.datePickerAddToRangeStart_25c9fd76f8,\n.datePicker_46132bcb46 .datePickerBody_11df32af69 tr td:last-child .datePickerDay_f58107a67b.datePickerDaySelected_a1c144af98.datePickerDayRangeEnd_a1c144af98.datePickerAddToRangeStart_25c9fd76f8 {\n  border-inline-start-width: 0;\n}\n.datePicker_46132bcb46 .datePickerBody_11df32af69 tr td:first-child .datePickerDay_f58107a67b.datePickerDaySelected_a1c144af98.datePickerDayRangeStart_0866527a56.datePickerAddToRangeEnd_d26bdcb359,\n.datePicker_46132bcb46 .datePickerBody_11df32af69 tr td:last-child .datePickerDay_f58107a67b.datePickerDaySelected_a1c144af98.datePickerDayRangeStart_0866527a56.datePickerAddToRangeEnd_d26bdcb359 {\n  border-inline-end-width: 0;\n}\n.datePicker_46132bcb46 .datePickerBody_11df32af69 .datePickerDaySelected_a1c144af98.datePickerDayRangeEnd_a1c144af98.datePickerAddToRangeStart_25c9fd76f8 {\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_46132bcb46 .datePickerBody_11df32af69 .datePickerDaySelected_a1c144af98.datePickerDayRangeEnd_a1c144af98.datePickerAddToRangeStart_25c9fd76f8:not(.datePickerHalfRangeSelected_367fe899ce) {\n  margin-inline-start: calc(var(--day-picker-days-horizontal-gap) * -1);\n}\n.datePicker_46132bcb46 .datePickerBody_11df32af69 .datePickerDaySelected_a1c144af98.datePickerDayRangeStart_0866527a56.datePickerAddToRangeEnd_d26bdcb359 {\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_46132bcb46 .datePickerBody_11df32af69 .datePickerDaySelected_a1c144af98.datePickerDayRangeStart_0866527a56.datePickerAddToRangeEnd_d26bdcb359:not(.datePickerHalfRangeSelected_367fe899ce) {\n  margin-inline-end: calc(var(--day-picker-days-horizontal-gap) * -1);\n}');export{a 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_327892bce1",yearButtonDropdown:"yearButtonDropdown_72fee7b74b",datePickerHeader:"datePickerHeader_f261b0bfe3"};!function(e){const t="s_id-a12251d5376d_4_5_4";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.monthButtonDropdown_327892bce1 {\n  min-width: 70px;\n  justify-content: space-between;\n}\n.yearButtonDropdown_72fee7b74b {\n  justify-content: space-between;\n}\n.datePickerHeader_f261b0bfe3 {\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_f261b0bfe3 button:focus:not(:active), .datePickerHeader_f261b0bfe3 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_fa03dfece8",yearButtonDropdown:"yearButtonDropdown_d278ca47f5",datePickerHeader:"datePickerHeader_024037ae2d"};!function(e){const t="s_id-a12251d5376d_4_5_3";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.monthButtonDropdown_fa03dfece8 {\n  min-width: 70px;\n  justify-content: space-between;\n}\n\n.yearButtonDropdown_d278ca47f5 {\n  justify-content: space-between;\n}\n\n.datePickerHeader_024037ae2d {\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_024037ae2d button:focus:not(:active), .datePickerHeader_024037ae2d button:focus-visible {\n  box-shadow: 0 0 0 2px var(--primary-color);\n  background: var(--primary-background-color) !important;\n}");export{e as default};
 //# sourceMappingURL=DatePickerHeader.module.scss.js.map

package/dist/src/components/Divider/Divider.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{defineProperty as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{getTestId as i,ComponentDefaultTestId as s}from"../../tests/testIds.js";import r from"classnames";import e from"react";import o from"./Divider.module.scss.js";import{ComponentVibeId as a}from"../../tests/constants.js";import{getStyle as d}from"../../../shared/dist/utils/typesciptCssModulesHelper.js";var m=function(m){var l=m.className,p=void 0===l?void 0:l,n=m.withoutMargin,u=void 0!==n&&n,v=m.direction,c=void 0===v?"horizontal":v,f=m.id;return e.createElement("div",{id:f,"data-testid":m["data-testid"]\|\|i(s.DIVIDER,f),"data-vibe":a.DIVIDER,className:r(o.divider,p,d(o,c),t({},o.withoutMargin,u))})};export{m as default};
2	+ //# sourceMappingURL=Divider.js.map

package/dist/src/components/Divider/Divider.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Divider.js","sources":["../../../../src/components/Divider/Divider.tsx"],"sourcesContent":["import { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport React from \"react\";\nimport { type DividerDirection } from \"./Divider.types\";\nimport { getStyle } from \"@vibe/shared\";\nimport { type VibeComponentProps } from \"../../types\";\nimport styles from \"./Divider.module.scss\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nexport interface DividerProps extends VibeComponentProps {\n /**\n * The direction of the divider.\n */\n direction?: DividerDirection;\n /**\n * If true, removes margin from the divider.\n */\n withoutMargin?: boolean;\n}\n\nconst Divider = ({\n className = undefined,\n withoutMargin = false,\n direction = \"horizontal\",\n id,\n \"data-testid\": dataTestId\n}: DividerProps) => {\n return (\n <div\n id={id}\n data-testid={dataTestId || getTestId(ComponentDefaultTestId.DIVIDER, id)}\n data-vibe={ComponentVibeId.DIVIDER}\n className={cx(styles.divider, className, getStyle(styles, direction), {\n [styles.withoutMargin]: withoutMargin\n })}\n />\n );\n};\n\nexport default Divider;\n"],"names":["Divider","_ref","_ref$className","className","undefined","_ref$withoutMargin","withoutMargin","_ref$direction","direction","id","React","createElement","getTestId","ComponentDefaultTestId","DIVIDER","ComponentVibeId","cx","styles","divider","getStyle","_defineProperty"],"mappings":"oYAoBA,IAAMA,EAAU,SAAHC,GAMM,IAAAC,EAAAD,EALjBE,UAAAA,OAAYC,IAAHF,OAAGE,EAASF,EAAAG,EAAAJ,EACrBK,cAAAA,OAAgB,IAAHD,GAAQA,EAAAE,EAAAN,EACrBO,UAAAA,OAAY,IAAHD,EAAG,aAAYA,EACxBE,EAAER,EAAFQ,GAGA,OACEC,EACEC,cAAA,MAAA,CAAAF,GAAIA,gBAJiBR,EAAzB,gBAK+BW,EAAUC,EAAuBC,QAASL,GAC1D,YAAAM,EAAgBD,QAC3BX,UAAWa,EAAGC,EAAOC,QAASf,EAAWgB,EAASF,EAAQT,GAAUY,EAAA,CAAA,EACjEH,EAAOX,cAAgBA,KAIhC"}

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

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

package/dist/src/components/Divider/Divider.module.scss.js.map ADDED Viewed

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

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

@@ -1,2 +1,2 @@
-var r={outerWrapper:"outerWrapper_ab4bb85754",wrapper:"wrapper_228bbd3b7d",active:"active_9f39b4a141",disabled:"disabled_03cbcadb9e",readOnly:"readOnly_91287ebf9e",error:"error_312ac6acec",boxMode:"boxMode_6dca2f8c0e",borderless:"borderless_efd76de970",helperText:"helperText_eb2e5b777c"};!function(r){const e="s_id-8dd14e35d33c_4_5_4";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_ab4bb85754 {\n  width: 100%;\n}\n\n.wrapper_228bbd3b7d {\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_228bbd3b7d:hover {\n  --border-color: var(--primary-text-color);\n}\n\n.wrapper_228bbd3b7d.active_9f39b4a141, .wrapper_228bbd3b7d:focus {\n  --border-color: var(--primary-color);\n}\n\n.wrapper_228bbd3b7d.disabled_03cbcadb9e {\n  --border-color: var(--disabled-background-color);\n  --background-color: var(--disabled-background-color);\n  cursor: not-allowed;\n}\n\n.wrapper_228bbd3b7d.readOnly_91287ebf9e {\n  --border-color: var(--allgrey-background-color);\n  --background-color: var(--allgrey-background-color);\n  cursor: default;\n}\n\n.wrapper_228bbd3b7d.error_312ac6acec {\n  --border-color: var(--negative-color);\n}\n\n.wrapper_228bbd3b7d.boxMode_6dca2f8c0e {\n  box-shadow: none;\n  background: transparent;\n  cursor: default;\n}\n\n.wrapper_228bbd3b7d.borderless_efd76de970 {\n  --border-color: transparent;\n}\n\n.wrapper_228bbd3b7d.borderless_efd76de970:hover {\n  --border-color: var(--primary-text-color);\n}\n\n.wrapper_228bbd3b7d.borderless_efd76de970.active_9f39b4a141, .wrapper_228bbd3b7d.borderless_efd76de970:focus {\n  --border-color: var(--primary-color);\n}\n\n.helperText_eb2e5b777c {\n  margin-top: var(--space-4);\n}");export{r as default};
+var e={outerWrapper:"outerWrapper_83b910b9cd",wrapper:"wrapper_dfc01ee2ee",active:"active_64a8c1d87c",disabled:"disabled_42a107091b",readOnly:"readOnly_dbe5622698",error:"error_9c9e7fa0cd",boxMode:"boxMode_cf452c94fe",borderless:"borderless_4dad482c18",helperText:"helperText_d7c810bc7f"};!function(e){const r="s_id-8dd14e35d33c_4_5_3";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+r))return;const d=document.createElement("style");d.id=r,o.firstChild?o.insertBefore(d,o.firstChild):o.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=e)}(".outerWrapper_83b910b9cd {\n  width: 100%;\n}\n\n.wrapper_dfc01ee2ee {\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.wrapper_dfc01ee2ee:hover {\n  --border-color: var(--primary-text-color);\n}\n.wrapper_dfc01ee2ee.active_64a8c1d87c, .wrapper_dfc01ee2ee:focus {\n  --border-color: var(--primary-color);\n}\n.wrapper_dfc01ee2ee.disabled_42a107091b {\n  --border-color: var(--disabled-background-color);\n  --background-color: var(--disabled-background-color);\n  cursor: not-allowed;\n}\n.wrapper_dfc01ee2ee.readOnly_dbe5622698 {\n  --border-color: var(--allgrey-background-color);\n  --background-color: var(--allgrey-background-color);\n  cursor: default;\n}\n.wrapper_dfc01ee2ee.error_9c9e7fa0cd {\n  --border-color: var(--negative-color);\n}\n.wrapper_dfc01ee2ee.boxMode_cf452c94fe {\n  box-shadow: none;\n  background: transparent;\n  cursor: default;\n}\n.wrapper_dfc01ee2ee.borderless_4dad482c18 {\n  --border-color: transparent;\n}\n.wrapper_dfc01ee2ee.borderless_4dad482c18:hover {\n  --border-color: var(--primary-text-color);\n}\n.wrapper_dfc01ee2ee.borderless_4dad482c18.active_64a8c1d87c, .wrapper_dfc01ee2ee.borderless_4dad482c18:focus {\n  --border-color: var(--primary-color);\n}\n\n.helperText_d7c810bc7f {\n  margin-top: var(--space-4);\n}");export{e 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"../../../BaseItem/BaseItem.js";import o from"./DropdownBaseList.module.scss.js";import n from"classnames";import s from"../../../Divider/Divider.js";import a from"../../../../../components/layout/dist/Flex/Flex.js";import m from"../../../../../components/typography/dist/Text/Text.js";var d=l((function(l,d){var u=l.options,p=l.selectedItems,c=l.highlightedIndex,v=l.menuAriaLabel,f=l.getMenuProps,g=l.getItemProps,y=l.size,h=void 0===y?"medium":y,x=l.withGroupDivider,b=void 0!==x&&x,j=l.dir,E=void 0===j?"ltr":j,I=l.itemRenderer,O=l.menuRenderer,P=l.noOptionsMessage,k=void 0===P?"No results":P,B=l.stickyGroupTitle,D=void 0!==B&&B,T=l.renderOptions,_=void 0===T||T,w=l.onScroll,z=l.maxMenuHeight,F=void 0===z?300:z,H="small"===h?"text2":"text1",M=_?u.every((function(e){var t;return 0===(null===(t=e.options)||void 0===t?void 0:t.length)}))?i.createElement("div",{role:"status"},"string"==typeof k?i.createElement(a,{justify:"center"},i.createElement(r,{component:"div",item:{label:k,value:""},size:h,readOnly:!0})):k):u.map((function(l,a){var d;return i.createElement(i.Fragment,{key:null!==(d=l.label)&&void 0!==d?d:a},l.label&&i.createElement("li",{className:n(o.groupTitle,e({},o.sticky,D))},i.createElement(m,{type:H,color:"inherit"},l.label)),l.options.map((function(e,l){var o,n=null!==(o=null==g?void 0:g({item:e,index:e.index}))&&void 0!==o?o:{},s=t(n,["aria-selected"]),a=void 0!==c&&c===e.index&&!e.disabled,m=(null==p?void 0:p.some((function(t){return(null==t?void 0:t.value)===e.value})))&&!e.disabled;return i.createElement(r,{itemProps:s,key:"string"==typeof e.value?e.value:l,size:h,highlighted:a,selected:m,itemRenderer:I,item:e,role:"option"})})),b&&u.length-1>a&&i.createElement(s,null))})):null;return i.createElement("ul",Object.assign({ref:d,dir:E,className:o.wrapper},null==f?void 0:f({"aria-label":v}),{onScroll:w,style:{maxHeight:F}}),O&&_?O({children:M,filteredOptions:u,selectedItem:(null==p?void 0:p[0])||null,selectedItems:p||[]}):M)}));export{d as default};
 //# sourceMappingURL=DropdownBaseList.js.map

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

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

@@ -1,2 +1,2 @@
-var e={wrapper:"wrapper_aba68eea20",groupTitle:"groupTitle_40bfd0acff",sticky:"sticky_20a4353fa3"};!function(e){const a="s_id-87eb930dd60f_4_5_4";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_aba68eea20 {\n  overflow-y: auto;\n  padding: 0;\n  margin: 0;\n}\n.wrapper_aba68eea20::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.wrapper_aba68eea20::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.wrapper_aba68eea20 .groupTitle_40bfd0acff {\n  color: var(--secondary-text-color);\n  padding: var(--space-8) var(--space-4);\n  background-color: var(--secondary-background-color);\n}\n.wrapper_aba68eea20 .groupTitle_40bfd0acff.sticky_20a4353fa3 {\n  position: sticky;\n  top: 0;\n}\n.wrapper_aba68eea20 > li:not(:last-child) {\n  margin-bottom: 2px;\n}");export{e as default};
+var e={wrapper:"wrapper_4a9aaece57",groupTitle:"groupTitle_225d8ce9a5",sticky:"sticky_e37552d0bd"};!function(e){const a="s_id-87eb930dd60f_4_5_3";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_4a9aaece57 {\n  overflow-y: auto;\n  padding: 0;\n  margin: 0;\n}\n.wrapper_4a9aaece57::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.wrapper_4a9aaece57::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.wrapper_4a9aaece57 .groupTitle_225d8ce9a5 {\n  color: var(--secondary-text-color);\n  padding: var(--space-8) var(--space-4);\n  background-color: var(--secondary-background-color);\n}\n.wrapper_4a9aaece57 .groupTitle_225d8ce9a5.sticky_e37552d0bd {\n  position: sticky;\n  top: 0;\n}\n.wrapper_4a9aaece57 > 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_37641d3518",inputContainer:"inputContainer_a235616019",disabled:"disabled_e5c05b74f0",readOnly:"readOnly_8ba8aae0d4",error:"error_312ac6acec",menuContainer:"menuContainer_ab4bb85754"};!function(n){const r="s_id-f92aa28952f8_4_5_4";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+r))return;const e=document.createElement("style");e.id=r,o.firstChild?o.insertBefore(e,o.firstChild):o.appendChild(e),e.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=n)}(".boxModeContainer_37641d3518 {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n}\n\n.inputContainer_a235616019 {\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_a235616019:hover {\n  --border-color: var(--primary-text-color);\n}\n\n.inputContainer_a235616019:focus-within {\n  --border-color: var(--primary-color);\n}\n\n.inputContainer_a235616019.disabled_e5c05b74f0 {\n  --border-color: var(--disabled-background-color);\n  --background-color: var(--disabled-background-color);\n}\n\n.inputContainer_a235616019.readOnly_8ba8aae0d4 {\n  --border-color: var(--allgrey-background-color);\n  --background-color: var(--allgrey-background-color);\n}\n\n.inputContainer_a235616019.error_312ac6acec {\n  --border-color: var(--negative-color);\n}\n\n.menuContainer_ab4bb85754 {\n  width: 100%;\n}");export{n as default};
+var n={boxModeContainer:"boxModeContainer_22a701c84f",inputContainer:"inputContainer_8ccf501ff7",disabled:"disabled_95032ccee4",readOnly:"readOnly_3966ee474b",error:"error_9c9e7fa0cd",menuContainer:"menuContainer_83b910b9cd"};!function(n){const r="s_id-f92aa28952f8_4_5_3";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_22a701c84f {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n}\n\n.inputContainer_8ccf501ff7 {\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.inputContainer_8ccf501ff7:hover {\n  --border-color: var(--primary-text-color);\n}\n.inputContainer_8ccf501ff7:focus-within {\n  --border-color: var(--primary-color);\n}\n.inputContainer_8ccf501ff7.disabled_95032ccee4 {\n  --border-color: var(--disabled-background-color);\n  --background-color: var(--disabled-background-color);\n}\n.inputContainer_8ccf501ff7.readOnly_3966ee474b {\n  --border-color: var(--allgrey-background-color);\n  --background-color: var(--allgrey-background-color);\n}\n.inputContainer_8ccf501ff7.error_9c9e7fa0cd {\n  --border-color: var(--negative-color);\n}\n\n.menuContainer_83b910b9cd {\n  width: 100%;\n}");export{n as default};
 //# sourceMappingURL=DropdownBoxMode.module.scss.js.map

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

@@ -1,2 +1,2 @@
-import{defineProperty as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import o from"react";import r from"classnames";import{useDropdownContext as t}from"../../context/DropdownContext.js";import n from"./MenuList.js";import i from"./Menu.module.scss.js";import m from"../../../../../components/dialog/dist/DialogContentContainer/DialogContentContainer.js";var s=function(){var s=t(),a=s.isOpen,l=s.menuWrapperClassName;return o.createElement(m,{className:r(e(e({},i.menuVisible,a),i.menuHidden,!a),l),style:a?void 0:{padding:0}},o.createElement(n,null))};export{s as default};
+import{defineProperty as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import o from"react";import r from"classnames";import{useDropdownContext as t}from"../../context/DropdownContext.js";import n from"./MenuList.js";import m from"./Menu.module.scss.js";import s from"../../../../../components/dialog/dist/DialogContentContainer/DialogContentContainer.js";var a=function(){var a=t(),i=a.isOpen,l=a.menuWrapperClassName;return o.createElement(s,{size:"small",className:r(e(e({},m.menuVisible,i),m.menuHidden,!i),m.menu,l)},o.createElement(n,null))};export{a as default};
 //# sourceMappingURL=Menu.js.map

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 \"../../../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 size=\"small\"\n className={cx({ [styles.menuVisible]: isOpen, [styles.menuHidden]: !isOpen }, styles.menu, menuWrapperClassName)}\n >\n <MenuList<Item> />\n </DialogContentContainer>\n );\n};\n\nexport default Menu;\n"],"names":["Menu","_useDropdownContext","useDropdownContext","isOpen","menuWrapperClassName","React","createElement","DialogContentContainer","size","className","cx","_defineProperty","styles","menuVisible","menuHidden","menu","MenuList"],"mappings":"mXAQA,IAAMA,EAAO,WACX,IAAAC,EAAyCC,IAAjCC,EAAMF,EAANE,OAAQC,EAAoBH,EAApBG,qBAEhB,OACEC,EAACC,cAAAC,EACC,CAAAC,KAAK,QACLC,UAAWC,EAAEC,EAAAA,EAAIC,CAAAA,EAAAA,EAAOC,YAAcV,GAASS,EAAOE,YAAcX,GAAUS,EAAOG,KAAMX,IAE3FC,EAAAC,cAACU,EAAQ,MAGf"}

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

@@ -1,2 +1,2 @@
-var e={menuVisible:"menuVisible_fdcb9fcae6",menuHidden:"menuHidden_34712895e3"};!function(e){const i="s_id-448dc11ee0f4_4_5_4";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+i))return;const d=document.createElement("style");d.id=i,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[i]=e)}(".menuVisible_fdcb9fcae6 {\n  visibility: visible;\n}\n\n.menuHidden_34712895e3 {\n  visibility: hidden;\n}");export{e as default};
+var e={menuVisible:"menuVisible_6f69ccb142",menuHidden:"menuHidden_7788e6f970"};!function(e){const i="s_id-448dc11ee0f4_4_5_3";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+i))return;const d=document.createElement("style");d.id=i,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[i]=e)}(".menuVisible_6f69ccb142 {\n  visibility: visible;\n}\n\n.menuHidden_7788e6f970 {\n  visibility: hidden;\n}");export{e as default};
 //# sourceMappingURL=Menu.module.scss.js.map

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

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