@vibe/core 3.68.4-alpha-c250a.0 → 3.68.5-alpha-cc869.0

package/dist/mocked_classnames/src/components/ColorPicker/components/ColorPickerItemComponent/ColorPickerItemComponent.module.scss.js

@@ -1,2 +1,2 @@
-var e={itemWrapper:"itemWrapper",circle:"circle",feedbackIndicator:"feedbackIndicator",active:"active",selectedColor:"selectedColor",colorItem:"colorItem",colorIndicatorWrapper:"colorIndicatorWrapper",colorItemSizeSmall:"colorItemSizeSmall",colorItemSizeMedium:"colorItemSizeMedium",colorItemSizeLarge:"colorItemSizeLarge",colorItemTextMode:"colorItemTextMode",colorIconWhite:"colorIconWhite"};!function(e){const r="s_id-4f41e3ef6859_3_68_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.circle {\n  --border-radius-multiplier: 99999;\n}\n\n/* stylelint-disable scss/operator-no-unspaced */\n\n.itemWrapper {\n  --border-radius-multiplier: 1;\n  margin: 4px;\n  display: flex;\n  list-style-type: none;\n  position: relative;\n}\n\n.itemWrapper .feedbackIndicator {\n  position: absolute;\n  inset: 0;\n  pointer-events: none;\n}\n\n.itemWrapper:focus,\n.itemWrapper:focus-visible,\n.itemWrapper.active {\n  outline: none;\n}\n\n.itemWrapper:focus .feedbackIndicator:before,\n.itemWrapper:focus-visible .feedbackIndicator:before,\n.itemWrapper.active .feedbackIndicator: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:focus .feedbackIndicator:after,\n.itemWrapper:focus-visible .feedbackIndicator:after,\n.itemWrapper.active .feedbackIndicator: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:hover:not(.active):not(.selectedColor) .feedbackIndicator {\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 .colorItem {\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 .colorItem .colorIndicatorWrapper {\n  display: flex;\n}\n\n.itemWrapper .colorItem.colorItemSizeSmall {\n  width: 24px;\n  height: 24px;\n}\n\n.itemWrapper .colorItem.colorItemSizeMedium {\n  width: 32px;\n  height: 32px;\n}\n\n.itemWrapper .colorItem.colorItemSizeLarge {\n  width: 40px;\n  height: 40px;\n}\n\n.itemWrapper.selectedColor {\n  position: relative;\n}\n\n.itemWrapper.selectedColor: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.selectedColor .feedbackIndicator:before {\n  /* hide the outer border from the "active" feedback indicator */\n  display: none;\n}\n\n.itemWrapper .colorItemTextMode:hover {\n  background-color: var(--primary-background-hover-color) !important;\n}\n\n.itemWrapper .colorIconWhite {\n  color: var(--color-snow_white);\n}');export{e as default};
+var e={itemWrapper:"itemWrapper",circle:"circle",feedbackIndicator:"feedbackIndicator",active:"active",selectedColor:"selectedColor",colorItem:"colorItem",colorIndicatorWrapper:"colorIndicatorWrapper",colorItemSizeSmall:"colorItemSizeSmall",colorItemSizeMedium:"colorItemSizeMedium",colorItemSizeLarge:"colorItemSizeLarge",colorItemTextMode:"colorItemTextMode",colorIconWhite:"colorIconWhite"};!function(e){const r="s_id-4f41e3ef6859_3_68_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.circle {\n  --border-radius-multiplier: 99999;\n}\n\n/* stylelint-disable scss/operator-no-unspaced */\n\n.itemWrapper {\n  --border-radius-multiplier: 1;\n  margin: 4px;\n  display: flex;\n  list-style-type: none;\n  position: relative;\n}\n\n.itemWrapper .feedbackIndicator {\n  position: absolute;\n  inset: 0;\n  pointer-events: none;\n}\n\n.itemWrapper:focus,\n.itemWrapper:focus-visible,\n.itemWrapper.active {\n  outline: none;\n}\n\n.itemWrapper:focus .feedbackIndicator:before,\n.itemWrapper:focus-visible .feedbackIndicator:before,\n.itemWrapper.active .feedbackIndicator: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:focus .feedbackIndicator:after,\n.itemWrapper:focus-visible .feedbackIndicator:after,\n.itemWrapper.active .feedbackIndicator: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:hover:not(.active):not(.selectedColor) .feedbackIndicator {\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 .colorItem {\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 .colorItem .colorIndicatorWrapper {\n  display: flex;\n}\n\n.itemWrapper .colorItem.colorItemSizeSmall {\n  width: 24px;\n  height: 24px;\n}\n\n.itemWrapper .colorItem.colorItemSizeMedium {\n  width: 32px;\n  height: 32px;\n}\n\n.itemWrapper .colorItem.colorItemSizeLarge {\n  width: 40px;\n  height: 40px;\n}\n\n.itemWrapper.selectedColor {\n  position: relative;\n}\n\n.itemWrapper.selectedColor: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.selectedColor .feedbackIndicator:before {\n  /* hide the outer border from the "active" feedback indicator */\n  display: none;\n}\n\n.itemWrapper .colorItemTextMode:hover {\n  background-color: var(--primary-background-hover-color) !important;\n}\n\n.itemWrapper .colorIconWhite {\n  color: var(--color-snow_white);\n}');export{e as default};
 //# sourceMappingURL=ColorPickerItemComponent.module.scss.js.map

package/dist/mocked_classnames/src/components/Combobox/Combobox.module.scss.js

@@ -1,2 +1,2 @@
-var o={combobox:"combobox",stickyCategory:"stickyCategory",comboboxCategory:"comboboxCategory",sizeSmall:"sizeSmall",sizeMedium:"sizeMedium",sizeLarge:"sizeLarge",empty:"empty",comboboxSearchWrapper:"comboboxSearchWrapper",comboboxNoResults:"comboboxNoResults",comboboxMessageWrapper:"comboboxMessageWrapper",comboboxMessage:"comboboxMessage",addNewButton:"addNewButton",buttonLabel:"buttonLabel",comboboxList:"comboboxList"};!function(o){const e="s_id-140391bb7df9_3_68_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 selector-class-pattern */\n.combobox {\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(--spacing-small);\n}\n.combobox.stickyCategory .comboboxCategory {\n  z-index: 10;\n  background-color: var(--secondary-background-color);\n}\n/* Relative to Search height */\n.combobox.stickyCategory.sizeSmall .comboboxCategory {\n  top: 32px;\n}\n.combobox.stickyCategory.sizeMedium .comboboxCategory {\n  top: 40px;\n}\n.combobox.stickyCategory.sizeLarge .comboboxCategory {\n  top: 48px;\n}\n.combobox.empty {\n  max-height: 200px;\n  margin-bottom: 0;\n}\n.comboboxSearchWrapper {\n  position: sticky;\n  top: 0;\n  z-index: 12;\n}\n.comboboxNoResults {\n  margin-top: var(--spacing-small);\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 .comboboxMessageWrapper {\n  flex: 1 0 auto;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.comboboxNoResults .comboboxMessageWrapper .comboboxMessage {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.comboboxNoResults .addNewButton {\n  flex: 0 0 auto;\n  width: 100% !important;\n  margin-bottom: 8px;\n}\n.comboboxNoResults .addNewButton .buttonLabel {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.comboboxList {\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",stickyCategory:"stickyCategory",comboboxCategory:"comboboxCategory",sizeSmall:"sizeSmall",sizeMedium:"sizeMedium",sizeLarge:"sizeLarge",empty:"empty",comboboxSearchWrapper:"comboboxSearchWrapper",comboboxNoResults:"comboboxNoResults",comboboxMessageWrapper:"comboboxMessageWrapper",comboboxMessage:"comboboxMessage",addNewButton:"addNewButton",buttonLabel:"buttonLabel",comboboxList:"comboboxList"};!function(o){const e="s_id-140391bb7df9_3_68_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 selector-class-pattern */\n.combobox {\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(--spacing-small);\n}\n.combobox.stickyCategory .comboboxCategory {\n  z-index: 10;\n  background-color: var(--secondary-background-color);\n}\n/* Relative to Search height */\n.combobox.stickyCategory.sizeSmall .comboboxCategory {\n  top: 32px;\n}\n.combobox.stickyCategory.sizeMedium .comboboxCategory {\n  top: 40px;\n}\n.combobox.stickyCategory.sizeLarge .comboboxCategory {\n  top: 48px;\n}\n.combobox.empty {\n  max-height: 200px;\n  margin-bottom: 0;\n}\n.comboboxSearchWrapper {\n  position: sticky;\n  top: 0;\n  z-index: 12;\n}\n.comboboxNoResults {\n  margin-top: var(--spacing-small);\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 .comboboxMessageWrapper {\n  flex: 1 0 auto;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.comboboxNoResults .comboboxMessageWrapper .comboboxMessage {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.comboboxNoResults .addNewButton {\n  flex: 0 0 auto;\n  width: 100% !important;\n  margin-bottom: 8px;\n}\n.comboboxNoResults .addNewButton .buttonLabel {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.comboboxList {\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/mocked_classnames/src/components/Combobox/ComboboxHelpers/ComboboxHelpers.module.scss.js

@@ -1,2 +1,2 @@
-var e={comboboxItemContainer:"comboboxItemContainer",dividerContainer:"dividerContainer",divider:"divider",sticky:"sticky"};!function(e){const n="s_id-78c8179b7fe9_3_68_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 {\n  display: flex;\n  flex: auto;\n  width: 100%;\n  background-color: var(--secondary-background-color);\n}\n\n.dividerContainer {\n  position: relative;\n  width: 95%;\n}\n\n.divider {\n  position: absolute;\n  width: calc(100% + 16px);\n  margin-left: -12px;\n}\n\n.sticky {\n  position: sticky;\n  top: 0;\n  z-index: 20;\n}");export{e as default};
+var e={comboboxItemContainer:"comboboxItemContainer",dividerContainer:"dividerContainer",divider:"divider",sticky:"sticky"};!function(e){const n="s_id-78c8179b7fe9_3_68_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 {\n  display: flex;\n  flex: auto;\n  width: 100%;\n  background-color: var(--secondary-background-color);\n}\n\n.dividerContainer {\n  position: relative;\n  width: 95%;\n}\n\n.divider {\n  position: absolute;\n  width: calc(100% + 16px);\n  margin-left: -12px;\n}\n\n.sticky {\n  position: sticky;\n  top: 0;\n  z-index: 20;\n}");export{e as default};
 //# sourceMappingURL=ComboboxHelpers.module.scss.js.map

package/dist/mocked_classnames/src/components/Combobox/components/ComboboxCategory/ComboboxCategory.module.scss.js

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

package/dist/mocked_classnames/src/components/Combobox/components/ComboboxItems/ComboboxItems.module.scss.js

@@ -1,2 +1,2 @@
-var t={scrollableContainer:"scrollableContainer",optionsContainer:"optionsContainer",categoryWithOptions:"categoryWithOptions",firstCategory:"firstCategory",categoryWithoutOptions:"categoryWithoutOptions"};!function(t){const o="s_id-4d4facb041a8_3_68_3";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+o))return;const e=document.createElement("style");e.id=o,n.firstChild?n.insertBefore(e,n.firstChild):n.appendChild(e),e.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=t)}(".scrollableContainer::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.optionsContainer {\n  overflow-x: visible;\n  overflow-y: auto;\n  margin-top: var(--spacing-small);\n}\n.categoryWithOptions.firstCategory,\n.categoryWithoutOptions.firstCategory {\n  padding-top: 0;\n}\n.categoryWithOptions {\n  margin-bottom: var(--spacing-xs);\n}\n.categoryWithoutOptions {\n  margin-bottom: 0;\n}");export{t as default};
+var t={scrollableContainer:"scrollableContainer",optionsContainer:"optionsContainer",categoryWithOptions:"categoryWithOptions",firstCategory:"firstCategory",categoryWithoutOptions:"categoryWithoutOptions"};!function(t){const o="s_id-4d4facb041a8_3_68_4";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+o))return;const e=document.createElement("style");e.id=o,n.firstChild?n.insertBefore(e,n.firstChild):n.appendChild(e),e.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=t)}(".scrollableContainer::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.optionsContainer {\n  overflow-x: visible;\n  overflow-y: auto;\n  margin-top: var(--spacing-small);\n}\n.categoryWithOptions.firstCategory,\n.categoryWithoutOptions.firstCategory {\n  padding-top: 0;\n}\n.categoryWithOptions {\n  margin-bottom: var(--spacing-xs);\n}\n.categoryWithoutOptions {\n  margin-bottom: 0;\n}");export{t as default};
 //# sourceMappingURL=ComboboxItems.module.scss.js.map

package/dist/mocked_classnames/src/components/Combobox/components/ComboboxOption/ComboboxOption.module.scss.js

@@ -1,2 +1,2 @@
-var o={comboboxOption:"comboboxOption",disabled:"disabled",selected:"selected",active:"active",activeOutline:"activeOutline",optionLabel:"optionLabel",optionIcon:"optionIcon",left:"left"};!function(o){const n="s_id-cc5db5fd586e_3_68_3";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,e.firstChild?e.insertBefore(t,e.firstChild):e.appendChild(t),t.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=o)}("/* stylelint-disable selector-class-pattern */\n.comboboxOption {\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.disabled {\n  cursor: not-allowed;\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n.comboboxOption.disabled:hover {\n  background-color: transparent;\n}\n.comboboxOption.selected {\n  background-color: var(--primary-selected-color);\n}\n.comboboxOption:hover:not(.disabled):not(.selected),\n.comboboxOption.active {\n  color: var(--primary-text-color);\n  background-color: var(--primary-background-hover-color);\n  position: relative;\n}\n.comboboxOption.activeOutline {\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 .optionLabel {\n  flex: 1 1 auto;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.comboboxOption .optionIcon {\n  flex: 0 0 auto;\n}\n.comboboxOption .optionIcon.left {\n  margin-right: 4px;\n}");export{o as default};
+var o={comboboxOption:"comboboxOption",disabled:"disabled",selected:"selected",active:"active",activeOutline:"activeOutline",optionLabel:"optionLabel",optionIcon:"optionIcon",left:"left"};!function(o){const n="s_id-cc5db5fd586e_3_68_4";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,e.firstChild?e.insertBefore(t,e.firstChild):e.appendChild(t),t.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=o)}("/* stylelint-disable selector-class-pattern */\n.comboboxOption {\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.disabled {\n  cursor: not-allowed;\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n.comboboxOption.disabled:hover {\n  background-color: transparent;\n}\n.comboboxOption.selected {\n  background-color: var(--primary-selected-color);\n}\n.comboboxOption:hover:not(.disabled):not(.selected),\n.comboboxOption.active {\n  color: var(--primary-text-color);\n  background-color: var(--primary-background-hover-color);\n  position: relative;\n}\n.comboboxOption.activeOutline {\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 .optionLabel {\n  flex: 1 1 auto;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.comboboxOption .optionIcon {\n  flex: 0 0 auto;\n}\n.comboboxOption .optionIcon.left {\n  margin-right: 4px;\n}");export{o as default};
 //# sourceMappingURL=ComboboxOption.module.scss.js.map

package/dist/mocked_classnames/src/components/Combobox/components/StickyCategoryHeader/StickyCategoryHeader.module.scss.js

@@ -1,2 +1,2 @@
-var e={stickyCategoryHeader:"stickyCategoryHeader"};!function(e){const t="s_id-f549b49034f1_3_68_3";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 {\n  position: absolute;\n  z-index: 10;\n  width: calc(100% - 12px);\n  background-color: var(--primary-background-color);\n  padding-block: 10px var(--spacing-xs);\n  display: flex;\n  align-items: center;\n}");export{e as default};
+var e={stickyCategoryHeader:"stickyCategoryHeader"};!function(e){const t="s_id-f549b49034f1_3_68_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 {\n  position: absolute;\n  z-index: 10;\n  width: calc(100% - 12px);\n  background-color: var(--primary-background-color);\n  padding-block: 10px var(--spacing-xs);\n  display: flex;\n  align-items: center;\n}");export{e as default};
 //# sourceMappingURL=StickyCategoryHeader.module.scss.js.map

package/dist/mocked_classnames/src/components/Counter/Counter.module.scss.js

@@ -1,2 +1,2 @@
-var n={counter:"counter",withAnimation:"withAnimation",counterPopElastic:"counterPopElastic",sizeXs:"sizeXs",sizeSmall:"sizeSmall",sizeLarge:"sizeLarge",kindFill:"kindFill",colorPrimary:"colorPrimary",colorDark:"colorDark",colorNegative:"colorNegative",colorLight:"colorLight",kindLine:"kindLine",fadeEnter:"fadeEnter",fadeEnterActive:"fadeEnterActive",fadeExit:"fadeExit",fadeExitActive:"fadeExitActive","counter-pop-elastic":"counter-pop-elastic"};!function(n){const o="s_id-51f4f5079107_3_68_3";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+o))return;const r=document.createElement("style");r.id=o,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=n)}(".counter {\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 {\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 {\n  animation: counterPopElastic var(--motion-expressive-short);\n}\n.sizeXs {\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(--spacing-small);\n}\n.sizeSmall {\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(--spacing-small);\n}\n.sizeLarge {\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(--spacing-small);\n}\n.kindFill.colorPrimary {\n  color: var(--fixed-light-color);\n  background-color: var(--primary-color);\n}\n.kindFill.colorDark {\n  color: var(--text-color-on-inverted);\n  background-color: var(--inverted-color-background);\n}\n.kindFill.colorNegative {\n  color: var(--fixed-light-color);\n  background-color: var(--negative-color);\n}\n.kindFill.colorLight {\n  color: var(--primary-text-color);\n  background-color: var(--ui-background-color);\n}\n.kindLine {\n  box-shadow: 0 0 0 1px currentColor inset;\n}\n.kindLine.colorPrimary {\n  color: var(--primary-color);\n}\n.kindLine.colorDark {\n  color: var(--inverted-color-background);\n}\n.kindLine.colorNegative {\n  color: var(--negative-color);\n}\n.kindLine.colorLight {\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 {\n  opacity: 0;\n  transform: translateY(15px);\n}\n.fadeEnterActive {\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 {\n  position: relative;\n  opacity: 1;\n  transform: translateY(0);\n}\n.fadeExitActive {\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",withAnimation:"withAnimation",counterPopElastic:"counterPopElastic",sizeXs:"sizeXs",sizeSmall:"sizeSmall",sizeLarge:"sizeLarge",kindFill:"kindFill",colorPrimary:"colorPrimary",colorDark:"colorDark",colorNegative:"colorNegative",colorLight:"colorLight",kindLine:"kindLine",fadeEnter:"fadeEnter",fadeEnterActive:"fadeEnterActive",fadeExit:"fadeExit",fadeExitActive:"fadeExitActive","counter-pop-elastic":"counter-pop-elastic"};!function(n){const o="s_id-51f4f5079107_3_68_4";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+o))return;const r=document.createElement("style");r.id=o,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=n)}(".counter {\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 {\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 {\n  animation: counterPopElastic var(--motion-expressive-short);\n}\n.sizeXs {\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(--spacing-small);\n}\n.sizeSmall {\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(--spacing-small);\n}\n.sizeLarge {\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(--spacing-small);\n}\n.kindFill.colorPrimary {\n  color: var(--fixed-light-color);\n  background-color: var(--primary-color);\n}\n.kindFill.colorDark {\n  color: var(--text-color-on-inverted);\n  background-color: var(--inverted-color-background);\n}\n.kindFill.colorNegative {\n  color: var(--fixed-light-color);\n  background-color: var(--negative-color);\n}\n.kindFill.colorLight {\n  color: var(--primary-text-color);\n  background-color: var(--ui-background-color);\n}\n.kindLine {\n  box-shadow: 0 0 0 1px currentColor inset;\n}\n.kindLine.colorPrimary {\n  color: var(--primary-color);\n}\n.kindLine.colorDark {\n  color: var(--inverted-color-background);\n}\n.kindLine.colorNegative {\n  color: var(--negative-color);\n}\n.kindLine.colorLight {\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 {\n  opacity: 0;\n  transform: translateY(15px);\n}\n.fadeEnterActive {\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 {\n  position: relative;\n  opacity: 1;\n  transform: translateY(0);\n}\n.fadeExitActive {\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/mocked_classnames/src/components/DatePicker/DateNavigationItem/DateNavigationItem.module.scss.js

@@ -1,2 +1,2 @@
-var e={navigationItemContainer:"navigationItemContainer"};!function(e){const n="s_id-84193b4fa4fe_3_68_3";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".navigationItemContainer {\n  line-height: 36px;\n  font-size: 28px;\n  color: var(--icon-color);\n  border: none;\n  padding: 0;\n  margin: 0;\n  background: none;\n  cursor: pointer;\n}");export{e as default};
+var e={navigationItemContainer:"navigationItemContainer"};!function(e){const n="s_id-84193b4fa4fe_3_68_4";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".navigationItemContainer {\n  line-height: 36px;\n  font-size: 28px;\n  color: var(--icon-color);\n  border: none;\n  padding: 0;\n  margin: 0;\n  background: none;\n  cursor: pointer;\n}");export{e as default};
 //# sourceMappingURL=DateNavigationItem.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={datepickerContainer:"datepickerContainer",monthYearSelection:"monthYearSelection",rangePickerMode:"rangePickerMode",withWeekNumber:"withWeekNumber",calendarDayWeekNumber:"calendarDayWeekNumber"};!function(e){const n="s_id-5bf64d458e6b_3_68_3";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,r.firstChild?r.insertBefore(a,r.firstChild):r.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}('/* stylelint-disable selector-class-pattern, no-duplicate-selectors */\n.datepickerContainer {\n  position: relative;\n  min-height: 302px;\n}\n.datepickerContainer table tbody {\n  border-spacing: 0;\n  border-collapse: collapse;\n  margin: 0;\n  padding: 0;\n  border: 0;\n  font-size: 100%;\n  box-shadow: none;\n}\n.datepickerContainer td {\n  border: none;\n}\n.datepickerContainer.monthYearSelection table tbody {\n  opacity: 0;\n}\n.datepickerContainer.monthYearSelection .DayPicker_transitionContainer__horizontal {\n  transition: none;\n}\n.datepickerContainer .CalendarMonthGrid {\n  background-color: var(--secondary-background-color);\n}\n.datepickerContainer .CalendarMonth {\n  background-color: var(--secondary-background-color);\n}\n.datepickerContainer .DayPicker__horizontal {\n  background-color: var(--secondary-background-color);\n}\n.datepickerContainer .DayPicker {\n  box-shadow: none;\n  border: none;\n  border-radius: 0;\n}\n.datepickerContainer .CalendarDay__default {\n  border: none;\n  font-size: 16px;\n  font-weight: 300;\n  color: var(--primary-text-on-secondary-color);\n  background-color: var(--secondary-background-color);\n  border-top: 1px solid var(--secondary-background-color);\n  border-bottom: 1px solid var(--secondary-background-color);\n  z-index: 1;\n  position: relative;\n}\n.datepickerContainer .CalendarDay__default:hover {\n  background: none;\n  border: none;\n  border-top: 1px solid var(--secondary-background-color);\n  border-bottom: 1px solid var(--secondary-background-color);\n}\n.datepickerContainer .CalendarDay__default:hover::before {\n  display: block;\n  position: absolute;\n  left: 0;\n  top: 0;\n  box-sizing: border-box;\n  content: "";\n  width: 100%;\n  height: 100%;\n  z-index: -1;\n  border-radius: 50%;\n  border: none;\n  background-color: var(--primary-background-hover-color);\n}\n.datepickerContainer .CalendarDay__default.CalendarDay__selected {\n  color: var(--text-color-on-primary);\n}\n.datepickerContainer .CalendarDay__default.CalendarDay__selected::before {\n  display: block;\n  position: absolute;\n  left: 0;\n  top: 0;\n  box-sizing: border-box;\n  content: "";\n  width: 100%;\n  height: 100%;\n  z-index: -1;\n  border-radius: 50%;\n  border: none;\n  background: var(--primary-color);\n}\n.datepickerContainer .CalendarDay__default.CalendarDay__selected::before:hover {\n  color: var(--text-color-on-primary);\n  background: var(--primary-color);\n}\n.datepickerContainer .CalendarMonth_caption {\n  color: var(--primary-text-on-secondary-color);\n}\n.datepickerContainer .CalendarDay__today::before {\n  display: block;\n  position: absolute;\n  left: 0;\n  top: 0;\n  box-sizing: border-box;\n  content: "";\n  width: 100%;\n  height: 100%;\n  z-index: -1;\n  border-radius: 50%;\n  border: 1px solid var(--primary-color);\n}\n.datepickerContainer .CalendarDay__today:hover::before {\n  border: 1px solid var(--primary-color);\n}\n.datepickerContainer .CalendarDay__blocked_calendar, .datepickerContainer .CalendarDay__blocked_calendar:active, .datepickerContainer .CalendarDay__blocked_calendar:hover {\n  background-color: var(--secondary-background-color);\n  color: var(--primary-text-color);\n  opacity: 0.2;\n  pointer-events: none;\n}\n.datepickerContainer .DayPicker_weekHeader_li small {\n  font-size: 12px;\n  color: var(--secondary-text-on-secondary-color);\n  font-weight: 300;\n  cursor: default;\n}\n.datepickerContainer .DayPickerNavigation_rightButton__horizontal {\n  right: 22px;\n}\n.datepickerContainer .DayPickerNavigation .DayPickerNavigation_button:nth-child(1) {\n  left: 12px;\n}\n.datepickerContainer .DayPickerNavigation .DayPickerNavigation_button:nth-child(2) {\n  right: 12px;\n}\n.datepickerContainer .DayPickerNavigation_button__horizontal {\n  position: absolute;\n  top: 15px;\n  line-height: 0.78;\n  border-radius: 3px;\n  padding: 6px 9px;\n}\n.datepickerContainer.rangePickerMode .CalendarDay__selected.CalendarDay__selected_start {\n  border-radius: 0;\n  background: linear-gradient(90deg, var(--secondary-background-color) 50%, var(--primary-selected-color) 50%);\n  z-index: 1;\n  position: relative;\n}\n.datepickerContainer.rangePickerMode .CalendarDay__selected.CalendarDay__selected_start:hover {\n  background: linear-gradient(90deg, var(--secondary-background-color) 50%, var(--primary-selected-color) 50%);\n}\n.datepickerContainer.rangePickerMode .CalendarDay__selected.CalendarDay__selected_start::before {\n  display: block;\n  position: absolute;\n  left: 0;\n  top: 0;\n  box-sizing: border-box;\n  content: "";\n  width: 100%;\n  height: 100%;\n  z-index: -1;\n  border-radius: 50%;\n  background-color: var(--primary-color);\n}\n.datepickerContainer.rangePickerMode .CalendarDay__selected.CalendarDay__selected_end {\n  border-radius: 0;\n  background: linear-gradient(90deg, var(--primary-selected-color) 50%, var(--secondary-background-color) 50%);\n  z-index: 1;\n  position: relative;\n}\n.datepickerContainer.rangePickerMode .CalendarDay__selected.CalendarDay__selected_end:hover {\n  background: linear-gradient(90deg, var(--primary-selected-color) 50%, var(--secondary-background-color) 50%);\n}\n.datepickerContainer.rangePickerMode .CalendarDay__selected.CalendarDay__selected_end::before {\n  display: block;\n  position: absolute;\n  left: 0;\n  top: 0;\n  box-sizing: border-box;\n  content: "";\n  width: 100%;\n  height: 100%;\n  z-index: -1;\n  border-radius: 50%;\n  background-color: var(--primary-color);\n}\n.datepickerContainer.rangePickerMode .CalendarDay__hovered_span, .datepickerContainer.rangePickerMode .CalendarDay__hovered_span:hover {\n  border-radius: 0;\n  color: var(--primary-text-color);\n  background: var(--primary-selected-color);\n}\n.datepickerContainer.rangePickerMode .CalendarDay__hovered_span:hover::before, .datepickerContainer.rangePickerMode .CalendarDay__hovered_span:hover:hover::before {\n  border-radius: 0;\n  background: var(--primary-selected-color);\n}\n.datepickerContainer.rangePickerMode .CalendarDay__selected_span {\n  background: var(--primary-selected-color);\n}\n.datepickerContainer.rangePickerMode .CalendarDay__selected_span:hover {\n  color: var(--primary-text-color);\n}\n.datepickerContainer.rangePickerMode .CalendarDay__selected_span.CalendarDay__today::before {\n  border-radius: 0;\n}\n.datepickerContainer.rangePickerMode .CalendarDay__selected_span:hover::before {\n  border-radius: 0;\n}\n.datepickerContainer.rangePickerMode.range-single-date-selected .CalendarDay__hovered_span {\n  background: var(--primary-background-hover-color);\n}\n.datepickerContainer.rangePickerMode.range-single-date-selected .CalendarDay__hovered_span.CalendarDay__today::before {\n  border-radius: 0;\n}\n.datepickerContainer.rangePickerMode.range-single-date-selected .CalendarDay__hovered_span:hover::before {\n  background: var(--primary-background-hover-color);\n}\n.datepickerContainer.withWeekNumber {\n  padding: 0 4px 0 8px;\n}\n.datepickerContainer.withWeekNumber .CalendarDay .calendarDayWeekNumber {\n  color: rgba(177, 177, 184, 0.7490196078);\n  pointer-events: none;\n  visibility: visible;\n  display: none;\n  align-items: center;\n  justify-content: center;\n  position: absolute;\n  top: -1px;\n  font-size: 14px;\n  width: 40px;\n  height: 37px;\n  left: 0px;\n  transform: translateX(-100%);\n}\n.datepickerContainer.withWeekNumber .CalendarMonthGrid_month__horizontal:not(.CalendarMonthGrid_month__hidden) tr > td.CalendarDay .calendarDayWeekNumber {\n  display: flex;\n}\n.datepickerContainer.withWeekNumber .CalendarMonthGrid_month__horizontal:not(.CalendarMonthGrid_month__hidden) tr > td.CalendarDay ~ td.CalendarDay .calendarDayWeekNumber {\n  display: none;\n}\n.datepickerContainer.withWeekNumber .DayPicker_weekHeader:before {\n  content: "Wk";\n  position: absolute;\n  font-size: 12px;\n  width: 40px;\n  top: 3px;\n  left: -28px;\n  height: 24px;\n}\n.datepickerContainer.withWeekNumber .DayPicker__horizontal {\n  margin: 4px;\n}\n.datepickerContainer.withWeekNumber .CalendarMonthGrid_month__horizontal:not(.CalendarMonthGrid_month__hidden) {\n  margin-left: 17px;\n}\n.datepickerContainer.withWeekNumber .DayPicker_weekHeader {\n  padding: 0 !important;\n  left: 30px !important;\n}\n.datepickerContainer.withWeekNumber .CalendarMonth_caption {\n  margin-right: 20px;\n}');export{e as default};
+var e={datepickerContainer:"datepickerContainer",monthYearSelection:"monthYearSelection",rangePickerMode:"rangePickerMode",withWeekNumber:"withWeekNumber",calendarDayWeekNumber:"calendarDayWeekNumber"};!function(e){const n="s_id-5bf64d458e6b_3_68_4";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,r.firstChild?r.insertBefore(a,r.firstChild):r.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}('/* stylelint-disable selector-class-pattern, no-duplicate-selectors */\n.datepickerContainer {\n  position: relative;\n  min-height: 302px;\n}\n.datepickerContainer table tbody {\n  border-spacing: 0;\n  border-collapse: collapse;\n  margin: 0;\n  padding: 0;\n  border: 0;\n  font-size: 100%;\n  box-shadow: none;\n}\n.datepickerContainer td {\n  border: none;\n}\n.datepickerContainer.monthYearSelection table tbody {\n  opacity: 0;\n}\n.datepickerContainer.monthYearSelection .DayPicker_transitionContainer__horizontal {\n  transition: none;\n}\n.datepickerContainer .CalendarMonthGrid {\n  background-color: var(--secondary-background-color);\n}\n.datepickerContainer .CalendarMonth {\n  background-color: var(--secondary-background-color);\n}\n.datepickerContainer .DayPicker__horizontal {\n  background-color: var(--secondary-background-color);\n}\n.datepickerContainer .DayPicker {\n  box-shadow: none;\n  border: none;\n  border-radius: 0;\n}\n.datepickerContainer .CalendarDay__default {\n  border: none;\n  font-size: 16px;\n  font-weight: 300;\n  color: var(--primary-text-on-secondary-color);\n  background-color: var(--secondary-background-color);\n  border-top: 1px solid var(--secondary-background-color);\n  border-bottom: 1px solid var(--secondary-background-color);\n  z-index: 1;\n  position: relative;\n}\n.datepickerContainer .CalendarDay__default:hover {\n  background: none;\n  border: none;\n  border-top: 1px solid var(--secondary-background-color);\n  border-bottom: 1px solid var(--secondary-background-color);\n}\n.datepickerContainer .CalendarDay__default:hover::before {\n  display: block;\n  position: absolute;\n  left: 0;\n  top: 0;\n  box-sizing: border-box;\n  content: "";\n  width: 100%;\n  height: 100%;\n  z-index: -1;\n  border-radius: 50%;\n  border: none;\n  background-color: var(--primary-background-hover-color);\n}\n.datepickerContainer .CalendarDay__default.CalendarDay__selected {\n  color: var(--text-color-on-primary);\n}\n.datepickerContainer .CalendarDay__default.CalendarDay__selected::before {\n  display: block;\n  position: absolute;\n  left: 0;\n  top: 0;\n  box-sizing: border-box;\n  content: "";\n  width: 100%;\n  height: 100%;\n  z-index: -1;\n  border-radius: 50%;\n  border: none;\n  background: var(--primary-color);\n}\n.datepickerContainer .CalendarDay__default.CalendarDay__selected::before:hover {\n  color: var(--text-color-on-primary);\n  background: var(--primary-color);\n}\n.datepickerContainer .CalendarMonth_caption {\n  color: var(--primary-text-on-secondary-color);\n}\n.datepickerContainer .CalendarDay__today::before {\n  display: block;\n  position: absolute;\n  left: 0;\n  top: 0;\n  box-sizing: border-box;\n  content: "";\n  width: 100%;\n  height: 100%;\n  z-index: -1;\n  border-radius: 50%;\n  border: 1px solid var(--primary-color);\n}\n.datepickerContainer .CalendarDay__today:hover::before {\n  border: 1px solid var(--primary-color);\n}\n.datepickerContainer .CalendarDay__blocked_calendar, .datepickerContainer .CalendarDay__blocked_calendar:active, .datepickerContainer .CalendarDay__blocked_calendar:hover {\n  background-color: var(--secondary-background-color);\n  color: var(--primary-text-color);\n  opacity: 0.2;\n  pointer-events: none;\n}\n.datepickerContainer .DayPicker_weekHeader_li small {\n  font-size: 12px;\n  color: var(--secondary-text-on-secondary-color);\n  font-weight: 300;\n  cursor: default;\n}\n.datepickerContainer .DayPickerNavigation_rightButton__horizontal {\n  right: 22px;\n}\n.datepickerContainer .DayPickerNavigation .DayPickerNavigation_button:nth-child(1) {\n  left: 12px;\n}\n.datepickerContainer .DayPickerNavigation .DayPickerNavigation_button:nth-child(2) {\n  right: 12px;\n}\n.datepickerContainer .DayPickerNavigation_button__horizontal {\n  position: absolute;\n  top: 15px;\n  line-height: 0.78;\n  border-radius: 3px;\n  padding: 6px 9px;\n}\n.datepickerContainer.rangePickerMode .CalendarDay__selected.CalendarDay__selected_start {\n  border-radius: 0;\n  background: linear-gradient(90deg, var(--secondary-background-color) 50%, var(--primary-selected-color) 50%);\n  z-index: 1;\n  position: relative;\n}\n.datepickerContainer.rangePickerMode .CalendarDay__selected.CalendarDay__selected_start:hover {\n  background: linear-gradient(90deg, var(--secondary-background-color) 50%, var(--primary-selected-color) 50%);\n}\n.datepickerContainer.rangePickerMode .CalendarDay__selected.CalendarDay__selected_start::before {\n  display: block;\n  position: absolute;\n  left: 0;\n  top: 0;\n  box-sizing: border-box;\n  content: "";\n  width: 100%;\n  height: 100%;\n  z-index: -1;\n  border-radius: 50%;\n  background-color: var(--primary-color);\n}\n.datepickerContainer.rangePickerMode .CalendarDay__selected.CalendarDay__selected_end {\n  border-radius: 0;\n  background: linear-gradient(90deg, var(--primary-selected-color) 50%, var(--secondary-background-color) 50%);\n  z-index: 1;\n  position: relative;\n}\n.datepickerContainer.rangePickerMode .CalendarDay__selected.CalendarDay__selected_end:hover {\n  background: linear-gradient(90deg, var(--primary-selected-color) 50%, var(--secondary-background-color) 50%);\n}\n.datepickerContainer.rangePickerMode .CalendarDay__selected.CalendarDay__selected_end::before {\n  display: block;\n  position: absolute;\n  left: 0;\n  top: 0;\n  box-sizing: border-box;\n  content: "";\n  width: 100%;\n  height: 100%;\n  z-index: -1;\n  border-radius: 50%;\n  background-color: var(--primary-color);\n}\n.datepickerContainer.rangePickerMode .CalendarDay__hovered_span, .datepickerContainer.rangePickerMode .CalendarDay__hovered_span:hover {\n  border-radius: 0;\n  color: var(--primary-text-color);\n  background: var(--primary-selected-color);\n}\n.datepickerContainer.rangePickerMode .CalendarDay__hovered_span:hover::before, .datepickerContainer.rangePickerMode .CalendarDay__hovered_span:hover:hover::before {\n  border-radius: 0;\n  background: var(--primary-selected-color);\n}\n.datepickerContainer.rangePickerMode .CalendarDay__selected_span {\n  background: var(--primary-selected-color);\n}\n.datepickerContainer.rangePickerMode .CalendarDay__selected_span:hover {\n  color: var(--primary-text-color);\n}\n.datepickerContainer.rangePickerMode .CalendarDay__selected_span.CalendarDay__today::before {\n  border-radius: 0;\n}\n.datepickerContainer.rangePickerMode .CalendarDay__selected_span:hover::before {\n  border-radius: 0;\n}\n.datepickerContainer.rangePickerMode.range-single-date-selected .CalendarDay__hovered_span {\n  background: var(--primary-background-hover-color);\n}\n.datepickerContainer.rangePickerMode.range-single-date-selected .CalendarDay__hovered_span.CalendarDay__today::before {\n  border-radius: 0;\n}\n.datepickerContainer.rangePickerMode.range-single-date-selected .CalendarDay__hovered_span:hover::before {\n  background: var(--primary-background-hover-color);\n}\n.datepickerContainer.withWeekNumber {\n  padding: 0 4px 0 8px;\n}\n.datepickerContainer.withWeekNumber .CalendarDay .calendarDayWeekNumber {\n  color: rgba(177, 177, 184, 0.7490196078);\n  pointer-events: none;\n  visibility: visible;\n  display: none;\n  align-items: center;\n  justify-content: center;\n  position: absolute;\n  top: -1px;\n  font-size: 14px;\n  width: 40px;\n  height: 37px;\n  left: 0px;\n  transform: translateX(-100%);\n}\n.datepickerContainer.withWeekNumber .CalendarMonthGrid_month__horizontal:not(.CalendarMonthGrid_month__hidden) tr > td.CalendarDay .calendarDayWeekNumber {\n  display: flex;\n}\n.datepickerContainer.withWeekNumber .CalendarMonthGrid_month__horizontal:not(.CalendarMonthGrid_month__hidden) tr > td.CalendarDay ~ td.CalendarDay .calendarDayWeekNumber {\n  display: none;\n}\n.datepickerContainer.withWeekNumber .DayPicker_weekHeader:before {\n  content: "Wk";\n  position: absolute;\n  font-size: 12px;\n  width: 40px;\n  top: 3px;\n  left: -28px;\n  height: 24px;\n}\n.datepickerContainer.withWeekNumber .DayPicker__horizontal {\n  margin: 4px;\n}\n.datepickerContainer.withWeekNumber .CalendarMonthGrid_month__horizontal:not(.CalendarMonthGrid_month__hidden) {\n  margin-left: 17px;\n}\n.datepickerContainer.withWeekNumber .DayPicker_weekHeader {\n  padding: 0 !important;\n  left: 30px !important;\n}\n.datepickerContainer.withWeekNumber .CalendarMonth_caption {\n  margin-right: 20px;\n}');export{e as default};
 //# sourceMappingURL=DatePicker.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={datePickerHeader:"datePickerHeader",button:"button",buttonContent:"buttonContent"};!function(e){const n="s_id-89778422f1e0_3_68_3";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".datePickerHeader {\n  display: flex;\n  text-align: center;\n  justify-content: center;\n  align-items: center;\n}\n.datePickerHeader .button {\n  border: none;\n  padding: 0;\n  margin: 0;\n  background: none;\n  margin-left: 4px;\n  cursor: pointer;\n}\n.datePickerHeader .button .buttonContent {\n  border-radius: 50%;\n  width: 24px;\n  height: 24px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-size: 14px;\n  transition: all 0.1s ease;\n  color: var(--primary-text-on-secondary-color, true);\n}\n.datePickerHeader .button .buttonContent:hover {\n  background-color: var(--primary-background-hover-on-secondary-color);\n  text-decoration: none;\n}");export{e as default};
+var e={datePickerHeader:"datePickerHeader",button:"button",buttonContent:"buttonContent"};!function(e){const n="s_id-89778422f1e0_3_68_4";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".datePickerHeader {\n  display: flex;\n  text-align: center;\n  justify-content: center;\n  align-items: center;\n}\n.datePickerHeader .button {\n  border: none;\n  padding: 0;\n  margin: 0;\n  background: none;\n  margin-left: 4px;\n  cursor: pointer;\n}\n.datePickerHeader .button .buttonContent {\n  border-radius: 50%;\n  width: 24px;\n  height: 24px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-size: 14px;\n  transition: all 0.1s ease;\n  color: var(--primary-text-on-secondary-color, true);\n}\n.datePickerHeader .button .buttonContent:hover {\n  background-color: var(--primary-background-hover-on-secondary-color);\n  text-decoration: none;\n}");export{e as default};
 //# sourceMappingURL=DatePickerHeader.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var n={monthYearPicker:"monthYearPicker",navigationWrapper:"navigationWrapper",navigationLeft:"navigationLeft",navigationRight:"navigationRight",pickerOptions:"pickerOptions",pickerOption:"pickerOption"};!function(n){const e="s_id-dcd379d5f457_3_68_3";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const i=document.createElement("style");i.id=e,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".monthYearPicker {\n  position: absolute;\n  top: 0px;\n  left: 0;\n  right: 0;\n  height: 100%;\n  z-index: 10;\n  pointer-events: none;\n}\n.monthYearPicker .slide-down-appear { /* stylelint-disable-line selector-class-pattern */\n  opacity: 0;\n}\n.monthYearPicker .slide-down-appear-active { /* stylelint-disable-line selector-class-pattern */\n  transition: opacity 0.4s ease;\n  opacity: 1;\n}\n.monthYearPicker .navigationWrapper {\n  position: absolute;\n  top: 21px;\n  pointer-events: all;\n  cursor: pointer;\n}\n.monthYearPicker .navigationWrapper.navigationLeft {\n  left: 21px;\n}\n.monthYearPicker .navigationWrapper.navigationRight {\n  right: 21px;\n}\n.monthYearPicker .pickerOptions {\n  text-align: center;\n  background-color: #fff;\n  background-color: var(--secondary-background-color);\n  position: absolute;\n  top: 55px;\n  pointer-events: all;\n}\n.monthYearPicker .pickerOptions .pickerOption {\n  min-width: 66px;\n}\n.monthYearPicker .CalendarYear--blocked { /* stylelint-disable-line selector-class-pattern */\n  color: var(--disabled-text-color);\n  cursor: default;\n}");export{n as default};
+var n={monthYearPicker:"monthYearPicker",navigationWrapper:"navigationWrapper",navigationLeft:"navigationLeft",navigationRight:"navigationRight",pickerOptions:"pickerOptions",pickerOption:"pickerOption"};!function(n){const e="s_id-dcd379d5f457_3_68_4";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const i=document.createElement("style");i.id=e,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".monthYearPicker {\n  position: absolute;\n  top: 0px;\n  left: 0;\n  right: 0;\n  height: 100%;\n  z-index: 10;\n  pointer-events: none;\n}\n.monthYearPicker .slide-down-appear { /* stylelint-disable-line selector-class-pattern */\n  opacity: 0;\n}\n.monthYearPicker .slide-down-appear-active { /* stylelint-disable-line selector-class-pattern */\n  transition: opacity 0.4s ease;\n  opacity: 1;\n}\n.monthYearPicker .navigationWrapper {\n  position: absolute;\n  top: 21px;\n  pointer-events: all;\n  cursor: pointer;\n}\n.monthYearPicker .navigationWrapper.navigationLeft {\n  left: 21px;\n}\n.monthYearPicker .navigationWrapper.navigationRight {\n  right: 21px;\n}\n.monthYearPicker .pickerOptions {\n  text-align: center;\n  background-color: #fff;\n  background-color: var(--secondary-background-color);\n  position: absolute;\n  top: 55px;\n  pointer-events: all;\n}\n.monthYearPicker .pickerOptions .pickerOption {\n  min-width: 66px;\n}\n.monthYearPicker .CalendarYear--blocked { /* stylelint-disable-line selector-class-pattern */\n  color: var(--disabled-text-color);\n  cursor: default;\n}");export{n as default};
 //# sourceMappingURL=YearPicker.module.scss.js.map

package/dist/mocked_classnames/src/components/DatePicker/external_datepicker.scss.js

@@ -1,2 +1,2 @@
-var n='/*  stylelint-disable scss/no-global-function-names, selector-class-pattern */\n.PresetDateRangePicker_panel {\n  padding: 0 22px 11px;\n}\n.PresetDateRangePicker_button {\n  position: relative;\n  height: 100%;\n  text-align: center;\n  background: 0 0;\n  border: 2px solid #00a699;\n  color: #00a699;\n  padding: 4px 12px;\n  margin-right: 8px;\n  font: inherit;\n  font-weight: 700;\n  line-height: normal;\n  overflow: visible;\n  box-sizing: border-box;\n  cursor: pointer;\n}\n.PresetDateRangePicker_button:active {\n  outline: 0;\n}\n.PresetDateRangePicker_button__selected {\n  color: #fff;\n  background: #00a699;\n}\n.SingleDatePickerInput {\n  display: inline-block;\n  background-color: #fff;\n}\n.SingleDatePickerInput__withBorder {\n  border-radius: 2px;\n  border: 1px solid #dbdbdb;\n}\n.SingleDatePickerInput__rtl {\n  direction: rtl;\n}\n.SingleDatePickerInput__disabled {\n  background-color: #f2f2f2;\n}\n.SingleDatePickerInput__block {\n  display: block;\n}\n.SingleDatePickerInput__showClearDate {\n  padding-right: 30px;\n}\n.SingleDatePickerInput_clearDate {\n  background: 0 0;\n  border: 0;\n  color: inherit;\n  font: inherit;\n  line-height: normal;\n  overflow: visible;\n  cursor: pointer;\n  padding: 10px;\n  margin: 0 10px 0 5px;\n  position: absolute;\n  right: 0;\n  top: 50%;\n  transform: translateY(-50%);\n}\n.SingleDatePickerInput_clearDate__default:focus,\n.SingleDatePickerInput_clearDate__default:hover {\n  background: #dbdbdb;\n  border-radius: 50%;\n}\n.SingleDatePickerInput_clearDate__small {\n  padding: 6px;\n}\n.SingleDatePickerInput_clearDate__hide {\n  visibility: hidden;\n}\n.SingleDatePickerInput_clearDate_svg {\n  fill: #82888a;\n  height: 12px;\n  width: 15px;\n  vertical-align: middle;\n}\n.SingleDatePickerInput_clearDate_svg__small {\n  height: 9px;\n}\n.SingleDatePickerInput_calendarIcon {\n  background: 0 0;\n  border: 0;\n  color: inherit;\n  font: inherit;\n  line-height: normal;\n  overflow: visible;\n  cursor: pointer;\n  display: inline-block;\n  vertical-align: middle;\n  padding: 10px;\n  margin: 0 5px 0 10px;\n}\n.SingleDatePickerInput_calendarIcon_svg {\n  fill: #82888a;\n  height: 15px;\n  width: 14px;\n  vertical-align: middle;\n}\n.SingleDatePicker {\n  position: relative;\n  display: inline-block;\n}\n.SingleDatePicker__block {\n  display: block;\n}\n.SingleDatePicker_picker {\n  z-index: 1;\n  background-color: #fff;\n  position: absolute;\n}\n.SingleDatePicker_picker__rtl {\n  direction: rtl;\n}\n.SingleDatePicker_picker__directionLeft {\n  left: 0;\n}\n.SingleDatePicker_picker__directionRight {\n  right: 0;\n}\n.SingleDatePicker_picker__portal {\n  background-color: rgba(0, 0, 0, 0.3);\n  position: fixed;\n  top: 0;\n  left: 0;\n  height: 100%;\n  width: 100%;\n}\n.SingleDatePicker_picker__fullScreenPortal {\n  background-color: #fff;\n}\n.SingleDatePicker_closeButton {\n  background: 0 0;\n  border: 0;\n  color: inherit;\n  font: inherit;\n  line-height: normal;\n  overflow: visible;\n  cursor: pointer;\n  position: absolute;\n  top: 0;\n  right: 0;\n  padding: 15px;\n  z-index: 2;\n}\n.SingleDatePicker_closeButton:focus,\n.SingleDatePicker_closeButton:hover {\n  color: #b0b3b4;\n  text-decoration: none;\n}\n.SingleDatePicker_closeButton_svg {\n  height: 15px;\n  width: 15px;\n  fill: #cacccd;\n}\n.DayPickerKeyboardShortcuts_buttonReset {\n  background: 0 0;\n  border: 0;\n  border-radius: 0;\n  color: inherit;\n  font: inherit;\n  line-height: normal;\n  overflow: visible;\n  padding: 0;\n  cursor: pointer;\n  font-size: 14px;\n}\n.DayPickerKeyboardShortcuts_buttonReset:active {\n  outline: 0;\n}\n.DayPickerKeyboardShortcuts_show {\n  width: 33px;\n  height: 26px;\n  position: absolute;\n  z-index: 2;\n}\n.DayPickerKeyboardShortcuts_show::before {\n  content: "";\n  display: block;\n  position: absolute;\n}\n.DayPickerKeyboardShortcuts_show__bottomRight {\n  bottom: 0;\n  right: 0;\n}\n.DayPickerKeyboardShortcuts_show__bottomRight::before {\n  border-top: 26px solid transparent;\n  border-right: 33px solid #00a699;\n  bottom: 0;\n  right: 0;\n}\n.DayPickerKeyboardShortcuts_show__bottomRight:hover::before {\n  border-right: 33px solid #008489;\n}\n.DayPickerKeyboardShortcuts_show__topRight {\n  top: 0;\n  right: 0;\n}\n.DayPickerKeyboardShortcuts_show__topRight::before {\n  border-bottom: 26px solid transparent;\n  border-right: 33px solid #00a699;\n  top: 0;\n  right: 0;\n}\n.DayPickerKeyboardShortcuts_show__topRight:hover::before {\n  border-right: 33px solid #008489;\n}\n.DayPickerKeyboardShortcuts_show__topLeft {\n  top: 0;\n  left: 0;\n}\n.DayPickerKeyboardShortcuts_show__topLeft::before {\n  border-bottom: 26px solid transparent;\n  border-left: 33px solid #00a699;\n  top: 0;\n  left: 0;\n}\n.DayPickerKeyboardShortcuts_show__topLeft:hover::before {\n  border-left: 33px solid #008489;\n}\n.DayPickerKeyboardShortcuts_showSpan {\n  color: #fff;\n  position: absolute;\n}\n.DayPickerKeyboardShortcuts_showSpan__bottomRight {\n  bottom: 0;\n  right: 5px;\n}\n.DayPickerKeyboardShortcuts_showSpan__topRight {\n  top: 1px;\n  right: 5px;\n}\n.DayPickerKeyboardShortcuts_showSpan__topLeft {\n  top: 1px;\n  left: 5px;\n}\n.DayPickerKeyboardShortcuts_panel {\n  overflow: auto;\n  background: #fff;\n  border: 1px solid #dbdbdb;\n  border-radius: 2px;\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  left: 0;\n  z-index: 2;\n  padding: 22px;\n  margin: 33px;\n  text-align: left;\n}\n.DayPickerKeyboardShortcuts_title {\n  font-size: 16px;\n  font-weight: 700;\n  margin: 0;\n}\n.DayPickerKeyboardShortcuts_list {\n  list-style: none;\n  padding: 0;\n  font-size: 14px;\n}\n.DayPickerKeyboardShortcuts_close {\n  position: absolute;\n  right: 22px;\n  top: 22px;\n  z-index: 2;\n}\n.DayPickerKeyboardShortcuts_close:active {\n  outline: 0;\n}\n.DayPickerKeyboardShortcuts_closeSvg {\n  height: 15px;\n  width: 15px;\n  fill: #cacccd;\n}\n.DayPickerKeyboardShortcuts_closeSvg:focus,\n.DayPickerKeyboardShortcuts_closeSvg:hover {\n  fill: #82888a;\n}\n.CalendarDay {\n  box-sizing: border-box;\n  cursor: pointer;\n  font-size: 14px;\n  text-align: center;\n}\n.CalendarDay:active {\n  outline: 0;\n}\n.CalendarDay__defaultCursor {\n  cursor: default;\n}\n.CalendarDay__default {\n  border: 1px solid #e4e7e7;\n  color: #484848;\n  background: #fff;\n}\n.CalendarDay__default:hover {\n  background: #e4e7e7;\n  border: 1px solid #e4e7e7;\n  color: inherit;\n}\n.CalendarDay__hovered_offset {\n  background: #f4f5f5;\n  border: 1px double #e4e7e7;\n  color: inherit;\n}\n.CalendarDay__outside {\n  border: 0;\n  background: #fff;\n  color: #484848;\n}\n.CalendarDay__outside:hover {\n  border: 0;\n}\n.CalendarDay__blocked_minimum_nights {\n  background: #fff;\n  border: 1px solid #eceeee;\n  color: #cacccd;\n}\n.CalendarDay__blocked_minimum_nights:active,\n.CalendarDay__blocked_minimum_nights:hover {\n  background: #fff;\n  color: #cacccd;\n}\n.CalendarDay__highlighted_calendar {\n  background: #ffe8bc;\n  color: #484848;\n}\n.CalendarDay__highlighted_calendar:active,\n.CalendarDay__highlighted_calendar:hover {\n  background: #ffce71;\n  color: #484848;\n}\n.CalendarDay__selected_span {\n  background: #66e2da;\n  border: 1px double #33dacd;\n  color: #fff;\n}\n.CalendarDay__selected_span:active,\n.CalendarDay__selected_span:hover {\n  background: #33dacd;\n  border: 1px double #33dacd;\n  color: #fff;\n}\n.CalendarDay__selected,\n.CalendarDay__selected:active,\n.CalendarDay__selected:hover {\n  background: #00a699;\n  border: 1px double #00a699;\n  color: #fff;\n}\n.CalendarDay__hovered_span,\n.CalendarDay__hovered_span:hover {\n  background: #b2f1ec;\n  border: 1px double #80e8e0;\n  color: #007a87;\n}\n.CalendarDay__hovered_span:active {\n  background: #80e8e0;\n  border: 1px double #80e8e0;\n  color: #007a87;\n}\n.CalendarDay__blocked_calendar,\n.CalendarDay__blocked_calendar:active,\n.CalendarDay__blocked_calendar:hover {\n  background: #cacccd;\n  border: 1px solid #cacccd;\n  color: #82888a;\n}\n.CalendarDay__blocked_out_of_range,\n.CalendarDay__blocked_out_of_range:active,\n.CalendarDay__blocked_out_of_range:hover {\n  background: #fff;\n  border: 1px solid #e4e7e7;\n  color: #cacccd;\n}\n.CalendarDay__hovered_start_first_possible_end {\n  background: #eceeee;\n  border: 1px double #eceeee;\n}\n.CalendarDay__hovered_start_blocked_min_nights {\n  background: #eceeee;\n  border: 1px double #e4e7e7;\n}\n.CalendarMonth {\n  background: #fff;\n  text-align: center;\n  vertical-align: top;\n  user-select: none;\n}\n.CalendarMonth_table {\n  border-collapse: collapse;\n  border-spacing: 0;\n}\n.CalendarMonth_verticalSpacing {\n  border-collapse: separate;\n}\n.CalendarMonth_caption {\n  color: #484848;\n  font-size: 18px;\n  text-align: center;\n  padding-top: 22px;\n  padding-bottom: 37px;\n  caption-side: initial;\n}\n.CalendarMonth_caption__verticalScrollable {\n  padding-top: 12px;\n  padding-bottom: 7px;\n}\n.CalendarMonthGrid {\n  background: #fff;\n  text-align: left;\n  z-index: 0;\n}\n.CalendarMonthGrid__animating {\n  z-index: 1;\n}\n.CalendarMonthGrid__horizontal {\n  position: absolute;\n  left: 9px;\n}\n.CalendarMonthGrid__vertical,\n.CalendarMonthGrid__vertical_scrollable {\n  margin: 0 auto;\n}\n.CalendarMonthGrid_month__horizontal {\n  display: inline-block;\n  vertical-align: top;\n  min-height: 100%;\n}\n.CalendarMonthGrid_month__hideForAnimation {\n  position: absolute;\n  z-index: -1;\n  opacity: 0;\n  pointer-events: none;\n}\n.CalendarMonthGrid_month__hidden {\n  visibility: hidden;\n}\n.DayPickerNavigation {\n  position: relative;\n  z-index: 2;\n}\n.DayPickerNavigation__horizontal {\n  height: 0;\n}\n.DayPickerNavigation__verticalScrollable_prevNav {\n  z-index: 1;\n}\n.DayPickerNavigation__verticalDefault {\n  position: absolute;\n  width: 100%;\n  height: 52px;\n  bottom: 0;\n  left: 0;\n}\n.DayPickerNavigation__verticalScrollableDefault {\n  position: relative;\n}\n.DayPickerNavigation__bottom {\n  height: auto;\n}\n.DayPickerNavigation__bottomDefault {\n  -webkit-box-pack: justify;\n  -ms-flex-pack: justify;\n  display: flex;\n  justify-content: space-between;\n}\n.DayPickerNavigation_button {\n  cursor: pointer;\n  user-select: none;\n  border: 0;\n  padding: 0;\n  margin: 0;\n}\n.DayPickerNavigation_button__default {\n  border: 1px solid #e4e7e7;\n  background-color: #fff;\n  color: #757575;\n}\n.DayPickerNavigation_button__default:focus,\n.DayPickerNavigation_button__default:hover {\n  border: 1px solid #c4c4c4;\n}\n.DayPickerNavigation_button__default:active {\n  background: #f2f2f2;\n}\n.DayPickerNavigation_button__disabled {\n  cursor: default;\n  border: 1px solid #f2f2f2;\n}\n.DayPickerNavigation_button__disabled:focus,\n.DayPickerNavigation_button__disabled:hover {\n  border: 1px solid #f2f2f2;\n}\n.DayPickerNavigation_button__disabled:active {\n  background: 0 0;\n}\n.DayPickerNavigation_button__horizontalDefault {\n  position: absolute;\n  top: 18px;\n  line-height: 0.78;\n  border-radius: 3px;\n  padding: 6px 9px;\n}\n.DayPickerNavigation_bottomButton__horizontalDefault {\n  position: static;\n  margin: -10px 22px 30px;\n}\n.DayPickerNavigation_leftButton__horizontalDefault {\n  left: 22px;\n}\n.DayPickerNavigation_rightButton__horizontalDefault {\n  right: 22px;\n}\n.DayPickerNavigation_button__verticalDefault {\n  padding: 5px;\n  background: #fff;\n  box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);\n  position: relative;\n  display: inline-block;\n  text-align: center;\n  height: 100%;\n  width: 50%;\n}\n.DayPickerNavigation_nextButton__verticalDefault {\n  border-left: 0;\n}\n.DayPickerNavigation_nextButton__verticalScrollableDefault,\n.DayPickerNavigation_prevButton__verticalScrollableDefault {\n  width: 100%;\n}\n.DayPickerNavigation_svg__horizontal {\n  height: 19px;\n  width: 19px;\n  fill: #82888a;\n  display: block;\n}\n.DayPickerNavigation_svg__vertical {\n  height: 42px;\n  width: 42px;\n  fill: #484848;\n}\n.DayPickerNavigation_svg__disabled {\n  fill: #f2f2f2;\n}\n.DayPicker {\n  background: #fff;\n  position: relative;\n  text-align: left;\n}\n.DayPicker__horizontal {\n  background: #fff;\n}\n.DayPicker__verticalScrollable {\n  height: 100%;\n}\n.DayPicker__hidden {\n  visibility: hidden;\n}\n.DayPicker__withBorder {\n  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.07);\n  border-radius: 3px;\n}\n.DayPicker_portal__horizontal {\n  box-shadow: none;\n  position: absolute;\n  left: 50%;\n  top: 50%;\n}\n.DayPicker_portal__vertical {\n  position: initial;\n}\n.DayPicker_focusRegion {\n  outline: 0;\n}\n.DayPicker_calendarInfo__horizontal,\n.DayPicker_wrapper__horizontal {\n  display: inline-block;\n  vertical-align: top;\n}\n.DayPicker_weekHeaders {\n  position: relative;\n}\n.DayPicker_weekHeaders__horizontal {\n  margin-left: 9px;\n}\n.DayPicker_weekHeader {\n  color: #757575;\n  position: absolute;\n  top: 62px;\n  z-index: 2;\n  text-align: left;\n}\n.DayPicker_weekHeader__vertical {\n  left: 50%;\n}\n.DayPicker_weekHeader__verticalScrollable {\n  top: 0;\n  display: table-row;\n  border-bottom: 1px solid #dbdbdb;\n  background: #fff;\n  margin-left: 0;\n  left: 0;\n  width: 100%;\n  text-align: center;\n}\n.DayPicker_weekHeader_ul {\n  list-style: none;\n  margin: 1px 0;\n  padding-left: 0;\n  padding-right: 0;\n  font-size: 14px;\n}\n.DayPicker_weekHeader_li {\n  display: inline-block;\n  text-align: center;\n}\n.DayPicker_transitionContainer {\n  position: relative;\n  overflow: hidden;\n  border-radius: 3px;\n}\n.DayPicker_transitionContainer__horizontal {\n  transition: height 0.2s ease-in-out;\n}\n.DayPicker_transitionContainer__vertical {\n  width: 100%;\n}\n.DayPicker_transitionContainer__verticalScrollable {\n  padding-top: 20px;\n  height: 100%;\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  left: 0;\n  overflow-y: scroll;\n}\n.DateInput {\n  margin: 0;\n  padding: 0;\n  background: #fff;\n  position: relative;\n  display: inline-block;\n  width: 130px;\n  vertical-align: middle;\n}\n.DateInput__small {\n  width: 97px;\n}\n.DateInput__block {\n  width: 100%;\n}\n.DateInput__disabled {\n  background: #f2f2f2;\n  color: #dbdbdb;\n}\n.DateInput_input {\n  font-weight: 200;\n  font-size: 19px;\n  line-height: 24px;\n  color: #484848;\n  background-color: #fff;\n  width: 100%;\n  padding: 11px 11px 9px;\n  border: 0;\n  border-top: 0;\n  border-right: 0;\n  border-bottom: 2px solid transparent;\n  border-left: 0;\n  border-radius: 0;\n}\n.DateInput_input__small {\n  font-size: 15px;\n  line-height: 18px;\n  letter-spacing: 0.2px;\n  padding: 7px 7px 5px;\n}\n.DateInput_input__regular {\n  font-weight: auto;\n}\n.DateInput_input__readOnly {\n  user-select: none;\n}\n.DateInput_input__focused {\n  outline: 0;\n  background: #fff;\n  border: 0;\n  border-top: 0;\n  border-right: 0;\n  border-bottom: 2px solid #008489;\n  border-left: 0;\n}\n.DateInput_input__disabled {\n  background: #f2f2f2;\n  font-style: italic;\n}\n.DateInput_screenReaderMessage {\n  border: 0;\n  clip: rect(0, 0, 0, 0);\n  height: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  width: 1px;\n}\n.DateInput_fang {\n  position: absolute;\n  width: 20px;\n  height: 10px;\n  left: 22px;\n  z-index: 2;\n}\n.DateInput_fangShape {\n  fill: #fff;\n}\n.DateInput_fangStroke {\n  stroke: #dbdbdb;\n  fill: transparent;\n}\n.DateRangePickerInput {\n  background-color: #fff;\n  display: inline-block;\n}\n.DateRangePickerInput__disabled {\n  background: #f2f2f2;\n}\n.DateRangePickerInput__withBorder {\n  border-radius: 2px;\n  border: 1px solid #dbdbdb;\n}\n.DateRangePickerInput__rtl {\n  direction: rtl;\n}\n.DateRangePickerInput__block {\n  display: block;\n}\n.DateRangePickerInput__showClearDates {\n  padding-right: 30px;\n}\n.DateRangePickerInput_arrow {\n  display: inline-block;\n  vertical-align: middle;\n  color: #484848;\n}\n.DateRangePickerInput_arrow_svg {\n  vertical-align: middle;\n  fill: #484848;\n  height: 24px;\n  width: 24px;\n}\n.DateRangePickerInput_clearDates {\n  background: 0 0;\n  border: 0;\n  color: inherit;\n  font: inherit;\n  line-height: normal;\n  overflow: visible;\n  cursor: pointer;\n  padding: 10px;\n  margin: 0 10px 0 5px;\n  position: absolute;\n  right: 0;\n  top: 50%;\n  transform: translateY(-50%);\n}\n.DateRangePickerInput_clearDates__small {\n  padding: 6px;\n}\n.DateRangePickerInput_clearDates_default:focus,\n.DateRangePickerInput_clearDates_default:hover {\n  background: #dbdbdb;\n  border-radius: 50%;\n}\n.DateRangePickerInput_clearDates__hide {\n  visibility: hidden;\n}\n.DateRangePickerInput_clearDates_svg {\n  fill: #82888a;\n  height: 12px;\n  width: 15px;\n  vertical-align: middle;\n}\n.DateRangePickerInput_clearDates_svg__small {\n  height: 9px;\n}\n.DateRangePickerInput_calendarIcon {\n  background: 0 0;\n  border: 0;\n  color: inherit;\n  font: inherit;\n  line-height: normal;\n  overflow: visible;\n  cursor: pointer;\n  display: inline-block;\n  vertical-align: middle;\n  padding: 10px;\n  margin: 0 5px 0 10px;\n}\n.DateRangePickerInput_calendarIcon_svg {\n  fill: #82888a;\n  height: 15px;\n  width: 14px;\n  vertical-align: middle;\n}\n.DateRangePicker {\n  position: relative;\n  display: inline-block;\n}\n.DateRangePicker__block {\n  display: block;\n}\n.DateRangePicker_picker {\n  z-index: 1;\n  background-color: #fff;\n  position: absolute;\n}\n.DateRangePicker_picker__rtl {\n  direction: rtl;\n}\n.DateRangePicker_picker__directionLeft {\n  left: 0;\n}\n.DateRangePicker_picker__directionRight {\n  right: 0;\n}\n.DateRangePicker_picker__portal {\n  background-color: rgba(0, 0, 0, 0.3);\n  position: fixed;\n  top: 0;\n  left: 0;\n  height: 100%;\n  width: 100%;\n}\n.DateRangePicker_picker__fullScreenPortal {\n  background-color: #fff;\n}\n.DateRangePicker_closeButton {\n  background: 0 0;\n  border: 0;\n  color: inherit;\n  font: inherit;\n  line-height: normal;\n  overflow: visible;\n  cursor: pointer;\n  position: absolute;\n  top: 0;\n  right: 0;\n  padding: 15px;\n  z-index: 2;\n}\n.DateRangePicker_closeButton:focus,\n.DateRangePicker_closeButton:hover {\n  color: #b0b3b4;\n  text-decoration: none;\n}\n.DateRangePicker_closeButton_svg {\n  height: 15px;\n  width: 15px;\n  fill: #cacccd;\n}';!function(n){const e="s_id-b47853b64474_3_68_3";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const i=document.createElement("style");i.id=e,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(n);export{n as default};
+var n='/*  stylelint-disable scss/no-global-function-names, selector-class-pattern */\n.PresetDateRangePicker_panel {\n  padding: 0 22px 11px;\n}\n.PresetDateRangePicker_button {\n  position: relative;\n  height: 100%;\n  text-align: center;\n  background: 0 0;\n  border: 2px solid #00a699;\n  color: #00a699;\n  padding: 4px 12px;\n  margin-right: 8px;\n  font: inherit;\n  font-weight: 700;\n  line-height: normal;\n  overflow: visible;\n  box-sizing: border-box;\n  cursor: pointer;\n}\n.PresetDateRangePicker_button:active {\n  outline: 0;\n}\n.PresetDateRangePicker_button__selected {\n  color: #fff;\n  background: #00a699;\n}\n.SingleDatePickerInput {\n  display: inline-block;\n  background-color: #fff;\n}\n.SingleDatePickerInput__withBorder {\n  border-radius: 2px;\n  border: 1px solid #dbdbdb;\n}\n.SingleDatePickerInput__rtl {\n  direction: rtl;\n}\n.SingleDatePickerInput__disabled {\n  background-color: #f2f2f2;\n}\n.SingleDatePickerInput__block {\n  display: block;\n}\n.SingleDatePickerInput__showClearDate {\n  padding-right: 30px;\n}\n.SingleDatePickerInput_clearDate {\n  background: 0 0;\n  border: 0;\n  color: inherit;\n  font: inherit;\n  line-height: normal;\n  overflow: visible;\n  cursor: pointer;\n  padding: 10px;\n  margin: 0 10px 0 5px;\n  position: absolute;\n  right: 0;\n  top: 50%;\n  transform: translateY(-50%);\n}\n.SingleDatePickerInput_clearDate__default:focus,\n.SingleDatePickerInput_clearDate__default:hover {\n  background: #dbdbdb;\n  border-radius: 50%;\n}\n.SingleDatePickerInput_clearDate__small {\n  padding: 6px;\n}\n.SingleDatePickerInput_clearDate__hide {\n  visibility: hidden;\n}\n.SingleDatePickerInput_clearDate_svg {\n  fill: #82888a;\n  height: 12px;\n  width: 15px;\n  vertical-align: middle;\n}\n.SingleDatePickerInput_clearDate_svg__small {\n  height: 9px;\n}\n.SingleDatePickerInput_calendarIcon {\n  background: 0 0;\n  border: 0;\n  color: inherit;\n  font: inherit;\n  line-height: normal;\n  overflow: visible;\n  cursor: pointer;\n  display: inline-block;\n  vertical-align: middle;\n  padding: 10px;\n  margin: 0 5px 0 10px;\n}\n.SingleDatePickerInput_calendarIcon_svg {\n  fill: #82888a;\n  height: 15px;\n  width: 14px;\n  vertical-align: middle;\n}\n.SingleDatePicker {\n  position: relative;\n  display: inline-block;\n}\n.SingleDatePicker__block {\n  display: block;\n}\n.SingleDatePicker_picker {\n  z-index: 1;\n  background-color: #fff;\n  position: absolute;\n}\n.SingleDatePicker_picker__rtl {\n  direction: rtl;\n}\n.SingleDatePicker_picker__directionLeft {\n  left: 0;\n}\n.SingleDatePicker_picker__directionRight {\n  right: 0;\n}\n.SingleDatePicker_picker__portal {\n  background-color: rgba(0, 0, 0, 0.3);\n  position: fixed;\n  top: 0;\n  left: 0;\n  height: 100%;\n  width: 100%;\n}\n.SingleDatePicker_picker__fullScreenPortal {\n  background-color: #fff;\n}\n.SingleDatePicker_closeButton {\n  background: 0 0;\n  border: 0;\n  color: inherit;\n  font: inherit;\n  line-height: normal;\n  overflow: visible;\n  cursor: pointer;\n  position: absolute;\n  top: 0;\n  right: 0;\n  padding: 15px;\n  z-index: 2;\n}\n.SingleDatePicker_closeButton:focus,\n.SingleDatePicker_closeButton:hover {\n  color: #b0b3b4;\n  text-decoration: none;\n}\n.SingleDatePicker_closeButton_svg {\n  height: 15px;\n  width: 15px;\n  fill: #cacccd;\n}\n.DayPickerKeyboardShortcuts_buttonReset {\n  background: 0 0;\n  border: 0;\n  border-radius: 0;\n  color: inherit;\n  font: inherit;\n  line-height: normal;\n  overflow: visible;\n  padding: 0;\n  cursor: pointer;\n  font-size: 14px;\n}\n.DayPickerKeyboardShortcuts_buttonReset:active {\n  outline: 0;\n}\n.DayPickerKeyboardShortcuts_show {\n  width: 33px;\n  height: 26px;\n  position: absolute;\n  z-index: 2;\n}\n.DayPickerKeyboardShortcuts_show::before {\n  content: "";\n  display: block;\n  position: absolute;\n}\n.DayPickerKeyboardShortcuts_show__bottomRight {\n  bottom: 0;\n  right: 0;\n}\n.DayPickerKeyboardShortcuts_show__bottomRight::before {\n  border-top: 26px solid transparent;\n  border-right: 33px solid #00a699;\n  bottom: 0;\n  right: 0;\n}\n.DayPickerKeyboardShortcuts_show__bottomRight:hover::before {\n  border-right: 33px solid #008489;\n}\n.DayPickerKeyboardShortcuts_show__topRight {\n  top: 0;\n  right: 0;\n}\n.DayPickerKeyboardShortcuts_show__topRight::before {\n  border-bottom: 26px solid transparent;\n  border-right: 33px solid #00a699;\n  top: 0;\n  right: 0;\n}\n.DayPickerKeyboardShortcuts_show__topRight:hover::before {\n  border-right: 33px solid #008489;\n}\n.DayPickerKeyboardShortcuts_show__topLeft {\n  top: 0;\n  left: 0;\n}\n.DayPickerKeyboardShortcuts_show__topLeft::before {\n  border-bottom: 26px solid transparent;\n  border-left: 33px solid #00a699;\n  top: 0;\n  left: 0;\n}\n.DayPickerKeyboardShortcuts_show__topLeft:hover::before {\n  border-left: 33px solid #008489;\n}\n.DayPickerKeyboardShortcuts_showSpan {\n  color: #fff;\n  position: absolute;\n}\n.DayPickerKeyboardShortcuts_showSpan__bottomRight {\n  bottom: 0;\n  right: 5px;\n}\n.DayPickerKeyboardShortcuts_showSpan__topRight {\n  top: 1px;\n  right: 5px;\n}\n.DayPickerKeyboardShortcuts_showSpan__topLeft {\n  top: 1px;\n  left: 5px;\n}\n.DayPickerKeyboardShortcuts_panel {\n  overflow: auto;\n  background: #fff;\n  border: 1px solid #dbdbdb;\n  border-radius: 2px;\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  left: 0;\n  z-index: 2;\n  padding: 22px;\n  margin: 33px;\n  text-align: left;\n}\n.DayPickerKeyboardShortcuts_title {\n  font-size: 16px;\n  font-weight: 700;\n  margin: 0;\n}\n.DayPickerKeyboardShortcuts_list {\n  list-style: none;\n  padding: 0;\n  font-size: 14px;\n}\n.DayPickerKeyboardShortcuts_close {\n  position: absolute;\n  right: 22px;\n  top: 22px;\n  z-index: 2;\n}\n.DayPickerKeyboardShortcuts_close:active {\n  outline: 0;\n}\n.DayPickerKeyboardShortcuts_closeSvg {\n  height: 15px;\n  width: 15px;\n  fill: #cacccd;\n}\n.DayPickerKeyboardShortcuts_closeSvg:focus,\n.DayPickerKeyboardShortcuts_closeSvg:hover {\n  fill: #82888a;\n}\n.CalendarDay {\n  box-sizing: border-box;\n  cursor: pointer;\n  font-size: 14px;\n  text-align: center;\n}\n.CalendarDay:active {\n  outline: 0;\n}\n.CalendarDay__defaultCursor {\n  cursor: default;\n}\n.CalendarDay__default {\n  border: 1px solid #e4e7e7;\n  color: #484848;\n  background: #fff;\n}\n.CalendarDay__default:hover {\n  background: #e4e7e7;\n  border: 1px solid #e4e7e7;\n  color: inherit;\n}\n.CalendarDay__hovered_offset {\n  background: #f4f5f5;\n  border: 1px double #e4e7e7;\n  color: inherit;\n}\n.CalendarDay__outside {\n  border: 0;\n  background: #fff;\n  color: #484848;\n}\n.CalendarDay__outside:hover {\n  border: 0;\n}\n.CalendarDay__blocked_minimum_nights {\n  background: #fff;\n  border: 1px solid #eceeee;\n  color: #cacccd;\n}\n.CalendarDay__blocked_minimum_nights:active,\n.CalendarDay__blocked_minimum_nights:hover {\n  background: #fff;\n  color: #cacccd;\n}\n.CalendarDay__highlighted_calendar {\n  background: #ffe8bc;\n  color: #484848;\n}\n.CalendarDay__highlighted_calendar:active,\n.CalendarDay__highlighted_calendar:hover {\n  background: #ffce71;\n  color: #484848;\n}\n.CalendarDay__selected_span {\n  background: #66e2da;\n  border: 1px double #33dacd;\n  color: #fff;\n}\n.CalendarDay__selected_span:active,\n.CalendarDay__selected_span:hover {\n  background: #33dacd;\n  border: 1px double #33dacd;\n  color: #fff;\n}\n.CalendarDay__selected,\n.CalendarDay__selected:active,\n.CalendarDay__selected:hover {\n  background: #00a699;\n  border: 1px double #00a699;\n  color: #fff;\n}\n.CalendarDay__hovered_span,\n.CalendarDay__hovered_span:hover {\n  background: #b2f1ec;\n  border: 1px double #80e8e0;\n  color: #007a87;\n}\n.CalendarDay__hovered_span:active {\n  background: #80e8e0;\n  border: 1px double #80e8e0;\n  color: #007a87;\n}\n.CalendarDay__blocked_calendar,\n.CalendarDay__blocked_calendar:active,\n.CalendarDay__blocked_calendar:hover {\n  background: #cacccd;\n  border: 1px solid #cacccd;\n  color: #82888a;\n}\n.CalendarDay__blocked_out_of_range,\n.CalendarDay__blocked_out_of_range:active,\n.CalendarDay__blocked_out_of_range:hover {\n  background: #fff;\n  border: 1px solid #e4e7e7;\n  color: #cacccd;\n}\n.CalendarDay__hovered_start_first_possible_end {\n  background: #eceeee;\n  border: 1px double #eceeee;\n}\n.CalendarDay__hovered_start_blocked_min_nights {\n  background: #eceeee;\n  border: 1px double #e4e7e7;\n}\n.CalendarMonth {\n  background: #fff;\n  text-align: center;\n  vertical-align: top;\n  user-select: none;\n}\n.CalendarMonth_table {\n  border-collapse: collapse;\n  border-spacing: 0;\n}\n.CalendarMonth_verticalSpacing {\n  border-collapse: separate;\n}\n.CalendarMonth_caption {\n  color: #484848;\n  font-size: 18px;\n  text-align: center;\n  padding-top: 22px;\n  padding-bottom: 37px;\n  caption-side: initial;\n}\n.CalendarMonth_caption__verticalScrollable {\n  padding-top: 12px;\n  padding-bottom: 7px;\n}\n.CalendarMonthGrid {\n  background: #fff;\n  text-align: left;\n  z-index: 0;\n}\n.CalendarMonthGrid__animating {\n  z-index: 1;\n}\n.CalendarMonthGrid__horizontal {\n  position: absolute;\n  left: 9px;\n}\n.CalendarMonthGrid__vertical,\n.CalendarMonthGrid__vertical_scrollable {\n  margin: 0 auto;\n}\n.CalendarMonthGrid_month__horizontal {\n  display: inline-block;\n  vertical-align: top;\n  min-height: 100%;\n}\n.CalendarMonthGrid_month__hideForAnimation {\n  position: absolute;\n  z-index: -1;\n  opacity: 0;\n  pointer-events: none;\n}\n.CalendarMonthGrid_month__hidden {\n  visibility: hidden;\n}\n.DayPickerNavigation {\n  position: relative;\n  z-index: 2;\n}\n.DayPickerNavigation__horizontal {\n  height: 0;\n}\n.DayPickerNavigation__verticalScrollable_prevNav {\n  z-index: 1;\n}\n.DayPickerNavigation__verticalDefault {\n  position: absolute;\n  width: 100%;\n  height: 52px;\n  bottom: 0;\n  left: 0;\n}\n.DayPickerNavigation__verticalScrollableDefault {\n  position: relative;\n}\n.DayPickerNavigation__bottom {\n  height: auto;\n}\n.DayPickerNavigation__bottomDefault {\n  -webkit-box-pack: justify;\n  -ms-flex-pack: justify;\n  display: flex;\n  justify-content: space-between;\n}\n.DayPickerNavigation_button {\n  cursor: pointer;\n  user-select: none;\n  border: 0;\n  padding: 0;\n  margin: 0;\n}\n.DayPickerNavigation_button__default {\n  border: 1px solid #e4e7e7;\n  background-color: #fff;\n  color: #757575;\n}\n.DayPickerNavigation_button__default:focus,\n.DayPickerNavigation_button__default:hover {\n  border: 1px solid #c4c4c4;\n}\n.DayPickerNavigation_button__default:active {\n  background: #f2f2f2;\n}\n.DayPickerNavigation_button__disabled {\n  cursor: default;\n  border: 1px solid #f2f2f2;\n}\n.DayPickerNavigation_button__disabled:focus,\n.DayPickerNavigation_button__disabled:hover {\n  border: 1px solid #f2f2f2;\n}\n.DayPickerNavigation_button__disabled:active {\n  background: 0 0;\n}\n.DayPickerNavigation_button__horizontalDefault {\n  position: absolute;\n  top: 18px;\n  line-height: 0.78;\n  border-radius: 3px;\n  padding: 6px 9px;\n}\n.DayPickerNavigation_bottomButton__horizontalDefault {\n  position: static;\n  margin: -10px 22px 30px;\n}\n.DayPickerNavigation_leftButton__horizontalDefault {\n  left: 22px;\n}\n.DayPickerNavigation_rightButton__horizontalDefault {\n  right: 22px;\n}\n.DayPickerNavigation_button__verticalDefault {\n  padding: 5px;\n  background: #fff;\n  box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);\n  position: relative;\n  display: inline-block;\n  text-align: center;\n  height: 100%;\n  width: 50%;\n}\n.DayPickerNavigation_nextButton__verticalDefault {\n  border-left: 0;\n}\n.DayPickerNavigation_nextButton__verticalScrollableDefault,\n.DayPickerNavigation_prevButton__verticalScrollableDefault {\n  width: 100%;\n}\n.DayPickerNavigation_svg__horizontal {\n  height: 19px;\n  width: 19px;\n  fill: #82888a;\n  display: block;\n}\n.DayPickerNavigation_svg__vertical {\n  height: 42px;\n  width: 42px;\n  fill: #484848;\n}\n.DayPickerNavigation_svg__disabled {\n  fill: #f2f2f2;\n}\n.DayPicker {\n  background: #fff;\n  position: relative;\n  text-align: left;\n}\n.DayPicker__horizontal {\n  background: #fff;\n}\n.DayPicker__verticalScrollable {\n  height: 100%;\n}\n.DayPicker__hidden {\n  visibility: hidden;\n}\n.DayPicker__withBorder {\n  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.07);\n  border-radius: 3px;\n}\n.DayPicker_portal__horizontal {\n  box-shadow: none;\n  position: absolute;\n  left: 50%;\n  top: 50%;\n}\n.DayPicker_portal__vertical {\n  position: initial;\n}\n.DayPicker_focusRegion {\n  outline: 0;\n}\n.DayPicker_calendarInfo__horizontal,\n.DayPicker_wrapper__horizontal {\n  display: inline-block;\n  vertical-align: top;\n}\n.DayPicker_weekHeaders {\n  position: relative;\n}\n.DayPicker_weekHeaders__horizontal {\n  margin-left: 9px;\n}\n.DayPicker_weekHeader {\n  color: #757575;\n  position: absolute;\n  top: 62px;\n  z-index: 2;\n  text-align: left;\n}\n.DayPicker_weekHeader__vertical {\n  left: 50%;\n}\n.DayPicker_weekHeader__verticalScrollable {\n  top: 0;\n  display: table-row;\n  border-bottom: 1px solid #dbdbdb;\n  background: #fff;\n  margin-left: 0;\n  left: 0;\n  width: 100%;\n  text-align: center;\n}\n.DayPicker_weekHeader_ul {\n  list-style: none;\n  margin: 1px 0;\n  padding-left: 0;\n  padding-right: 0;\n  font-size: 14px;\n}\n.DayPicker_weekHeader_li {\n  display: inline-block;\n  text-align: center;\n}\n.DayPicker_transitionContainer {\n  position: relative;\n  overflow: hidden;\n  border-radius: 3px;\n}\n.DayPicker_transitionContainer__horizontal {\n  transition: height 0.2s ease-in-out;\n}\n.DayPicker_transitionContainer__vertical {\n  width: 100%;\n}\n.DayPicker_transitionContainer__verticalScrollable {\n  padding-top: 20px;\n  height: 100%;\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  left: 0;\n  overflow-y: scroll;\n}\n.DateInput {\n  margin: 0;\n  padding: 0;\n  background: #fff;\n  position: relative;\n  display: inline-block;\n  width: 130px;\n  vertical-align: middle;\n}\n.DateInput__small {\n  width: 97px;\n}\n.DateInput__block {\n  width: 100%;\n}\n.DateInput__disabled {\n  background: #f2f2f2;\n  color: #dbdbdb;\n}\n.DateInput_input {\n  font-weight: 200;\n  font-size: 19px;\n  line-height: 24px;\n  color: #484848;\n  background-color: #fff;\n  width: 100%;\n  padding: 11px 11px 9px;\n  border: 0;\n  border-top: 0;\n  border-right: 0;\n  border-bottom: 2px solid transparent;\n  border-left: 0;\n  border-radius: 0;\n}\n.DateInput_input__small {\n  font-size: 15px;\n  line-height: 18px;\n  letter-spacing: 0.2px;\n  padding: 7px 7px 5px;\n}\n.DateInput_input__regular {\n  font-weight: auto;\n}\n.DateInput_input__readOnly {\n  user-select: none;\n}\n.DateInput_input__focused {\n  outline: 0;\n  background: #fff;\n  border: 0;\n  border-top: 0;\n  border-right: 0;\n  border-bottom: 2px solid #008489;\n  border-left: 0;\n}\n.DateInput_input__disabled {\n  background: #f2f2f2;\n  font-style: italic;\n}\n.DateInput_screenReaderMessage {\n  border: 0;\n  clip: rect(0, 0, 0, 0);\n  height: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  width: 1px;\n}\n.DateInput_fang {\n  position: absolute;\n  width: 20px;\n  height: 10px;\n  left: 22px;\n  z-index: 2;\n}\n.DateInput_fangShape {\n  fill: #fff;\n}\n.DateInput_fangStroke {\n  stroke: #dbdbdb;\n  fill: transparent;\n}\n.DateRangePickerInput {\n  background-color: #fff;\n  display: inline-block;\n}\n.DateRangePickerInput__disabled {\n  background: #f2f2f2;\n}\n.DateRangePickerInput__withBorder {\n  border-radius: 2px;\n  border: 1px solid #dbdbdb;\n}\n.DateRangePickerInput__rtl {\n  direction: rtl;\n}\n.DateRangePickerInput__block {\n  display: block;\n}\n.DateRangePickerInput__showClearDates {\n  padding-right: 30px;\n}\n.DateRangePickerInput_arrow {\n  display: inline-block;\n  vertical-align: middle;\n  color: #484848;\n}\n.DateRangePickerInput_arrow_svg {\n  vertical-align: middle;\n  fill: #484848;\n  height: 24px;\n  width: 24px;\n}\n.DateRangePickerInput_clearDates {\n  background: 0 0;\n  border: 0;\n  color: inherit;\n  font: inherit;\n  line-height: normal;\n  overflow: visible;\n  cursor: pointer;\n  padding: 10px;\n  margin: 0 10px 0 5px;\n  position: absolute;\n  right: 0;\n  top: 50%;\n  transform: translateY(-50%);\n}\n.DateRangePickerInput_clearDates__small {\n  padding: 6px;\n}\n.DateRangePickerInput_clearDates_default:focus,\n.DateRangePickerInput_clearDates_default:hover {\n  background: #dbdbdb;\n  border-radius: 50%;\n}\n.DateRangePickerInput_clearDates__hide {\n  visibility: hidden;\n}\n.DateRangePickerInput_clearDates_svg {\n  fill: #82888a;\n  height: 12px;\n  width: 15px;\n  vertical-align: middle;\n}\n.DateRangePickerInput_clearDates_svg__small {\n  height: 9px;\n}\n.DateRangePickerInput_calendarIcon {\n  background: 0 0;\n  border: 0;\n  color: inherit;\n  font: inherit;\n  line-height: normal;\n  overflow: visible;\n  cursor: pointer;\n  display: inline-block;\n  vertical-align: middle;\n  padding: 10px;\n  margin: 0 5px 0 10px;\n}\n.DateRangePickerInput_calendarIcon_svg {\n  fill: #82888a;\n  height: 15px;\n  width: 14px;\n  vertical-align: middle;\n}\n.DateRangePicker {\n  position: relative;\n  display: inline-block;\n}\n.DateRangePicker__block {\n  display: block;\n}\n.DateRangePicker_picker {\n  z-index: 1;\n  background-color: #fff;\n  position: absolute;\n}\n.DateRangePicker_picker__rtl {\n  direction: rtl;\n}\n.DateRangePicker_picker__directionLeft {\n  left: 0;\n}\n.DateRangePicker_picker__directionRight {\n  right: 0;\n}\n.DateRangePicker_picker__portal {\n  background-color: rgba(0, 0, 0, 0.3);\n  position: fixed;\n  top: 0;\n  left: 0;\n  height: 100%;\n  width: 100%;\n}\n.DateRangePicker_picker__fullScreenPortal {\n  background-color: #fff;\n}\n.DateRangePicker_closeButton {\n  background: 0 0;\n  border: 0;\n  color: inherit;\n  font: inherit;\n  line-height: normal;\n  overflow: visible;\n  cursor: pointer;\n  position: absolute;\n  top: 0;\n  right: 0;\n  padding: 15px;\n  z-index: 2;\n}\n.DateRangePicker_closeButton:focus,\n.DateRangePicker_closeButton:hover {\n  color: #b0b3b4;\n  text-decoration: none;\n}\n.DateRangePicker_closeButton_svg {\n  height: 15px;\n  width: 15px;\n  fill: #cacccd;\n}';!function(n){const e="s_id-b47853b64474_3_68_4";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const i=document.createElement("style");i.id=e,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(n);export{n as default};
 //# sourceMappingURL=external_datepicker.scss.js.map

package/dist/mocked_classnames/src/components/Dialog/Dialog.js

@@ -1,2 +1,2 @@
-import{inherits as e,createClass as n,toConsumableArray as o,classCallCheck as t,callSuper as i}from"../../../_virtual/_rollupPluginBabelHelpers.js";import s from"classnames";import r,{PureComponent as a}from"react";import{createPortal as l}from"react-dom";import{Manager as u,Reference as h,Popper as d}from"react-popper";import{isFunction as c}from"es-toolkit";import{NOOP as p,chainFunctions as m,convertToArray as f}from"../../utils/function-utils.js";import g from"./DialogContent/DialogContent.js";import{isInsideClass as v}from"../../utils/dom-utils.js";import{Refable as D}from"../Refable/Refable.js";import{HideShowEvent as y,DialogPosition as w,AnimationType as E}from"./DialogConstants.js";import C from"./Dialog.module.scss.js";import{getTestId as k,ComponentDefaultTestId as T}from"../../tests/testIds.js";import S from"../LayerProvider/LayerContext.js";import{isClient as b}from"../../utils/ssr-utils.js";import{createObserveContentResizeModifier as O}from"./modifiers/observeContentResizeModifier.js";var M=function(p){function m(e){var n;return t(this,m),(n=i(this,m,[e])).state={shouldUseDerivedStateFromProps:e.useDerivedStateFromProps,isOpen:e.shouldShowOnMount},n.onMouseEnter=n.onMouseEnter.bind(n),n.onMouseLeave=n.onMouseLeave.bind(n),n.onMouseDown=n.onMouseDown.bind(n),n.onClick=n.onClick.bind(n),n.onFocus=n.onFocus.bind(n),n.onBlur=n.onBlur.bind(n),n.isShown=n.isShown.bind(n),n.onEsc=n.onEsc.bind(n),n.onClickOutside=n.onClickOutside.bind(n),n.onDialogEnter=n.onDialogEnter.bind(n),n.onDialogLeave=n.onDialogLeave.bind(n),n.getContainer=n.getContainer.bind(n),n.onContentClick=n.onContentClick.bind(n),n.onKeyDown=n.onKeyDown.bind(n),n.closeDialogOnEscape=n.closeDialogOnEscape.bind(n),n.onContextMenu=n.onContextMenu.bind(n),n.getDefaultContainer=n.getDefaultContainer.bind(n),n.hideTimeout=null,n.showTimeout=null,n}return e(m,a),n(m,[{key:"closeDialogOnEscape",value:function(e){if(this.state.isOpen)switch(e.key){case"Escape":this.hideDialogIfNeeded(e,y.ESCAPE_KEY);break;case"Tab":this.handleEvent(y.TAB_KEY,e.target,e);break;case"Enter":this.handleEvent(y.ENTER,e.target,e)}}},{key:"componentDidMount",value:function(){var e=this.props,n=e.shouldCallbackOnMount,o=e.onDialogDidShow,t=this.state.isOpen;b()&&document.addEventListener("keyup",this.closeDialogOnEscape),n&&t&&o&&o()}},{key:"componentWillUnmount",value:function(){b()&&document.removeEventListener("keyup",this.closeDialogOnEscape),this.showTimeout&&(clearTimeout(this.showTimeout),this.showTimeout=null),this.hideTimeout&&(clearTimeout(this.hideTimeout),this.hideTimeout=null)}},{key:"getDefaultContainer",value:function(){var e=this.context.layerRef;return(null==e?void 0:e.current)?e.current:document.body}},{key:"getContainer",value:function(){var e=this.props.containerSelector;if(!e)return this.getDefaultContainer();var n=document.querySelector(e);return n&&n instanceof Element?n:this.getDefaultContainer()}},{key:"showDialog",value:function(e,n){var o=this,t=this.props,i=t.instantShowAndHide,s=t.getDynamicShowDelay,r=t.showDelay,a=(arguments.length>2&&void 0!==arguments[2]?arguments[2]:{}).preventAnimation;if(s){var l=s();r=l.showDelay||0,a=a||l.preventAnimation}i?(this.onShowDialog(e,n),this.setState({isOpen:!0,preventAnimation:a}),this.showTimeout=null):this.showTimeout=setTimeout((function(){o.onShowDialog(e,n),o.showTimeout=null,o.setState({isOpen:!0,preventAnimation:a})}),r)}},{key:"onShowDialog",value:function(e,n){this.isShown()||(0,this.props.onDialogDidShow)(e,n)}},{key:"showDialogIfNeeded",value:function(e,n){var o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};this.props.disable||(this.hideTimeout&&(clearTimeout(this.hideTimeout),this.hideTimeout=null),this.showTimeout||this.showDialog(e,n,o))}},{key:"hideDialog",value:function(e,n){var o=this,t=this.props,i=t.hideDelay;t.instantShowAndHide?(this.onHideDialog(e,n),this.setState({isOpen:!1}),this.hideTimeout=null):this.hideTimeout=setTimeout((function(){o.onHideDialog(e,n),o.setState({isOpen:!1}),o.hideTimeout=null}),i)}},{key:"onHideDialog",value:function(e,n){var o=this.props.onDialogDidHide;o&&o(e,n)}},{key:"hideDialogIfNeeded",value:function(e,n){this.showTimeout&&(clearTimeout(this.showTimeout),this.showTimeout=null),this.hideTimeout||this.hideDialog(e,n)}},{key:"handleEvent",value:function(e,n,o){var t=this.props,i=t.showTriggerIgnoreClass,s=t.hideTriggerIgnoreClass;return!this.isShowTrigger(e)||this.isShown()||v(n,i)?this.isHideTrigger(e)&&!v(n,s)?this.hideDialogIfNeeded(o,e):void 0:this.showDialogIfNeeded(o,e)}},{key:"isShown",value:function(){return this.state.isOpen||this.props.open}},{key:"isShowTrigger",value:function(e){var n=this.props,o=n.addKeyboardHideShowTriggersByDefault,t=f(n.showTrigger);return!(!o||"focus"!==e||-1>=t.indexOf("mouseenter"))||t.indexOf(e)>-1}},{key:"isHideTrigger",value:function(e){var n=this.props,o=n.addKeyboardHideShowTriggersByDefault,t=f(n.hideTrigger);return!(!o||"blur"!==e||-1>=t.indexOf("mouseleave"))||t.indexOf(e)>-1}},{key:"onMouseEnter",value:function(e){this.handleEvent("mouseenter",e.target,e)}},{key:"onMouseLeave",value:function(e){this.handleEvent("mouseleave",e.target,e)}},{key:"onClick",value:function(e){e.button||this.handleEvent("click",e.target,e)}},{key:"onKeyDown",value:function(e){"Enter"===e.key&&this.handleEvent("enter",e.target,e),"Tab"===e.key&&this.handleEvent("tab",e.target,e)}},{key:"onMouseDown",value:function(e){e.button||this.handleEvent("mousedown",e.target,e)}},{key:"onFocus",value:function(e){this.handleEvent("focus",e.target,e)}},{key:"onBlur",value:function(e){this.handleEvent("blur",e.relatedTarget,e)}},{key:"onEsc",value:function(e){this.handleEvent("esckey",e.target,e)}},{key:"onContextMenu",value:function(e){var n=this.isShown();(this.isShowTrigger("contextmenu")&&!n||this.isHideTrigger("contextmenu")&&n)&&e.preventDefault(),this.handleEvent("contextmenu",e.target,e)}},{key:"onClickOutside",value:function(e){var n=this.props.onClickOutside;this.handleEvent("clickoutside",e.target,e),n(e)}},{key:"onDialogEnter",value:function(e){this.props.showOnDialogEnter&&this.showDialogIfNeeded(e,"DialogEnter")}},{key:"onDialogLeave",value:function(e){this.props.showOnDialogEnter&&this.hideDialogIfNeeded(e,"DialogLeave")}},{key:"onContentClick",value:function(e){var n=this.props.onContentClick;this.handleEvent("onContentClick",e.target,e),n(e)}},{key:"render",value:function(){var e=this,n=this.props,t=n.wrapperClassName,i=n.content,a=n.startingEdge,p=n.children,m=n.preventAnimationOnMount,f=n.animationType,v=n.position,y=n.showDelay,w=n.moveBy,E=n.modifiers,S=n.tooltip,M=n.tooltipClassName,H=n.referenceWrapperClassName,L=n.referenceWrapperElement,A=n.zIndex,N=n.hideWhenReferenceHidden,I=n.disableContainerScroll,R=n.containerSelector,j=n.observeContentResize,B=this.state.preventAnimation,P=n["data-testid"]||k(T.DIALOG,n.id),F=m||B?void 0:f,K=c(i)?i():i;return K?r.createElement(u,null,r.createElement(h,null,(function(n){var o=n.ref;return r.createElement(D,{className:s(H),wrapperElement:L,ref:o,onBlur:x("onBlur",e,e.props),onKeyDown:x("onKeyDown",e,e.props),onClick:x("onClick",e,e.props),onFocus:x("onFocus",e,e.props),onMouseDown:x("onMouseDown",e,e.props),onMouseEnter:x("onMouseEnter",e,e.props),onMouseLeave:x("onMouseLeave",e,e.props),onContextMenu:x("onContextMenu",e,e.props)},p)})),b()&&l(r.createElement(d,{placement:v,modifiers:[{name:"offset",options:{offset:[w.secondary,w.main]}},{name:"zIndex",enabled:!0,phase:"write",fn:function(e){var n=e.state;return A&&(n.styles.popper.zIndex=A+""),n}},{name:"rotator",enabled:!0,phase:"write",fn:function(e){var n=e.state;return n.styles.arrow?(n.styles.arrow.transform="".concat(n.styles.arrow.transform," rotate(45deg)"),n):n}},O(j)].concat(o(E))},(function(n){var o=n.placement,i=n.style,l=n.ref,u=n.arrowProps,h=n.isReferenceHidden;if(!e.isShown()&&o)return null;if(N&&h){var d=new CustomEvent("onReferenceHidden");e.hideDialog(d,"onReferenceHidden")}return r.createElement(g,{"data-testid":P,isReferenceHidden:N&&h,onMouseEnter:e.onDialogEnter,onMouseLeave:e.onDialogLeave,onClickOutside:e.onClickOutside,onContextMenu:e.onContextMenu,onEsc:e.onEsc,animationType:F,position:o,wrapperClassName:t,startingEdge:a,isOpen:e.isShown(),showDelay:y,styleObject:i,ref:l,onClick:e.onContentClick,hasTooltip:!!S,containerSelector:R,disableContainerScroll:I},K,S&&r.createElement("div",{style:u.style,ref:u.ref,className:s(C.arrow,M),"data-placement":o}))})),this.getContainer())):p}}],[{key:"getDerivedStateFromProps",value:function(e,n){return n.shouldUseDerivedStateFromProps?{isOpen:e.isOpen}:null}}])}();function x(e,n,o){return m([o[e],n[e]],!0)}M.hideShowTriggers=y,M.positions=w,M.animationTypes=E,M.defaultProps={position:"top",modifiers:[],moveBy:{main:0,secondary:0},showDelay:100,hideDelay:100,showTrigger:M.hideShowTriggers.MOUSE_ENTER,hideTrigger:M.hideShowTriggers.MOUSE_LEAVE,showOnDialogEnter:!1,shouldShowOnMount:!1,disable:!1,open:!1,animationType:M.animationTypes.EXPAND,preventAnimationOnMount:!1,tooltip:!1,onDialogDidShow:p,onDialogDidHide:p,onClickOutside:p,onContentClick:p,useDerivedStateFromProps:!1,hideWhenReferenceHidden:!1,shouldCallbackOnMount:!1,instantShowAndHide:!1,addKeyboardHideShowTriggersByDefault:!1,observeContentResize:!1},M.contextType=S;export{M as default};
+import{inherits as e,createClass as n,toConsumableArray as o,classCallCheck as t,callSuper as i}from"../../../_virtual/_rollupPluginBabelHelpers.js";import s from"classnames";import r,{PureComponent as a}from"react";import{createPortal as l}from"react-dom";import{Manager as u,Reference as h,Popper as d}from"react-popper";import{isFunction as c}from"es-toolkit";import{NOOP as p,chainRefFunctions as m,chainFunctions as f,convertToArray as g}from"../../utils/function-utils.js";import v from"./DialogContent/DialogContent.js";import{isInsideClass as D}from"../../utils/dom-utils.js";import{Refable as y}from"../Refable/Refable.js";import{HideShowEvent as w,DialogPosition as E,AnimationType as C}from"./DialogConstants.js";import k from"./Dialog.module.scss.js";import{getTestId as T,ComponentDefaultTestId as S}from"../../tests/testIds.js";import b from"../LayerProvider/LayerContext.js";import O from"../LayerProvider/LayerProvider.js";import{isClient as M}from"../../utils/ssr-utils.js";import{createObserveContentResizeModifier as x}from"./modifiers/observeContentResizeModifier.js";var H=function(p){function f(e){var n;return t(this,f),(n=i(this,f,[e])).state={shouldUseDerivedStateFromProps:e.useDerivedStateFromProps,isOpen:e.shouldShowOnMount},n.containerRef=r.createRef(),n.onMouseEnter=n.onMouseEnter.bind(n),n.onMouseLeave=n.onMouseLeave.bind(n),n.onMouseDown=n.onMouseDown.bind(n),n.onClick=n.onClick.bind(n),n.onFocus=n.onFocus.bind(n),n.onBlur=n.onBlur.bind(n),n.isShown=n.isShown.bind(n),n.onEsc=n.onEsc.bind(n),n.onClickOutside=n.onClickOutside.bind(n),n.onDialogEnter=n.onDialogEnter.bind(n),n.onDialogLeave=n.onDialogLeave.bind(n),n.getContainer=n.getContainer.bind(n),n.onContentClick=n.onContentClick.bind(n),n.onKeyDown=n.onKeyDown.bind(n),n.closeDialogOnEscape=n.closeDialogOnEscape.bind(n),n.onContextMenu=n.onContextMenu.bind(n),n.getDefaultContainer=n.getDefaultContainer.bind(n),n.hideTimeout=null,n.showTimeout=null,n}return e(f,a),n(f,[{key:"closeDialogOnEscape",value:function(e){if(this.state.isOpen)switch(e.key){case"Escape":this.hideDialogIfNeeded(e,w.ESCAPE_KEY);break;case"Tab":this.handleEvent(w.TAB_KEY,e.target,e);break;case"Enter":this.handleEvent(w.ENTER,e.target,e)}}},{key:"componentDidMount",value:function(){var e=this.props,n=e.shouldCallbackOnMount,o=e.onDialogDidShow,t=this.state.isOpen;M()&&document.addEventListener("keyup",this.closeDialogOnEscape),n&&t&&o&&o()}},{key:"componentWillUnmount",value:function(){M()&&document.removeEventListener("keyup",this.closeDialogOnEscape),this.showTimeout&&(clearTimeout(this.showTimeout),this.showTimeout=null),this.hideTimeout&&(clearTimeout(this.hideTimeout),this.hideTimeout=null)}},{key:"getDefaultContainer",value:function(){var e=this.context.layerRef;return(null==e?void 0:e.current)?e.current:document.body}},{key:"getContainer",value:function(){var e=this.props.containerSelector;if(!e)return this.getDefaultContainer();var n=document.querySelector(e);return n&&n instanceof Element?n:this.getDefaultContainer()}},{key:"showDialog",value:function(e,n){var o=this,t=this.props,i=t.instantShowAndHide,s=t.getDynamicShowDelay,r=t.showDelay,a=(arguments.length>2&&void 0!==arguments[2]?arguments[2]:{}).preventAnimation;if(s){var l=s();r=l.showDelay||0,a=a||l.preventAnimation}i?(this.onShowDialog(e,n),this.setState({isOpen:!0,preventAnimation:a}),this.showTimeout=null):this.showTimeout=setTimeout((function(){o.onShowDialog(e,n),o.showTimeout=null,o.setState({isOpen:!0,preventAnimation:a})}),r)}},{key:"onShowDialog",value:function(e,n){this.isShown()||(0,this.props.onDialogDidShow)(e,n)}},{key:"showDialogIfNeeded",value:function(e,n){var o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};this.props.disable||(this.hideTimeout&&(clearTimeout(this.hideTimeout),this.hideTimeout=null),this.showTimeout||this.showDialog(e,n,o))}},{key:"hideDialog",value:function(e,n){var o=this,t=this.props,i=t.hideDelay;t.instantShowAndHide?(this.onHideDialog(e,n),this.setState({isOpen:!1}),this.hideTimeout=null):this.hideTimeout=setTimeout((function(){o.onHideDialog(e,n),o.setState({isOpen:!1}),o.hideTimeout=null}),i)}},{key:"onHideDialog",value:function(e,n){var o=this.props.onDialogDidHide;o&&o(e,n)}},{key:"hideDialogIfNeeded",value:function(e,n){this.showTimeout&&(clearTimeout(this.showTimeout),this.showTimeout=null),this.hideTimeout||this.hideDialog(e,n)}},{key:"handleEvent",value:function(e,n,o){var t=this.props,i=t.showTriggerIgnoreClass,s=t.hideTriggerIgnoreClass;return!this.isShowTrigger(e)||this.isShown()||D(n,i)?this.isHideTrigger(e)&&!D(n,s)?this.hideDialogIfNeeded(o,e):void 0:this.showDialogIfNeeded(o,e)}},{key:"isShown",value:function(){return this.state.isOpen||this.props.open}},{key:"isShowTrigger",value:function(e){var n=this.props,o=n.addKeyboardHideShowTriggersByDefault,t=g(n.showTrigger);return!(!o||"focus"!==e||-1>=t.indexOf("mouseenter"))||t.indexOf(e)>-1}},{key:"isHideTrigger",value:function(e){var n=this.props,o=n.addKeyboardHideShowTriggersByDefault,t=g(n.hideTrigger);return!(!o||"blur"!==e||-1>=t.indexOf("mouseleave"))||t.indexOf(e)>-1}},{key:"onMouseEnter",value:function(e){this.handleEvent("mouseenter",e.target,e)}},{key:"onMouseLeave",value:function(e){this.handleEvent("mouseleave",e.target,e)}},{key:"onClick",value:function(e){e.button||this.handleEvent("click",e.target,e)}},{key:"onKeyDown",value:function(e){"Enter"===e.key&&this.handleEvent("enter",e.target,e),"Tab"===e.key&&this.handleEvent("tab",e.target,e)}},{key:"onMouseDown",value:function(e){e.button||this.handleEvent("mousedown",e.target,e)}},{key:"onFocus",value:function(e){this.handleEvent("focus",e.target,e)}},{key:"onBlur",value:function(e){this.handleEvent("blur",e.relatedTarget,e)}},{key:"onEsc",value:function(e){this.handleEvent("esckey",e.target,e)}},{key:"onContextMenu",value:function(e){var n=this.isShown();(this.isShowTrigger("contextmenu")&&!n||this.isHideTrigger("contextmenu")&&n)&&e.preventDefault(),this.handleEvent("contextmenu",e.target,e)}},{key:"onClickOutside",value:function(e){var n=this.props.onClickOutside;this.handleEvent("clickoutside",e.target,e),n(e)}},{key:"onDialogEnter",value:function(e){this.props.showOnDialogEnter&&this.showDialogIfNeeded(e,"DialogEnter")}},{key:"onDialogLeave",value:function(e){this.props.showOnDialogEnter&&this.hideDialogIfNeeded(e,"DialogLeave")}},{key:"onContentClick",value:function(e){var n=this.props.onContentClick;this.handleEvent("onContentClick",e.target,e),n(e)}},{key:"render",value:function(){var e=this,n=this.props,t=n.wrapperClassName,i=n.content,a=n.startingEdge,p=n.children,f=n.preventAnimationOnMount,g=n.animationType,D=n.position,w=n.showDelay,E=n.moveBy,C=n.modifiers,b=n.tooltip,H=n.tooltipClassName,R=n.referenceWrapperClassName,A=n.referenceWrapperElement,N=n.zIndex,I=n.hideWhenReferenceHidden,j=n.disableContainerScroll,P=n.containerSelector,B=n.observeContentResize,F=this.state.preventAnimation,K=n["data-testid"]||T(S.DIALOG,n.id),z=f||F?void 0:g,_=c(i)?i():i;return _?r.createElement(u,null,r.createElement(h,null,(function(n){var o=n.ref;return r.createElement(y,{className:s(R),wrapperElement:A,ref:o,onBlur:L("onBlur",e,e.props),onKeyDown:L("onKeyDown",e,e.props),onClick:L("onClick",e,e.props),onFocus:L("onFocus",e,e.props),onMouseDown:L("onMouseDown",e,e.props),onMouseEnter:L("onMouseEnter",e,e.props),onMouseLeave:L("onMouseLeave",e,e.props),onContextMenu:L("onContextMenu",e,e.props)},p)})),M()&&l(r.createElement(d,{placement:D,modifiers:[{name:"offset",options:{offset:[E.secondary,E.main]}},{name:"zIndex",enabled:!0,phase:"write",fn:function(e){var n=e.state;return N&&(n.styles.popper.zIndex=N+""),n}},{name:"rotator",enabled:!0,phase:"write",fn:function(e){var n=e.state;return n.styles.arrow?(n.styles.arrow.transform="".concat(n.styles.arrow.transform," rotate(45deg)"),n):n}},x(B)].concat(o(C))},(function(n){var o=n.placement,i=n.style,l=n.ref,u=n.arrowProps,h=n.isReferenceHidden;if(!e.isShown()&&o)return null;if(I&&h){var d=new CustomEvent("onReferenceHidden");e.hideDialog(d,"onReferenceHidden")}var c=m([l,e.containerRef]);return r.createElement(O,{layerRef:e.containerRef},r.createElement(v,{"data-testid":K,isReferenceHidden:I&&h,onMouseEnter:e.onDialogEnter,onMouseLeave:e.onDialogLeave,onClickOutside:e.onClickOutside,onContextMenu:e.onContextMenu,onEsc:e.onEsc,animationType:z,position:o,wrapperClassName:t,startingEdge:a,isOpen:e.isShown(),showDelay:w,styleObject:i,ref:c,onClick:e.onContentClick,hasTooltip:!!b,containerSelector:P,disableContainerScroll:j},_,b&&r.createElement("div",{style:u.style,ref:u.ref,className:s(k.arrow,H),"data-placement":o})))})),this.getContainer())):p}}],[{key:"getDerivedStateFromProps",value:function(e,n){return n.shouldUseDerivedStateFromProps?{isOpen:e.isOpen}:null}}])}();function L(e,n,o){return f([o[e],n[e]],!0)}H.hideShowTriggers=w,H.positions=E,H.animationTypes=C,H.defaultProps={position:"top",modifiers:[],moveBy:{main:0,secondary:0},showDelay:100,hideDelay:100,showTrigger:H.hideShowTriggers.MOUSE_ENTER,hideTrigger:H.hideShowTriggers.MOUSE_LEAVE,showOnDialogEnter:!1,shouldShowOnMount:!1,disable:!1,open:!1,animationType:H.animationTypes.EXPAND,preventAnimationOnMount:!1,tooltip:!1,onDialogDidShow:p,onDialogDidHide:p,onClickOutside:p,onContentClick:p,useDerivedStateFromProps:!1,hideWhenReferenceHidden:!1,shouldCallbackOnMount:!1,instantShowAndHide:!1,addKeyboardHideShowTriggersByDefault:!1,observeContentResize:!1},H.contextType=b;export{H as default};
 //# sourceMappingURL=Dialog.js.map

package/dist/mocked_classnames/src/components/Dialog/Dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.js","sources":["../../../../../src/components/Dialog/Dialog.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { PureComponent, type ReactElement } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { Manager, type Modifier, Popper, Reference } from \"react-popper\";\nimport { isFunction } from \"es-toolkit\";\nimport { chainFunctions, convertToArray, NOOP } from \"../../utils/function-utils\";\nimport DialogContent from \"./DialogContent/DialogContent\";\nimport { isInsideClass } from \"../../utils/dom-utils\";\nimport { Refable } from \"../Refable/Refable\";\nimport {\n  AnimationType as AnimationTypeEnum,\n  HideShowEvent as DialogTriggerEventEnum,\n  DialogPosition as DialogPositionEnum\n} from \"./DialogConstants\";\nimport { type VibeComponentProps } from \"../../types\";\nimport type * as PopperJS from \"@popperjs/core\";\nimport styles from \"./Dialog.module.scss\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { type DialogAnimationType, type DialogPosition, type DialogTriggerEvent } from \"./Dialog.types\";\nimport LayerContext from \"../LayerProvider/LayerContext\";\nimport { isClient } from \"../../utils/ssr-utils\";\nimport { createObserveContentResizeModifier } from \"./modifiers/observeContentResizeModifier\";\n\nexport interface DialogProps extends VibeComponentProps {\n  /**\n   * Class name applied to the reference wrapper element.\n   */\n  referenceWrapperClassName?: string;\n  /**\n   * The wrapper element type to use for React components. Defaults to \"span\".\n   */\n  referenceWrapperElement?: \"span\" | \"div\";\n  /**\n   * The placement of the dialog relative to the reference element.\n   */\n  position?: DialogPosition;\n  /**\n   * Custom Popper.js modifiers.\n   * https://popper.js.org/docs/v2/modifiers/\n   */\n  modifiers?: Modifier<any>[];\n  /**\n   * The starting edge of the dialog.\n   */\n  startingEdge?: string;\n  /**\n   * Offset values for positioning adjustments.\n   * `main` - horizontal offset\n   * `secondary` - vertical offset\n   */\n  moveBy?: { main?: number; secondary?: number };\n  /**\n   * Delay in milliseconds before showing the dialog.\n   */\n  showDelay?: number;\n  /**\n   * Delay in milliseconds before hiding the dialog.\n   */\n  hideDelay?: number;\n  /**\n   * Events that trigger showing the dialog.\n   */\n  showTrigger?: DialogTriggerEvent | DialogTriggerEvent[];\n  /**\n   * Events that trigger hiding the dialog.\n   */\n  hideTrigger?: DialogTriggerEvent | DialogTriggerEvent[];\n  /**\n   * If true, prevents closing the dialog when the mouse enters it.\n   */\n  showOnDialogEnter?: boolean;\n  /**\n   * If true, shows the dialog when the component mounts.\n   */\n  shouldShowOnMount?: boolean;\n  /**\n   * If true, disables opening the dialog.\n   */\n  disable?: boolean;\n  /**\n   * Controls the open state of the dialog.\n   */\n  open?: boolean;\n  /**\n   * Derived state control for managing dialog visibility.\n   */\n  isOpen?: boolean;\n  /**\n   * Classes that prevent showing the dialog when present.\n   */\n  showTriggerIgnoreClass?: string | Array<string>;\n  /**\n   * Classes that prevent hiding the dialog when present.\n   */\n  hideTriggerIgnoreClass?: string | Array<string>;\n  /**\n   * The animation type used for the dialog.\n   */\n  animationType?: DialogAnimationType;\n  /**\n   * Class name applied to the dialog content container.\n   */\n  wrapperClassName?: string;\n  /**\n   * If true, prevents animation when mounting.\n   */\n  preventAnimationOnMount?: boolean;\n  /**\n   * The CSS selector of the container where the dialog is rendered.\n   */\n  containerSelector?: string;\n  /**\n   * If true, positions the tooltip element.\n   */\n  tooltip?: boolean;\n  /**\n   * Class name applied to the tooltip element.\n   */\n  tooltipClassName?: string;\n  /**\n   * Callback fired when the dialog is shown.\n   */\n  onDialogDidShow?: (event?: DialogEvent, eventName?: DialogTriggerEvent | string) => void;\n  /**\n   * Callback fired when the dialog is hidden.\n   */\n  onDialogDidHide?: (event: DialogEvent, eventName: DialogTriggerEvent | string) => void;\n  /**\n   * Callback fired when clicking outside the dialog.\n   */\n  onClickOutside?: (event: React.MouseEvent) => void;\n  /**\n   * Callback fired when clicking inside the dialog content.\n   */\n  onContentClick?: (event: React.MouseEvent) => void;\n  /**\n   * The z-index applied to the dialog.\n   */\n  zIndex?: number;\n  /**\n   * If true, uses derived state from props.\n   */\n  useDerivedStateFromProps?: boolean;\n  /**\n   * If true, makes the dialog disappear when the reference element is hidden.\n   */\n  hideWhenReferenceHidden?: boolean;\n  /**\n   * If true, triggers the callback when the dialog mounts.\n   */\n  shouldCallbackOnMount?: boolean;\n  /**\n   * If true, instantly shows and hides the dialog without delay.\n   */\n  instantShowAndHide?: boolean;\n  /**\n   * Callback to dynamically adjust show delay and animation behavior.\n   */\n  getDynamicShowDelay?: () => { showDelay: number; preventAnimation: boolean };\n  /**\n   * The content displayed inside the dialog.\n   */\n  content?: (() => JSX.Element) | JSX.Element;\n  /**\n   * The element to position the dialog beside.\n   */\n  children?: ReactElement | ReactElement[] | string;\n  /**\n   * If true, keyboard focus/blur events behave like mouse enter/leave.\n   */\n  addKeyboardHideShowTriggersByDefault?: boolean;\n  /**\n   * If true, disables scrolling for the container element.\n   */\n  disableContainerScroll?: boolean | string;\n  /**\n   * Enables the observation of content resize for the popper element.\n   * When set to `true`, a ResizeObserver is attached to the popper content,\n   * automatically triggering repositioning when the size of the content changes.\n   *\n   * This is useful for dialogs, tooltips, or popovers with dynamic content\n   * that may grow or shrink without a re-render being triggered.\n   */\n  observeContentResize?: boolean;\n}\n\nexport interface DialogState {\n  /**\n   * If true, the dialog is open.\n   */\n  isOpen?: boolean;\n  /**\n   * If true, the dialog state is derived from props.\n   */\n  shouldUseDerivedStateFromProps?: boolean;\n  /**\n   * If true, prevents animation when opening or closing the dialog.\n   */\n  preventAnimation?: boolean;\n}\n\nexport type DialogEvent = React.MouseEvent | React.KeyboardEvent | KeyboardEvent | React.FocusEvent | CustomEvent;\n\nexport default class Dialog extends PureComponent<DialogProps, DialogState> {\n  static hideShowTriggers = DialogTriggerEventEnum;\n  static positions = DialogPositionEnum;\n  static animationTypes = AnimationTypeEnum;\n  static defaultProps = {\n    position: \"top\",\n    modifiers: [] as Modifier<any>[],\n    moveBy: { main: 0, secondary: 0 },\n    showDelay: 100,\n    hideDelay: 100,\n    showTrigger: Dialog.hideShowTriggers.MOUSE_ENTER,\n    hideTrigger: Dialog.hideShowTriggers.MOUSE_LEAVE,\n    showOnDialogEnter: false,\n    shouldShowOnMount: false,\n    disable: false,\n    open: false,\n    animationType: Dialog.animationTypes.EXPAND,\n    preventAnimationOnMount: false,\n    tooltip: false,\n    onDialogDidShow: NOOP,\n    onDialogDidHide: NOOP,\n    onClickOutside: NOOP,\n    onContentClick: NOOP,\n    useDerivedStateFromProps: false,\n    hideWhenReferenceHidden: false,\n    shouldCallbackOnMount: false,\n    instantShowAndHide: false,\n    addKeyboardHideShowTriggersByDefault: false,\n    observeContentResize: false\n  };\n  private showTimeout: NodeJS.Timeout;\n  private hideTimeout: NodeJS.Timeout;\n  context!: React.ContextType<typeof LayerContext>;\n\n  constructor(props: DialogProps) {\n    super(props);\n    this.state = {\n      shouldUseDerivedStateFromProps: props.useDerivedStateFromProps,\n      isOpen: props.shouldShowOnMount\n    };\n\n    // Binding section.\n    this.onMouseEnter = this.onMouseEnter.bind(this);\n    this.onMouseLeave = this.onMouseLeave.bind(this);\n    this.onMouseDown = this.onMouseDown.bind(this);\n    this.onClick = this.onClick.bind(this);\n    this.onFocus = this.onFocus.bind(this);\n    this.onBlur = this.onBlur.bind(this);\n    this.isShown = this.isShown.bind(this);\n    this.onEsc = this.onEsc.bind(this);\n    this.onClickOutside = this.onClickOutside.bind(this);\n    this.onDialogEnter = this.onDialogEnter.bind(this);\n    this.onDialogLeave = this.onDialogLeave.bind(this);\n    this.getContainer = this.getContainer.bind(this);\n    this.onContentClick = this.onContentClick.bind(this);\n    this.onKeyDown = this.onKeyDown.bind(this);\n    this.closeDialogOnEscape = this.closeDialogOnEscape.bind(this);\n    this.onContextMenu = this.onContextMenu.bind(this);\n    this.getDefaultContainer = this.getDefaultContainer.bind(this);\n\n    // Timeouts\n    this.hideTimeout = null;\n    this.showTimeout = null;\n  }\n\n  closeDialogOnEscape(event: KeyboardEvent) {\n    const { isOpen } = this.state;\n    if (!isOpen) {\n      return;\n    }\n    switch (event.key) {\n      case \"Escape\":\n        this.hideDialogIfNeeded(event, DialogTriggerEventEnum.ESCAPE_KEY);\n        break;\n      case \"Tab\":\n        this.handleEvent(DialogTriggerEventEnum.TAB_KEY, event.target, event);\n        break;\n      case \"Enter\":\n        this.handleEvent(DialogTriggerEventEnum.ENTER, event.target, event);\n        break;\n      default:\n        break;\n    }\n  }\n\n  componentDidMount() {\n    const { shouldCallbackOnMount, onDialogDidShow } = this.props;\n    const { isOpen } = this.state;\n    if (isClient()) {\n      document.addEventListener(\"keyup\", this.closeDialogOnEscape);\n    }\n    if (shouldCallbackOnMount && isOpen) {\n      onDialogDidShow && onDialogDidShow();\n    }\n  }\n\n  componentWillUnmount() {\n    if (isClient()) {\n      document.removeEventListener(\"keyup\", this.closeDialogOnEscape);\n    }\n    if (this.showTimeout) {\n      clearTimeout(this.showTimeout);\n      this.showTimeout = null;\n    }\n    if (this.hideTimeout) {\n      clearTimeout(this.hideTimeout);\n      this.hideTimeout = null;\n    }\n  }\n\n  static getDerivedStateFromProps(nextProps: DialogProps, state: DialogState): DialogState {\n    if (state.shouldUseDerivedStateFromProps) {\n      return { isOpen: nextProps.isOpen };\n    }\n    return null;\n  }\n\n  getDefaultContainer() {\n    const { layerRef } = this.context;\n    if (layerRef?.current) {\n      return layerRef.current;\n    }\n    return document.body;\n  }\n\n  getContainer() {\n    const { containerSelector } = this.props;\n    if (!containerSelector) {\n      return this.getDefaultContainer();\n    }\n\n    const containerElement = document.querySelector(containerSelector);\n    if (!containerElement || !(containerElement instanceof Element)) {\n      return this.getDefaultContainer();\n    }\n    return containerElement;\n  }\n\n  showDialog(event: DialogEvent, eventName: DialogTriggerEvent | string, options: { preventAnimation?: boolean } = {}) {\n    const { showDelay, instantShowAndHide, getDynamicShowDelay } = this.props;\n    let finalShowDelay = showDelay;\n    let preventAnimation = options.preventAnimation;\n    if (getDynamicShowDelay) {\n      const dynamicDelayObj = getDynamicShowDelay();\n      finalShowDelay = dynamicDelayObj.showDelay || 0;\n      preventAnimation = preventAnimation || dynamicDelayObj.preventAnimation;\n    }\n\n    if (instantShowAndHide) {\n      this.onShowDialog(event, eventName);\n      this.setState({ isOpen: true, preventAnimation });\n      this.showTimeout = null;\n    } else {\n      this.showTimeout = setTimeout(() => {\n        this.onShowDialog(event, eventName);\n        this.showTimeout = null;\n        this.setState({ isOpen: true, preventAnimation });\n      }, finalShowDelay);\n    }\n  }\n\n  onShowDialog(event: DialogEvent, eventName: DialogTriggerEvent | string) {\n    if (this.isShown()) return;\n    const { onDialogDidShow } = this.props;\n    onDialogDidShow(event, eventName);\n  }\n\n  showDialogIfNeeded(event: DialogEvent, eventName: DialogTriggerEvent | string, options = {}) {\n    const { disable } = this.props;\n    if (disable) {\n      return;\n    }\n\n    if (this.hideTimeout) {\n      clearTimeout(this.hideTimeout);\n      this.hideTimeout = null;\n    }\n\n    if (!this.showTimeout) {\n      this.showDialog(event, eventName, options);\n    }\n  }\n\n  hideDialog(event: DialogEvent, eventName: DialogTriggerEvent | string) {\n    const { hideDelay, instantShowAndHide } = this.props;\n    if (instantShowAndHide) {\n      this.onHideDialog(event, eventName);\n      this.setState({ isOpen: false });\n      this.hideTimeout = null;\n    } else {\n      this.hideTimeout = setTimeout(() => {\n        this.onHideDialog(event, eventName);\n        this.setState({ isOpen: false });\n        this.hideTimeout = null;\n      }, hideDelay);\n    }\n  }\n\n  onHideDialog(event: DialogEvent, eventName: DialogTriggerEvent | string) {\n    const { onDialogDidHide } = this.props;\n    if (onDialogDidHide) onDialogDidHide(event, eventName);\n  }\n\n  hideDialogIfNeeded(event: DialogEvent, eventName: DialogTriggerEvent | string) {\n    if (this.showTimeout) {\n      clearTimeout(this.showTimeout);\n      this.showTimeout = null;\n    }\n\n    if (this.hideTimeout) {\n      return;\n    }\n    this.hideDialog(event, eventName);\n  }\n\n  handleEvent(eventName: DialogTriggerEvent, target: EventTarget, event: DialogEvent) {\n    const { showTriggerIgnoreClass, hideTriggerIgnoreClass } = this.props;\n    if (\n      this.isShowTrigger(eventName) &&\n      !this.isShown() &&\n      !isInsideClass(target as HTMLElement, showTriggerIgnoreClass)\n    ) {\n      return this.showDialogIfNeeded(event, eventName);\n    }\n\n    if (this.isHideTrigger(eventName) && !isInsideClass(target as HTMLElement, hideTriggerIgnoreClass)) {\n      return this.hideDialogIfNeeded(event, eventName);\n    }\n  }\n\n  isShown() {\n    const { isOpen } = this.state;\n    const { open } = this.props;\n\n    return isOpen || open;\n  }\n\n  isShowTrigger(eventName: DialogTriggerEvent) {\n    const { showTrigger, addKeyboardHideShowTriggersByDefault } = this.props;\n    const showTriggersArray = convertToArray(showTrigger);\n\n    if (addKeyboardHideShowTriggersByDefault) {\n      if (eventName === \"focus\" && showTriggersArray.indexOf(\"mouseenter\") > -1) {\n        return true;\n      }\n    }\n\n    return showTriggersArray.indexOf(eventName) > -1;\n  }\n\n  isHideTrigger(eventName: DialogTriggerEvent) {\n    const { hideTrigger, addKeyboardHideShowTriggersByDefault } = this.props;\n    const hideTriggersArray = convertToArray(hideTrigger);\n\n    if (addKeyboardHideShowTriggersByDefault) {\n      if (eventName === \"blur\" && hideTriggersArray.indexOf(\"mouseleave\") > -1) {\n        return true;\n      }\n    }\n\n    return hideTriggersArray.indexOf(eventName) > -1;\n  }\n\n  onMouseEnter(e: React.MouseEvent) {\n    this.handleEvent(\"mouseenter\", e.target, e);\n  }\n\n  onMouseLeave(e: React.MouseEvent) {\n    this.handleEvent(\"mouseleave\", e.target, e);\n  }\n\n  onClick(e: React.MouseEvent) {\n    if (e.button) return;\n    this.handleEvent(\"click\", e.target, e);\n  }\n\n  onKeyDown(event: React.KeyboardEvent) {\n    if (event.key === \"Enter\") {\n      this.handleEvent(\"enter\", event.target, event);\n    }\n\n    if (event.key === \"Tab\") {\n      this.handleEvent(\"tab\", event.target, event);\n    }\n  }\n\n  onMouseDown(e: React.MouseEvent) {\n    if (e.button) return;\n    this.handleEvent(\"mousedown\", e.target, e);\n  }\n\n  onFocus(e: React.FocusEvent) {\n    this.handleEvent(\"focus\", e.target, e);\n  }\n\n  onBlur(e: React.FocusEvent) {\n    this.handleEvent(\"blur\", e.relatedTarget, e);\n  }\n\n  onEsc(e: React.KeyboardEvent) {\n    this.handleEvent(\"esckey\", e.target, e);\n  }\n\n  onContextMenu(e: React.MouseEvent) {\n    const isShown = this.isShown();\n    if ((this.isShowTrigger(\"contextmenu\") && !isShown) || (this.isHideTrigger(\"contextmenu\") && isShown)) {\n      e.preventDefault();\n    }\n    this.handleEvent(\"contextmenu\", e.target, e);\n  }\n\n  onClickOutside(event: React.MouseEvent) {\n    const { onClickOutside } = this.props;\n    this.handleEvent(\"clickoutside\", event.target, event);\n    onClickOutside(event);\n  }\n\n  onDialogEnter(event: React.MouseEvent) {\n    const { showOnDialogEnter } = this.props;\n    if (showOnDialogEnter) this.showDialogIfNeeded(event, \"DialogEnter\");\n  }\n\n  onDialogLeave(event: React.MouseEvent) {\n    const { showOnDialogEnter } = this.props;\n    if (showOnDialogEnter) this.hideDialogIfNeeded(event, \"DialogLeave\");\n  }\n\n  onContentClick(e: React.MouseEvent) {\n    const { onContentClick } = this.props;\n    this.handleEvent(\"onContentClick\", e.target, e);\n    onContentClick(e);\n  }\n\n  render() {\n    const {\n      wrapperClassName,\n      content,\n      startingEdge,\n      children,\n      preventAnimationOnMount,\n      animationType,\n      position,\n      showDelay,\n      moveBy,\n      modifiers,\n      tooltip,\n      tooltipClassName,\n      referenceWrapperClassName,\n      referenceWrapperElement,\n      zIndex,\n      hideWhenReferenceHidden,\n      disableContainerScroll,\n      containerSelector,\n      observeContentResize,\n      id,\n      \"data-testid\": dataTestId\n    } = this.props;\n    const { preventAnimation } = this.state;\n    const overrideDataTestId = dataTestId || getTestId(ComponentDefaultTestId.DIALOG, id);\n\n    const animationTypeCalculated = preventAnimationOnMount || preventAnimation ? undefined : animationType;\n    const contentRendered = isFunction(content) ? content() : content;\n\n    if (!contentRendered) {\n      return children;\n    }\n    return (\n      <Manager>\n        <Reference>\n          {({ ref }) => {\n            return (\n              <Refable\n                className={cx(referenceWrapperClassName)}\n                wrapperElement={referenceWrapperElement}\n                ref={ref}\n                onBlur={chainOnPropsAndInstance(\"onBlur\", this, this.props)}\n                onKeyDown={chainOnPropsAndInstance(\"onKeyDown\", this, this.props)}\n                onClick={chainOnPropsAndInstance(\"onClick\", this, this.props)}\n                onFocus={chainOnPropsAndInstance(\"onFocus\", this, this.props)}\n                onMouseDown={chainOnPropsAndInstance(\"onMouseDown\", this, this.props)}\n                onMouseEnter={chainOnPropsAndInstance(\"onMouseEnter\", this, this.props)}\n                onMouseLeave={chainOnPropsAndInstance(\"onMouseLeave\", this, this.props)}\n                onContextMenu={chainOnPropsAndInstance(\"onContextMenu\", this, this.props)}\n              >\n                {children}\n              </Refable>\n            );\n          }}\n        </Reference>\n        {isClient() &&\n          createPortal(\n            <Popper\n              placement={position as unknown as PopperJS.Placement}\n              modifiers={[\n                {\n                  name: \"offset\",\n                  options: {\n                    offset: [moveBy.secondary, moveBy.main]\n                  }\n                },\n                {\n                  name: \"zIndex\",\n                  enabled: true,\n                  phase: \"write\",\n                  fn({ state }) {\n                    if (zIndex) {\n                      state.styles.popper.zIndex = String(zIndex);\n                    }\n                    return state;\n                  }\n                },\n                {\n                  name: \"rotator\",\n                  enabled: true,\n                  phase: \"write\",\n                  fn({ state }) {\n                    if (!state.styles.arrow) {\n                      return state;\n                    }\n                    // const reg = new RegExp(\n                    //   /translate\\(([0-9].*)px, ([0-9].*)px\\)/\n                    // );\n                    // const transform = state.styles.arrow.transform;\n                    // const res = reg.exec(transform);\n                    // state.styles.popper.transformOrigin = `${100 -\n                    //   res[1]}% ${100 - res[2]}%`;\n                    state.styles.arrow.transform = `${state.styles.arrow.transform} rotate(45deg)`;\n                    return state;\n                  }\n                },\n                createObserveContentResizeModifier(observeContentResize),\n                ...modifiers\n              ]}\n            >\n              {({ placement, style, ref, arrowProps, isReferenceHidden }) => {\n                if (!this.isShown() && placement) {\n                  return null;\n                }\n\n                if (hideWhenReferenceHidden && isReferenceHidden) {\n                  const event = new CustomEvent(\"onReferenceHidden\");\n                  this.hideDialog(event, \"onReferenceHidden\");\n                }\n\n                return (\n                  <DialogContent\n                    data-testid={overrideDataTestId}\n                    isReferenceHidden={hideWhenReferenceHidden && isReferenceHidden}\n                    onMouseEnter={this.onDialogEnter}\n                    onMouseLeave={this.onDialogLeave}\n                    onClickOutside={this.onClickOutside}\n                    onContextMenu={this.onContextMenu}\n                    onEsc={this.onEsc}\n                    animationType={animationTypeCalculated}\n                    position={placement}\n                    wrapperClassName={wrapperClassName}\n                    startingEdge={startingEdge}\n                    isOpen={this.isShown()}\n                    showDelay={showDelay}\n                    styleObject={style}\n                    ref={ref}\n                    onClick={this.onContentClick}\n                    hasTooltip={!!tooltip}\n                    containerSelector={containerSelector}\n                    disableContainerScroll={disableContainerScroll}\n                  >\n                    {contentRendered}\n                    {tooltip && (\n                      <div\n                        style={arrowProps.style}\n                        ref={arrowProps.ref}\n                        className={cx(styles.arrow, tooltipClassName)}\n                        data-placement={placement}\n                      />\n                    )}\n                  </DialogContent>\n                );\n              }}\n            </Popper>,\n            this.getContainer()\n          )}\n      </Manager>\n    );\n  }\n}\n\nfunction chainOnPropsAndInstance(name: string, instance: Dialog, props: DialogProps) {\n  // @ts-ignore\n  return chainFunctions([props[name], instance[name]], true);\n}\n\nDialog.contextType = LayerContext;\n"],"names":["Dialog","_PureComponent","props","_this","_classCallCheck","_callSuper","state","shouldUseDerivedStateFromProps","useDerivedStateFromProps","isOpen","shouldShowOnMount","onMouseEnter","bind","onMouseLeave","onMouseDown","onClick","onFocus","onBlur","isShown","onEsc","onClickOutside","onDialogEnter","onDialogLeave","getContainer","onContentClick","onKeyDown","closeDialogOnEscape","onContextMenu","getDefaultContainer","hideTimeout","showTimeout","_inherits","PureComponent","_createClass","key","value","event","this","hideDialogIfNeeded","DialogTriggerEventEnum","ESCAPE_KEY","handleEvent","TAB_KEY","target","ENTER","_this$props","shouldCallbackOnMount","onDialogDidShow","isClient","document","addEventListener","removeEventListener","clearTimeout","layerRef","context","current","body","containerSelector","containerElement","querySelector","Element","eventName","_this2","_this$props2","instantShowAndHide","getDynamicShowDelay","finalShowDelay","showDelay","preventAnimation","dynamicDelayObj","onShowDialog","setState","setTimeout","options","arguments","length","undefined","disable","showDialog","_this3","_this$props3","hideDelay","onHideDialog","onDialogDidHide","hideDialog","_this$props4","showTriggerIgnoreClass","hideTriggerIgnoreClass","isShowTrigger","isInsideClass","isHideTrigger","showDialogIfNeeded","open","_this$props5","addKeyboardHideShowTriggersByDefault","showTriggersArray","convertToArray","showTrigger","indexOf","_this$props6","hideTriggersArray","hideTrigger","e","button","relatedTarget","preventDefault","showOnDialogEnter","_this4","_this$props7","wrapperClassName","content","startingEdge","children","preventAnimationOnMount","animationType","position","moveBy","modifiers","tooltip","tooltipClassName","referenceWrapperClassName","referenceWrapperElement","zIndex","hideWhenReferenceHidden","disableContainerScroll","observeContentResize","overrideDataTestId","getTestId","ComponentDefaultTestId","DIALOG","id","animationTypeCalculated","contentRendered","isFunction","React","Manager","createElement","Reference","_ref","ref","Refable","className","cx","wrapperElement","chainOnPropsAndInstance","createPortal","Popper","placement","name","offset","secondary","main","enabled","phase","fn","_ref2","styles","popper","String","_ref3","arrow","transform","concat","createObserveContentResizeModifier","_toConsumableArray","_ref4","style","arrowProps","isReferenceHidden","CustomEvent","DialogContent","styleObject","hasTooltip","nextProps","instance","chainFunctions","hideShowTriggers","positions","DialogPositionEnum","animationTypes","AnimationTypeEnum","defaultProps","MOUSE_ENTER","MOUSE_LEAVE","EXPAND","NOOP","contextType","LayerContext"],"mappings":"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"}
+{"version":3,"file":"Dialog.js","sources":["../../../../../src/components/Dialog/Dialog.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { PureComponent, type ReactElement } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { Manager, type Modifier, Popper, Reference } from \"react-popper\";\nimport { isFunction } from \"es-toolkit\";\nimport { chainFunctions, chainRefFunctions, convertToArray, NOOP } from \"../../utils/function-utils\";\nimport DialogContent from \"./DialogContent/DialogContent\";\nimport { isInsideClass } from \"../../utils/dom-utils\";\nimport { Refable } from \"../Refable/Refable\";\nimport {\n  AnimationType as AnimationTypeEnum,\n  HideShowEvent as DialogTriggerEventEnum,\n  DialogPosition as DialogPositionEnum\n} from \"./DialogConstants\";\nimport { type VibeComponentProps } from \"../../types\";\nimport type * as PopperJS from \"@popperjs/core\";\nimport styles from \"./Dialog.module.scss\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { type DialogAnimationType, type DialogPosition, type DialogTriggerEvent } from \"./Dialog.types\";\nimport LayerContext from \"../LayerProvider/LayerContext\";\nimport { LayerProvider } from \"../LayerProvider\";\nimport { isClient } from \"../../utils/ssr-utils\";\nimport { createObserveContentResizeModifier } from \"./modifiers/observeContentResizeModifier\";\n\nexport interface DialogProps extends VibeComponentProps {\n  /**\n   * Class name applied to the reference wrapper element.\n   */\n  referenceWrapperClassName?: string;\n  /**\n   * The wrapper element type to use for React components. Defaults to \"span\".\n   */\n  referenceWrapperElement?: \"span\" | \"div\";\n  /**\n   * The placement of the dialog relative to the reference element.\n   */\n  position?: DialogPosition;\n  /**\n   * Custom Popper.js modifiers.\n   * https://popper.js.org/docs/v2/modifiers/\n   */\n  modifiers?: Modifier<any>[];\n  /**\n   * The starting edge of the dialog.\n   */\n  startingEdge?: string;\n  /**\n   * Offset values for positioning adjustments.\n   * `main` - horizontal offset\n   * `secondary` - vertical offset\n   */\n  moveBy?: { main?: number; secondary?: number };\n  /**\n   * Delay in milliseconds before showing the dialog.\n   */\n  showDelay?: number;\n  /**\n   * Delay in milliseconds before hiding the dialog.\n   */\n  hideDelay?: number;\n  /**\n   * Events that trigger showing the dialog.\n   */\n  showTrigger?: DialogTriggerEvent | DialogTriggerEvent[];\n  /**\n   * Events that trigger hiding the dialog.\n   */\n  hideTrigger?: DialogTriggerEvent | DialogTriggerEvent[];\n  /**\n   * If true, prevents closing the dialog when the mouse enters it.\n   */\n  showOnDialogEnter?: boolean;\n  /**\n   * If true, shows the dialog when the component mounts.\n   */\n  shouldShowOnMount?: boolean;\n  /**\n   * If true, disables opening the dialog.\n   */\n  disable?: boolean;\n  /**\n   * Controls the open state of the dialog.\n   */\n  open?: boolean;\n  /**\n   * Derived state control for managing dialog visibility.\n   */\n  isOpen?: boolean;\n  /**\n   * Classes that prevent showing the dialog when present.\n   */\n  showTriggerIgnoreClass?: string | Array<string>;\n  /**\n   * Classes that prevent hiding the dialog when present.\n   */\n  hideTriggerIgnoreClass?: string | Array<string>;\n  /**\n   * The animation type used for the dialog.\n   */\n  animationType?: DialogAnimationType;\n  /**\n   * Class name applied to the dialog content container.\n   */\n  wrapperClassName?: string;\n  /**\n   * If true, prevents animation when mounting.\n   */\n  preventAnimationOnMount?: boolean;\n  /**\n   * The CSS selector of the container where the dialog is rendered.\n   */\n  containerSelector?: string;\n  /**\n   * If true, positions the tooltip element.\n   */\n  tooltip?: boolean;\n  /**\n   * Class name applied to the tooltip element.\n   */\n  tooltipClassName?: string;\n  /**\n   * Callback fired when the dialog is shown.\n   */\n  onDialogDidShow?: (event?: DialogEvent, eventName?: DialogTriggerEvent | string) => void;\n  /**\n   * Callback fired when the dialog is hidden.\n   */\n  onDialogDidHide?: (event: DialogEvent, eventName: DialogTriggerEvent | string) => void;\n  /**\n   * Callback fired when clicking outside the dialog.\n   */\n  onClickOutside?: (event: React.MouseEvent) => void;\n  /**\n   * Callback fired when clicking inside the dialog content.\n   */\n  onContentClick?: (event: React.MouseEvent) => void;\n  /**\n   * The z-index applied to the dialog.\n   */\n  zIndex?: number;\n  /**\n   * If true, uses derived state from props.\n   */\n  useDerivedStateFromProps?: boolean;\n  /**\n   * If true, makes the dialog disappear when the reference element is hidden.\n   */\n  hideWhenReferenceHidden?: boolean;\n  /**\n   * If true, triggers the callback when the dialog mounts.\n   */\n  shouldCallbackOnMount?: boolean;\n  /**\n   * If true, instantly shows and hides the dialog without delay.\n   */\n  instantShowAndHide?: boolean;\n  /**\n   * Callback to dynamically adjust show delay and animation behavior.\n   */\n  getDynamicShowDelay?: () => { showDelay: number; preventAnimation: boolean };\n  /**\n   * The content displayed inside the dialog.\n   */\n  content?: (() => JSX.Element) | JSX.Element;\n  /**\n   * The element to position the dialog beside.\n   */\n  children?: ReactElement | ReactElement[] | string;\n  /**\n   * If true, keyboard focus/blur events behave like mouse enter/leave.\n   */\n  addKeyboardHideShowTriggersByDefault?: boolean;\n  /**\n   * If true, disables scrolling for the container element.\n   */\n  disableContainerScroll?: boolean | string;\n  /**\n   * Enables the observation of content resize for the popper element.\n   * When set to `true`, a ResizeObserver is attached to the popper content,\n   * automatically triggering repositioning when the size of the content changes.\n   *\n   * This is useful for dialogs, tooltips, or popovers with dynamic content\n   * that may grow or shrink without a re-render being triggered.\n   */\n  observeContentResize?: boolean;\n}\n\nexport interface DialogState {\n  /**\n   * If true, the dialog is open.\n   */\n  isOpen?: boolean;\n  /**\n   * If true, the dialog state is derived from props.\n   */\n  shouldUseDerivedStateFromProps?: boolean;\n  /**\n   * If true, prevents animation when opening or closing the dialog.\n   */\n  preventAnimation?: boolean;\n}\n\nexport type DialogEvent = React.MouseEvent | React.KeyboardEvent | KeyboardEvent | React.FocusEvent | CustomEvent;\n\nexport default class Dialog extends PureComponent<DialogProps, DialogState> {\n  static hideShowTriggers = DialogTriggerEventEnum;\n  static positions = DialogPositionEnum;\n  static animationTypes = AnimationTypeEnum;\n  static defaultProps = {\n    position: \"top\",\n    modifiers: [] as Modifier<any>[],\n    moveBy: { main: 0, secondary: 0 },\n    showDelay: 100,\n    hideDelay: 100,\n    showTrigger: Dialog.hideShowTriggers.MOUSE_ENTER,\n    hideTrigger: Dialog.hideShowTriggers.MOUSE_LEAVE,\n    showOnDialogEnter: false,\n    shouldShowOnMount: false,\n    disable: false,\n    open: false,\n    animationType: Dialog.animationTypes.EXPAND,\n    preventAnimationOnMount: false,\n    tooltip: false,\n    onDialogDidShow: NOOP,\n    onDialogDidHide: NOOP,\n    onClickOutside: NOOP,\n    onContentClick: NOOP,\n    useDerivedStateFromProps: false,\n    hideWhenReferenceHidden: false,\n    shouldCallbackOnMount: false,\n    instantShowAndHide: false,\n    addKeyboardHideShowTriggersByDefault: false,\n    observeContentResize: false\n  };\n  private showTimeout: NodeJS.Timeout;\n  private hideTimeout: NodeJS.Timeout;\n  private containerRef: React.RefObject<HTMLDivElement>;\n  context!: React.ContextType<typeof LayerContext>;\n\n  constructor(props: DialogProps) {\n    super(props);\n    this.state = {\n      shouldUseDerivedStateFromProps: props.useDerivedStateFromProps,\n      isOpen: props.shouldShowOnMount\n    };\n\n    this.containerRef = React.createRef<HTMLDivElement>();\n\n    // Binding section.\n    this.onMouseEnter = this.onMouseEnter.bind(this);\n    this.onMouseLeave = this.onMouseLeave.bind(this);\n    this.onMouseDown = this.onMouseDown.bind(this);\n    this.onClick = this.onClick.bind(this);\n    this.onFocus = this.onFocus.bind(this);\n    this.onBlur = this.onBlur.bind(this);\n    this.isShown = this.isShown.bind(this);\n    this.onEsc = this.onEsc.bind(this);\n    this.onClickOutside = this.onClickOutside.bind(this);\n    this.onDialogEnter = this.onDialogEnter.bind(this);\n    this.onDialogLeave = this.onDialogLeave.bind(this);\n    this.getContainer = this.getContainer.bind(this);\n    this.onContentClick = this.onContentClick.bind(this);\n    this.onKeyDown = this.onKeyDown.bind(this);\n    this.closeDialogOnEscape = this.closeDialogOnEscape.bind(this);\n    this.onContextMenu = this.onContextMenu.bind(this);\n    this.getDefaultContainer = this.getDefaultContainer.bind(this);\n\n    // Timeouts\n    this.hideTimeout = null;\n    this.showTimeout = null;\n  }\n\n  closeDialogOnEscape(event: KeyboardEvent) {\n    const { isOpen } = this.state;\n    if (!isOpen) {\n      return;\n    }\n    switch (event.key) {\n      case \"Escape\":\n        this.hideDialogIfNeeded(event, DialogTriggerEventEnum.ESCAPE_KEY);\n        break;\n      case \"Tab\":\n        this.handleEvent(DialogTriggerEventEnum.TAB_KEY, event.target, event);\n        break;\n      case \"Enter\":\n        this.handleEvent(DialogTriggerEventEnum.ENTER, event.target, event);\n        break;\n      default:\n        break;\n    }\n  }\n\n  componentDidMount() {\n    const { shouldCallbackOnMount, onDialogDidShow } = this.props;\n    const { isOpen } = this.state;\n    if (isClient()) {\n      document.addEventListener(\"keyup\", this.closeDialogOnEscape);\n    }\n    if (shouldCallbackOnMount && isOpen) {\n      onDialogDidShow && onDialogDidShow();\n    }\n  }\n\n  componentWillUnmount() {\n    if (isClient()) {\n      document.removeEventListener(\"keyup\", this.closeDialogOnEscape);\n    }\n    if (this.showTimeout) {\n      clearTimeout(this.showTimeout);\n      this.showTimeout = null;\n    }\n    if (this.hideTimeout) {\n      clearTimeout(this.hideTimeout);\n      this.hideTimeout = null;\n    }\n  }\n\n  static getDerivedStateFromProps(nextProps: DialogProps, state: DialogState): DialogState {\n    if (state.shouldUseDerivedStateFromProps) {\n      return { isOpen: nextProps.isOpen };\n    }\n    return null;\n  }\n\n  getDefaultContainer() {\n    const { layerRef } = this.context;\n    if (layerRef?.current) {\n      return layerRef.current;\n    }\n    return document.body;\n  }\n\n  getContainer() {\n    const { containerSelector } = this.props;\n    if (!containerSelector) {\n      return this.getDefaultContainer();\n    }\n\n    const containerElement = document.querySelector(containerSelector);\n    if (!containerElement || !(containerElement instanceof Element)) {\n      return this.getDefaultContainer();\n    }\n    return containerElement;\n  }\n\n  showDialog(event: DialogEvent, eventName: DialogTriggerEvent | string, options: { preventAnimation?: boolean } = {}) {\n    const { showDelay, instantShowAndHide, getDynamicShowDelay } = this.props;\n    let finalShowDelay = showDelay;\n    let preventAnimation = options.preventAnimation;\n    if (getDynamicShowDelay) {\n      const dynamicDelayObj = getDynamicShowDelay();\n      finalShowDelay = dynamicDelayObj.showDelay || 0;\n      preventAnimation = preventAnimation || dynamicDelayObj.preventAnimation;\n    }\n\n    if (instantShowAndHide) {\n      this.onShowDialog(event, eventName);\n      this.setState({ isOpen: true, preventAnimation });\n      this.showTimeout = null;\n    } else {\n      this.showTimeout = setTimeout(() => {\n        this.onShowDialog(event, eventName);\n        this.showTimeout = null;\n        this.setState({ isOpen: true, preventAnimation });\n      }, finalShowDelay);\n    }\n  }\n\n  onShowDialog(event: DialogEvent, eventName: DialogTriggerEvent | string) {\n    if (this.isShown()) return;\n    const { onDialogDidShow } = this.props;\n    onDialogDidShow(event, eventName);\n  }\n\n  showDialogIfNeeded(event: DialogEvent, eventName: DialogTriggerEvent | string, options = {}) {\n    const { disable } = this.props;\n    if (disable) {\n      return;\n    }\n\n    if (this.hideTimeout) {\n      clearTimeout(this.hideTimeout);\n      this.hideTimeout = null;\n    }\n\n    if (!this.showTimeout) {\n      this.showDialog(event, eventName, options);\n    }\n  }\n\n  hideDialog(event: DialogEvent, eventName: DialogTriggerEvent | string) {\n    const { hideDelay, instantShowAndHide } = this.props;\n    if (instantShowAndHide) {\n      this.onHideDialog(event, eventName);\n      this.setState({ isOpen: false });\n      this.hideTimeout = null;\n    } else {\n      this.hideTimeout = setTimeout(() => {\n        this.onHideDialog(event, eventName);\n        this.setState({ isOpen: false });\n        this.hideTimeout = null;\n      }, hideDelay);\n    }\n  }\n\n  onHideDialog(event: DialogEvent, eventName: DialogTriggerEvent | string) {\n    const { onDialogDidHide } = this.props;\n    if (onDialogDidHide) onDialogDidHide(event, eventName);\n  }\n\n  hideDialogIfNeeded(event: DialogEvent, eventName: DialogTriggerEvent | string) {\n    if (this.showTimeout) {\n      clearTimeout(this.showTimeout);\n      this.showTimeout = null;\n    }\n\n    if (this.hideTimeout) {\n      return;\n    }\n    this.hideDialog(event, eventName);\n  }\n\n  handleEvent(eventName: DialogTriggerEvent, target: EventTarget, event: DialogEvent) {\n    const { showTriggerIgnoreClass, hideTriggerIgnoreClass } = this.props;\n    if (\n      this.isShowTrigger(eventName) &&\n      !this.isShown() &&\n      !isInsideClass(target as HTMLElement, showTriggerIgnoreClass)\n    ) {\n      return this.showDialogIfNeeded(event, eventName);\n    }\n\n    if (this.isHideTrigger(eventName) && !isInsideClass(target as HTMLElement, hideTriggerIgnoreClass)) {\n      return this.hideDialogIfNeeded(event, eventName);\n    }\n  }\n\n  isShown() {\n    const { isOpen } = this.state;\n    const { open } = this.props;\n\n    return isOpen || open;\n  }\n\n  isShowTrigger(eventName: DialogTriggerEvent) {\n    const { showTrigger, addKeyboardHideShowTriggersByDefault } = this.props;\n    const showTriggersArray = convertToArray(showTrigger);\n\n    if (addKeyboardHideShowTriggersByDefault) {\n      if (eventName === \"focus\" && showTriggersArray.indexOf(\"mouseenter\") > -1) {\n        return true;\n      }\n    }\n\n    return showTriggersArray.indexOf(eventName) > -1;\n  }\n\n  isHideTrigger(eventName: DialogTriggerEvent) {\n    const { hideTrigger, addKeyboardHideShowTriggersByDefault } = this.props;\n    const hideTriggersArray = convertToArray(hideTrigger);\n\n    if (addKeyboardHideShowTriggersByDefault) {\n      if (eventName === \"blur\" && hideTriggersArray.indexOf(\"mouseleave\") > -1) {\n        return true;\n      }\n    }\n\n    return hideTriggersArray.indexOf(eventName) > -1;\n  }\n\n  onMouseEnter(e: React.MouseEvent) {\n    this.handleEvent(\"mouseenter\", e.target, e);\n  }\n\n  onMouseLeave(e: React.MouseEvent) {\n    this.handleEvent(\"mouseleave\", e.target, e);\n  }\n\n  onClick(e: React.MouseEvent) {\n    if (e.button) return;\n    this.handleEvent(\"click\", e.target, e);\n  }\n\n  onKeyDown(event: React.KeyboardEvent) {\n    if (event.key === \"Enter\") {\n      this.handleEvent(\"enter\", event.target, event);\n    }\n\n    if (event.key === \"Tab\") {\n      this.handleEvent(\"tab\", event.target, event);\n    }\n  }\n\n  onMouseDown(e: React.MouseEvent) {\n    if (e.button) return;\n    this.handleEvent(\"mousedown\", e.target, e);\n  }\n\n  onFocus(e: React.FocusEvent) {\n    this.handleEvent(\"focus\", e.target, e);\n  }\n\n  onBlur(e: React.FocusEvent) {\n    this.handleEvent(\"blur\", e.relatedTarget, e);\n  }\n\n  onEsc(e: React.KeyboardEvent) {\n    this.handleEvent(\"esckey\", e.target, e);\n  }\n\n  onContextMenu(e: React.MouseEvent) {\n    const isShown = this.isShown();\n    if ((this.isShowTrigger(\"contextmenu\") && !isShown) || (this.isHideTrigger(\"contextmenu\") && isShown)) {\n      e.preventDefault();\n    }\n    this.handleEvent(\"contextmenu\", e.target, e);\n  }\n\n  onClickOutside(event: React.MouseEvent) {\n    const { onClickOutside } = this.props;\n    this.handleEvent(\"clickoutside\", event.target, event);\n    onClickOutside(event);\n  }\n\n  onDialogEnter(event: React.MouseEvent) {\n    const { showOnDialogEnter } = this.props;\n    if (showOnDialogEnter) this.showDialogIfNeeded(event, \"DialogEnter\");\n  }\n\n  onDialogLeave(event: React.MouseEvent) {\n    const { showOnDialogEnter } = this.props;\n    if (showOnDialogEnter) this.hideDialogIfNeeded(event, \"DialogLeave\");\n  }\n\n  onContentClick(e: React.MouseEvent) {\n    const { onContentClick } = this.props;\n    this.handleEvent(\"onContentClick\", e.target, e);\n    onContentClick(e);\n  }\n\n  render() {\n    const {\n      wrapperClassName,\n      content,\n      startingEdge,\n      children,\n      preventAnimationOnMount,\n      animationType,\n      position,\n      showDelay,\n      moveBy,\n      modifiers,\n      tooltip,\n      tooltipClassName,\n      referenceWrapperClassName,\n      referenceWrapperElement,\n      zIndex,\n      hideWhenReferenceHidden,\n      disableContainerScroll,\n      containerSelector,\n      observeContentResize,\n      id,\n      \"data-testid\": dataTestId\n    } = this.props;\n    const { preventAnimation } = this.state;\n    const overrideDataTestId = dataTestId || getTestId(ComponentDefaultTestId.DIALOG, id);\n\n    const animationTypeCalculated = preventAnimationOnMount || preventAnimation ? undefined : animationType;\n    const contentRendered = isFunction(content) ? content() : content;\n\n    if (!contentRendered) {\n      return children;\n    }\n    return (\n      <Manager>\n        <Reference>\n          {({ ref }) => {\n            return (\n              <Refable\n                className={cx(referenceWrapperClassName)}\n                wrapperElement={referenceWrapperElement}\n                ref={ref}\n                onBlur={chainOnPropsAndInstance(\"onBlur\", this, this.props)}\n                onKeyDown={chainOnPropsAndInstance(\"onKeyDown\", this, this.props)}\n                onClick={chainOnPropsAndInstance(\"onClick\", this, this.props)}\n                onFocus={chainOnPropsAndInstance(\"onFocus\", this, this.props)}\n                onMouseDown={chainOnPropsAndInstance(\"onMouseDown\", this, this.props)}\n                onMouseEnter={chainOnPropsAndInstance(\"onMouseEnter\", this, this.props)}\n                onMouseLeave={chainOnPropsAndInstance(\"onMouseLeave\", this, this.props)}\n                onContextMenu={chainOnPropsAndInstance(\"onContextMenu\", this, this.props)}\n              >\n                {children}\n              </Refable>\n            );\n          }}\n        </Reference>\n        {isClient() &&\n          createPortal(\n            <Popper\n              placement={position as unknown as PopperJS.Placement}\n              modifiers={[\n                {\n                  name: \"offset\",\n                  options: {\n                    offset: [moveBy.secondary, moveBy.main]\n                  }\n                },\n                {\n                  name: \"zIndex\",\n                  enabled: true,\n                  phase: \"write\",\n                  fn({ state }) {\n                    if (zIndex) {\n                      state.styles.popper.zIndex = String(zIndex);\n                    }\n                    return state;\n                  }\n                },\n                {\n                  name: \"rotator\",\n                  enabled: true,\n                  phase: \"write\",\n                  fn({ state }) {\n                    if (!state.styles.arrow) {\n                      return state;\n                    }\n                    // const reg = new RegExp(\n                    //   /translate\\(([0-9].*)px, ([0-9].*)px\\)/\n                    // );\n                    // const transform = state.styles.arrow.transform;\n                    // const res = reg.exec(transform);\n                    // state.styles.popper.transformOrigin = `${100 -\n                    //   res[1]}% ${100 - res[2]}%`;\n                    state.styles.arrow.transform = `${state.styles.arrow.transform} rotate(45deg)`;\n                    return state;\n                  }\n                },\n                createObserveContentResizeModifier(observeContentResize),\n                ...modifiers\n              ]}\n            >\n              {({ placement, style, ref, arrowProps, isReferenceHidden }) => {\n                if (!this.isShown() && placement) {\n                  return null;\n                }\n\n                if (hideWhenReferenceHidden && isReferenceHidden) {\n                  const event = new CustomEvent(\"onReferenceHidden\");\n                  this.hideDialog(event, \"onReferenceHidden\");\n                }\n\n                const mergedRef = chainRefFunctions([ref, this.containerRef]);\n\n                return (\n                  <LayerProvider layerRef={this.containerRef}>\n                    <DialogContent\n                      data-testid={overrideDataTestId}\n                      isReferenceHidden={hideWhenReferenceHidden && isReferenceHidden}\n                      onMouseEnter={this.onDialogEnter}\n                      onMouseLeave={this.onDialogLeave}\n                      onClickOutside={this.onClickOutside}\n                      onContextMenu={this.onContextMenu}\n                      onEsc={this.onEsc}\n                      animationType={animationTypeCalculated}\n                      position={placement}\n                      wrapperClassName={wrapperClassName}\n                      startingEdge={startingEdge}\n                      isOpen={this.isShown()}\n                      showDelay={showDelay}\n                      styleObject={style}\n                      ref={mergedRef}\n                      onClick={this.onContentClick}\n                      hasTooltip={!!tooltip}\n                      containerSelector={containerSelector}\n                      disableContainerScroll={disableContainerScroll}\n                    >\n                      {contentRendered}\n                      {tooltip && (\n                        <div\n                          style={arrowProps.style}\n                          ref={arrowProps.ref}\n                          className={cx(styles.arrow, tooltipClassName)}\n                          data-placement={placement}\n                        />\n                      )}\n                    </DialogContent>\n                  </LayerProvider>\n                );\n              }}\n            </Popper>,\n            this.getContainer()\n          )}\n      </Manager>\n    );\n  }\n}\n\nfunction chainOnPropsAndInstance(name: string, instance: Dialog, props: DialogProps) {\n  // @ts-ignore\n  return chainFunctions([props[name], instance[name]], true);\n}\n\nDialog.contextType = LayerContext;\n"],"names":["Dialog","_PureComponent","props","_this","_classCallCheck","_callSuper","state","shouldUseDerivedStateFromProps","useDerivedStateFromProps","isOpen","shouldShowOnMount","containerRef","React","createRef","onMouseEnter","bind","onMouseLeave","onMouseDown","onClick","onFocus","onBlur","isShown","onEsc","onClickOutside","onDialogEnter","onDialogLeave","getContainer","onContentClick","onKeyDown","closeDialogOnEscape","onContextMenu","getDefaultContainer","hideTimeout","showTimeout","_inherits","PureComponent","_createClass","key","value","event","this","hideDialogIfNeeded","DialogTriggerEventEnum","ESCAPE_KEY","handleEvent","TAB_KEY","target","ENTER","_this$props","shouldCallbackOnMount","onDialogDidShow","isClient","document","addEventListener","removeEventListener","clearTimeout","layerRef","context","current","body","containerSelector","containerElement","querySelector","Element","eventName","_this2","_this$props2","instantShowAndHide","getDynamicShowDelay","finalShowDelay","showDelay","preventAnimation","dynamicDelayObj","onShowDialog","setState","setTimeout","options","arguments","length","undefined","disable","showDialog","_this3","_this$props3","hideDelay","onHideDialog","onDialogDidHide","hideDialog","_this$props4","showTriggerIgnoreClass","hideTriggerIgnoreClass","isShowTrigger","isInsideClass","isHideTrigger","showDialogIfNeeded","open","_this$props5","addKeyboardHideShowTriggersByDefault","showTriggersArray","convertToArray","showTrigger","indexOf","_this$props6","hideTriggersArray","hideTrigger","e","button","relatedTarget","preventDefault","showOnDialogEnter","_this4","_this$props7","wrapperClassName","content","startingEdge","children","preventAnimationOnMount","animationType","position","moveBy","modifiers","tooltip","tooltipClassName","referenceWrapperClassName","referenceWrapperElement","zIndex","hideWhenReferenceHidden","disableContainerScroll","observeContentResize","overrideDataTestId","getTestId","ComponentDefaultTestId","DIALOG","id","animationTypeCalculated","contentRendered","isFunction","Manager","createElement","Reference","_ref","ref","Refable","className","cx","wrapperElement","chainOnPropsAndInstance","createPortal","Popper","placement","name","offset","secondary","main","enabled","phase","fn","_ref2","styles","popper","String","_ref3","arrow","transform","concat","createObserveContentResizeModifier","_toConsumableArray","_ref4","style","arrowProps","isReferenceHidden","CustomEvent","mergedRef","chainRefFunctions","LayerProvider","DialogContent","styleObject","hasTooltip","nextProps","instance","chainFunctions","hideShowTriggers","positions","DialogPositionEnum","animationTypes","AnimationTypeEnum","defaultProps","MOUSE_ENTER","MOUSE_LEAVE","EXPAND","NOOP","contextType","LayerContext"],"mappings":"gkCA4MqBA,IAAAA,WAAOC,GAmC1B,SAAAD,EAAYE,GAAkB,IAAAC,EA8BJ,OA9BIC,OAAAJ,IAC5BG,EAAAE,EAAAL,KAAAA,GAAME,KACDI,MAAQ,CACXC,+BAAgCL,EAAMM,yBACtCC,OAAQP,EAAMQ,mBAGhBP,EAAKQ,aAAeC,EAAMC,YAG1BV,EAAKW,aAAeX,EAAKW,aAAaC,KAAIZ,GAC1CA,EAAKa,aAAeb,EAAKa,aAAaD,KAAIZ,GAC1CA,EAAKc,YAAcd,EAAKc,YAAYF,KAAIZ,GACxCA,EAAKe,QAAUf,EAAKe,QAAQH,KAAIZ,GAChCA,EAAKgB,QAAUhB,EAAKgB,QAAQJ,KAAIZ,GAChCA,EAAKiB,OAASjB,EAAKiB,OAAOL,KAAIZ,GAC9BA,EAAKkB,QAAUlB,EAAKkB,QAAQN,KAAIZ,GAChCA,EAAKmB,MAAQnB,EAAKmB,MAAMP,KAAIZ,GAC5BA,EAAKoB,eAAiBpB,EAAKoB,eAAeR,KAAIZ,GAC9CA,EAAKqB,cAAgBrB,EAAKqB,cAAcT,KAAIZ,GAC5CA,EAAKsB,cAAgBtB,EAAKsB,cAAcV,KAAIZ,GAC5CA,EAAKuB,aAAevB,EAAKuB,aAAaX,KAAIZ,GAC1CA,EAAKwB,eAAiBxB,EAAKwB,eAAeZ,KAAIZ,GAC9CA,EAAKyB,UAAYzB,EAAKyB,UAAUb,KAAIZ,GACpCA,EAAK0B,oBAAsB1B,EAAK0B,oBAAoBd,KAAIZ,GACxDA,EAAK2B,cAAgB3B,EAAK2B,cAAcf,KAAIZ,GAC5CA,EAAK4B,oBAAsB5B,EAAK4B,oBAAoBhB,KAAIZ,GAGxDA,EAAK6B,YAAc,KACnB7B,EAAK8B,YAAc,KAAK9B,CAC1B,CAAC,OAAA+B,EAAAlC,EAlEiCmC,GAkEjCC,EAAApC,EAAA,CAAA,CAAAqC,IAAA,sBAAAC,MAED,SAAoBC,GAElB,GADmBC,KAAKlC,MAAhBG,OAIR,OAAQ8B,EAAMF,KACZ,IAAK,SACHG,KAAKC,mBAAmBF,EAAOG,EAAuBC,YACtD,MACF,IAAK,MACHH,KAAKI,YAAYF,EAAuBG,QAASN,EAAMO,OAAQP,GAC/D,MACF,IAAK,QACHC,KAAKI,YAAYF,EAAuBK,MAAOR,EAAMO,OAAQP,GAKnE,GAAC,CAAAF,IAAA,oBAAAC,MAED,WACE,IAAAU,EAAmDR,KAAKtC,MAAhD+C,EAAqBD,EAArBC,sBAAuBC,EAAeF,EAAfE,gBACvBzC,EAAW+B,KAAKlC,MAAhBG,OACJ0C,KACFC,SAASC,iBAAiB,QAASb,KAAKX,qBAEtCoB,GAAyBxC,GAC3ByC,GAAmBA,GAEvB,GAAC,CAAAb,IAAA,uBAAAC,MAED,WACMa,KACFC,SAASE,oBAAoB,QAASd,KAAKX,qBAEzCW,KAAKP,cACPsB,aAAaf,KAAKP,aAClBO,KAAKP,YAAc,MAEjBO,KAAKR,cACPuB,aAAaf,KAAKR,aAClBQ,KAAKR,YAAc,KAEvB,GAAC,CAAAK,IAAA,sBAAAC,MASD,WACE,IAAQkB,EAAahB,KAAKiB,QAAlBD,SACR,OAAIA,eAAAA,EAAUE,SACLF,EAASE,QAEXN,SAASO,IAClB,GAAC,CAAAtB,IAAA,eAAAC,MAED,WACE,IAAQsB,EAAsBpB,KAAKtC,MAA3B0D,kBACR,IAAKA,EACH,OAAOpB,KAAKT,sBAGd,IAAM8B,EAAmBT,SAASU,cAAcF,GAChD,OAAKC,GAAsBA,aAA4BE,QAGhDF,EAFErB,KAAKT,qBAGhB,GAAC,CAAAM,IAAA,aAAAC,MAED,SAAWC,EAAoByB,GAAoF,IAAAC,EAAAzB,KACjH0B,EAA+D1B,KAAKtC,MAAjDiE,EAAkBD,EAAlBC,mBAAoBC,EAAmBF,EAAnBE,oBACnCC,EADaH,EAATI,UAEJC,0DAH2G,CAAA,GAGhFA,iBAC/B,GAAIH,EAAqB,CACvB,IAAMI,EAAkBJ,IACxBC,EAAiBG,EAAgBF,WAAa,EAC9CC,EAAmBA,GAAoBC,EAAgBD,gBACxD,CAEGJ,GACF3B,KAAKiC,aAAalC,EAAOyB,GACzBxB,KAAKkC,SAAS,CAAEjE,QAAQ,EAAM8D,iBAAAA,IAC9B/B,KAAKP,YAAc,MAEnBO,KAAKP,YAAc0C,YAAW,WAC5BV,EAAKQ,aAAalC,EAAOyB,GACzBC,EAAKhC,YAAc,KACnBgC,EAAKS,SAAS,CAAEjE,QAAQ,EAAM8D,iBAAAA,GAC/B,GAAEF,EAEP,GAAC,CAAAhC,IAAA,eAAAC,MAED,SAAaC,EAAoByB,GAC3BxB,KAAKnB,YAET6B,EAD4BV,KAAKtC,MAAzBgD,iBACQX,EAAOyB,EACzB,GAAC,CAAA3B,IAAA,qBAAAC,MAED,SAAmBC,EAAoByB,GAAoD,IAAZY,EAAOC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,CAAA,EACnErC,KAAKtC,MAAjB8E,UAKJxC,KAAKR,cACPuB,aAAaf,KAAKR,aAClBQ,KAAKR,YAAc,MAGhBQ,KAAKP,aACRO,KAAKyC,WAAW1C,EAAOyB,EAAWY,GAEtC,GAAC,CAAAvC,IAAA,aAAAC,MAED,SAAWC,EAAoByB,GAAsC,IAAAkB,EAAA1C,KACnE2C,EAA0C3C,KAAKtC,MAAvCkF,EAASD,EAATC,UAA6BD,EAAlBhB,oBAEjB3B,KAAK6C,aAAa9C,EAAOyB,GACzBxB,KAAKkC,SAAS,CAAEjE,QAAQ,IACxB+B,KAAKR,YAAc,MAEnBQ,KAAKR,YAAc2C,YAAW,WAC5BO,EAAKG,aAAa9C,EAAOyB,GACzBkB,EAAKR,SAAS,CAAEjE,QAAQ,IACxByE,EAAKlD,YAAc,IACpB,GAAEoD,EAEP,GAAC,CAAA/C,IAAA,eAAAC,MAED,SAAaC,EAAoByB,GAC/B,IAAQsB,EAAoB9C,KAAKtC,MAAzBoF,gBACJA,GAAiBA,EAAgB/C,EAAOyB,EAC9C,GAAC,CAAA3B,IAAA,qBAAAC,MAED,SAAmBC,EAAoByB,GACjCxB,KAAKP,cACPsB,aAAaf,KAAKP,aAClBO,KAAKP,YAAc,MAGjBO,KAAKR,aAGTQ,KAAK+C,WAAWhD,EAAOyB,EACzB,GAAC,CAAA3B,IAAA,cAAAC,MAED,SAAY0B,EAA+BlB,EAAqBP,GAC9D,IAAAiD,EAA2DhD,KAAKtC,MAAxDuF,EAAsBD,EAAtBC,uBAAwBC,EAAsBF,EAAtBE,uBAChC,OACElD,KAAKmD,cAAc3B,IAClBxB,KAAKnB,WACLuE,EAAc9C,EAAuB2C,GAKpCjD,KAAKqD,cAAc7B,KAAe4B,EAAc9C,EAAuB4C,GAClElD,KAAKC,mBAAmBF,EAAOyB,QADxC,EAHSxB,KAAKsD,mBAAmBvD,EAAOyB,EAM1C,GAAC,CAAA3B,IAAA,UAAAC,MAED,WAIE,OAHmBE,KAAKlC,MAAhBG,QACS+B,KAAKtC,MAAd6F,IAGV,GAAC,CAAA1D,IAAA,gBAAAC,MAED,SAAc0B,GACZ,IAAAgC,EAA8DxD,KAAKtC,MAA9C+F,EAAoCD,EAApCC,qCACfC,EAAoBC,EADPH,EAAXI,aAGR,SAAIH,GACgB,UAAdjC,IAAoE,GAA3CkC,EAAkBG,QAAQ,gBAKlDH,EAAkBG,QAAQrC,IAAc,CACjD,GAAC,CAAA3B,IAAA,gBAAAC,MAED,SAAc0B,GACZ,IAAAsC,EAA8D9D,KAAKtC,MAA9C+F,EAAoCK,EAApCL,qCACfM,EAAoBJ,EADPG,EAAXE,aAGR,SAAIP,GACgB,SAAdjC,IAAmE,GAA3CuC,EAAkBF,QAAQ,gBAKjDE,EAAkBF,QAAQrC,IAAc,CACjD,GAAC,CAAA3B,IAAA,eAAAC,MAED,SAAamE,GACXjE,KAAKI,YAAY,aAAc6D,EAAE3D,OAAQ2D,EAC3C,GAAC,CAAApE,IAAA,eAAAC,MAED,SAAamE,GACXjE,KAAKI,YAAY,aAAc6D,EAAE3D,OAAQ2D,EAC3C,GAAC,CAAApE,IAAA,UAAAC,MAED,SAAQmE,GACFA,EAAEC,QACNlE,KAAKI,YAAY,QAAS6D,EAAE3D,OAAQ2D,EACtC,GAAC,CAAApE,IAAA,YAAAC,MAED,SAAUC,GACU,UAAdA,EAAMF,KACRG,KAAKI,YAAY,QAASL,EAAMO,OAAQP,GAGxB,QAAdA,EAAMF,KACRG,KAAKI,YAAY,MAAOL,EAAMO,OAAQP,EAE1C,GAAC,CAAAF,IAAA,cAAAC,MAED,SAAYmE,GACNA,EAAEC,QACNlE,KAAKI,YAAY,YAAa6D,EAAE3D,OAAQ2D,EAC1C,GAAC,CAAApE,IAAA,UAAAC,MAED,SAAQmE,GACNjE,KAAKI,YAAY,QAAS6D,EAAE3D,OAAQ2D,EACtC,GAAC,CAAApE,IAAA,SAAAC,MAED,SAAOmE,GACLjE,KAAKI,YAAY,OAAQ6D,EAAEE,cAAeF,EAC5C,GAAC,CAAApE,IAAA,QAAAC,MAED,SAAMmE,GACJjE,KAAKI,YAAY,SAAU6D,EAAE3D,OAAQ2D,EACvC,GAAC,CAAApE,IAAA,gBAAAC,MAED,SAAcmE,GACZ,IAAMpF,EAAUmB,KAAKnB,WAChBmB,KAAKmD,cAAc,iBAAmBtE,GAAamB,KAAKqD,cAAc,gBAAkBxE,IAC3FoF,EAAEG,iBAEJpE,KAAKI,YAAY,cAAe6D,EAAE3D,OAAQ2D,EAC5C,GAAC,CAAApE,IAAA,iBAAAC,MAED,SAAeC,GACb,IAAQhB,EAAmBiB,KAAKtC,MAAxBqB,eACRiB,KAAKI,YAAY,eAAgBL,EAAMO,OAAQP,GAC/ChB,EAAegB,EACjB,GAAC,CAAAF,IAAA,gBAAAC,MAED,SAAcC,GACkBC,KAAKtC,MAA3B2G,mBACerE,KAAKsD,mBAAmBvD,EAAO,cACxD,GAAC,CAAAF,IAAA,gBAAAC,MAED,SAAcC,GACkBC,KAAKtC,MAA3B2G,mBACerE,KAAKC,mBAAmBF,EAAO,cACxD,GAAC,CAAAF,IAAA,iBAAAC,MAED,SAAemE,GACb,IAAQ9E,EAAmBa,KAAKtC,MAAxByB,eACRa,KAAKI,YAAY,iBAAkB6D,EAAE3D,OAAQ2D,GAC7C9E,EAAe8E,EACjB,GAAC,CAAApE,IAAA,SAAAC,MAED,WAAM,IAAAwE,EAAAtE,KACJuE,EAsBIvE,KAAKtC,MArBP8G,EAAgBD,EAAhBC,iBACAC,EAAOF,EAAPE,QACAC,EAAYH,EAAZG,aACAC,EAAQJ,EAARI,SACAC,EAAuBL,EAAvBK,wBACAC,EAAaN,EAAbM,cACAC,EAAQP,EAARO,SACAhD,EAASyC,EAATzC,UACAiD,EAAMR,EAANQ,OACAC,EAAST,EAATS,UACAC,EAAOV,EAAPU,QACAC,EAAgBX,EAAhBW,iBACAC,EAAyBZ,EAAzBY,0BACAC,EAAuBb,EAAvBa,wBACAC,EAAMd,EAANc,OACAC,EAAuBf,EAAvBe,wBACAC,EAAsBhB,EAAtBgB,uBACAnE,EAAiBmD,EAAjBnD,kBACAoE,EAAoBjB,EAApBiB,qBAIMzD,EAAqB/B,KAAKlC,MAA1BiE,iBACF0D,EAHqBlB,EAAzB,gBAGuCmB,EAAUC,EAAuBC,OAJtErB,EAAFsB,IAMIC,EAA0BlB,GAA2B7C,OAAmBQ,EAAYsC,EACpFkB,EAAkBC,EAAWvB,GAAWA,IAAYA,EAE1D,OAAKsB,EAIH3H,gBAAC6H,EAAO,KACN7H,EAAA8H,cAACC,EACE,MAAA,SAAAC,GAAY,IAATC,EAAGD,EAAHC,IACF,OACEjI,EAAA8H,cAACI,EAAO,CACNC,UAAWC,EAAGrB,GACdsB,eAAgBrB,EAChBiB,IAAKA,EACLzH,OAAQ8H,EAAwB,SAAUpC,EAAMA,EAAK5G,OACrD0B,UAAWsH,EAAwB,YAAapC,EAAMA,EAAK5G,OAC3DgB,QAASgI,EAAwB,UAAWpC,EAAMA,EAAK5G,OACvDiB,QAAS+H,EAAwB,UAAWpC,EAAMA,EAAK5G,OACvDe,YAAaiI,EAAwB,cAAepC,EAAMA,EAAK5G,OAC/DY,aAAcoI,EAAwB,eAAgBpC,EAAMA,EAAK5G,OACjEc,aAAckI,EAAwB,eAAgBpC,EAAMA,EAAK5G,OACjE4B,cAAeoH,EAAwB,gBAAiBpC,EAAMA,EAAK5G,QAElEiH,EAGP,IAEDhE,KACCgG,EACEvI,gBAACwI,EAAM,CACLC,UAAW/B,EACXE,UACE,CAAA,CACE8B,KAAM,SACN1E,QAAS,CACP2E,OAAQ,CAAChC,EAAOiC,UAAWjC,EAAOkC,QAGtC,CACEH,KAAM,SACNI,SAAS,EACTC,MAAO,QACPC,GAAE,SAAAC,GAAU,IAAPvJ,EAAKuJ,EAALvJ,MAIH,OAHIuH,IACFvH,EAAMwJ,OAAOC,OAAOlC,OAAgBA,EAAPmC,IAExB1J,CACT,GAEF,CACEgJ,KAAM,UACNI,SAAS,EACTC,MAAO,QACPC,GAAE,SAAAK,GAAU,IAAP3J,EAAK2J,EAAL3J,MACH,OAAKA,EAAMwJ,OAAOI,OAUlB5J,EAAMwJ,OAAOI,MAAMC,UAASC,GAAAA,OAAM9J,EAAMwJ,OAAOI,MAAMC,UAAyB,kBACvE7J,GAVEA,CAWX,GAEF+J,EAAmCrC,IAAqBoC,OAAAE,EACrD9C,MAGJ,SAAA+C,GAA6D,IAA1DlB,EAASkB,EAATlB,UAAWmB,EAAKD,EAALC,MAAO3B,EAAG0B,EAAH1B,IAAK4B,EAAUF,EAAVE,WAAYC,EAAiBH,EAAjBG,kBACrC,IAAK5D,EAAKzF,WAAagI,EACrB,OAAO,KAGT,GAAIvB,GAA2B4C,EAAmB,CAChD,IAAMnI,EAAQ,IAAIoI,YAAY,qBAC9B7D,EAAKvB,WAAWhD,EAAO,oBACxB,CAED,IAAMqI,EAAYC,EAAkB,CAAChC,EAAK/B,EAAKnG,eAE/C,OACEC,gBAACkK,EAAa,CAACtH,SAAUsD,EAAKnG,cAC5BC,EAAC8H,cAAAqC,iBACc9C,EACbyC,kBAAmB5C,GAA2B4C,EAC9C5J,aAAcgG,EAAKtF,cACnBR,aAAc8F,EAAKrF,cACnBF,eAAgBuF,EAAKvF,eACrBO,cAAegF,EAAKhF,cACpBR,MAAOwF,EAAKxF,MACZ+F,cAAeiB,EACfhB,SAAU+B,EACVrC,iBAAkBA,EAClBE,aAAcA,EACdzG,OAAQqG,EAAKzF,UACbiD,UAAWA,EACX0G,YAAaR,EACb3B,IAAK+B,EACL1J,QAAS4F,EAAKnF,eACdsJ,aAAcxD,EACd7D,kBAAmBA,EACnBmE,uBAAwBA,GAEvBQ,EACAd,GACC7G,EACE8H,cAAA,MAAA,CAAA8B,MAAOC,EAAWD,MAClB3B,IAAK4B,EAAW5B,IAChBE,UAAWC,EAAGc,EAAOI,MAAOxC,GACZ,iBAAA2B,KAM3B,IAEH7G,KAAKd,iBAvHJyF,CA2HX,IAAC,CAAA,CAAA9E,IAAA,2BAAAC,MAzXD,SAAgC4I,EAAwB5K,GACtD,OAAIA,EAAMC,+BACD,CAAEE,OAAQyK,EAAUzK,QAEtB,IACT,IAAC,IAuXH,SAASyI,EAAwBI,EAAc6B,EAAkBjL,GAE/D,OAAOkL,EAAe,CAAClL,EAAMoJ,GAAO6B,EAAS7B,KAAQ,EACvD,CA/eStJ,EAAgBqL,iBAAG3I,EACnB1C,EAASsL,UAAGC,EACZvL,EAAcwL,eAAGC,EACjBzL,EAAA0L,aAAe,CACpBpE,SAAU,MACVE,UAAW,GACXD,OAAQ,CAAEkC,KAAM,EAAGD,UAAW,GAC9BlF,UAAW,IACXc,UAAW,IACXgB,YAAapG,EAAOqL,iBAAiBM,YACrCnF,YAAaxG,EAAOqL,iBAAiBO,YACrC/E,mBAAmB,EACnBnG,mBAAmB,EACnBsE,SAAS,EACTe,MAAM,EACNsB,cAAerH,EAAOwL,eAAeK,OACrCzE,yBAAyB,EACzBK,SAAS,EACTvE,gBAAiB4I,EACjBxG,gBAAiBwG,EACjBvK,eAAgBuK,EAChBnK,eAAgBmK,EAChBtL,0BAA0B,EAC1BsH,yBAAyB,EACzB7E,uBAAuB,EACvBkB,oBAAoB,EACpB8B,sCAAsC,EACtC+B,sBAAsB,GAsd1BhI,EAAO+L,YAAcC"}

package/dist/mocked_classnames/src/components/Dialog/Dialog.module.scss.js

@@ -1,2 +1,2 @@
-var a={arrow:"arrow"};!function(a){const e="s_id-3fb64cda561a_3_68_3";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(a))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=a)}(".arrow {\n  width: 12px;\n  height: 12px;\n  position: absolute;\n  border-radius: 2px;\n  background-color: var(--secondary-background-color);\n}\n.dark-app-theme .arrow[data-placement*=right], .black-app-theme .arrow[data-placement*=right], .hacker-app-theme .arrow[data-placement*=right] {\n  box-shadow: -1px 1px 0px 0px var(--layout-border-color);\n}\n.dark-app-theme .arrow[data-placement*=left], .black-app-theme .arrow[data-placement*=left], .hacker-app-theme .arrow[data-placement*=left] {\n  box-shadow: 1px -1px 0px 0px var(--layout-border-color);\n}\n.dark-app-theme .arrow[data-placement*=bottom], .black-app-theme .arrow[data-placement*=bottom], .hacker-app-theme .arrow[data-placement*=bottom] {\n  box-shadow: -1px -1px 0px 0px var(--layout-border-color);\n}\n.dark-app-theme .arrow[data-placement*=top], .black-app-theme .arrow[data-placement*=top], .hacker-app-theme .arrow[data-placement*=top] {\n  box-shadow: 1px 1px 0px 0px var(--layout-border-color);\n}\n.arrow[data-placement*=bottom] {\n  top: 1px;\n}\n.arrow[data-placement*=top] {\n  bottom: 1px;\n}\n.arrow[data-placement*=left] {\n  right: 1px;\n}\n.arrow[data-placement*=right] {\n  left: 1px;\n}");export{a as default};
+var a={arrow:"arrow"};!function(a){const e="s_id-3fb64cda561a_3_68_4";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(a))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=a)}(".arrow {\n  width: 12px;\n  height: 12px;\n  position: absolute;\n  border-radius: 2px;\n  background-color: var(--secondary-background-color);\n}\n.dark-app-theme .arrow[data-placement*=right], .black-app-theme .arrow[data-placement*=right], .hacker-app-theme .arrow[data-placement*=right] {\n  box-shadow: -1px 1px 0px 0px var(--layout-border-color);\n}\n.dark-app-theme .arrow[data-placement*=left], .black-app-theme .arrow[data-placement*=left], .hacker-app-theme .arrow[data-placement*=left] {\n  box-shadow: 1px -1px 0px 0px var(--layout-border-color);\n}\n.dark-app-theme .arrow[data-placement*=bottom], .black-app-theme .arrow[data-placement*=bottom], .hacker-app-theme .arrow[data-placement*=bottom] {\n  box-shadow: -1px -1px 0px 0px var(--layout-border-color);\n}\n.dark-app-theme .arrow[data-placement*=top], .black-app-theme .arrow[data-placement*=top], .hacker-app-theme .arrow[data-placement*=top] {\n  box-shadow: 1px 1px 0px 0px var(--layout-border-color);\n}\n.arrow[data-placement*=bottom] {\n  top: 1px;\n}\n.arrow[data-placement*=top] {\n  bottom: 1px;\n}\n.arrow[data-placement*=left] {\n  right: 1px;\n}\n.arrow[data-placement*=right] {\n  left: 1px;\n}");export{a as default};
 //# sourceMappingURL=Dialog.module.scss.js.map

package/dist/mocked_classnames/src/components/Dialog/DialogContent/DialogContent.module.scss.js

@@ -1,2 +1,2 @@
-var t={contentWrapper:"contentWrapper",top:"top",right:"right",left:"left",bottom:"bottom",bottomStart:"bottomStart",topStart:"topStart",bottomEnd:"bottomEnd",topEnd:"topEnd",leftStart:"leftStart",rightStart:"rightStart",leftEnd:"leftEnd",rightEnd:"rightEnd",contentComponent:"contentComponent",hasTooltip:"hasTooltip",opacitySlideAppear:"opacitySlideAppear",opacitySlideAppearActive:"opacitySlideAppearActive",expandAppear:"expandAppear",expandExit:"expandExit",edgeBottom:"edgeBottom",edgeTop:"edgeTop",expandAppearActive:"expandAppearActive"};!function(t){const e="s_id-ca4097b848ab_3_68_3";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const p=document.createElement("style");p.id=e,n.firstChild?n.insertBefore(p,n.firstChild):n.appendChild(p),p.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}(".contentWrapper {\n  outline: 0;\n}\n.contentWrapper.top, .contentWrapper.right, .contentWrapper.left, .contentWrapper.bottom {\n  padding: var(--spacing-xs);\n}\n.contentWrapper.bottomStart, .contentWrapper.topStart, .contentWrapper.bottomEnd, .contentWrapper.topEnd {\n  padding-block: var(--spacing-xs);\n}\n.contentWrapper.bottomStart, .contentWrapper.topStart {\n  padding-inline-end: var(--spacing-xs);\n}\n.contentWrapper.bottomEnd, .contentWrapper.topEnd {\n  padding-inline-start: var(--spacing-xs);\n}\n.contentWrapper.leftStart, .contentWrapper.rightStart, .contentWrapper.leftEnd, .contentWrapper.rightEnd {\n  padding-inline: var(--spacing-xs);\n}\n.contentWrapper.leftStart, .contentWrapper.rightStart {\n  padding-block-end: var(--spacing-xs);\n}\n.contentWrapper.leftEnd, .contentWrapper.rightEnd {\n  padding-block-start: var(--spacing-xs);\n}\n.contentWrapper[data-popper-reference-hidden=true] {\n  visibility: hidden;\n  pointer-events: none;\n}\n.contentComponent:focus {\n  outline: none;\n}\n.contentComponent.hasTooltip {\n  padding: 6px;\n}\n.opacitySlideAppear {\n  opacity: 0;\n}\n.opacitySlideAppear.top {\n  transform: translateY(var(--spacing-medium));\n}\n.opacitySlideAppear.right {\n  transform: translateX(calc(var(--spacing-medium) * -1));\n}\n.opacitySlideAppear.bottom {\n  transform: translateY(calc(var(--spacing-medium) * -1));\n}\n.opacitySlideAppear.left {\n  transform: translateX(var(--spacing-medium));\n}\n.opacitySlideAppearActive {\n  transition: opacity 0.2s ease, transform 0.2s ease-out;\n  opacity: 1;\n  pointer-events: none;\n}\n.opacitySlideAppearActive.top, .opacitySlideAppearActive.bottom {\n  transform: translateY(0);\n}\n.opacitySlideAppearActive.right, .opacitySlideAppearActive.left {\n  transform: translateX(0);\n}\n.expandAppear,\n.expandExit {\n  transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n}\n.expandAppear.top, .expandAppear.topStart, .expandAppear.topEnd,\n.expandExit.top,\n.expandExit.topStart,\n.expandExit.topEnd {\n  transform-origin: bottom center;\n  transform: scale(0.8);\n}\n.expandAppear.top.edgeBottom, .expandAppear.topStart.edgeBottom, .expandAppear.topEnd.edgeBottom,\n.expandExit.top.edgeBottom,\n.expandExit.topStart.edgeBottom,\n.expandExit.topEnd.edgeBottom {\n  transform-origin: bottom left;\n}\n.expandAppear.top.edgeTop, .expandAppear.topStart.edgeTop, .expandAppear.topEnd.edgeTop,\n.expandExit.top.edgeTop,\n.expandExit.topStart.edgeTop,\n.expandExit.topEnd.edgeTop {\n  transform-origin: bottom right;\n}\n.expandAppear.right, .expandAppear.rightStart, .expandAppear.rightEnd,\n.expandExit.right,\n.expandExit.rightStart,\n.expandExit.rightEnd {\n  transform-origin: left;\n  transform: scale(0.8);\n}\n.expandAppear.right.edgeBottom, .expandAppear.rightStart.edgeBottom, .expandAppear.rightEnd.edgeBottom,\n.expandExit.right.edgeBottom,\n.expandExit.rightStart.edgeBottom,\n.expandExit.rightEnd.edgeBottom {\n  transform-origin: top left;\n}\n.expandAppear.right.edgeTop, .expandAppear.rightStart.edgeTop, .expandAppear.rightEnd.edgeTop,\n.expandExit.right.edgeTop,\n.expandExit.rightStart.edgeTop,\n.expandExit.rightEnd.edgeTop {\n  transform-origin: bottom left;\n}\n.expandAppear.bottom, .expandAppear.bottomStart, .expandAppear.bottomEnd,\n.expandExit.bottom,\n.expandExit.bottomStart,\n.expandExit.bottomEnd {\n  transform-origin: top;\n  transform: scale(0.8);\n}\n.expandAppear.bottom.edgeBottom, .expandAppear.bottomStart.edgeBottom, .expandAppear.bottomEnd.edgeBottom,\n.expandExit.bottom.edgeBottom,\n.expandExit.bottomStart.edgeBottom,\n.expandExit.bottomEnd.edgeBottom {\n  transform-origin: top left;\n}\n.expandAppear.bottom.edgeTop, .expandAppear.bottomStart.edgeTop, .expandAppear.bottomEnd.edgeTop,\n.expandExit.bottom.edgeTop,\n.expandExit.bottomStart.edgeTop,\n.expandExit.bottomEnd.edgeTop {\n  transform-origin: top right;\n}\n.expandAppear.left, .expandAppear.leftStart, .expandAppear.leftEnd,\n.expandExit.left,\n.expandExit.leftStart,\n.expandExit.leftEnd {\n  transform-origin: right;\n  transform: scale(0.8);\n}\n.expandAppear.left.edgeBottom, .expandAppear.leftStart.edgeBottom, .expandAppear.leftEnd.edgeBottom,\n.expandExit.left.edgeBottom,\n.expandExit.leftStart.edgeBottom,\n.expandExit.leftEnd.edgeBottom {\n  transform-origin: top right;\n}\n.expandAppear.left.edgeTop, .expandAppear.leftStart.edgeTop, .expandAppear.leftEnd.edgeTop,\n.expandExit.left.edgeTop,\n.expandExit.leftStart.edgeTop,\n.expandExit.leftEnd.edgeTop {\n  transform-origin: bottom right;\n}\n.expandExit {\n  transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n}\n.expandAppearActive {\n  transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n  pointer-events: none;\n}\n.expandAppearActive.top, .expandAppearActive.topStart, .expandAppearActive.topEnd, .expandAppearActive.bottom, .expandAppearActive.bottomStart, .expandAppearActive.bottomEnd, .expandAppearActive.right, .expandAppearActive.rightStart, .expandAppearActive.rightEnd, .expandAppearActive.left, .expandAppearActive.leftStart, .expandAppearActive.leftEnd {\n  transform: scale(1);\n}");export{t as default};
+var t={contentWrapper:"contentWrapper",top:"top",right:"right",left:"left",bottom:"bottom",bottomStart:"bottomStart",topStart:"topStart",bottomEnd:"bottomEnd",topEnd:"topEnd",leftStart:"leftStart",rightStart:"rightStart",leftEnd:"leftEnd",rightEnd:"rightEnd",contentComponent:"contentComponent",hasTooltip:"hasTooltip",opacitySlideAppear:"opacitySlideAppear",opacitySlideAppearActive:"opacitySlideAppearActive",expandAppear:"expandAppear",expandExit:"expandExit",edgeBottom:"edgeBottom",edgeTop:"edgeTop",expandAppearActive:"expandAppearActive"};!function(t){const e="s_id-ca4097b848ab_3_68_4";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const p=document.createElement("style");p.id=e,n.firstChild?n.insertBefore(p,n.firstChild):n.appendChild(p),p.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}(".contentWrapper {\n  outline: 0;\n}\n.contentWrapper.top, .contentWrapper.right, .contentWrapper.left, .contentWrapper.bottom {\n  padding: var(--spacing-xs);\n}\n.contentWrapper.bottomStart, .contentWrapper.topStart, .contentWrapper.bottomEnd, .contentWrapper.topEnd {\n  padding-block: var(--spacing-xs);\n}\n.contentWrapper.bottomStart, .contentWrapper.topStart {\n  padding-inline-end: var(--spacing-xs);\n}\n.contentWrapper.bottomEnd, .contentWrapper.topEnd {\n  padding-inline-start: var(--spacing-xs);\n}\n.contentWrapper.leftStart, .contentWrapper.rightStart, .contentWrapper.leftEnd, .contentWrapper.rightEnd {\n  padding-inline: var(--spacing-xs);\n}\n.contentWrapper.leftStart, .contentWrapper.rightStart {\n  padding-block-end: var(--spacing-xs);\n}\n.contentWrapper.leftEnd, .contentWrapper.rightEnd {\n  padding-block-start: var(--spacing-xs);\n}\n.contentWrapper[data-popper-reference-hidden=true] {\n  visibility: hidden;\n  pointer-events: none;\n}\n.contentComponent:focus {\n  outline: none;\n}\n.contentComponent.hasTooltip {\n  padding: 6px;\n}\n.opacitySlideAppear {\n  opacity: 0;\n}\n.opacitySlideAppear.top {\n  transform: translateY(var(--spacing-medium));\n}\n.opacitySlideAppear.right {\n  transform: translateX(calc(var(--spacing-medium) * -1));\n}\n.opacitySlideAppear.bottom {\n  transform: translateY(calc(var(--spacing-medium) * -1));\n}\n.opacitySlideAppear.left {\n  transform: translateX(var(--spacing-medium));\n}\n.opacitySlideAppearActive {\n  transition: opacity 0.2s ease, transform 0.2s ease-out;\n  opacity: 1;\n  pointer-events: none;\n}\n.opacitySlideAppearActive.top, .opacitySlideAppearActive.bottom {\n  transform: translateY(0);\n}\n.opacitySlideAppearActive.right, .opacitySlideAppearActive.left {\n  transform: translateX(0);\n}\n.expandAppear,\n.expandExit {\n  transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n}\n.expandAppear.top, .expandAppear.topStart, .expandAppear.topEnd,\n.expandExit.top,\n.expandExit.topStart,\n.expandExit.topEnd {\n  transform-origin: bottom center;\n  transform: scale(0.8);\n}\n.expandAppear.top.edgeBottom, .expandAppear.topStart.edgeBottom, .expandAppear.topEnd.edgeBottom,\n.expandExit.top.edgeBottom,\n.expandExit.topStart.edgeBottom,\n.expandExit.topEnd.edgeBottom {\n  transform-origin: bottom left;\n}\n.expandAppear.top.edgeTop, .expandAppear.topStart.edgeTop, .expandAppear.topEnd.edgeTop,\n.expandExit.top.edgeTop,\n.expandExit.topStart.edgeTop,\n.expandExit.topEnd.edgeTop {\n  transform-origin: bottom right;\n}\n.expandAppear.right, .expandAppear.rightStart, .expandAppear.rightEnd,\n.expandExit.right,\n.expandExit.rightStart,\n.expandExit.rightEnd {\n  transform-origin: left;\n  transform: scale(0.8);\n}\n.expandAppear.right.edgeBottom, .expandAppear.rightStart.edgeBottom, .expandAppear.rightEnd.edgeBottom,\n.expandExit.right.edgeBottom,\n.expandExit.rightStart.edgeBottom,\n.expandExit.rightEnd.edgeBottom {\n  transform-origin: top left;\n}\n.expandAppear.right.edgeTop, .expandAppear.rightStart.edgeTop, .expandAppear.rightEnd.edgeTop,\n.expandExit.right.edgeTop,\n.expandExit.rightStart.edgeTop,\n.expandExit.rightEnd.edgeTop {\n  transform-origin: bottom left;\n}\n.expandAppear.bottom, .expandAppear.bottomStart, .expandAppear.bottomEnd,\n.expandExit.bottom,\n.expandExit.bottomStart,\n.expandExit.bottomEnd {\n  transform-origin: top;\n  transform: scale(0.8);\n}\n.expandAppear.bottom.edgeBottom, .expandAppear.bottomStart.edgeBottom, .expandAppear.bottomEnd.edgeBottom,\n.expandExit.bottom.edgeBottom,\n.expandExit.bottomStart.edgeBottom,\n.expandExit.bottomEnd.edgeBottom {\n  transform-origin: top left;\n}\n.expandAppear.bottom.edgeTop, .expandAppear.bottomStart.edgeTop, .expandAppear.bottomEnd.edgeTop,\n.expandExit.bottom.edgeTop,\n.expandExit.bottomStart.edgeTop,\n.expandExit.bottomEnd.edgeTop {\n  transform-origin: top right;\n}\n.expandAppear.left, .expandAppear.leftStart, .expandAppear.leftEnd,\n.expandExit.left,\n.expandExit.leftStart,\n.expandExit.leftEnd {\n  transform-origin: right;\n  transform: scale(0.8);\n}\n.expandAppear.left.edgeBottom, .expandAppear.leftStart.edgeBottom, .expandAppear.leftEnd.edgeBottom,\n.expandExit.left.edgeBottom,\n.expandExit.leftStart.edgeBottom,\n.expandExit.leftEnd.edgeBottom {\n  transform-origin: top right;\n}\n.expandAppear.left.edgeTop, .expandAppear.leftStart.edgeTop, .expandAppear.leftEnd.edgeTop,\n.expandExit.left.edgeTop,\n.expandExit.leftStart.edgeTop,\n.expandExit.leftEnd.edgeTop {\n  transform-origin: bottom right;\n}\n.expandExit {\n  transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n}\n.expandAppearActive {\n  transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n  pointer-events: none;\n}\n.expandAppearActive.top, .expandAppearActive.topStart, .expandAppearActive.topEnd, .expandAppearActive.bottom, .expandAppearActive.bottomStart, .expandAppearActive.bottomEnd, .expandAppearActive.right, .expandAppearActive.rightStart, .expandAppearActive.rightEnd, .expandAppearActive.left, .expandAppearActive.leftStart, .expandAppearActive.leftEnd {\n  transform: scale(1);\n}");export{t as default};
 //# sourceMappingURL=DialogContent.module.scss.js.map

package/dist/mocked_classnames/src/components/DialogContentContainer/DialogContentContainer.module.scss.js

@@ -1,2 +1,2 @@
-var e={dialogContentContainer:"dialogContentContainer",sizeSmall:"sizeSmall",sizeMedium:"sizeMedium",sizeLarge:"sizeLarge",typePopover:"typePopover",typeModal:"typeModal"};!function(e){const n="s_id-f752ec1c8102_3_68_3";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,o.firstChild?o.insertBefore(a,o.firstChild):o.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".dialogContentContainer:focus {\n  outline: none;\n}\n\n.sizeSmall {\n  padding: var(--spacing-small);\n}\n\n.sizeMedium {\n  padding: var(--spacing-medium);\n}\n\n.sizeLarge {\n  padding: var(--spacing-large);\n}\n\n.typePopover {\n  box-shadow: var(--box-shadow-medium);\n  border-radius: var(--border-radius-medium);\n  background-color: var(--secondary-background-color);\n}\n\n.dark-app-theme .typePopover, .black-app-theme .typePopover, .hacker-app-theme .typePopover {\n  box-shadow: 0 0 0 1px var(--layout-border-color), var(--box-shadow-medium);\n}\n\n.typeModal {\n  box-shadow: var(--box-shadow-large);\n  border-radius: var(--border-radius-big);\n  background-color: var(--primary-background-color);\n}");export{e as default};
+var e={dialogContentContainer:"dialogContentContainer",sizeSmall:"sizeSmall",sizeMedium:"sizeMedium",sizeLarge:"sizeLarge",typePopover:"typePopover",typeModal:"typeModal"};!function(e){const n="s_id-f752ec1c8102_3_68_4";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,o.firstChild?o.insertBefore(a,o.firstChild):o.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".dialogContentContainer:focus {\n  outline: none;\n}\n\n.sizeSmall {\n  padding: var(--spacing-small);\n}\n\n.sizeMedium {\n  padding: var(--spacing-medium);\n}\n\n.sizeLarge {\n  padding: var(--spacing-large);\n}\n\n.typePopover {\n  box-shadow: var(--box-shadow-medium);\n  border-radius: var(--border-radius-medium);\n  background-color: var(--secondary-background-color);\n}\n\n.dark-app-theme .typePopover, .black-app-theme .typePopover, .hacker-app-theme .typePopover {\n  box-shadow: 0 0 0 1px var(--layout-border-color), var(--box-shadow-medium);\n}\n\n.typeModal {\n  box-shadow: var(--box-shadow-large);\n  border-radius: var(--border-radius-big);\n  background-color: var(--primary-background-color);\n}");export{e as default};
 //# sourceMappingURL=DialogContentContainer.module.scss.js.map

package/dist/mocked_classnames/src/components/Divider/Divider.module.scss.js

@@ -1,2 +1,2 @@
-var e={divider:"divider",withoutMargin:"withoutMargin",horizontal:"horizontal",vertical:"vertical"};!function(e){const n="s_id-290500f5721e_3_68_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)}(".divider {\n  background-color: var(--layout-border-color);\n}\n\n.divider.withoutMargin {\n  margin: 0;\n}\n\n.horizontal {\n  height: 1px;\n  width: 100%;\n  margin: var(--spacing-small) 0;\n}\n\n.vertical {\n  height: 100%;\n  width: 1px;\n  margin: 0 var(--spacing-xs);\n}");export{e as default};
+var e={divider:"divider",withoutMargin:"withoutMargin",horizontal:"horizontal",vertical:"vertical"};!function(e){const n="s_id-290500f5721e_3_68_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)}(".divider {\n  background-color: var(--layout-border-color);\n}\n\n.divider.withoutMargin {\n  margin: 0;\n}\n\n.horizontal {\n  height: 1px;\n  width: 100%;\n  margin: var(--spacing-small) 0;\n}\n\n.vertical {\n  height: 100%;\n  width: 1px;\n  margin: 0 var(--spacing-xs);\n}");export{e as default};
 //# sourceMappingURL=Divider.module.scss.js.map