@heliux-org/design-system-core 0.0.405-Tree-updates-final → 0.0.406-tree-updates-01

package/dist/mocked_classnames_esm/src/components/Tags/Tags.module.scss.js

@@ -1,2 +1,2 @@
-var n={clickable:"clickable","focus-visible":"focus-visible",disabled:"disabled",disableTextSelection:"disableTextSelection",tags:"tags",withUserSelect:"withUserSelect",label:"label",noAnimation:"noAnimation",withClose:"withClose",icon:"icon",avatar:"avatar",customRenderer:"customRenderer",left:"left",right:"right",close:"close",defaultCursor:"defaultCursor","tags-pop-in-emphasized":"tags-pop-in-emphasized"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],t="s_id-a09fd10af4fd_0_0_403";if(e.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,e.firstChild?e.insertBefore(a,e.firstChild):e.appendChild(a),a.appendChild(document.createTextNode(n))}(".clickable {\n  cursor: pointer;\n}\n.clickable:focus-visible, .clickable.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.clickable:focus:not(.focus-visible) {\n  outline: none;\n}\n.clickable.disabled {\n  cursor: default;\n}\n.disableTextSelection {\n  -webkit-touch-callout: none; /* iOS Safari */ /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */\n}\n.tags {\n  display: inline-flex;\n  overflow: hidden;\n  height: 20px;\n  border-radius: 4px;\n  padding: 0 6px;\n  align-items: center;\n  justify-content: center;\n  margin: var(--tags-margin, 0 var(--spacing-xs));\n  user-select: none;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.tags.withUserSelect {\n  user-select: text;\n  cursor: text;\n}\n.tags .label {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.tags.noAnimation {\n  animation: none;\n}\n.tags.withClose {\n  padding-right: var(--spacing-xs);\n}\n.tags .icon,\n.tags .avatar,\n.tags .customRenderer {\n  min-width: 18px;\n  color: inherit;\n}\n.tags .icon.left,\n.tags .avatar.left,\n.tags .customRenderer.left {\n  margin-right: var(--spacing-xs);\n  margin-left: -2px;\n}\n.tags .icon.right,\n.tags .avatar.right,\n.tags .customRenderer.right {\n  margin-left: var(--spacing-xs);\n}\n.tags .icon.close,\n.tags .avatar.close,\n.tags .customRenderer.close {\n  margin-left: var(--spacing-xs);\n  color: inherit;\n}\n.tags.disabled .icon {\n  color: var(--disabled-text-color);\n}\n.tags.disabled .label {\n  color: var(--disabled-text-color);\n}\n.tags.defaultCursor {\n  cursor: default;\n}\n.tags.clickable {\n  cursor: pointer;\n}\n.tags.clickable:focus-visible, .tags.clickable.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.tags.clickable:focus:not(.focus-visible) {\n  outline: none;\n}\n.tags.clickable.disabled {\n  cursor: default;\n}\n.tags.clickable.disableTextSelection {\n  -webkit-touch-callout: none; /* iOS Safari */ /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */\n}\n@keyframes tags-pop-in-emphasized {\n  0% {\n    transform: scale(0.3);\n    opacity: 0;\n  }\n  70% {\n    opacity: 1;\n  }\n  100% {\n    transform: scale(1);\n  }\n}");export{n as default};
+var n={clickable:"clickable","focus-visible":"focus-visible",disabled:"disabled",disableTextSelection:"disableTextSelection",tags:"tags",withUserSelect:"withUserSelect",label:"label",noAnimation:"noAnimation",withClose:"withClose",icon:"icon",avatar:"avatar",customRenderer:"customRenderer",left:"left",right:"right",close:"close",defaultCursor:"defaultCursor","tags-pop-in-emphasized":"tags-pop-in-emphasized"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],t="s_id-a09fd10af4fd_0_0_406";if(e.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,e.firstChild?e.insertBefore(a,e.firstChild):e.appendChild(a),a.appendChild(document.createTextNode(n))}(".clickable {\n  cursor: pointer;\n}\n.clickable:focus-visible, .clickable.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.clickable:focus:not(.focus-visible) {\n  outline: none;\n}\n.clickable.disabled {\n  cursor: default;\n}\n.disableTextSelection {\n  -webkit-touch-callout: none; /* iOS Safari */ /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */\n}\n.tags {\n  display: inline-flex;\n  overflow: hidden;\n  height: 20px;\n  border-radius: 4px;\n  padding: 0 6px;\n  align-items: center;\n  justify-content: center;\n  margin: var(--tags-margin, 0 var(--spacing-xs));\n  user-select: none;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.tags.withUserSelect {\n  user-select: text;\n  cursor: text;\n}\n.tags .label {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.tags.noAnimation {\n  animation: none;\n}\n.tags.withClose {\n  padding-right: var(--spacing-xs);\n}\n.tags .icon,\n.tags .avatar,\n.tags .customRenderer {\n  min-width: 18px;\n  color: inherit;\n}\n.tags .icon.left,\n.tags .avatar.left,\n.tags .customRenderer.left {\n  margin-right: var(--spacing-xs);\n  margin-left: -2px;\n}\n.tags .icon.right,\n.tags .avatar.right,\n.tags .customRenderer.right {\n  margin-left: var(--spacing-xs);\n}\n.tags .icon.close,\n.tags .avatar.close,\n.tags .customRenderer.close {\n  margin-left: var(--spacing-xs);\n  color: inherit;\n}\n.tags.disabled .icon {\n  color: var(--disabled-text-color);\n}\n.tags.disabled .label {\n  color: var(--disabled-text-color);\n}\n.tags.defaultCursor {\n  cursor: default;\n}\n.tags.clickable {\n  cursor: pointer;\n}\n.tags.clickable:focus-visible, .tags.clickable.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.tags.clickable:focus:not(.focus-visible) {\n  outline: none;\n}\n.tags.clickable.disabled {\n  cursor: default;\n}\n.tags.clickable.disableTextSelection {\n  -webkit-touch-callout: none; /* iOS Safari */ /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */\n}\n@keyframes tags-pop-in-emphasized {\n  0% {\n    transform: scale(0.3);\n    opacity: 0;\n  }\n  70% {\n    opacity: 1;\n  }\n  100% {\n    transform: scale(1);\n  }\n}");export{n as default};
 //# sourceMappingURL=Tags.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Text/Text.module.scss.js

@@ -1,2 +1,2 @@
-var t={text1Bold:"text1Bold",text1Medium:"text1Medium",text1Normal:"text1Normal",text2Bold:"text2Bold",text2Medium:"text2Medium",text2Normal:"text2Normal",text:"text"};!function(t){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],n="s_id-0b8dab5fe88c_0_0_403";if(e.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,e.firstChild?e.insertBefore(o,e.firstChild):e.appendChild(o),o.appendChild(document.createTextNode(t))}(".text1Bold {\n  font: var(--font-text1-bold);\n}\n\n.text1Medium {\n  font: var(--font-text1-medium);\n}\n\n.text1Normal {\n  font: var(--font-text1-normal);\n}\n\n.text2Bold {\n  font: var(--font-text2-bold);\n}\n\n.text2Medium {\n  font: var(--font-text2-medium);\n}\n\n.text2Normal {\n  font: var(--font-text2-normal);\n}\n\np:first-of-type.text {\n  margin-block: 0;\n}\n\np.text + p {\n  margin-block-start: var(--spacing-large);\n  margin-block-end: 0;\n}");export{t as default};
+var t={text1Bold:"text1Bold",text1Medium:"text1Medium",text1Normal:"text1Normal",text2Bold:"text2Bold",text2Medium:"text2Medium",text2Normal:"text2Normal",text:"text"};!function(t){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],n="s_id-0b8dab5fe88c_0_0_406";if(e.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,e.firstChild?e.insertBefore(o,e.firstChild):e.appendChild(o),o.appendChild(document.createTextNode(t))}(".text1Bold {\n  font: var(--font-text1-bold);\n}\n\n.text1Medium {\n  font: var(--font-text1-medium);\n}\n\n.text1Normal {\n  font: var(--font-text1-normal);\n}\n\n.text2Bold {\n  font: var(--font-text2-bold);\n}\n\n.text2Medium {\n  font: var(--font-text2-medium);\n}\n\n.text2Normal {\n  font: var(--font-text2-normal);\n}\n\np:first-of-type.text {\n  margin-block: 0;\n}\n\np.text + p {\n  margin-block-start: var(--spacing-large);\n  margin-block-end: 0;\n}");export{t as default};
 //# sourceMappingURL=Text.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/TextAreaField/TextAreaField.module.scss.js

@@ -1,2 +1,2 @@
-var e={textAreaField:"textAreaField",labelWrapper:"labelWrapper",subTextContainer:"subTextContainer",counter:"counter",disabled:"disabled",icon:"icon",textAreaInputWrapper:"textAreaInputWrapper",textAreaInput:"textAreaInput",inputHover:"inputHover",inputActive:"inputActive",inputHasIcon:"inputHasIcon",round:"round",square:"square",inputErrorValidation:"inputErrorValidation",subTextContainerStatus:"subTextContainerStatus",inputSuccessValidation:"inputSuccessValidation",loaderContainer:"loaderContainer",loader:"loader",loaderSvg:"loaderSvg"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],r="s_id-c64bc0b5511c_0_0_403";if(t.querySelector("#"+r))return;const n=document.createElement("style");n.id=r,t.firstChild?t.insertBefore(n,t.firstChild):t.appendChild(n),n.appendChild(document.createTextNode(e))}(".textAreaField {\n  position: relative;\n  box-sizing: border-box;\n  font: var(--font-text2-normal);\n  white-space: pre-wrap;\n  width: 100%;\n}\n\n.textAreaField * {\n  box-sizing: border-box;\n}\n\n.textAreaField .labelWrapper {\n  width: 100%;\n}\n\n.textAreaField .subTextContainer {\n  display: flex;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  padding-block: 1px;\n}\n\n.textAreaField .subTextContainer .counter {\n  margin-left: auto;\n}\n\n.textAreaField.disabled .icon {\n  cursor: not-allowed;\n}\n\n.textAreaField.disabled .textAreaInputWrapper {\n  cursor: not-allowed;\n}\n\n.textAreaField.disabled .textAreaInputWrapper .textAreaInput {\n  user-select: none;\n  border: none;\n  pointer-events: none;\n  background-color: var(--surface-level-200);\n  cursor: not-allowed;\n}\n\n.textAreaField.disabled .textAreaInputWrapper .textAreaInput::placeholder {\n  color: var(--disabled-text-color);\n}\n\n.textAreaField .textAreaInputWrapper {\n  width: 100%;\n  position: relative;\n}\n\n.textAreaField .textAreaInputWrapper .textAreaInput {\n  width: 100%;\n  height: 100%;\n  outline: 0;\n  background-color: var(--surface-level-050);\n  border: 1px solid;\n  border-color: transparent;\n  border-radius: var(--border-radius-medium);\n  transition: all var(--motion-productive-medium) ease 0ms;\n  padding: var(--spacing-small) var(--spacing-medium);\n  color: var(--text-primary);\n  font-family: var(--font-family);\n}\n\n.textAreaField .textAreaInputWrapper .textAreaInput.inputHover {\n  border-color: var(--divider-selected);\n  box-shadow: var(--effect-divider-halo);\n}\n\n.textAreaField .textAreaInputWrapper .textAreaInput:focus,\n.textAreaField .textAreaInputWrapper .textAreaInput:active,\n.textAreaField .textAreaInputWrapper .textAreaInput.inputActive {\n  border-color: var(--divider-secondary);\n}\n\n.textAreaField .textAreaInputWrapper .textAreaInput::placeholder {\n  color: var(--text-secondary);\n  font-weight: 400;\n}\n\n.textAreaField .textAreaInputWrapper .textAreaInput.inputHasIcon {\n  padding: var(--spacing-small) var(--spacing-large) var(--spacing-small) var(--spacing-medium);\n}\n\n.textAreaField .textAreaInputWrapper .textAreaInput.round {\n  border-radius: 50px;\n}\n\n.textAreaField .textAreaInputWrapper .textAreaInput.square {\n  border-radius: 0;\n}\n\n.textAreaField .textAreaInputWrapper.inputErrorValidation:hover .textAreaInput {\n  border-color: var(--negative-color);\n}\n\n.textAreaField .textAreaInputWrapper.inputErrorValidation .textAreaInput {\n  border-color: var(--negative-color);\n}\n\n.textAreaField .textAreaInputWrapper.inputErrorValidation .textAreaInput:focus,\n.textAreaField .textAreaInputWrapper.inputErrorValidation .textAreaInput:active {\n  border-color: var(--negative-color);\n}\n\n.textAreaField .textAreaInputWrapper.inputErrorValidation + .subTextContainer .subTextContainerStatus {\n  color: var(--negative-color);\n}\n\n.textAreaField .textAreaInputWrapper.inputSuccessValidation:hover .textAreaInput {\n  border-color: var(--positive-color);\n}\n\n.textAreaField .textAreaInputWrapper.inputSuccessValidation .textAreaInput {\n  border-color: var(--positive-color);\n}\n\n.textAreaField .textAreaInputWrapper.inputSuccessValidation .textAreaInput:focus,\n.textAreaField .textAreaInputWrapper.inputSuccessValidation .textAreaInput:active {\n  border-color: var(--positive-color);\n}\n\n.textAreaField .textAreaInputWrapper.inputSuccessValidation + .subTextContainer .subTextContainerStatus {\n  color: var(--positive-color);\n}\n\n.textAreaField .textAreaInputWrapper:hover .textAreaInput {\n  border-color: var(--divider-selected);\n  box-shadow: var(--effect-divider-halo);\n}\n\n.textAreaField .textAreaInputWrapper .loaderContainer {\n  position: absolute;\n  top: 50%;\n  right: 4px;\n  width: 24px;\n  height: 24px;\n  transform: translateY(-50%);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.textAreaField .textAreaInputWrapper .loaderContainer .loader {\n  width: 16px;\n  height: 16px;\n}\n\n.textAreaField .textAreaInputWrapper .loaderContainer .loader .loaderSvg {\n  color: var(--text-secondary);\n}");export{e as default};
+var e={textAreaField:"textAreaField",labelWrapper:"labelWrapper",subTextContainer:"subTextContainer",counter:"counter",disabled:"disabled",icon:"icon",textAreaInputWrapper:"textAreaInputWrapper",textAreaInput:"textAreaInput",inputHover:"inputHover",inputActive:"inputActive",inputHasIcon:"inputHasIcon",round:"round",square:"square",inputErrorValidation:"inputErrorValidation",subTextContainerStatus:"subTextContainerStatus",inputSuccessValidation:"inputSuccessValidation",loaderContainer:"loaderContainer",loader:"loader",loaderSvg:"loaderSvg"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],r="s_id-c64bc0b5511c_0_0_406";if(t.querySelector("#"+r))return;const n=document.createElement("style");n.id=r,t.firstChild?t.insertBefore(n,t.firstChild):t.appendChild(n),n.appendChild(document.createTextNode(e))}(".textAreaField {\n  position: relative;\n  box-sizing: border-box;\n  font: var(--font-text2-normal);\n  white-space: pre-wrap;\n  width: 100%;\n}\n\n.textAreaField * {\n  box-sizing: border-box;\n}\n\n.textAreaField .labelWrapper {\n  width: 100%;\n}\n\n.textAreaField .subTextContainer {\n  display: flex;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  padding-block: 1px;\n}\n\n.textAreaField .subTextContainer .counter {\n  margin-left: auto;\n}\n\n.textAreaField.disabled .icon {\n  cursor: not-allowed;\n}\n\n.textAreaField.disabled .textAreaInputWrapper {\n  cursor: not-allowed;\n}\n\n.textAreaField.disabled .textAreaInputWrapper .textAreaInput {\n  user-select: none;\n  border: none;\n  pointer-events: none;\n  background-color: var(--surface-level-200);\n  cursor: not-allowed;\n}\n\n.textAreaField.disabled .textAreaInputWrapper .textAreaInput::placeholder {\n  color: var(--disabled-text-color);\n}\n\n.textAreaField .textAreaInputWrapper {\n  width: 100%;\n  position: relative;\n}\n\n.textAreaField .textAreaInputWrapper .textAreaInput {\n  width: 100%;\n  height: 100%;\n  outline: 0;\n  background-color: var(--surface-level-050);\n  border: 1px solid;\n  border-color: transparent;\n  border-radius: var(--border-radius-medium);\n  transition: all var(--motion-productive-medium) ease 0ms;\n  padding: var(--spacing-small) var(--spacing-medium);\n  color: var(--text-primary);\n  font-family: var(--font-family);\n}\n\n.textAreaField .textAreaInputWrapper .textAreaInput.inputHover {\n  border-color: var(--divider-selected);\n  box-shadow: var(--effect-divider-halo);\n}\n\n.textAreaField .textAreaInputWrapper .textAreaInput:focus,\n.textAreaField .textAreaInputWrapper .textAreaInput:active,\n.textAreaField .textAreaInputWrapper .textAreaInput.inputActive {\n  border-color: var(--divider-secondary);\n}\n\n.textAreaField .textAreaInputWrapper .textAreaInput::placeholder {\n  color: var(--text-secondary);\n  font-weight: 400;\n}\n\n.textAreaField .textAreaInputWrapper .textAreaInput.inputHasIcon {\n  padding: var(--spacing-small) var(--spacing-large) var(--spacing-small) var(--spacing-medium);\n}\n\n.textAreaField .textAreaInputWrapper .textAreaInput.round {\n  border-radius: 50px;\n}\n\n.textAreaField .textAreaInputWrapper .textAreaInput.square {\n  border-radius: 0;\n}\n\n.textAreaField .textAreaInputWrapper.inputErrorValidation:hover .textAreaInput {\n  border-color: var(--negative-color);\n}\n\n.textAreaField .textAreaInputWrapper.inputErrorValidation .textAreaInput {\n  border-color: var(--negative-color);\n}\n\n.textAreaField .textAreaInputWrapper.inputErrorValidation .textAreaInput:focus,\n.textAreaField .textAreaInputWrapper.inputErrorValidation .textAreaInput:active {\n  border-color: var(--negative-color);\n}\n\n.textAreaField .textAreaInputWrapper.inputErrorValidation + .subTextContainer .subTextContainerStatus {\n  color: var(--negative-color);\n}\n\n.textAreaField .textAreaInputWrapper.inputSuccessValidation:hover .textAreaInput {\n  border-color: var(--positive-color);\n}\n\n.textAreaField .textAreaInputWrapper.inputSuccessValidation .textAreaInput {\n  border-color: var(--positive-color);\n}\n\n.textAreaField .textAreaInputWrapper.inputSuccessValidation .textAreaInput:focus,\n.textAreaField .textAreaInputWrapper.inputSuccessValidation .textAreaInput:active {\n  border-color: var(--positive-color);\n}\n\n.textAreaField .textAreaInputWrapper.inputSuccessValidation + .subTextContainer .subTextContainerStatus {\n  color: var(--positive-color);\n}\n\n.textAreaField .textAreaInputWrapper:hover .textAreaInput {\n  border-color: var(--divider-selected);\n  box-shadow: var(--effect-divider-halo);\n}\n\n.textAreaField .textAreaInputWrapper .loaderContainer {\n  position: absolute;\n  top: 50%;\n  right: 4px;\n  width: 24px;\n  height: 24px;\n  transform: translateY(-50%);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.textAreaField .textAreaInputWrapper .loaderContainer .loader {\n  width: 16px;\n  height: 16px;\n}\n\n.textAreaField .textAreaInputWrapper .loaderContainer .loader .loaderSvg {\n  color: var(--text-secondary);\n}");export{e as default};
 //# sourceMappingURL=TextAreaField.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/TextField/TextField.module.scss.js

@@ -1,2 +1,2 @@
-var n={textField:"textField",labelWrapper:"labelWrapper",subTextContainer:"subTextContainer",counter:"counter",disabled:"disabled",icon:"icon",inputWrapper:"inputWrapper",input:"input",iconContainer:"iconContainer",iconContainerHasIcon:"iconContainerHasIcon",readOnly:"readOnly",withReadOnlyStyle:"withReadOnlyStyle",inputHover:"inputHover",inputActive:"inputActive",inputHasIcon:"inputHasIcon",round:"round",square:"square",onlyUnderline:"onlyUnderline",iconContainerActive:"iconContainerActive",iconContainerClickable:"iconContainerClickable",inputErrorValidation:"inputErrorValidation",subTextContainerStatus:"subTextContainerStatus",inputSuccessValidation:"inputSuccessValidation",wrapperSizeSmall:"wrapperSizeSmall",inputWrapperSizeSmall:"inputWrapperSizeSmall",wrapperSizeMedium:"wrapperSizeMedium",wrapperSizeLarge:"wrapperSizeLarge",loaderContainer:"loaderContainer",loaderContainerHasIcon:"loaderContainerHasIcon",loader:"loader",loaderSvg:"loaderSvg",datePickerWrapper:"datePickerWrapper",datePickerEnter:"datePickerEnter",datePickerEnterActive:"datePickerEnterActive",datePickerExit:"datePickerExit",datePickerExitActive:"datePickerExitActive",active:"active"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],t="s_id-8852c44fc410_0_0_403";if(e.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,e.firstChild?e.insertBefore(i,e.firstChild):e.appendChild(i),i.appendChild(document.createTextNode(n))}(".textField {\n  position: relative;\n  box-sizing: border-box;\n  font: var(--font-text2-normal);\n  width: 100%;\n}\n\n.textField * {\n  box-sizing: border-box;\n}\n\n.textField .labelWrapper {\n  width: 100%;\n}\n\n.textField .subTextContainer {\n  display: flex;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  padding-block: 1px;\n}\n\n.textField .subTextContainer .counter {\n  margin-left: auto;\n}\n\n.textField.disabled .icon {\n  cursor: not-allowed;\n}\n\n.textField.disabled .inputWrapper {\n  cursor: not-allowed;\n}\n\n.textField.disabled .inputWrapper .input {\n  user-select: none;\n  border: none;\n  pointer-events: none;\n  background-color: var(--disabled-background-color);\n  cursor: not-allowed;\n}\n\n.textField.disabled .inputWrapper .input::placeholder {\n  color: var(--disabled-text-color);\n}\n\n.textField.disabled .inputWrapper .iconContainer.iconContainerHasIcon:hover {\n  background-color: transparent;\n}\n\n.textField .inputWrapper {\n  width: 100%;\n  position: relative;\n}\n\n.textField .inputWrapper .input {\n  width: 100%;\n  height: 100%;\n  outline: 0;\n  background-color: var(--surface-level-050);\n  border: 1px solid;\n  border-color: transparent;\n  border-radius: var(--border-radius-medium);\n  transition: all var(--motion-productive-medium) ease 0ms;\n  padding: var(--spacing-small) var(--spacing-small);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  color: var(--text-primary);\n}\n\n.textField .inputWrapper .input.readOnly.withReadOnlyStyle {\n  background-color: var(--surface-level-400);\n  border: none;\n}\n\n.textField .inputWrapper .input.inputHover {\n  border-color: var(--divider-selected);\n  color: var(--text-primary);\n  box-shadow: var(--effect-divider-halo);\n}\n\n.textField .inputWrapper .input:focus,\n.textField .inputWrapper .input:active,\n.textField .inputWrapper .input.inputActive {\n  border-color: var(--divider-secondary);\n}\n\n.textField .inputWrapper .input::placeholder {\n  color: var(--text-secondary);\n  font-weight: 400;\n}\n\n.textField .inputWrapper .input.inputHasIcon {\n  padding: var(--spacing-small) var(--spacing-large) var(--spacing-small) var(--spacing-small);\n}\n\n.textField .inputWrapper .input.round {\n  border-radius: 50px;\n}\n\n.textField .inputWrapper .input.square {\n  border-radius: 0;\n}\n\n.textField .inputWrapper .input.onlyUnderline {\n  border-left: none;\n  border-right: none;\n  border-top: none;\n  padding: var(--spacing-small) var(--spacing-large) var(--spacing-small) var(--spacing-xs);\n  border-radius: 0 !important;\n}\n\n.textField .inputWrapper .iconContainer {\n  position: absolute;\n  top: 50%;\n  right: 4px;\n  width: 24px;\n  height: 24px;\n  transform: translateY(-50%);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border-radius: var(--border-radius-medium);\n  opacity: 0;\n  pointer-events: none;\n}\n\n.textField .inputWrapper .iconContainer {\n  -webkit-appearance: none;\n}\n\n.textField .inputWrapper .iconContainer.iconContainerActive.iconContainerHasIcon.iconContainerClickable {\n  pointer-events: all;\n  cursor: pointer;\n}\n\n.textField .inputWrapper .iconContainer.iconContainerActive.iconContainerHasIcon:not(.iconContainerClickable) {\n  pointer-events: none;\n  cursor: default;\n}\n\n.textField .inputWrapper .iconContainer.iconContainerActive {\n  opacity: 1;\n}\n\n.textField .inputWrapper .iconContainer.iconContainerActive .icon {\n  opacity: 1;\n  pointer-events: all;\n  transform: rotate(0) scale(1);\n}\n\n.textField .inputWrapper.inputErrorValidation:hover .input {\n  border-color: var(--negative-color);\n}\n\n.textField .inputWrapper.inputErrorValidation .input {\n  border-color: var(--negative-color);\n}\n\n.textField .inputWrapper.inputErrorValidation .input:focus,\n.textField .inputWrapper.inputErrorValidation .input:active {\n  border-color: var(--negative-color);\n}\n\n.textField .inputWrapper.inputErrorValidation .iconContainer .icon {\n  color: var(--negative-color);\n}\n\n.textField .inputWrapper.inputErrorValidation .iconContainer .icon:hover {\n  color: var(--negative-color);\n}\n\n.textField .inputWrapper.inputErrorValidation + .subTextContainer .subTextContainerStatus {\n  color: var(--negative-color);\n}\n\n.textField .inputWrapper.inputSuccessValidation:hover .input {\n  border-color: var(--positive-color);\n}\n\n.textField .inputWrapper.inputSuccessValidation .input {\n  border-color: var(--positive-color);\n}\n\n.textField .inputWrapper.inputSuccessValidation .input:focus,\n.textField .inputWrapper.inputSuccessValidation .input:active {\n  border-color: var(--positive-color);\n}\n\n.textField .inputWrapper.inputSuccessValidation .iconContainer .icon {\n  color: var(--positive-color);\n}\n\n.textField .inputWrapper.inputSuccessValidation .iconContainer .icon:hover {\n  color: var(--positive-color);\n}\n\n.textField .inputWrapper.inputSuccessValidation + .subTextContainer .subTextContainerStatus {\n  color: var(--positive-color);\n}\n\n.textField .inputWrapper.wrapperSizeSmall {\n  height: 32px;\n}\n\n.textField .inputWrapper.wrapperSizeSmall .input {\n  font: var(--font-text1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.textField .inputWrapper.inputWrapperSizeSmall .input.inputHasIcon.onlyUnderline {\n  padding-left: var(--spacing-xs);\n}\n\n.textField .inputWrapper.wrapperSizeMedium {\n  height: 40px;\n}\n\n.textField .inputWrapper.wrapperSizeMedium .input {\n  font: var(--font-text1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.textField .inputWrapper.wrapperSizeMedium .input.inputHasIcon {\n  padding: var(--spacing-small) var(--spacing-xl) var(--spacing-small) var(--spacing-small);\n}\n\n.textField .inputWrapper.wrapperSizeMedium .input.inputHasIcon.onlyUnderline {\n  padding-left: 4px;\n}\n\n.textField .inputWrapper.wrapperSizeMedium .iconContainer {\n  pointer-events: none;\n  height: 32px;\n  width: 32px;\n  outline: none;\n}\n\n.textField .inputWrapper.wrapperSizeMedium .iconContainer .icon {\n  font-size: 16px;\n}\n\n.textField .inputWrapper.wrapperSizeMedium .iconContainer:hover + .iconContainer + .input {\n  border-color: var(--text-primary);\n}\n\n.textField .inputWrapper.wrapperSizeLarge {\n  height: 48px;\n}\n\n.textField .inputWrapper.wrapperSizeLarge .input {\n  font: var(--font-text1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.textField .inputWrapper.wrapperSizeLarge .input.inputHasIcon {\n  padding: var(--spacing-small) var(--spacing-xl) var(--spacing-small) var(--spacing-small);\n}\n\n.textField .inputWrapper.wrapperSizeLarge .input.inputHasIcon.onlyUnderline {\n  padding-left: var(--spacing-xs);\n}\n\n.textField .inputWrapper.wrapperSizeLarge .iconContainer {\n  height: 40px;\n  width: 40px;\n}\n\n.textField .inputWrapper.wrapperSizeLarge .iconContainer .icon {\n  font-size: 16px;\n}\n\n.textField .inputWrapper:hover .input {\n  border-color: var(--divider-selected);\n  box-shadow: var(--effect-divider-halo);\n}\n\n.textField .inputWrapper .loaderContainer {\n  position: absolute;\n  top: 50%;\n  right: 4px;\n  width: 24px;\n  height: 24px;\n  transform: translateY(-50%);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.textField .inputWrapper .loaderContainer.loaderContainerHasIcon {\n  right: 32px;\n}\n\n.textField .inputWrapper .loaderContainer .loader {\n  width: 16px;\n  height: 16px;\n}\n\n.textField .inputWrapper .loaderContainer .loader .loaderSvg {\n  color: var(--text-secondary);\n}\n\n.textField .inputWrapper .iconContainer .icon {\n  font-family: var(--font-family);\n}\n\n.textField .inputWrapper.wrapperSizeMedium .iconContainer .icon {\n  font-family: var(--font-family);\n}\n\n.textField .inputWrapper.wrapperSizeLarge .iconContainer .icon {\n  font-family: var(--font-family);\n}\n\n.dark-app-theme input[type=date]::-webkit-calendar-picker-indicator, .black-app-theme input[type=date]::-webkit-calendar-picker-indicator, .flare-app-theme input[type=date]::-webkit-calendar-picker-indicator, .hacker-app-theme input[type=date]::-webkit-calendar-picker-indicator,\n.dark-app-theme input[type=datetime-local]::-webkit-calendar-picker-indicator,\n.black-app-theme input[type=datetime-local]::-webkit-calendar-picker-indicator,\n.flare-app-theme input[type=datetime-local]::-webkit-calendar-picker-indicator,\n.hacker-app-theme input[type=datetime-local]::-webkit-calendar-picker-indicator {\n  filter: invert(1);\n}\n\n.datePickerWrapper {\n  position: relative;\n}\n\n.datePickerEnter {\n  opacity: 0;\n  transform: scale(0.9) translateY(-10px);\n}\n\n.datePickerEnterActive {\n  opacity: 1;\n  transform: scale(1) translateY(0);\n  transition: opacity 300ms, transform 300ms;\n}\n\n.datePickerExit {\n  opacity: 1;\n}\n\n.datePickerExitActive {\n  opacity: 0;\n  transition: opacity 300ms;\n}\n\n.input.active {\n  border-color: var(--primary-color);\n}");export{n as default};
+var n={textField:"textField",labelWrapper:"labelWrapper",subTextContainer:"subTextContainer",counter:"counter",disabled:"disabled",icon:"icon",inputWrapper:"inputWrapper",input:"input",iconContainer:"iconContainer",iconContainerHasIcon:"iconContainerHasIcon",readOnly:"readOnly",withReadOnlyStyle:"withReadOnlyStyle",inputHover:"inputHover",inputActive:"inputActive",inputHasIcon:"inputHasIcon",round:"round",square:"square",onlyUnderline:"onlyUnderline",iconContainerActive:"iconContainerActive",iconContainerClickable:"iconContainerClickable",inputErrorValidation:"inputErrorValidation",subTextContainerStatus:"subTextContainerStatus",inputSuccessValidation:"inputSuccessValidation",wrapperSizeSmall:"wrapperSizeSmall",inputWrapperSizeSmall:"inputWrapperSizeSmall",wrapperSizeMedium:"wrapperSizeMedium",wrapperSizeLarge:"wrapperSizeLarge",loaderContainer:"loaderContainer",loaderContainerHasIcon:"loaderContainerHasIcon",loader:"loader",loaderSvg:"loaderSvg",datePickerWrapper:"datePickerWrapper",datePickerEnter:"datePickerEnter",datePickerEnterActive:"datePickerEnterActive",datePickerExit:"datePickerExit",datePickerExitActive:"datePickerExitActive",active:"active"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],t="s_id-8852c44fc410_0_0_406";if(e.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,e.firstChild?e.insertBefore(i,e.firstChild):e.appendChild(i),i.appendChild(document.createTextNode(n))}(".textField {\n  position: relative;\n  box-sizing: border-box;\n  font: var(--font-text2-normal);\n  width: 100%;\n}\n\n.textField * {\n  box-sizing: border-box;\n}\n\n.textField .labelWrapper {\n  width: 100%;\n}\n\n.textField .subTextContainer {\n  display: flex;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  padding-block: 1px;\n}\n\n.textField .subTextContainer .counter {\n  margin-left: auto;\n}\n\n.textField.disabled .icon {\n  cursor: not-allowed;\n}\n\n.textField.disabled .inputWrapper {\n  cursor: not-allowed;\n}\n\n.textField.disabled .inputWrapper .input {\n  user-select: none;\n  border: none;\n  pointer-events: none;\n  background-color: var(--disabled-background-color);\n  cursor: not-allowed;\n}\n\n.textField.disabled .inputWrapper .input::placeholder {\n  color: var(--disabled-text-color);\n}\n\n.textField.disabled .inputWrapper .iconContainer.iconContainerHasIcon:hover {\n  background-color: transparent;\n}\n\n.textField .inputWrapper {\n  width: 100%;\n  position: relative;\n}\n\n.textField .inputWrapper .input {\n  width: 100%;\n  height: 100%;\n  outline: 0;\n  background-color: var(--surface-level-050);\n  border: 1px solid;\n  border-color: transparent;\n  border-radius: var(--border-radius-medium);\n  transition: all var(--motion-productive-medium) ease 0ms;\n  padding: var(--spacing-small) var(--spacing-small);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  color: var(--text-primary);\n}\n\n.textField .inputWrapper .input.readOnly.withReadOnlyStyle {\n  background-color: var(--surface-level-400);\n  border: none;\n}\n\n.textField .inputWrapper .input.inputHover {\n  border-color: var(--divider-selected);\n  color: var(--text-primary);\n  box-shadow: var(--effect-divider-halo);\n}\n\n.textField .inputWrapper .input:focus,\n.textField .inputWrapper .input:active,\n.textField .inputWrapper .input.inputActive {\n  border-color: var(--divider-secondary);\n}\n\n.textField .inputWrapper .input::placeholder {\n  color: var(--text-secondary);\n  font-weight: 400;\n}\n\n.textField .inputWrapper .input.inputHasIcon {\n  padding: var(--spacing-small) var(--spacing-large) var(--spacing-small) var(--spacing-small);\n}\n\n.textField .inputWrapper .input.round {\n  border-radius: 50px;\n}\n\n.textField .inputWrapper .input.square {\n  border-radius: 0;\n}\n\n.textField .inputWrapper .input.onlyUnderline {\n  border-left: none;\n  border-right: none;\n  border-top: none;\n  padding: var(--spacing-small) var(--spacing-large) var(--spacing-small) var(--spacing-xs);\n  border-radius: 0 !important;\n}\n\n.textField .inputWrapper .iconContainer {\n  position: absolute;\n  top: 50%;\n  right: 4px;\n  width: 24px;\n  height: 24px;\n  transform: translateY(-50%);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border-radius: var(--border-radius-medium);\n  opacity: 0;\n  pointer-events: none;\n}\n\n.textField .inputWrapper .iconContainer {\n  -webkit-appearance: none;\n}\n\n.textField .inputWrapper .iconContainer.iconContainerActive.iconContainerHasIcon.iconContainerClickable {\n  pointer-events: all;\n  cursor: pointer;\n}\n\n.textField .inputWrapper .iconContainer.iconContainerActive.iconContainerHasIcon:not(.iconContainerClickable) {\n  pointer-events: none;\n  cursor: default;\n}\n\n.textField .inputWrapper .iconContainer.iconContainerActive {\n  opacity: 1;\n}\n\n.textField .inputWrapper .iconContainer.iconContainerActive .icon {\n  opacity: 1;\n  pointer-events: all;\n  transform: rotate(0) scale(1);\n}\n\n.textField .inputWrapper.inputErrorValidation:hover .input {\n  border-color: var(--negative-color);\n}\n\n.textField .inputWrapper.inputErrorValidation .input {\n  border-color: var(--negative-color);\n}\n\n.textField .inputWrapper.inputErrorValidation .input:focus,\n.textField .inputWrapper.inputErrorValidation .input:active {\n  border-color: var(--negative-color);\n}\n\n.textField .inputWrapper.inputErrorValidation .iconContainer .icon {\n  color: var(--negative-color);\n}\n\n.textField .inputWrapper.inputErrorValidation .iconContainer .icon:hover {\n  color: var(--negative-color);\n}\n\n.textField .inputWrapper.inputErrorValidation + .subTextContainer .subTextContainerStatus {\n  color: var(--negative-color);\n}\n\n.textField .inputWrapper.inputSuccessValidation:hover .input {\n  border-color: var(--positive-color);\n}\n\n.textField .inputWrapper.inputSuccessValidation .input {\n  border-color: var(--positive-color);\n}\n\n.textField .inputWrapper.inputSuccessValidation .input:focus,\n.textField .inputWrapper.inputSuccessValidation .input:active {\n  border-color: var(--positive-color);\n}\n\n.textField .inputWrapper.inputSuccessValidation .iconContainer .icon {\n  color: var(--positive-color);\n}\n\n.textField .inputWrapper.inputSuccessValidation .iconContainer .icon:hover {\n  color: var(--positive-color);\n}\n\n.textField .inputWrapper.inputSuccessValidation + .subTextContainer .subTextContainerStatus {\n  color: var(--positive-color);\n}\n\n.textField .inputWrapper.wrapperSizeSmall {\n  height: 32px;\n}\n\n.textField .inputWrapper.wrapperSizeSmall .input {\n  font: var(--font-text1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.textField .inputWrapper.inputWrapperSizeSmall .input.inputHasIcon.onlyUnderline {\n  padding-left: var(--spacing-xs);\n}\n\n.textField .inputWrapper.wrapperSizeMedium {\n  height: 40px;\n}\n\n.textField .inputWrapper.wrapperSizeMedium .input {\n  font: var(--font-text1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.textField .inputWrapper.wrapperSizeMedium .input.inputHasIcon {\n  padding: var(--spacing-small) var(--spacing-xl) var(--spacing-small) var(--spacing-small);\n}\n\n.textField .inputWrapper.wrapperSizeMedium .input.inputHasIcon.onlyUnderline {\n  padding-left: 4px;\n}\n\n.textField .inputWrapper.wrapperSizeMedium .iconContainer {\n  pointer-events: none;\n  height: 32px;\n  width: 32px;\n  outline: none;\n}\n\n.textField .inputWrapper.wrapperSizeMedium .iconContainer .icon {\n  font-size: 16px;\n}\n\n.textField .inputWrapper.wrapperSizeMedium .iconContainer:hover + .iconContainer + .input {\n  border-color: var(--text-primary);\n}\n\n.textField .inputWrapper.wrapperSizeLarge {\n  height: 48px;\n}\n\n.textField .inputWrapper.wrapperSizeLarge .input {\n  font: var(--font-text1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.textField .inputWrapper.wrapperSizeLarge .input.inputHasIcon {\n  padding: var(--spacing-small) var(--spacing-xl) var(--spacing-small) var(--spacing-small);\n}\n\n.textField .inputWrapper.wrapperSizeLarge .input.inputHasIcon.onlyUnderline {\n  padding-left: var(--spacing-xs);\n}\n\n.textField .inputWrapper.wrapperSizeLarge .iconContainer {\n  height: 40px;\n  width: 40px;\n}\n\n.textField .inputWrapper.wrapperSizeLarge .iconContainer .icon {\n  font-size: 16px;\n}\n\n.textField .inputWrapper:hover .input {\n  border-color: var(--divider-selected);\n  box-shadow: var(--effect-divider-halo);\n}\n\n.textField .inputWrapper .loaderContainer {\n  position: absolute;\n  top: 50%;\n  right: 4px;\n  width: 24px;\n  height: 24px;\n  transform: translateY(-50%);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.textField .inputWrapper .loaderContainer.loaderContainerHasIcon {\n  right: 32px;\n}\n\n.textField .inputWrapper .loaderContainer .loader {\n  width: 16px;\n  height: 16px;\n}\n\n.textField .inputWrapper .loaderContainer .loader .loaderSvg {\n  color: var(--text-secondary);\n}\n\n.textField .inputWrapper .iconContainer .icon {\n  font-family: var(--font-family);\n}\n\n.textField .inputWrapper.wrapperSizeMedium .iconContainer .icon {\n  font-family: var(--font-family);\n}\n\n.textField .inputWrapper.wrapperSizeLarge .iconContainer .icon {\n  font-family: var(--font-family);\n}\n\n.dark-app-theme input[type=date]::-webkit-calendar-picker-indicator, .black-app-theme input[type=date]::-webkit-calendar-picker-indicator, .flare-app-theme input[type=date]::-webkit-calendar-picker-indicator, .hacker-app-theme input[type=date]::-webkit-calendar-picker-indicator,\n.dark-app-theme input[type=datetime-local]::-webkit-calendar-picker-indicator,\n.black-app-theme input[type=datetime-local]::-webkit-calendar-picker-indicator,\n.flare-app-theme input[type=datetime-local]::-webkit-calendar-picker-indicator,\n.hacker-app-theme input[type=datetime-local]::-webkit-calendar-picker-indicator {\n  filter: invert(1);\n}\n\n.datePickerWrapper {\n  position: relative;\n}\n\n.datePickerEnter {\n  opacity: 0;\n  transform: scale(0.9) translateY(-10px);\n}\n\n.datePickerEnterActive {\n  opacity: 1;\n  transform: scale(1) translateY(0);\n  transition: opacity 300ms, transform 300ms;\n}\n\n.datePickerExit {\n  opacity: 1;\n}\n\n.datePickerExitActive {\n  opacity: 0;\n  transition: opacity 300ms;\n}\n\n.input.active {\n  border-color: var(--primary-color);\n}");export{n as default};
 //# sourceMappingURL=TextField.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/TextWithHighlight/TextWithHighlight.module.scss.js

@@ -1,2 +1,2 @@
-var e={textWithHighlightWrapper:"textWithHighlightWrapper",highlightText:"highlightText",withEllipsis:"withEllipsis"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],i="s_id-f6830ac28dd4_0_0_403";if(t.querySelector("#"+i))return;const n=document.createElement("style");n.id=i,t.firstChild?t.insertBefore(n,t.firstChild):t.appendChild(n),n.appendChild(document.createTextNode(e))}(".textWithHighlightWrapper {\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n}\n\n.textWithHighlightWrapper em.highlightText {\n  background-color: var(--surface-selected);\n  color: var(--text-primary);\n  border-radius: 2px;\n}\n\n.textWithHighlightWrapper.withEllipsis {\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-line-clamp: var(--heading-clamp-lines);\n  -webkit-box-orient: vertical;\n  white-space: initial;\n}");export{e as default};
+var e={textWithHighlightWrapper:"textWithHighlightWrapper",highlightText:"highlightText",withEllipsis:"withEllipsis"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],i="s_id-f6830ac28dd4_0_0_406";if(t.querySelector("#"+i))return;const n=document.createElement("style");n.id=i,t.firstChild?t.insertBefore(n,t.firstChild):t.appendChild(n),n.appendChild(document.createTextNode(e))}(".textWithHighlightWrapper {\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n}\n\n.textWithHighlightWrapper em.highlightText {\n  background-color: var(--surface-selected);\n  color: var(--text-primary);\n  border-radius: 2px;\n}\n\n.textWithHighlightWrapper.withEllipsis {\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-line-clamp: var(--heading-clamp-lines);\n  -webkit-box-orient: vertical;\n  white-space: initial;\n}");export{e as default};
 //# sourceMappingURL=TextWithHighlight.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Timeline/Timeline/Timeline.module.scss.js

@@ -1,2 +1,2 @@
-var e={timeline:"timeline"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-95c4ef7a860a_0_0_403";if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}(".timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}");export{e as default};
+var e={timeline:"timeline"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-95c4ef7a860a_0_0_406";if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}(".timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}");export{e as default};
 //# sourceMappingURL=Timeline.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Timeline/TimelineRow/TimelineRow.module.scss.js

@@ -1,2 +1,2 @@
-var e={timeline_row:"timeline_row",margin_description:"margin_description",user_name:"user_name",side_line:"side_line"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-87675a8fcc9c_0_0_403";if(n.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}('.timeline_row {\n  max-width: 300px;\n}\n\n.margin_description {\n  margin-top: 0.5rem;\n}\n\n.user_name {\n  text-decoration: underline;\n  color: var(--text-link);\n  text-underline-offset: 0.2em;\n}\n\n.user_name:hover {\n  cursor: pointer;\n}\n\n.timeline_row {\n  display: flex;\n  align-items: flex-start;\n  gap: 4px;\n}\n\n.side_line {\n  flex-grow: 1;\n  position: relative;\n}\n\n.side_line::before {\n  content: "";\n  position: absolute;\n  left: -18px;\n  top: 18px;\n  bottom: -22px;\n  width: 1px;\n  background-color: #e2e2e2;\n}');export{e as default};
+var e={timeline_row:"timeline_row",margin_description:"margin_description",user_name:"user_name",side_line:"side_line"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-87675a8fcc9c_0_0_406";if(n.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}('.timeline_row {\n  max-width: 300px;\n}\n\n.margin_description {\n  margin-top: 0.5rem;\n}\n\n.user_name {\n  text-decoration: underline;\n  color: var(--text-link);\n  text-underline-offset: 0.2em;\n}\n\n.user_name:hover {\n  cursor: pointer;\n}\n\n.timeline_row {\n  display: flex;\n  align-items: flex-start;\n  gap: 4px;\n}\n\n.side_line {\n  flex-grow: 1;\n  position: relative;\n}\n\n.side_line::before {\n  content: "";\n  position: absolute;\n  left: -18px;\n  top: 18px;\n  bottom: -22px;\n  width: 1px;\n  background-color: #e2e2e2;\n}');export{e as default};
 //# sourceMappingURL=TimelineRow.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Tipseen/Tipseen.module.scss.js

@@ -1,2 +1,2 @@
-var e={tipseenWrapper:"tipseenWrapper",tipseenWrapperWithoutCustomWidth:"tipseenWrapperWithoutCustomWidth",floating:"floating",tipseenHeader:"tipseenHeader",tipseenTitle:"tipseenTitle",tipseenContent:"tipseenContent",tipseenCloseButton:"tipseenCloseButton",dark:"dark"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-104822b6d1ad_0_0_403";if(n.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}(".tipseenWrapper {\n  min-width: 100px;\n  min-height: 40px;\n  --tooltip-padding: 0;\n  --tooltip-border-radius: var(--border-radius-medium);\n}\n.tipseenWrapperWithoutCustomWidth {\n  --tooltip-max-width: 320px;\n}\n.tipseenWrapper.floating {\n  position: fixed;\n  bottom: 0;\n  right: 0;\n  margin-bottom: var(--spacing-medium);\n  margin-right: var(--spacing-medium);\n}\n.tipseenWrapper .tipseenHeader {\n  display: flex;\n  justify-content: flex-start;\n}\n.tipseenWrapper .tipseenTitle {\n  padding: var(--spacing-medium) var(--spacing-xl) 0 var(--spacing-medium);\n}\n.tipseenWrapper .tipseenContent {\n  margin: 0;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.tipseenWrapper .tipseenCloseButton {\n  position: absolute;\n  top: var(--spacing-xs);\n  right: var(--spacing-xs);\n  z-index: 2;\n}\n.tipseenWrapper .tipseenCloseButton.dark {\n  color: var(--color-asphalt);\n}");export{e as default};
+var e={tipseenWrapper:"tipseenWrapper",tipseenWrapperWithoutCustomWidth:"tipseenWrapperWithoutCustomWidth",floating:"floating",tipseenHeader:"tipseenHeader",tipseenTitle:"tipseenTitle",tipseenContent:"tipseenContent",tipseenCloseButton:"tipseenCloseButton",dark:"dark"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-104822b6d1ad_0_0_406";if(n.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}(".tipseenWrapper {\n  min-width: 100px;\n  min-height: 40px;\n  --tooltip-padding: 0;\n  --tooltip-border-radius: var(--border-radius-medium);\n}\n.tipseenWrapperWithoutCustomWidth {\n  --tooltip-max-width: 320px;\n}\n.tipseenWrapper.floating {\n  position: fixed;\n  bottom: 0;\n  right: 0;\n  margin-bottom: var(--spacing-medium);\n  margin-right: var(--spacing-medium);\n}\n.tipseenWrapper .tipseenHeader {\n  display: flex;\n  justify-content: flex-start;\n}\n.tipseenWrapper .tipseenTitle {\n  padding: var(--spacing-medium) var(--spacing-xl) 0 var(--spacing-medium);\n}\n.tipseenWrapper .tipseenContent {\n  margin: 0;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.tipseenWrapper .tipseenCloseButton {\n  position: absolute;\n  top: var(--spacing-xs);\n  right: var(--spacing-xs);\n  z-index: 2;\n}\n.tipseenWrapper .tipseenCloseButton.dark {\n  color: var(--color-asphalt);\n}");export{e as default};
 //# sourceMappingURL=Tipseen.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Tipseen/TipseenBasicContent.module.scss.js

@@ -1,2 +1,2 @@
-var e={tipseenBasicContent:"tipseenBasicContent"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-d08982037ba9_0_0_403";if(n.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}(".tipseenBasicContent {\n  padding: var(--spacing-medium);\n  display: flex;\n  flex-direction: column;\n}\n.tipseenBasicContent:not(:first-child) {\n  padding-top: var(--spacing-small);\n}");export{e as default};
+var e={tipseenBasicContent:"tipseenBasicContent"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-d08982037ba9_0_0_406";if(n.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}(".tipseenBasicContent {\n  padding: var(--spacing-medium);\n  display: flex;\n  flex-direction: column;\n}\n.tipseenBasicContent:not(:first-child) {\n  padding-top: var(--spacing-small);\n}");export{e as default};
 //# sourceMappingURL=TipseenBasicContent.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Tipseen/TipseenContent.module.scss.js

@@ -1,2 +1,2 @@
-var e={buttons:"buttons",dismiss:"dismiss"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-800a9f060939_0_0_403";if(n.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}(".buttons {\n  margin-top: var(--spacing-medium);\n  display: flex;\n  justify-content: flex-end;\n}\n\n.dismiss {\n  margin-right: var(--spacing-small);\n}");export{e as default};
+var e={buttons:"buttons",dismiss:"dismiss"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-800a9f060939_0_0_406";if(n.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}(".buttons {\n  margin-top: var(--spacing-medium);\n  display: flex;\n  justify-content: flex-end;\n}\n\n.dismiss {\n  margin-right: var(--spacing-small);\n}");export{e as default};
 //# sourceMappingURL=TipseenContent.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Tipseen/TipseenImage.module.scss.js

@@ -1,2 +1,2 @@
-var e={tipseenImage:"tipseenImage"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-5a749fe7aaee_0_0_403";if(t.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}(".tipseenImage {\n  object-fit: cover;\n  width: 100%;\n}");export{e as default};
+var e={tipseenImage:"tipseenImage"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-5a749fe7aaee_0_0_406";if(t.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}(".tipseenImage {\n  object-fit: cover;\n  width: 100%;\n}");export{e as default};
 //# sourceMappingURL=TipseenImage.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Tipseen/TipseenMedia/TipseenMedia.module.scss.js

@@ -1,2 +1,2 @@
-var e={tipseenMedia:"tipseenMedia",colorInverted:"colorInverted"};!function(e){if("undefined"==typeof document)return;const r=document.head||document.getElementsByTagName("head")[0],n="s_id-71e151b2b729_0_0_403";if(r.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,r.firstChild?r.insertBefore(d,r.firstChild):r.appendChild(d),d.appendChild(document.createTextNode(e))}(".tipseenMedia {\n  width: 100%;\n  overflow: hidden;\n  display: flex;\n  border: 2px solid var(--primary-color);\n  border-radius: var(--border-radius-medium);\n  position: relative;\n  z-index: 1;\n}\n\n.colorInverted {\n  border-color: var(--inverted-color-background);\n}");export{e as default};
+var e={tipseenMedia:"tipseenMedia",colorInverted:"colorInverted"};!function(e){if("undefined"==typeof document)return;const r=document.head||document.getElementsByTagName("head")[0],n="s_id-71e151b2b729_0_0_406";if(r.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,r.firstChild?r.insertBefore(d,r.firstChild):r.appendChild(d),d.appendChild(document.createTextNode(e))}(".tipseenMedia {\n  width: 100%;\n  overflow: hidden;\n  display: flex;\n  border: 2px solid var(--primary-color);\n  border-radius: var(--border-radius-medium);\n  position: relative;\n  z-index: 1;\n}\n\n.colorInverted {\n  border-color: var(--inverted-color-background);\n}");export{e as default};
 //# sourceMappingURL=TipseenMedia.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Tipseen/TipseenTitle.module.scss.js

@@ -1,2 +1,2 @@
-var e={title:"title"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],d="s_id-1b6c4903d434_0_0_403";if(t.querySelector("#"+d))return;const n=document.createElement("style");n.id=d,t.firstChild?t.insertBefore(n,t.firstChild):t.appendChild(n),n.appendChild(document.createTextNode(e))}(".title {\n  padding-right: var(--spacing-medium);\n}");export{e as default};
+var e={title:"title"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],d="s_id-1b6c4903d434_0_0_406";if(t.querySelector("#"+d))return;const n=document.createElement("style");n.id=d,t.firstChild?t.insertBefore(n,t.firstChild):t.appendChild(n),n.appendChild(document.createTextNode(e))}(".title {\n  padding-right: var(--spacing-medium);\n}");export{e as default};
 //# sourceMappingURL=TipseenTitle.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Tipseen/TipseenWizard.module.scss.js

@@ -1,2 +1,2 @@
-var e={tipseenWizard:"tipseenWizard",tipseenWizardWizard:"tipseenWizardWizard"};!function(e){if("undefined"==typeof document)return;const d=document.head||document.getElementsByTagName("head")[0],i="s_id-98eba0c83d1f_0_0_403";if(d.querySelector("#"+i))return;const n=document.createElement("style");n.id=i,d.firstChild?d.insertBefore(n,d.firstChild):d.appendChild(n),n.appendChild(document.createTextNode(e))}(".tipseenWizard {\n  display: flex;\n  flex-direction: column;\n}\n.tipseenWizardWizard {\n  width: 100%;\n}");export{e as default};
+var e={tipseenWizard:"tipseenWizard",tipseenWizardWizard:"tipseenWizardWizard"};!function(e){if("undefined"==typeof document)return;const d=document.head||document.getElementsByTagName("head")[0],i="s_id-98eba0c83d1f_0_0_406";if(d.querySelector("#"+i))return;const n=document.createElement("style");n.id=i,d.firstChild?d.insertBefore(n,d.firstChild):d.appendChild(n),n.appendChild(document.createTextNode(e))}(".tipseenWizard {\n  display: flex;\n  flex-direction: column;\n}\n.tipseenWizardWizard {\n  width: 100%;\n}");export{e as default};
 //# sourceMappingURL=TipseenWizard.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Toast/Toast.module.scss.js

@@ -1,2 +1,2 @@
-var n={iconAnimation:"iconAnimation",iconFadeInScale:"iconFadeInScale",toastContainer:"toastContainer",topRight:"topRight",bottomRight:"bottomRight",toast:"toast",scaleIn:"scaleIn",toastContent:"toastContent",noLeftIcon:"noLeftIcon",icon:"icon",typePositive:"typePositive",typeNegative:"typeNegative",typeWarning:"typeWarning",textContent:"textContent",textWrapper:"textWrapper",actions:"actions",closeButton:"closeButton",toastEnter:"toastEnter",toastEnterActive:"toastEnterActive",toastExit:"toastExit",toastExitActive:"toastExitActive",slideUp:"slideUp"};!function(n){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],e="s_id-c15bd7a55964_0_0_403";if(t.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(n))}("@keyframes scaleIn {\n  from {\n    transform: scale(0.8);\n    opacity: 0;\n  }\n  to {\n    transform: scale(1);\n    opacity: 1;\n  }\n}\n@keyframes iconFadeInScale {\n  0% {\n    opacity: 0;\n    transform: scale(0.5);\n  }\n  100% {\n    opacity: 1;\n    transform: scale(1);\n  }\n}\n.iconAnimation {\n  animation: iconFadeInScale 0.3s ease-out 0.1s forwards;\n  opacity: 0;\n}\n.toastContainer {\n  position: fixed;\n  z-index: 9999999999;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  max-width: 500px;\n  height: auto;\n  max-height: none;\n}\n.topRight {\n  top: 16px;\n  right: 16px;\n}\n.bottomRight {\n  bottom: 8px;\n  right: 16px;\n  flex-direction: column-reverse;\n}\n.toast {\n  position: absolute;\n  right: 0;\n  width: 100%;\n  max-width: 400px;\n  height: auto;\n  max-height: none;\n  box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.04);\n  border: 1px solid var(--divider-primary, rgba(16, 24, 27, 0.1));\n  border-radius: 40px;\n  background-color: var(--surface-level-050);\n  transition: transform 0.3s ease-out, opacity 0.3s ease-out;\n  margin-bottom: 8px;\n  z-index: 9999999999;\n  animation: scaleIn 0.3s ease-out forwards;\n  transform-origin: top right;\n  box-sizing: border-box;\n}\n.toastContent {\n  padding: var(--spacing-xs) var(--spacing-xs);\n  height: auto;\n  max-height: none;\n  min-height: 100%;\n  animation: scaleIn 0.3s ease-out forwards;\n  transform-origin: top right;\n  width: 100%;\n  overflow: visible;\n}\n.noLeftIcon {\n  padding: var(--spacing-xs) var(--spacing-medium);\n}\n.icon {\n  flex-shrink: 0;\n  height: 36px;\n  width: 36px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding: 2px;\n  border-radius: var(--border-radius-full);\n  background-color: var(--surface-level-200);\n  flex-shrink: 0;\n}\n.typePositive .icon {\n  border: 1px solid var(--text-success);\n  background-color: transparent;\n}\n.typeNegative .icon {\n  border: 1px solid var(--text-alert);\n  background-color: transparent;\n}\n.typeWarning .icon {\n  border: 1px solid var(--text-warning);\n  background-color: transparent;\n}\n.textContent {\n  flex: 1;\n  min-width: 0;\n  max-width: 100%;\n  overflow: visible;\n  flex-grow: 1;\n  min-width: 0;\n}\n.textWrapper {\n  display: block;\n  white-space: normal;\n  overflow-wrap: break-word;\n  word-wrap: break-word;\n  hyphens: auto;\n  max-height: none;\n  overflow: visible;\n  text-overflow: clip;\n  line-height: 1.3;\n  font-size: 14px;\n  width: 100%;\n}\n.actions {\n  flex-shrink: 0;\n  margin-left: var(--spacing-small);\n  flex-shrink: 0;\n}\n.closeButton {\n  flex-shrink: 0;\n  margin-left: var(--spacing-small);\n  color: var(--text-secondary);\n  flex-shrink: 0;\n}\n.typePositive {\n  border-top: none;\n  color: var(--text-success);\n  background-color: var(--surface-success);\n}\n.typeNegative {\n  border-top: none;\n  color: var(--text-alert);\n  background-color: var(--surface-alert);\n}\n.typeWarning {\n  border-top: none;\n  color: var(--text-warning);\n  background-color: var(--surface-warning);\n}\n.toastEnter {\n  opacity: 0;\n  transform: translateY(20px) scale(0.8);\n}\n.toastEnterActive {\n  opacity: 1;\n  transform: translateY(0) scale(1);\n  transition: opacity 400ms, transform 400ms;\n}\n.toastExit {\n  opacity: 1;\n  transform: translateX(0);\n}\n.toastExitActive {\n  opacity: 0;\n  transform: translateX(100%);\n  transition: opacity 400ms, transform 400ms;\n}\n@keyframes slideUp {\n  from {\n    transform: translateY(20px) scale(0.8);\n    opacity: 0;\n  }\n  to {\n    transform: translateY(0) scale(1);\n    opacity: 1;\n  }\n}\n.toast {\n  animation: slideUp 400ms ease-out;\n}");export{n as default};
+var n={iconAnimation:"iconAnimation",iconFadeInScale:"iconFadeInScale",toastContainer:"toastContainer",topRight:"topRight",bottomRight:"bottomRight",toast:"toast",scaleIn:"scaleIn",toastContent:"toastContent",noLeftIcon:"noLeftIcon",icon:"icon",typePositive:"typePositive",typeNegative:"typeNegative",typeWarning:"typeWarning",textContent:"textContent",textWrapper:"textWrapper",actions:"actions",closeButton:"closeButton",toastEnter:"toastEnter",toastEnterActive:"toastEnterActive",toastExit:"toastExit",toastExitActive:"toastExitActive",slideUp:"slideUp"};!function(n){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],e="s_id-c15bd7a55964_0_0_406";if(t.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(n))}("@keyframes scaleIn {\n  from {\n    transform: scale(0.8);\n    opacity: 0;\n  }\n  to {\n    transform: scale(1);\n    opacity: 1;\n  }\n}\n@keyframes iconFadeInScale {\n  0% {\n    opacity: 0;\n    transform: scale(0.5);\n  }\n  100% {\n    opacity: 1;\n    transform: scale(1);\n  }\n}\n.iconAnimation {\n  animation: iconFadeInScale 0.3s ease-out 0.1s forwards;\n  opacity: 0;\n}\n.toastContainer {\n  position: fixed;\n  z-index: 9999999999;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  max-width: 500px;\n  height: auto;\n  max-height: none;\n}\n.topRight {\n  top: 16px;\n  right: 16px;\n}\n.bottomRight {\n  bottom: 8px;\n  right: 16px;\n  flex-direction: column-reverse;\n}\n.toast {\n  position: absolute;\n  right: 0;\n  width: 100%;\n  max-width: 400px;\n  height: auto;\n  max-height: none;\n  box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.04);\n  border: 1px solid var(--divider-primary, rgba(16, 24, 27, 0.1));\n  border-radius: 40px;\n  background-color: var(--surface-level-050);\n  transition: transform 0.3s ease-out, opacity 0.3s ease-out;\n  margin-bottom: 8px;\n  z-index: 9999999999;\n  animation: scaleIn 0.3s ease-out forwards;\n  transform-origin: top right;\n  box-sizing: border-box;\n}\n.toastContent {\n  padding: var(--spacing-xs) var(--spacing-xs);\n  height: auto;\n  max-height: none;\n  min-height: 100%;\n  animation: scaleIn 0.3s ease-out forwards;\n  transform-origin: top right;\n  width: 100%;\n  overflow: visible;\n}\n.noLeftIcon {\n  padding: var(--spacing-xs) var(--spacing-medium);\n}\n.icon {\n  flex-shrink: 0;\n  height: 36px;\n  width: 36px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding: 2px;\n  border-radius: var(--border-radius-full);\n  background-color: var(--surface-level-200);\n  flex-shrink: 0;\n}\n.typePositive .icon {\n  border: 1px solid var(--text-success);\n  background-color: transparent;\n}\n.typeNegative .icon {\n  border: 1px solid var(--text-alert);\n  background-color: transparent;\n}\n.typeWarning .icon {\n  border: 1px solid var(--text-warning);\n  background-color: transparent;\n}\n.textContent {\n  flex: 1;\n  min-width: 0;\n  max-width: 100%;\n  overflow: visible;\n  flex-grow: 1;\n  min-width: 0;\n}\n.textWrapper {\n  display: block;\n  white-space: normal;\n  overflow-wrap: break-word;\n  word-wrap: break-word;\n  hyphens: auto;\n  max-height: none;\n  overflow: visible;\n  text-overflow: clip;\n  line-height: 1.3;\n  font-size: 14px;\n  width: 100%;\n}\n.actions {\n  flex-shrink: 0;\n  margin-left: var(--spacing-small);\n  flex-shrink: 0;\n}\n.closeButton {\n  flex-shrink: 0;\n  margin-left: var(--spacing-small);\n  color: var(--text-secondary);\n  flex-shrink: 0;\n}\n.typePositive {\n  border-top: none;\n  color: var(--text-success);\n  background-color: var(--surface-success);\n}\n.typeNegative {\n  border-top: none;\n  color: var(--text-alert);\n  background-color: var(--surface-alert);\n}\n.typeWarning {\n  border-top: none;\n  color: var(--text-warning);\n  background-color: var(--surface-warning);\n}\n.toastEnter {\n  opacity: 0;\n  transform: translateY(20px) scale(0.8);\n}\n.toastEnterActive {\n  opacity: 1;\n  transform: translateY(0) scale(1);\n  transition: opacity 400ms, transform 400ms;\n}\n.toastExit {\n  opacity: 1;\n  transform: translateX(0);\n}\n.toastExitActive {\n  opacity: 0;\n  transform: translateX(100%);\n  transition: opacity 400ms, transform 400ms;\n}\n@keyframes slideUp {\n  from {\n    transform: translateY(20px) scale(0.8);\n    opacity: 0;\n  }\n  to {\n    transform: translateY(0) scale(1);\n    opacity: 1;\n  }\n}\n.toast {\n  animation: slideUp 400ms ease-out;\n}");export{n as default};
 //# sourceMappingURL=Toast.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Toast/ToastLink/ToastLink.module.scss.js

@@ -1,2 +1,2 @@
-var e={actionLink:"actionLink"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-21e420bb842e_0_0_403";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))}(".actionLink {\n  -webkit-font-smoothing: auto;\n  -moz-osx-font-smoothing: auto;\n}");export{e as default};
+var e={actionLink:"actionLink"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-21e420bb842e_0_0_406";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))}(".actionLink {\n  -webkit-font-smoothing: auto;\n  -moz-osx-font-smoothing: auto;\n}");export{e as default};
 //# sourceMappingURL=ToastLink.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Toggle/MockToggle.module.scss.js

@@ -1,2 +1,2 @@
-var e={toggle:"toggle","focus-visible":"focus-visible",selected:"selected",notSelected:"notSelected",disabled:"disabled"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],o="s_id-a8996f35a816_0_0_403";if(n.querySelector("#"+o))return;const t=document.createElement("style");t.id=o,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}('.toggle {\n  border: none;\n  margin: 0;\n  padding: 0;\n  width: auto;\n  overflow: visible;\n  background: transparent;\n  /* inherit font & color from ancestor */\n  color: inherit;\n  font: inherit;\n  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */\n  line-height: normal;\n  /* Corrects font smoothing for webkit */\n  -webkit-font-smoothing: inherit;\n  -moz-osx-font-smoothing: inherit;\n  /* Corrects inability to style clickable `input` types in iOS */\n  appearance: none;\n  transition: all var(--motion-productive-medium) ease 0ms;\n  margin: 0 var(--spacing-small);\n  position: relative;\n  height: 24px;\n  width: 41px;\n  cursor: pointer;\n  border-radius: var(--border-radius-medium);\n}\n.toggle:focus-visible, .toggle.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.toggle:focus:not(.focus-visible) {\n  outline: none;\n}\n.toggle:hover {\n  border-color: var(--divider-selected);\n  box-shadow: var(--effect-divider-halo);\n}\n.toggle::after {\n  background-color: var(--surface-level-100);\n  content: " ";\n  position: absolute;\n  width: 18px;\n  height: 18px;\n  border-radius: var(--border-radius-medium);\n  top: calc(50% - 9px);\n  transition: left var(--motion-productive-medium) var(--motion-timing-transition);\n}\n.toggle.selected {\n  background-color: var(--primary-color);\n}\n.toggle.selected::after {\n  left: 20px;\n}\n.toggle.notSelected {\n  background-color: var(--divider-primary);\n}\n.toggle.notSelected::after {\n  left: 3px;\n}\n.toggle.disabled {\n  opacity: var(--disabled-component-opacity);\n  cursor: not-allowed;\n}');export{e as default};
+var e={toggle:"toggle","focus-visible":"focus-visible",selected:"selected",notSelected:"notSelected",disabled:"disabled"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],o="s_id-a8996f35a816_0_0_406";if(n.querySelector("#"+o))return;const t=document.createElement("style");t.id=o,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}('.toggle {\n  border: none;\n  margin: 0;\n  padding: 0;\n  width: auto;\n  overflow: visible;\n  background: transparent;\n  /* inherit font & color from ancestor */\n  color: inherit;\n  font: inherit;\n  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */\n  line-height: normal;\n  /* Corrects font smoothing for webkit */\n  -webkit-font-smoothing: inherit;\n  -moz-osx-font-smoothing: inherit;\n  /* Corrects inability to style clickable `input` types in iOS */\n  appearance: none;\n  transition: all var(--motion-productive-medium) ease 0ms;\n  margin: 0 var(--spacing-small);\n  position: relative;\n  height: 24px;\n  width: 41px;\n  cursor: pointer;\n  border-radius: var(--border-radius-medium);\n}\n.toggle:focus-visible, .toggle.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.toggle:focus:not(.focus-visible) {\n  outline: none;\n}\n.toggle:hover {\n  border-color: var(--divider-selected);\n  box-shadow: var(--effect-divider-halo);\n}\n.toggle::after {\n  background-color: var(--surface-level-100);\n  content: " ";\n  position: absolute;\n  width: 18px;\n  height: 18px;\n  border-radius: var(--border-radius-medium);\n  top: calc(50% - 9px);\n  transition: left var(--motion-productive-medium) var(--motion-timing-transition);\n}\n.toggle.selected {\n  background-color: var(--primary-color);\n}\n.toggle.selected::after {\n  left: 20px;\n}\n.toggle.notSelected {\n  background-color: var(--divider-primary);\n}\n.toggle.notSelected::after {\n  left: 3px;\n}\n.toggle.disabled {\n  opacity: var(--disabled-component-opacity);\n  cursor: not-allowed;\n}');export{e as default};
 //# sourceMappingURL=MockToggle.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Toggle/Toggle.module.scss.js

@@ -1,2 +1,2 @@
-var e={toggleInput:"toggleInput","focus-visible":"focus-visible",wrapper:"wrapper"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-4fb1f14d4bb9_0_0_403";if(n.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}(".toggleInput:focus-visible ~ div, .toggleInput.focus-visible ~ div {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n\n.wrapper {\n  display: flex;\n  align-items: center;\n}");export{e as default};
+var e={toggleInput:"toggleInput","focus-visible":"focus-visible",wrapper:"wrapper"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-4fb1f14d4bb9_0_0_406";if(n.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}(".toggleInput:focus-visible ~ div, .toggleInput.focus-visible ~ div {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n\n.wrapper {\n  display: flex;\n  align-items: center;\n}");export{e as default};
 //# sourceMappingURL=Toggle.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Toggle/ToggleText.module.scss.js

@@ -1,2 +1,2 @@
-var e={text:"text",disabled:"disabled"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-6f1ea96d58a4_0_0_403";if(t.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}(".text {\n  color: var(--text-primary);\n  font-style: normal;\n  font-weight: normal;\n  font-size: 14px;\n  line-height: 22px;\n}\n\n.disabled {\n  color: var(--disabled-text-color);\n}");export{e as default};
+var e={text:"text",disabled:"disabled"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-6f1ea96d58a4_0_0_406";if(t.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}(".text {\n  color: var(--text-primary);\n  font-style: normal;\n  font-weight: normal;\n  font-size: 14px;\n  line-height: 22px;\n}\n\n.disabled {\n  color: var(--disabled-text-color);\n}");export{e as default};
 //# sourceMappingURL=ToggleText.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Tooltip/Tooltip.module.scss.js

@@ -1,2 +1,2 @@
-var o={tooltip:"tooltip",tooltipWithContent:"tooltipWithContent",withMaxWidth:"withMaxWidth",image:"image",title:"title",content:"content",paddingSizeMd:"paddingSizeMd",tooltipWhiteLink:"tooltipWhiteLink",dark:"dark",arrow:"arrow",white:"white",primary:"primary",success:"success",surface:"surface",private:"private",share:"share",error:"error"};!function(o){if("undefined"==typeof document)return;const r=document.head||document.getElementsByTagName("head")[0],n="s_id-30774305b9ce_0_0_403";if(r.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.appendChild(document.createTextNode(o))}(".tooltip {\n  position: relative;\n  display: inline-block;\n  border-radius: var(--tooltip-border-radius, var(--border-radius-medium));\n  padding: var(--tooltip-padding, var(--spacing-small) var(--spacing-medium));\n  box-shadow: var(--box-shadow-medium);\n  font: var(--font-text2-normal);\n  max-width: var(--tooltip-max-width, 50vw);\n  word-break: break-word;\n  z-index: 10000000000000000 !important;\n}\n.tooltip.tooltipWithContent {\n  padding: unset;\n}\n.tooltip.withMaxWidth {\n  --tooltip-max-width: 240px;\n}\n.tooltip .image {\n  display: block;\n  position: relative;\n  border-top-right-radius: 2px;\n  border-top-left-radius: 2px;\n  padding: 2px 2px 0 2px;\n  object-fit: cover;\n  width: 100%;\n  height: 100%;\n  min-width: var(--tooltip-max-width);\n  z-index: 1;\n}\n.tooltip .title {\n  font: var(--font-text2-bold);\n}\n.tooltip .content {\n  word-break: break-word;\n  display: inline-block;\n  padding: var(--tooltip-padding, var(--spacing-small) var(--spacing-medium));\n}\n.tooltip.withMaxWidth {\n  --tooltip-max-width: 240px;\n}\n.tooltip.paddingSizeMd {\n  border-radius: var(--border-radius-medium);\n  padding: var(--spacing-medium);\n  font: var(--font-text2-normal);\n}\n.tooltip a.tooltipWhiteLink {\n  color: #fff;\n}\n.dark,\n.arrow.dark {\n  background-color: var(--surface-inverse);\n  color: var(--text-color-on-inverted);\n}\n.white,\n.arrow.white {\n  background-color: var(--color-snow_white);\n  color: var(--color-orange-dark);\n  box-shadow: var(--box-shadow-medium);\n}\n.primary,\n.arrow.primary {\n  background-color: var(--primary-color);\n  color: var(--text-color-on-primary);\n}\n.success,\n.arrow.success {\n  background-color: var(--positive-color-background);\n  color: var(--text-color-on-primary);\n}\n.surface,\n.arrow.surface {\n  background-color: #5b607a;\n  color: var(--color-snow_white);\n}\n.private,\n.arrow.private {\n  background-color: var(--negative-color-background);\n  color: var(--text-color-on-primary);\n}\n.share,\n.arrow.share {\n  background-color: var(--primary-color);\n  color: var(--text-color-on-primary);\n}\n.error,\n.arrow.error {\n  background-color: var(--negative-color-background);\n  color: var(--text-color-on-primary);\n}");export{o as default};
+var o={tooltip:"tooltip",tooltipWithContent:"tooltipWithContent",withMaxWidth:"withMaxWidth",image:"image",title:"title",content:"content",paddingSizeMd:"paddingSizeMd",tooltipWhiteLink:"tooltipWhiteLink",dark:"dark",arrow:"arrow",white:"white",primary:"primary",success:"success",surface:"surface",private:"private",share:"share",error:"error"};!function(o){if("undefined"==typeof document)return;const r=document.head||document.getElementsByTagName("head")[0],n="s_id-30774305b9ce_0_0_406";if(r.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.appendChild(document.createTextNode(o))}(".tooltip {\n  position: relative;\n  display: inline-block;\n  border-radius: var(--tooltip-border-radius, var(--border-radius-medium));\n  padding: var(--tooltip-padding, var(--spacing-small) var(--spacing-medium));\n  box-shadow: var(--box-shadow-medium);\n  font: var(--font-text2-normal);\n  max-width: var(--tooltip-max-width, 50vw);\n  word-break: break-word;\n  z-index: 10000000000000000 !important;\n}\n.tooltip.tooltipWithContent {\n  padding: unset;\n}\n.tooltip.withMaxWidth {\n  --tooltip-max-width: 240px;\n}\n.tooltip .image {\n  display: block;\n  position: relative;\n  border-top-right-radius: 2px;\n  border-top-left-radius: 2px;\n  padding: 2px 2px 0 2px;\n  object-fit: cover;\n  width: 100%;\n  height: 100%;\n  min-width: var(--tooltip-max-width);\n  z-index: 1;\n}\n.tooltip .title {\n  font: var(--font-text2-bold);\n}\n.tooltip .content {\n  word-break: break-word;\n  display: inline-block;\n  padding: var(--tooltip-padding, var(--spacing-small) var(--spacing-medium));\n}\n.tooltip.withMaxWidth {\n  --tooltip-max-width: 240px;\n}\n.tooltip.paddingSizeMd {\n  border-radius: var(--border-radius-medium);\n  padding: var(--spacing-medium);\n  font: var(--font-text2-normal);\n}\n.tooltip a.tooltipWhiteLink {\n  color: #fff;\n}\n.dark,\n.arrow.dark {\n  background-color: var(--surface-inverse);\n  color: var(--text-color-on-inverted);\n}\n.white,\n.arrow.white {\n  background-color: var(--color-snow_white);\n  color: var(--color-orange-dark);\n  box-shadow: var(--box-shadow-medium);\n}\n.primary,\n.arrow.primary {\n  background-color: var(--primary-color);\n  color: var(--text-color-on-primary);\n}\n.success,\n.arrow.success {\n  background-color: var(--positive-color-background);\n  color: var(--text-color-on-primary);\n}\n.surface,\n.arrow.surface {\n  background-color: #5b607a;\n  color: var(--color-snow_white);\n}\n.private,\n.arrow.private {\n  background-color: var(--negative-color-background);\n  color: var(--text-color-on-primary);\n}\n.share,\n.arrow.share {\n  background-color: var(--primary-color);\n  color: var(--text-color-on-primary);\n}\n.error,\n.arrow.error {\n  background-color: var(--negative-color-background);\n  color: var(--text-color-on-primary);\n}");export{o as default};
 //# sourceMappingURL=Tooltip.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/TopNavigationBar/TopNavigationBar.module.scss.js

@@ -1,2 +1,2 @@
-var n={navbar:"navbar",sticky:"sticky",navContainer:"navContainer",logo:"logo",itemList:"itemList",active:"active",navButton:"navButton",profile:"profile",navbarAvatar:"navbarAvatar",notifications:"notifications",navbarCounter:"navbarCounter",userInfo:"userInfo",username:"username",email:"email",logout:"logout",dialog:"dialog",hover:"hover"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],a="s_id-b83af14286f9_0_0_403";if(e.querySelector("#"+a))return;const r=document.createElement("style");r.id=a,e.firstChild?e.insertBefore(r,e.firstChild):e.appendChild(r),r.appendChild(document.createTextNode(n))}(".navbar {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: 100%;\n  height: 46px;\n  padding: 0 14px;\n  color: var(--text-secondary);\n}\n\n.sticky {\n  position: sticky;\n  top: 0;\n  z-index: 100;\n  background-color: var(--surface-level-100);\n}\n\n.navContainer {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  user-select: none;\n  z-index: 100;\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%);\n  max-width: fit-content;\n  border-radius: var(--border-radius-medium);\n  padding: 2px;\n}\n\n.navContainer button {\n  margin-top: -2px;\n}\n\n.logo {\n  display: flex;\n  align-items: center;\n  position: absolute;\n  left: 38px;\n  height: 24px;\n  border: 1px solid var(--divider-primary);\n  border-radius: 6px;\n  padding: 2px 4px;\n  margin: 1px 2px 0px;\n  font-size: 14px;\n  color: var(--text-secondary);\n  font-weight: 600;\n}\n\n.logo svg {\n  margin-right: 4px;\n}\n\nul.itemList {\n  display: flex;\n  align-items: center;\n  margin: 0;\n  padding: 4px;\n}\n\nul.itemList li {\n  margin: 0px;\n  list-style: none;\n  font-size: 14px;\n  font-weight: 400;\n  border-radius: var(--border-radius-medium);\n  border: 1px solid transparent;\n  transition: all var(--motion-productive-medium) ease 0ms;\n}\n\nul.itemList li a {\n  color: var(--text-secondary);\n  text-decoration: none;\n  padding: 4px 10px;\n  border-radius: var(--border-radius-medium);\n  transition: all var(--motion-productive-medium) ease 0ms;\n  font-weight: 500;\n}\n\nul.itemList li a:hover {\n  background: var(--surface-level-300);\n  color: var(--text-primary);\n}\n\nul.itemList .active {\n  color: var(--text-primary) !important;\n  background-color: var(--surface-level-100);\n  box-shadow: var(--box-shadow-xs);\n  border: 1px solid var(--divider-overlay);\n}\n\n.navButton {\n  display: flex;\n  align-items: center;\n  margin: 0px;\n  list-style: none;\n  font-size: 14px;\n  font-weight: 400;\n  background: var(--surface-level-100);\n  border-radius: 50px;\n  border: 1px solid transparent;\n  transition: all var(--motion-productive-medium) ease 0ms;\n}\n\n.navButton a {\n  color: var(--text-secondary);\n  text-decoration: none;\n  padding: 2px 8px;\n  transition: all var(--motion-productive-medium) ease 0ms;\n}\n\n.navButton a:hover {\n  background: var(--surface-level-300);\n  color: var(--text-primary);\n}\n\n.navButton a svg {\n  margin-right: 2px;\n}\n\n.profile {\n  display: flex;\n  align-items: center;\n  gap: 2px;\n}\n\n.profile .navbarAvatar {\n  margin-left: 4px;\n}\n\n.notifications {\n  margin-right: 8px;\n  display: flex;\n  align-items: center;\n}\n\n.navbarAvatar {\n  margin: 0px 0px 0px 2px;\n}\n\n.navbarCounter {\n  display: flex;\n  margin-left: -6px;\n  position: relative;\n  z-index: 99;\n}\n\n.userInfo {\n  display: flex;\n  align-items: center;\n  padding: 8px;\n  gap: 8px;\n  min-width: 240px;\n}\n\n.username {\n  font-size: 14px;\n  line-height: 22px;\n}\n\n.email {\n  font-size: 12px;\n  color: var(--text-secondary);\n}\n\n.logout {\n  padding: 0px 4px 10px 15px;\n  color: var(--color-solar-flare-700);\n}\n\n.dialog {\n  padding: 0;\n  border-radius: 6px;\n}\n\n.hover {\n  cursor: pointer;\n}\n\n@media (max-width: 999px) {\n  .navContainer {\n    display: none;\n  }\n}");export{n as default};
+var n={navbar:"navbar",sticky:"sticky",navContainer:"navContainer",logo:"logo",itemList:"itemList",active:"active",navButton:"navButton",profile:"profile",navbarAvatar:"navbarAvatar",notifications:"notifications",navbarCounter:"navbarCounter",userInfo:"userInfo",username:"username",email:"email",logout:"logout",dialog:"dialog",hover:"hover"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],a="s_id-b83af14286f9_0_0_406";if(e.querySelector("#"+a))return;const r=document.createElement("style");r.id=a,e.firstChild?e.insertBefore(r,e.firstChild):e.appendChild(r),r.appendChild(document.createTextNode(n))}(".navbar {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: 100%;\n  height: 46px;\n  padding: 0 14px;\n  color: var(--text-secondary);\n}\n\n.sticky {\n  position: sticky;\n  top: 0;\n  z-index: 100;\n  background-color: var(--surface-level-100);\n}\n\n.navContainer {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  user-select: none;\n  z-index: 100;\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%);\n  max-width: fit-content;\n  border-radius: var(--border-radius-medium);\n  padding: 2px;\n}\n\n.navContainer button {\n  margin-top: -2px;\n}\n\n.logo {\n  display: flex;\n  align-items: center;\n  position: absolute;\n  left: 38px;\n  height: 24px;\n  border: 1px solid var(--divider-primary);\n  border-radius: 6px;\n  padding: 2px 4px;\n  margin: 1px 2px 0px;\n  font-size: 14px;\n  color: var(--text-secondary);\n  font-weight: 600;\n}\n\n.logo svg {\n  margin-right: 4px;\n}\n\nul.itemList {\n  display: flex;\n  align-items: center;\n  margin: 0;\n  padding: 4px;\n}\n\nul.itemList li {\n  margin: 0px;\n  list-style: none;\n  font-size: 14px;\n  font-weight: 400;\n  border-radius: var(--border-radius-medium);\n  border: 1px solid transparent;\n  transition: all var(--motion-productive-medium) ease 0ms;\n}\n\nul.itemList li a {\n  color: var(--text-secondary);\n  text-decoration: none;\n  padding: 4px 10px;\n  border-radius: var(--border-radius-medium);\n  transition: all var(--motion-productive-medium) ease 0ms;\n  font-weight: 500;\n}\n\nul.itemList li a:hover {\n  background: var(--surface-level-300);\n  color: var(--text-primary);\n}\n\nul.itemList .active {\n  color: var(--text-primary) !important;\n  background-color: var(--surface-level-100);\n  box-shadow: var(--box-shadow-xs);\n  border: 1px solid var(--divider-overlay);\n}\n\n.navButton {\n  display: flex;\n  align-items: center;\n  margin: 0px;\n  list-style: none;\n  font-size: 14px;\n  font-weight: 400;\n  background: var(--surface-level-100);\n  border-radius: 50px;\n  border: 1px solid transparent;\n  transition: all var(--motion-productive-medium) ease 0ms;\n}\n\n.navButton a {\n  color: var(--text-secondary);\n  text-decoration: none;\n  padding: 2px 8px;\n  transition: all var(--motion-productive-medium) ease 0ms;\n}\n\n.navButton a:hover {\n  background: var(--surface-level-300);\n  color: var(--text-primary);\n}\n\n.navButton a svg {\n  margin-right: 2px;\n}\n\n.profile {\n  display: flex;\n  align-items: center;\n  gap: 2px;\n}\n\n.profile .navbarAvatar {\n  margin-left: 4px;\n}\n\n.notifications {\n  margin-right: 8px;\n  display: flex;\n  align-items: center;\n}\n\n.navbarAvatar {\n  margin: 0px 0px 0px 2px;\n}\n\n.navbarCounter {\n  display: flex;\n  margin-left: -6px;\n  position: relative;\n  z-index: 99;\n}\n\n.userInfo {\n  display: flex;\n  align-items: center;\n  padding: 8px;\n  gap: 8px;\n  min-width: 240px;\n}\n\n.username {\n  font-size: 14px;\n  line-height: 22px;\n}\n\n.email {\n  font-size: 12px;\n  color: var(--text-secondary);\n}\n\n.logout {\n  padding: 0px 4px 10px 15px;\n  color: var(--color-solar-flare-700);\n}\n\n.dialog {\n  padding: 0;\n  border-radius: 6px;\n}\n\n.hover {\n  cursor: pointer;\n}\n\n@media (max-width: 999px) {\n  .navContainer {\n    display: none;\n  }\n}");export{n as default};
 //# sourceMappingURL=TopNavigationBar.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/TopNavigationBar/components/Notification/Notification.module.scss.js

@@ -1,2 +1,2 @@
-var e={notificationContainer:"notificationContainer",header:"header"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-ab96a526747c_0_0_403";if(n.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}(".notificationContainer {\n  padding: 14px 16px;\n  border-radius: 4px;\n  min-width: 320px;\n  min-height: 400px;\n}\n\n.header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n  border-bottom: 1px solid var(--divider-primary);\n  padding-bottom: 16px;\n  margin-bottom: 15px;\n  font-weight: 600;\n}");export{e as default};
+var e={notificationContainer:"notificationContainer",header:"header"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-ab96a526747c_0_0_406";if(n.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}(".notificationContainer {\n  padding: 14px 16px;\n  border-radius: 4px;\n  min-width: 320px;\n  min-height: 400px;\n}\n\n.header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n  border-bottom: 1px solid var(--divider-primary);\n  padding-bottom: 16px;\n  margin-bottom: 15px;\n  font-weight: 600;\n}");export{e as default};
 //# sourceMappingURL=Notification.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/TopNavigationBar/components/NotificationItem/NotificationItem.module.scss.js

@@ -1,2 +1,2 @@
-var t={item:"item",content:"content",type:"type",title:"title",date:"date",NotificationStatus:"NotificationStatus"};!function(t){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],e="s_id-7d6f9538aabb_0_0_403";if(n.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(t))}(".item {\n  display: flex;\n  padding: 20px 10px;\n  justify-content: space-between;\n  border-bottom: 1px solid var(--divider-primary);\n  text-decoration: none !important;\n  transition: all var(--motion-productive-medium) ease 0ms;\n}\n.item:hover {\n  background-color: var(--surface-level-200);\n  text-decoration: none !important;\n}\n.content {\n  display: flex;\n  flex-direction: column;\n  text-wrap: balance;\n  text-decoration: none;\n}\n.type {\n  color: var(--text-secondary);\n  font-size: 14px;\n  margin: 0 0 8px;\n}\n.title {\n  color: var(--text-primary);\n  font-size: 16px;\n  font-weight: 600;\n  width: 80%;\n  margin-bottom: 10px;\n}\n.date {\n  color: var(--text-secondary);\n  font-size: 12px;\n}\n.NotificationStatus {\n  margin: 8px -2px 12px;\n}");export{t as default};
+var t={item:"item",content:"content",type:"type",title:"title",date:"date",NotificationStatus:"NotificationStatus"};!function(t){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],e="s_id-7d6f9538aabb_0_0_406";if(n.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(t))}(".item {\n  display: flex;\n  padding: 20px 10px;\n  justify-content: space-between;\n  border-bottom: 1px solid var(--divider-primary);\n  text-decoration: none !important;\n  transition: all var(--motion-productive-medium) ease 0ms;\n}\n.item:hover {\n  background-color: var(--surface-level-200);\n  text-decoration: none !important;\n}\n.content {\n  display: flex;\n  flex-direction: column;\n  text-wrap: balance;\n  text-decoration: none;\n}\n.type {\n  color: var(--text-secondary);\n  font-size: 14px;\n  margin: 0 0 8px;\n}\n.title {\n  color: var(--text-primary);\n  font-size: 16px;\n  font-weight: 600;\n  width: 80%;\n  margin-bottom: 10px;\n}\n.date {\n  color: var(--text-secondary);\n  font-size: 12px;\n}\n.NotificationStatus {\n  margin: 8px -2px 12px;\n}");export{t as default};
 //# sourceMappingURL=NotificationItem.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Tree/Tree.js

@@ -1,2 +1,2 @@
-import{slicedToArray as e,toConsumableArray as n,createForOfIteratorHelper as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as r}from"../../../_virtual/_tslib.js";import{jsx as a}from"@emotion/react/jsx-runtime";import{useState as i,useEffect as o,useMemo as l}from"react";import c from"./components/TreeFolder/TreeFolder.js";import f from"./components/TreeFile/TreeFile.js";import{TreeContext as s}from"./TreeContext.js";import{sortChildren as d}from"./utils/treeHelp.js";import{DndProvider as u}from"react-dnd";import{HTML5Backend as p}from"react-dnd-html5-backend";var v=function(){for(var e=arguments.length,n=Array(e),t=0;e>t;t++)n[t]=arguments[t];return n}("directory","file")[0],m=function(m){var h=m.children,y=m.onClick,g=m.initialExpand,j=void 0!==g&&g,b=m.alwaysExpanded,x=void 0!==b&&b,O=m.parentIconPath,T=void 0===O?"default":O,P=m.childIconPath,E=void 0===P?"default":P,I=m.value,C=m.className,F=m.enableSorting,k=void 0!==F&&F,N=m.readOnly,w=void 0!==N&&N,M=m.onMove,_=r(m,["children","onClick","initialExpand","alwaysExpanded","parentIconPath","childIconPath","value","className","enableSorting","readOnly","onMove"]),A=i(I),B=e(A,2),H=B[0],S=B[1];o((function(){I&&S(I)}),[I]);var q=function e(n,r){var a,i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"",o=t(n);try{for(o.s();!(a=o.n()).done;){var l=a.value,c=i?"".concat(i,"/").concat(l.name):l.name;if(l.name===r)return c;if(l.type===v&&l.files){var f=e(l.files,r,c);if(f)return f}}}catch(e){o.e(e)}finally{o.f()}return null},z=function(e,n){if(!H)return!1;var t,r,a,i=q(H,e.split("/").pop()||"")||e,o=q(H,n.split("/").pop()||"")||n;return t=o,r=i.split("/").filter(Boolean),(a=t.split("/").filter(Boolean)).length>r.length&&r.every((function(e,n){return e===a[n]}))},D=function e(t,r){for(var a=0;t.length>a;a++){var i=t[a],o=r.split("/").pop()||"";if(i.name===o)return{node:i,updatedTree:[].concat(n(t.slice(0,a)),n(t.slice(a+1)))};if(i.type===v&&i.files){var l=e(i.files,r),c=l.node;if(c)return t[a].files=l.updatedTree,{node:c,updatedTree:t}}}return{updatedTree:t}},G=function e(t,r,a){var i=r.split("/"),o=i.pop()||"",l=i.join("/");return t.map((function(t){var i=l?"".concat(l,"/").concat(t.name):t.name;if(t.type===v){if(i===l)return Object.assign(Object.assign({},t),{files:[].concat(n(t.files||[]),[a])});if(t.name===o)return Object.assign(Object.assign({},t),{files:[].concat(n(t.files||[]),[a])});if(t.files)return Object.assign(Object.assign({},t),{files:e(t.files,r,a)})}return t}))},J=function(e,n){var r,a=n.split("/"),i=e,o=null,l=t(a);try{var c,f=function(){var e=r.value;if(!(o=i.find((function(n){return n.name===e}))||null))return{v:null};o.files&&(i=o.files)};for(l.s();!(r=l.n()).done;)if(c=f())return c.v}catch(e){l.e(e)}finally{l.f()}return o},K=function e(n,r){var a,i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"",o=t(n);try{for(o.s();!(a=o.n()).done;){var l=a.value,c=i?"".concat(i,"/").concat(l.name):l.name;if(l.name===r)return c;if(l.type===v&&l.files){var f=e(l.files,r,c);if(f)return f}}}catch(e){o.e(e)}finally{o.f()}return r},L=!(!I||0>=I.length),Q=function(e,n){y&&H&&y(e,n)},R=l((function(){return{onFileClick:Q,initialExpand:x||j,isImperative:L,alwaysExpanded:x,parentIconPath:T,childIconPath:E}}),[j,Q,L,x,T,E]),U=L?function e(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],t=arguments.length>1?arguments[1]:void 0,r=arguments.length>2?arguments[2]:void 0,i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:0,o=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"";return n&&n.length?(r?n.sort((function(e,n){return e.type!==n.type?e.type!==v?1:-1:e.name.localeCompare(n.name)})):n).map((function(n,l){var s=o?"".concat(o,"/").concat(n.name):n.name;return n.type===v?a(c,Object.assign({id:n.id,name:n.name,extra:n.extra,onMove:w?void 0:t,parentPath:o,level:i,active:(null==n?void 0:n.active)||!1},{children:e(n.files||[],t,r,i+1,s)}),"folder-".concat(n.id)):a(f,{id:n.id,name:n.name,extra:n.extra,onMove:w?void 0:t,parentPath:o,level:i,active:(null==n?void 0:n.active)||!1},"file-".concat(n.name,"-").concat(l))})):null}(H||[],(function(e,n){if(H&&!w){var t=e.split("/").pop()||"",r=n.split("/").pop()||"",a=K(H,t),i=K(H,r);if(!z(a,i)){var o=D(H,e),l=o.node,c=o.updatedTree;if(l){var f=J(H,n),s=n;if(f&&f.type!==v){var d=n.split("/");d.pop(),s=d.join("/")}var u=G(c,s,l);S(u);var p=J(u,s);M(a,i,p||null,l)}}}}),k):d(h,c);return a(u,Object.assign({backend:p},{children:a(s.Provider,Object.assign({value:R},{children:a("div",Object.assign({className:C},_,{children:U}))}))}))};m.defaultProps={initialExpand:!1,alwaysExpanded:!1,className:""},m.displayName="Tree";export{m as default};
+import{slicedToArray as e,createForOfIteratorHelper as n,toConsumableArray as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as i}from"../../../_virtual/_tslib.js";import{jsx as r}from"@emotion/react/jsx-runtime";import{useState as a,useEffect as o,useMemo as l}from"react";import c from"./components/TreeFolder/TreeFolder.js";import d from"./components/TreeFile/TreeFile.js";import{TreeContext as s}from"./TreeContext.js";import{sortChildren as f}from"./utils/treeHelp.js";import{DndProvider as u}from"react-dnd";import{HTML5Backend as v}from"react-dnd-html5-backend";var p=function(){for(var e=arguments.length,n=Array(e),t=0;e>t;t++)n[t]=arguments[t];return n}("directory","file")[0],m=function(m){var h=m.children,y=m.onClick,g=m.initialExpand,j=void 0!==g&&g,b=m.alwaysExpanded,x=void 0!==b&&b,T=m.parentIconPath,O=void 0===T?"default":T,P=m.childIconPath,E=void 0===P?"default":P,I=m.value,C=m.className,F=m.enableSorting,k=void 0!==F&&F,N=m.readOnly,w=void 0!==N&&N,M=m.onMove,_=i(m,["children","onClick","initialExpand","alwaysExpanded","parentIconPath","childIconPath","value","className","enableSorting","readOnly","onMove"]),A=a(I),B=e(A,2),H=B[0],S=B[1];o((function(){I&&S(I)}),[I]);var q=function e(t,i){var r,a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"",o=n(t);try{for(o.s();!(r=o.n()).done;){var l=r.value,c=a?"".concat(a,"/").concat(l.id):"".concat(l.id);if(l.id===i)return c;if(l.type===p&&l.files){var d=e(l.files,i,c);if(d)return d}}}catch(e){o.e(e)}finally{o.f()}return null},z=function e(t,i){var r,a=n(t);try{for(a.s();!(r=a.n()).done;){var o=r.value;if(o.id===i)return o;if(o.type===p&&o.files){var l=e(o.files,i);if(l)return l}}}catch(e){a.e(e)}finally{a.f()}return null},D=function(e,n){return t=n,i=e.split("/").filter(Boolean),(r=t.split("/").filter(Boolean)).length>i.length&&i.every((function(e,n){return e===r[n]}));var t,i,r},G=function e(n,i){for(var r=0;n.length>r;r++){var a=n[r];if(a.id===i)return{node:a,updatedTree:[].concat(t(n.slice(0,r)),t(n.slice(r+1)))};if(a.type===p&&a.files){var o=e(a.files,i),l=o.node;if(l)return n[r].files=o.updatedTree,{node:l,updatedTree:n}}}return{updatedTree:n}},J=function e(n,i,r){return n.map((function(n){return n.id===i&&n.type===p?Object.assign(Object.assign({},n),{files:[].concat(t(n.files||[]),[r])}):n.type===p&&n.files?Object.assign(Object.assign({},n),{files:e(n.files,i,r)}):n}))},K=!(!I||0>=I.length),L=function(e,n){y&&H&&y(e,n)},Q=l((function(){return{onFileClick:L,initialExpand:x||j,isImperative:K,alwaysExpanded:x,parentIconPath:O,childIconPath:E}}),[j,L,K,x,O,E]),R=K?function e(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],t=arguments.length>1?arguments[1]:void 0,i=arguments.length>2?arguments[2]:void 0,a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:0,o=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"";return n&&n.length?(i?n.sort((function(e,n){return e.type!==n.type?e.type!==p?1:-1:e.name.localeCompare(n.name)})):n).map((function(n){var l=o?"".concat(o,"/").concat(n.id):"".concat(n.id);return n.type===p?r(c,Object.assign({id:n.id,name:n.name,extra:n.extra,onMove:w?void 0:t,parentPath:o,level:a,active:(null==n?void 0:n.active)||!1},{children:e(n.files||[],t,i,a+1,l)}),"folder-".concat(n.id)):r(d,{id:n.id,name:n.name,extra:n.extra,onMove:w?void 0:t,parentPath:o,level:a,active:(null==n?void 0:n.active)||!1},"file-".concat(n.id))})):null}(H||[],(function(e,n){if(H&&!w){var t=z(H,e),i=z(H,n);if(t&&i){var r=q(H,e)||"",a=q(H,n)||"";if(!D(r,a)){var o=G(H,e),l=o.node,c=o.updatedTree;if(l){var d=n;if(i.type!==p){var s=a.split("/").slice(0,-1).join("/"),f=z(H,s.split("/").pop()||"");f&&(d=f.id)}var u=J(c,d,l);S(u);var v=z(u,d);M(r,a,v||null,l)}}}}}),k):f(h,c);return r(u,Object.assign({backend:v},{children:r(s.Provider,Object.assign({value:Q},{children:r("div",Object.assign({className:C},_,{children:R}))}))}))};m.defaultProps={initialExpand:!1,alwaysExpanded:!1,className:""},m.displayName="Tree";export{m as default};
 //# sourceMappingURL=Tree.js.map

package/dist/mocked_classnames_esm/src/components/Tree/Tree.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tree.js","sources":["../../../../../src/components/Tree/Tree.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from \"react\";\nimport TreeFolder from \"./components/TreeFolder/TreeFolder\";\nimport TreeFile from \"./components/TreeFile/TreeFile\";\nimport { TreeContext } from \"./TreeContext\";\nimport { makeChildPath, sortChildren } from \"./utils/treeHelp\";\nimport { PathName } from \"../Icon/SvgIcon/paths\";\nimport { DndProvider } from \"react-dnd\";\nimport { HTML5Backend } from 'react-dnd-html5-backend';\n\nconst tuple = <T extends string[]>(...args: T) => args;\n\nconst FileTreeValueType = tuple(\"directory\", \"file\");\nconst directoryType = FileTreeValueType[0];\n\nexport type TreeFile = {\n  id: number | string;\n  type: (typeof FileTreeValueType)[number];\n  name: string;\n  extra?: string;\n  files?: Array<TreeFile>;\n  active?: boolean;\n};\n\ninterface Props {\n  value?: Array<TreeFile>;\n  initialExpand?: boolean;\n  alwaysExpanded?: boolean;\n  parentIconPath?: PathName;\n  childIconPath?: PathName;\n  onClick?: (path: string, node: TreeFile) => void;\n  className?: string;\n  enableSorting?: boolean;\n  readOnly?: boolean\n  onMove: (draggedItemPath: string, dropTargetPath: string, parentNode: TreeFile | null, draggedNode: TreeFile) => void;\n}\n\nconst defaultProps = {\n  initialExpand: false,\n  alwaysExpanded: false,\n  className: \"\",\n};\n\ntype NativeAttrs = Omit<React.HTMLAttributes<any>, keyof Props>;\nexport type TreeProps = Props & NativeAttrs;\n\nconst Tree: React.FC<React.PropsWithChildren<TreeProps>> = ({\n  children,\n  onClick,\n  initialExpand = false,\n  alwaysExpanded = false,\n  parentIconPath = \"default\",\n  childIconPath = \"default\",\n  value,\n  className,\n  enableSorting = false,\n  readOnly = false,\n  onMove,\n  ...props\n}: React.PropsWithChildren<TreeProps>) => {\n  const [treeData, setTreeData] = useState(value);\n\n  useEffect(() => {\n    if (value) {\n      setTreeData(value);\n    }\n  }, [value]);\n\n  const findFullPath = (nodes: TreeFile[], targetName: string, currentPath: string = \"\"): string | null => {\n    for (const node of nodes) {\n      const nodePath = currentPath ? `${currentPath}/${node.name}` : node.name;\n      if (node.name === targetName) {\n        return nodePath;\n      }\n      if (node.type === directoryType && node.files) {\n        const foundPath = findFullPath(node.files, targetName, nodePath);\n        if (foundPath) return foundPath;\n      }\n    }\n    return null;\n  };\n\n  const isParentPath = (parentPath: string, childPath: string): boolean => {\n    const parentParts = parentPath.split('/').filter(Boolean);\n    const childParts = childPath.split('/').filter(Boolean);\n\n    if (parentParts.length >= childParts.length) return false;\n\n    return parentParts.every((part, index) => part === childParts[index]);\n  };\n\n  const isChildOfSource = (sourcePath: string, targetPath: string): boolean => {\n    if (!treeData) return false;\n\n    const fullSourcePath = findFullPath(treeData, sourcePath.split('/').pop() || \"\") || sourcePath;\n    const fullTargetPath = findFullPath(treeData, targetPath.split('/').pop() || \"\") || targetPath;\n\n    return isParentPath(fullSourcePath, fullTargetPath);\n  };\n\n  const findAndRemoveNode = (nodes: TreeFile[], path: string): { node?: TreeFile; updatedTree: TreeFile[] } => {\n    for (let i = 0; i < nodes.length; i++) {\n      const node = nodes[i];\n      const nodeName = path.split('/').pop() || \"\";\n\n      if (node.name === nodeName) {\n        return { node, updatedTree: [...nodes.slice(0, i), ...nodes.slice(i + 1)] };\n      } else if (node.type === directoryType && node.files) {\n        const { node: foundNode, updatedTree: updatedFiles } = findAndRemoveNode(node.files, path);\n        if (foundNode) {\n          nodes[i].files = updatedFiles;\n          return { node: foundNode, updatedTree: nodes };\n        }\n      }\n    }\n    return { updatedTree: nodes };\n  };\n\n  const addNodeToTarget = (nodes: TreeFile[], targetPath: string, node: TreeFile): TreeFile[] => {\n    const pathParts = targetPath.split('/');\n    const targetName = pathParts.pop() || \"\";\n    const parentPath = pathParts.join('/');\n  \n    return nodes.map((item) => {\n      const itemPath = parentPath ? `${parentPath}/${item.name}` : item.name;\n  \n      if (item.type === directoryType) {\n        if (itemPath === parentPath) {\n          return {\n            ...item,\n            files: [...(item.files || []), node]\n          };\n        }\n\n        if (item.name === targetName) {\n          return {\n            ...item,\n            files: [...(item.files || []), node]\n          };\n        }\n\n        if (item.files) {\n          return {\n            ...item,\n            files: addNodeToTarget(item.files, targetPath, node)\n          };\n        }\n      }\n      return item;\n    });\n  };\n\n  const findNodeByPath = (nodes: TreeFile[], path: string): TreeFile | null => {\n    const pathParts = path.split('/');\n    let currentNodes = nodes;\n    let currentNode: TreeFile | null = null;\n\n    for (const part of pathParts) {\n      currentNode = currentNodes.find(node => node.name === part) || null;\n      if (!currentNode) return null;\n      if (currentNode.files) {\n        currentNodes = currentNode.files;\n      }\n    }\n\n    return currentNode;\n  };\n\n  const buildFullPath = (nodes: TreeFile[], targetName: string, currentPath: string = \"\"): string => {\n    for (const node of nodes) {\n      const nodePath = currentPath ? `${currentPath}/${node.name}` : node.name;\n      \n      if (node.name === targetName) {\n        return nodePath;\n      }\n      \n      if (node.type === directoryType && node.files) {\n        const foundPath = buildFullPath(node.files, targetName, nodePath);\n        if (foundPath) return foundPath;\n      }\n    }\n    return targetName;\n  };\n\n  const handleMove = (draggedPath: string, targetPath: string) => {\n    if (!treeData) return;\n    if (readOnly) return;\n  \n    const draggedName = draggedPath.split('/').pop() || \"\";\n    const targetName = targetPath.split('/').pop() || \"\";\n  \n    const fullSourcePath = buildFullPath(treeData, draggedName);\n    const fullTargetPath = buildFullPath(treeData, targetName);\n  \n    if (isChildOfSource(fullSourcePath, fullTargetPath)) {\n      return;\n    }\n  \n    const { node: draggedNode, updatedTree } = findAndRemoveNode(treeData, draggedPath);\n  \n    if (draggedNode) {\n      const targetNode = findNodeByPath(treeData, targetPath);\n\n      let finalTargetPath = targetPath;\n\n      if (targetNode && targetNode.type !== directoryType) {\n        const pathParts = targetPath.split('/');\n        pathParts.pop();\n        finalTargetPath = pathParts.join('/');\n      }\n\n      const newTreeData = addNodeToTarget(updatedTree, finalTargetPath, draggedNode);\n      setTreeData(newTreeData);\n      const newParentNode = findNodeByPath(newTreeData, finalTargetPath);\n      onMove(fullSourcePath, fullTargetPath, newParentNode || null, draggedNode);\n    }\n  };\n\n  const isImperative = Boolean(value && value.length > 0);\n  const onFileClick = (path: string, node: TreeFile) => {\n    if (onClick && treeData) {\n      onClick(path, node);\n    }\n  };\n\n  const initialValue = useMemo(\n    () => ({\n      onFileClick,\n      initialExpand: alwaysExpanded || initialExpand,\n      isImperative,\n      alwaysExpanded,\n      parentIconPath,\n      childIconPath,\n    }),\n    [initialExpand, onFileClick, isImperative, alwaysExpanded, parentIconPath, childIconPath]\n  );\n\n  const makeChildren = (\n    value: Array<TreeFile> = [],\n    onMove: (draggedPath: string, targetPath: string) => void,\n    enableSorting: boolean,\n    level: number = 0,\n    parentPath: string = \"\",\n  ) => {\n    if (!value || !value.length) return null;\n  \n    const sortedValue = enableSorting\n      ? value.sort((a, b) => {\n          if (a.type !== b.type) return a.type !== directoryType ? 1 : -1;\n          return a.name.localeCompare(b.name);\n        })\n      : value;\n  \n    return sortedValue.map((item, index) => {\n      const currentPath = parentPath ? `${parentPath}/${item.name}` : item.name;\n      \n      if (item.type === directoryType) {\n        return (\n          <TreeFolder\n            id={item.id}\n            name={item.name}\n            extra={item.extra}\n            key={`folder-${item.id}`}\n            onMove={readOnly ? undefined : onMove}\n            parentPath={parentPath}\n            level={level}\n            active={item?.active || false}\n          >\n            {makeChildren(item.files || [], onMove, enableSorting, level + 1, currentPath)}\n          </TreeFolder>\n        );\n      }\n      return (\n        <TreeFile\n          id={item.id}\n          name={item.name}\n          extra={item.extra}\n          key={`file-${item.name}-${index}`}\n          onMove={readOnly ? undefined : onMove}\n          parentPath={parentPath}\n          level={level}\n          active={item?.active || false}\n        />\n      );\n    });\n  };\n    \n  const customChildren = isImperative\n    ? makeChildren(treeData || [], handleMove, enableSorting)\n    : sortChildren(children, TreeFolder);\n\n  return (\n    <DndProvider backend={HTML5Backend}>\n      <TreeContext.Provider value={initialValue}>\n        <div className={className} {...props}>\n          {customChildren}\n        </div>\n      </TreeContext.Provider>\n    </DndProvider>\n  );\n};\n\nTree.defaultProps = defaultProps;\nTree.displayName = \"Tree\";\n\nexport default Tree;\n"],"names":["directoryType","_len","arguments","length","args","Array","_key","tuple","Tree","_a","children","onClick","_a$initialExpand","initialExpand","_a$alwaysExpanded","alwaysExpanded","_a$parentIconPath","parentIconPath","_a$childIconPath","childIconPath","value","className","_a$enableSorting","enableSorting","_a$readOnly","readOnly","onMove","props","__rest","_useState","useState","_useState2","_slicedToArray","treeData","setTreeData","useEffect","findFullPath","nodes","targetName","_step","currentPath","undefined","_iterator","_createForOfIteratorHelper","s","n","done","node","nodePath","concat","name","type","files","foundPath","err","e","f","isChildOfSource","sourcePath","targetPath","childPath","parentParts","childParts","fullSourcePath","split","pop","fullTargetPath","filter","Boolean","every","part","index","findAndRemoveNode","path","i","nodeName","updatedTree","_toConsumableArray","slice","_findAndRemoveNode","foundNode","addNodeToTarget","pathParts","parentPath","join","map","item","itemPath","Object","assign","findNodeByPath","_step2","currentNodes","currentNode","_iterator2","_ret","_loop","find","v","buildFullPath","_step3","_iterator3","isImperative","onFileClick","initialValue","useMemo","customChildren","makeChildren","level","sort","a","b","localeCompare","_jsx","TreeFolder","id","extra","active","TreeFile","draggedPath","draggedName","_findAndRemoveNode2","draggedNode","targetNode","finalTargetPath","newTreeData","newParentNode","sortChildren","DndProvider","backend","HTML5Backend","TreeContext","Provider","defaultProps","displayName"],"mappings":"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"}
+{"version":3,"file":"Tree.js","sources":["../../../../../src/components/Tree/Tree.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from \"react\";\nimport TreeFolder from \"./components/TreeFolder/TreeFolder\";\nimport TreeFile from \"./components/TreeFile/TreeFile\";\nimport { TreeContext } from \"./TreeContext\";\nimport { makeChildPath, sortChildren } from \"./utils/treeHelp\";\nimport { PathName } from \"../Icon/SvgIcon/paths\";\nimport { DndProvider } from \"react-dnd\";\nimport { HTML5Backend } from 'react-dnd-html5-backend';\n\nconst tuple = <T extends string[]>(...args: T) => args;\n\nconst FileTreeValueType = tuple(\"directory\", \"file\");\nconst directoryType = FileTreeValueType[0];\n\nexport type TreeFile = {\n  id: number | string;\n  type: (typeof FileTreeValueType)[number];\n  name: string;\n  extra?: string;\n  files?: Array<TreeFile>;\n  active?: boolean;\n};\n\ninterface Props {\n  value?: Array<TreeFile>;\n  initialExpand?: boolean;\n  alwaysExpanded?: boolean;\n  parentIconPath?: PathName;\n  childIconPath?: PathName;\n  onClick?: (path: string, node: TreeFile) => void;\n  className?: string;\n  enableSorting?: boolean;\n  readOnly?: boolean\n  onMove: (draggedItemPath: string, dropTargetPath: string, parentNode: TreeFile | null, draggedNode: TreeFile) => void;\n}\n\nconst defaultProps = {\n  initialExpand: false,\n  alwaysExpanded: false,\n  className: \"\",\n};\n\ntype NativeAttrs = Omit<React.HTMLAttributes<any>, keyof Props>;\nexport type TreeProps = Props & NativeAttrs;\n\nconst Tree: React.FC<React.PropsWithChildren<TreeProps>> = ({\n  children,\n  onClick,\n  initialExpand = false,\n  alwaysExpanded = false,\n  parentIconPath = \"default\",\n  childIconPath = \"default\",\n  value,\n  className,\n  enableSorting = false,\n  readOnly = false,\n  onMove,\n  ...props\n}: React.PropsWithChildren<TreeProps>) => {\n  const [treeData, setTreeData] = useState(value);\n\n  useEffect(() => {\n    if (value) {\n      setTreeData(value);\n    }\n  }, [value]);\n\n  const findFullPathById = (nodes: TreeFile[], targetId: string | number, currentPath: string = \"\"): string | null => {\n    for (const node of nodes) {\n      const nodePath = currentPath ? `${currentPath}/${node.id}` : `${node.id}`;\n      if (node.id === targetId) {\n        return nodePath;\n      }\n      if (node.type === directoryType && node.files) {\n        const foundPath = findFullPathById(node.files, targetId, nodePath);\n        if (foundPath) return foundPath;\n      }\n    }\n    return null;\n  };\n\n  const findNodeById = (nodes: TreeFile[], targetId: string | number): TreeFile | null => {\n    for (const node of nodes) {\n      if (node.id === targetId) {\n        return node;\n      }\n      if (node.type === directoryType && node.files) {\n        const foundNode = findNodeById(node.files, targetId);\n        if (foundNode) return foundNode;\n      }\n    }\n    return null;\n  };\n\n  const isParentPath = (parentPath: string, childPath: string): boolean => {\n    const parentParts = parentPath.split('/').filter(Boolean);\n    const childParts = childPath.split('/').filter(Boolean);\n\n    if (parentParts.length >= childParts.length) return false;\n\n    return parentParts.every((part, index) => part === childParts[index]);\n  };\n\n  const isChildOfSource = (sourcePath: string, targetPath: string): boolean => {\n    return isParentPath(sourcePath, targetPath);\n  };\n\n  const findAndRemoveNode = (nodes: TreeFile[], nodeId: string | number): { node?: TreeFile; updatedTree: TreeFile[] } => {\n    for (let i = 0; i < nodes.length; i++) {\n      const node = nodes[i];\n      if (node.id === nodeId) {\n        return { node, updatedTree: [...nodes.slice(0, i), ...nodes.slice(i + 1)] };\n      } else if (node.type === directoryType && node.files) {\n        const { node: foundNode, updatedTree: updatedFiles } = findAndRemoveNode(node.files, nodeId);\n        if (foundNode) {\n          nodes[i].files = updatedFiles;\n          return { node: foundNode, updatedTree: nodes };\n        }\n      }\n    }\n    return { updatedTree: nodes };\n  };\n\n  const addNodeToTarget = (nodes: TreeFile[], targetId: string | number, node: TreeFile): TreeFile[] => {\n    return nodes.map((item) => {\n      if (item.id === targetId && item.type === directoryType) {\n        return {\n          ...item,\n          files: [...(item.files || []), node]\n        };\n      }\n      \n      if (item.type === directoryType && item.files) {\n        return {\n          ...item,\n          files: addNodeToTarget(item.files, targetId, node)\n        };\n      }\n      \n      return item;\n    });\n  };\n\n  const handleMove = (draggedId: string | number, targetId: string | number) => {\n    if (!treeData || readOnly) return;\n  \n    const draggedNode = findNodeById(treeData, draggedId);\n    const targetNode = findNodeById(treeData, targetId);\n  \n    if (!draggedNode || !targetNode) return;\n  \n    // Check if target is a child of source\n    const draggedPath = findFullPathById(treeData, draggedId) || \"\";\n    const targetPath = findFullPathById(treeData, targetId) || \"\";\n    \n    if (isChildOfSource(draggedPath, targetPath)) {\n      return;\n    }\n  \n    const { node: removedNode, updatedTree } = findAndRemoveNode(treeData, draggedId);\n  \n    if (removedNode) {\n      let finalTargetId = targetId;\n  \n      // If target is a file, get its parent's ID\n      if (targetNode.type !== directoryType) {\n        const parentPath = targetPath.split('/').slice(0, -1).join('/');\n        const parentNode = findNodeById(treeData, parentPath.split('/').pop() || \"\");\n        if (parentNode) {\n          finalTargetId = parentNode.id;\n        }\n      }\n  \n      const newTreeData = addNodeToTarget(updatedTree, finalTargetId, removedNode);\n      setTreeData(newTreeData);\n      \n      const newParentNode = findNodeById(newTreeData, finalTargetId);\n      onMove(draggedPath, targetPath, newParentNode || null, removedNode);\n    }\n  };\n\n  const isImperative = Boolean(value && value.length > 0);\n  const onFileClick = (path: string, node: TreeFile) => {\n    if (onClick && treeData) {\n      onClick(path, node);\n    }\n  };\n\n  const initialValue = useMemo(\n    () => ({\n      onFileClick,\n      initialExpand: alwaysExpanded || initialExpand,\n      isImperative,\n      alwaysExpanded,\n      parentIconPath,\n      childIconPath,\n    }),\n    [initialExpand, onFileClick, isImperative, alwaysExpanded, parentIconPath, childIconPath]\n  );\n\n  const makeChildren = (\n    value: Array<TreeFile> = [],\n    onMove: (draggedId: string | number, targetId: string | number) => void,\n    enableSorting: boolean,\n    level: number = 0,\n    parentPath: string = \"\",\n  ) => {\n    if (!value || !value.length) return null;\n  \n    const sortedValue = enableSorting\n      ? value.sort((a, b) => {\n          if (a.type !== b.type) return a.type !== directoryType ? 1 : -1;\n          return a.name.localeCompare(b.name);\n        })\n      : value;\n  \n    return sortedValue.map((item) => {\n      const currentPath = parentPath ? `${parentPath}/${item.id}` : `${item.id}`;\n      \n      if (item.type === directoryType) {\n        return (\n          <TreeFolder\n            id={item.id}\n            name={item.name}\n            extra={item.extra}\n            key={`folder-${item.id}`}\n            onMove={readOnly ? undefined : onMove}\n            parentPath={parentPath}\n            level={level}\n            active={item?.active || false}\n          >\n            {makeChildren(item.files || [], onMove, enableSorting, level + 1, currentPath)}\n          </TreeFolder>\n        );\n      }\n      return (\n        <TreeFile\n          id={item.id}\n          name={item.name}\n          extra={item.extra}\n          key={`file-${item.id}`}\n          onMove={readOnly ? undefined : onMove}\n          parentPath={parentPath}\n          level={level}\n          active={item?.active || false}\n        />\n      );\n    });\n  };\n    \n  const customChildren = isImperative\n    ? makeChildren(treeData || [], handleMove, enableSorting)\n    : sortChildren(children, TreeFolder);\n\n  return (\n    <DndProvider backend={HTML5Backend}>\n      <TreeContext.Provider value={initialValue}>\n        <div className={className} {...props}>\n          {customChildren}\n        </div>\n      </TreeContext.Provider>\n    </DndProvider>\n  );\n};\n\nTree.defaultProps = defaultProps;\nTree.displayName = \"Tree\";\n\nexport default Tree;\n"],"names":["directoryType","_len","arguments","length","args","Array","_key","tuple","Tree","_a","children","onClick","_a$initialExpand","initialExpand","_a$alwaysExpanded","alwaysExpanded","_a$parentIconPath","parentIconPath","_a$childIconPath","childIconPath","value","className","_a$enableSorting","enableSorting","_a$readOnly","readOnly","onMove","props","__rest","_useState","useState","_useState2","_slicedToArray","treeData","setTreeData","useEffect","findFullPathById","nodes","targetId","_step","currentPath","undefined","_iterator","_createForOfIteratorHelper","s","n","done","node","nodePath","concat","id","type","files","foundPath","err","e","f","findNodeById","_step2","_iterator2","foundNode","isChildOfSource","sourcePath","targetPath","childPath","parentParts","split","filter","Boolean","childParts","every","part","index","findAndRemoveNode","nodeId","i","updatedTree","_toConsumableArray","slice","_findAndRemoveNode","addNodeToTarget","map","item","Object","assign","isImperative","onFileClick","path","initialValue","useMemo","customChildren","makeChildren","level","parentPath","sort","a","b","name","localeCompare","_jsx","TreeFolder","extra","active","TreeFile","draggedId","draggedNode","targetNode","draggedPath","_findAndRemoveNode2","removedNode","finalTargetId","join","parentNode","pop","newTreeData","newParentNode","sortChildren","DndProvider","backend","HTML5Backend","TreeContext","Provider","defaultProps","displayName"],"mappings":"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"}

package/dist/mocked_classnames_esm/src/components/Tree/components/TreeFile/TreeFile.js

@@ -1,2 +1,2 @@
-import{slicedToArray as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as a}from"../../../../../_virtual/_tslib.js";import{jsx as t,jsxs as i}from"@emotion/react/jsx-runtime";import{useMemo as n}from"react";import"./TreeFile.scss.js";import{useTreeContext as r}from"../../TreeContext.js";import{makeChildPath as c,stopPropagation as o}from"../../utils/treeHelp.js";import s from"../../../Icon/Icon.js";import{useDrag as l,useDrop as m}from"react-dnd";var p=function(p){var d=p.id,f=p.name,g=p.parentPath,u=p.level,v=p.extra,h=p.className,j=p.onMove,T=p.active,x=void 0!==T&&T,y=a(p,["id","name","parentPath","level","extra","className","onMove","active"]),b=r(),N=b.onFileClick,P=b.childIconPath,E=n((function(){return c(f,g)}),[f,g]),_=l({type:"TREE_ITEM",item:{type:"file",path:E},collect:function(e){return{isDragging:e.isDragging()}}}),C=e(_,2),I=C[0].isDragging,O=C[1],M=m({accept:"TREE_ITEM",drop:function(e){e.path!==E&&j&&j(e.path,E)}}),k=e(M,2)[1],D={paddingLeft:"calc(1.875rem * ".concat(u+1,")")};return t("div",Object.assign({ref:function(e){return O(k(e))},className:"file-container ".concat(h," ").concat(I?"dragging":""," ").concat(x?"active":""),style:D,onClick:function(e){o(e),N&&N(E,{type:"file",id:d,name:f,extra:v,active:x})}},y,{children:i("div",Object.assign({className:"names"},{children:["default"!==P&&t("span",Object.assign({className:"icon"},{children:t(s,{iconType:s.type.PATH,icon:"",iconPath:P,iconSize:16,useCurrentColor:!0,style:{display:"block",marginRight:"8px",marginTop:"0px"}})})),i("span",Object.assign({className:"name"},{children:[f,v&&t("span",Object.assign({className:"extra"},{children:v}))]}))]}))}))};p.defaultProps={level:0,className:"",parentPath:""};export{p as default};
+import{slicedToArray as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as a}from"../../../../../_virtual/_tslib.js";import{jsx as i,jsxs as t}from"@emotion/react/jsx-runtime";import{useMemo as n}from"react";import"./TreeFile.scss.js";import{useTreeContext as r}from"../../TreeContext.js";import{makeChildPath as c,stopPropagation as o}from"../../utils/treeHelp.js";import s from"../../../Icon/Icon.js";import{useDrag as l,useDrop as m}from"react-dnd";var p=function(p){var d=p.id,f=p.name,g=p.parentPath,u=p.level,v=p.extra,h=p.className,j=p.onMove,T=p.active,x=void 0!==T&&T,y=a(p,["id","name","parentPath","level","extra","className","onMove","active"]),b=r(),N=b.onFileClick,P=b.childIconPath,E=n((function(){return c(""+d,g)}),[d,g]),_=l({type:"TREE_ITEM",item:{type:"file",id:d},collect:function(e){return{isDragging:e.isDragging()}}}),C=e(_,2),I=C[0].isDragging,O=C[1],M=m({accept:"TREE_ITEM",drop:function(e){e.id!==d&&j&&j(e.id,d)}}),k=e(M,2)[1],D={paddingLeft:"calc(1.875rem * ".concat(u,")")};return i("div",Object.assign({ref:function(e){return O(k(e))},className:"file-container ".concat(h," ").concat(I?"dragging":""," ").concat(x?"active":""),style:D,onClick:function(e){o(e),N&&N(E,{type:"file",id:d,name:f,extra:v,active:x})}},y,{children:t("div",Object.assign({className:"names"},{children:["default"!==P&&i("span",Object.assign({className:"icon"},{children:i(s,{iconType:s.type.PATH,icon:"",iconPath:P,iconSize:16,useCurrentColor:!0,style:{display:"block",marginRight:"8px",marginTop:"0px"}})})),t("span",Object.assign({className:"name"},{children:[f,v&&i("span",Object.assign({className:"extra"},{children:v}))]}))]}))}))};p.defaultProps={level:0,className:"",parentPath:""};export{p as default};
 //# sourceMappingURL=TreeFile.js.map

package/dist/mocked_classnames_esm/src/components/Tree/components/TreeFile/TreeFile.js.map

@@ -1 +1 @@
-{"version":3,"file":"TreeFile.js","sources":["../../../../../../../src/components/Tree/components/TreeFile/TreeFile.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport \"./TreeFile.scss\";\nimport { useTreeContext } from \"../../TreeContext\";\nimport { makeChildPath, stopPropagation } from \"../../utils/treeHelp\";\nimport Icon from \"../../../Icon/Icon\";\nimport { useDrag, useDrop } from \"react-dnd\";\n\ninterface Props {\n  id: number | string;\n  name: string;\n  extra?: string;\n  parentPath?: string;\n  level?: number;\n  className?: string;\n  active?: boolean;\n  onMove: (draggedItemPath: string, dropTargetPath: string) => void;\n}\n\nconst defaultProps = {\n  level: 0,\n  className: \"\",\n  parentPath: \"\",\n};\n\nconst TreeFile: React.FC<Props> = ({\n  id,\n  name,\n  parentPath,\n  level,\n  extra,\n  className,\n  onMove,\n  active = false,\n  ...props\n}) => {\n  const { onFileClick, childIconPath } = useTreeContext();\n  const currentPath = useMemo(() => makeChildPath(name, parentPath), [\n    name,\n    parentPath,\n  ]);\n\n  const [{ isDragging }, dragRef] = useDrag({\n    type: \"TREE_ITEM\",\n    item: { type: \"file\", path: currentPath },\n    collect: (monitor) => ({\n      isDragging: monitor.isDragging(),\n    }),\n  });\n\n  const [, dropRef] = useDrop({\n    accept: \"TREE_ITEM\",\n    drop: (draggedItem: { path: string }) => {\n      if (draggedItem.path !== currentPath && onMove) {\n        onMove(draggedItem.path, currentPath);\n      }\n    },\n  });\n\n  const clickHandler = (event: React.MouseEvent) => {\n    stopPropagation(event);\n    if (onFileClick) {\n      onFileClick(currentPath, {\n        type: \"file\",\n        id,\n        name,\n        extra,\n        active,\n      });\n    }\n  };\n\n  const containerStyle = {\n    paddingLeft: `calc(1.875rem * ${level + 1})`,\n  };\n\n  return (\n    <div\n      ref={(node) => dragRef(dropRef(node))}\n      className={`file-container ${className} ${isDragging ? \"dragging\" : \"\"} ${active ? \"active\" : \"\"}`}\n      style={containerStyle}\n      onClick={clickHandler}\n      {...props}\n    >\n      <div className=\"names\">\n        {childIconPath !== \"default\" && (\n          <span className=\"icon\">\n            <Icon\n              iconType={Icon.type.PATH}\n              icon=\"\"\n              //@ts-ignore\n              iconPath={childIconPath}\n              iconSize={16}\n              useCurrentColor\n              style={{\n                display: \"block\",\n                marginRight: \"8px\",\n                marginTop: \"0px\",\n              }}\n            />\n          </span>\n        )}\n        <span className=\"name\">\n          {name}\n          {extra && <span className=\"extra\">{extra}</span>}\n        </span>\n      </div>\n    </div>\n  );\n};\n\nTreeFile.defaultProps = defaultProps;\nexport default TreeFile;"],"names":["TreeFile","_a","id","name","parentPath","level","extra","className","onMove","_a$active","active","props","__rest","_useTreeContext","useTreeContext","onFileClick","childIconPath","currentPath","useMemo","makeChildPath","_useDrag","useDrag","type","item","path","collect","monitor","isDragging","_useDrag2","_slicedToArray","dragRef","_useDrop","useDrop","accept","drop","draggedItem","dropRef","containerStyle","paddingLeft","concat","_jsx","Object","assign","ref","node","style","onClick","event","stopPropagation","_jsxs","children","Icon","iconType","PATH","icon","iconPath","iconSize","useCurrentColor","display","marginRight","marginTop","defaultProps"],"mappings":"+dAkBA,IAMMA,EAA4B,SAACC,OACjCC,IAAAA,GACAC,IAAAA,KACAC,IAAAA,WACAC,IAAAA,MACAC,IAAAA,MACAC,IAAAA,UACAC,IAAAA,OAAMC,IACNC,OAAAA,OAAS,IAAHD,GAAQA,EACXE,EAT8BC,EAAAX,EAAA,CAAA,KAAA,OAAA,aAAA,QAAA,QAAA,YAAA,SAAA,WAWjCY,EAAuCC,IAA/BC,EAAWF,EAAXE,YAAaC,EAAaH,EAAbG,cACfC,EAAcC,GAAQ,WAAA,OAAMC,EAAchB,EAAMC,EAAW,GAAE,CACjED,EACAC,IAGFgB,EAAkCC,EAAQ,CACxCC,KAAM,YACNC,KAAM,CAAED,KAAM,OAAQE,KAAMP,GAC5BQ,QAAS,SAACC,GAAO,MAAM,CACrBC,WAAYD,EAAQC,aACrB,IACDC,EAAAC,EAAAT,EAAA,GANOO,EAAUC,EAAA,GAAVD,WAAcG,EAAOF,EAAA,GAQ9BG,EAAoBC,EAAQ,CAC1BC,OAAQ,YACRC,KAAM,SAACC,GACDA,EAAYX,OAASP,GAAeT,GACtCA,EAAO2B,EAAYX,KAAMP,EAE7B,IANOmB,EAOPP,EAAAE,EAAA,GAPc,GAsBVM,EAAiB,CACrBC,YAAWC,mBAAAA,OAAqBlC,EAAQ,EAAC,MAG3C,OACEmC,EACE,MAAAC,OAAAC,OAAA,CAAAC,IAAK,SAACC,GAAI,OAAKd,EAAQM,EAAQQ,GAAM,EACrCrC,UAAS,kBAAAgC,OAAoBhC,OAASgC,OAAIZ,EAAa,WAAa,GAAE,KAAAY,OAAI7B,EAAS,SAAW,IAC9FmC,MAAOR,EACPS,QAtBiB,SAACC,GACpBC,EAAgBD,GACZhC,GACFA,EAAYE,EAAa,CACvBK,KAAM,OACNpB,GAAAA,EACAC,KAAAA,EACAG,MAAAA,EACAI,OAAAA,MAeEC,YAEJsC,EAAK,MAAAR,OAAAC,OAAA,CAAAnC,UAAU,SAAO,CAAA2C,SAAA,CACD,YAAlBlC,GACCwB,wBAAMjC,UAAU,QACd,CAAA2C,SAAAV,EAACW,EACC,CAAAC,SAAUD,EAAK7B,KAAK+B,KACpBC,KAAK,GAELC,SAAUvC,EACVwC,SAAU,GACVC,iBACA,EAAAZ,MAAO,CACLa,QAAS,QACTC,YAAa,MACbC,UAAW,YAKnBX,EAAA,OAAAR,OAAAC,OAAA,CAAMnC,UAAU,QACb,CAAA2C,SAAA,CAAA/C,EACAG,GAASkC,EAAM,OAAAC,OAAAC,OAAA,CAAAnC,UAAU,SAAS,CAAA2C,SAAA5C,eAK7C,EAEAN,EAAS6D,aA5FY,CACnBxD,MAAO,EACPE,UAAW,GACXH,WAAY"}
+{"version":3,"file":"TreeFile.js","sources":["../../../../../../../src/components/Tree/components/TreeFile/TreeFile.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport \"./TreeFile.scss\";\nimport { useTreeContext } from \"../../TreeContext\";\nimport { makeChildPath, stopPropagation } from \"../../utils/treeHelp\";\nimport Icon from \"../../../Icon/Icon\";\nimport { useDrag, useDrop } from \"react-dnd\";\n\ninterface Props {\n  id: number | string;\n  name: string;\n  extra?: string;\n  parentPath?: string;\n  level?: number;\n  className?: string;\n  active?: boolean;\n  onMove?: (draggedId: string | number, targetId: string | number) => void;\n}\n\nconst defaultProps = {\n  level: 0,\n  className: \"\",\n  parentPath: \"\",\n};\n\nconst TreeFile: React.FC<Props> = ({\n  id,\n  name,\n  parentPath,\n  level,\n  extra,\n  className,\n  onMove,\n  active = false,\n  ...props\n}) => {\n  const { onFileClick, childIconPath } = useTreeContext();\n  const currentPath = useMemo(() => makeChildPath(id.toString(), parentPath), [\n    id,\n    parentPath,\n  ]);\n\n  const [{ isDragging }, dragRef] = useDrag({\n    type: \"TREE_ITEM\",\n    item: { type: \"file\", id: id },\n    collect: (monitor) => ({\n      isDragging: monitor.isDragging(),\n    }),\n  });\n\n  const [, dropRef] = useDrop({\n    accept: \"TREE_ITEM\",\n    drop: (draggedItem: { id: string | number }) => {\n      if (draggedItem.id !== id && onMove) {\n        onMove(draggedItem.id, id);\n      }\n    },\n  });\n\n  const clickHandler = (event: React.MouseEvent) => {\n    stopPropagation(event);\n    if (onFileClick) {\n      onFileClick(currentPath, {\n        type: \"file\",\n        id,\n        name,\n        extra,\n        active,\n      });\n    }\n  };\n\n  const containerStyle = {\n    paddingLeft: `calc(1.875rem * ${level})`,\n  };\n\n  return (\n    <div\n      ref={(node) => dragRef(dropRef(node))}\n      className={`file-container ${className} ${isDragging ? \"dragging\" : \"\"} ${active ? \"active\" : \"\"}`}\n      style={containerStyle}\n      onClick={clickHandler}\n      {...props}\n    >\n      <div className=\"names\">\n        {childIconPath !== \"default\" && (\n          <span className=\"icon\">\n            <Icon\n              iconType={Icon.type.PATH}\n              icon=\"\"\n              //@ts-ignore\n              iconPath={childIconPath}\n              iconSize={16}\n              useCurrentColor\n              style={{\n                display: \"block\",\n                marginRight: \"8px\",\n                marginTop: \"0px\",\n              }}\n            />\n          </span>\n        )}\n        <span className=\"name\">\n          {name}\n          {extra && <span className=\"extra\">{extra}</span>}\n        </span>\n      </div>\n    </div>\n  );\n};\n\nTreeFile.defaultProps = defaultProps;\nexport default TreeFile;"],"names":["TreeFile","_a","id","name","parentPath","level","extra","className","onMove","_a$active","active","props","__rest","_useTreeContext","useTreeContext","onFileClick","childIconPath","currentPath","useMemo","makeChildPath","_useDrag","useDrag","type","item","collect","monitor","isDragging","_useDrag2","_slicedToArray","dragRef","_useDrop","useDrop","accept","drop","draggedItem","dropRef","containerStyle","paddingLeft","concat","_jsx","Object","assign","ref","node","style","onClick","event","stopPropagation","_jsxs","children","Icon","iconType","PATH","icon","iconPath","iconSize","useCurrentColor","display","marginRight","marginTop","defaultProps"],"mappings":"+dAkBA,IAMMA,EAA4B,SAACC,OACjCC,IAAAA,GACAC,IAAAA,KACAC,IAAAA,WACAC,IAAAA,MACAC,IAAAA,MACAC,IAAAA,UACAC,IAAAA,OAAMC,IACNC,OAAAA,OAAS,IAAHD,GAAQA,EACXE,EAT8BC,EAAAX,EAAA,CAAA,KAAA,OAAA,aAAA,QAAA,QAAA,YAAA,SAAA,WAWjCY,EAAuCC,IAA/BC,EAAWF,EAAXE,YAAaC,EAAaH,EAAbG,cACfC,EAAcC,GAAQ,WAAA,OAAMC,EAAcjB,KAAeE,EAAW,GAAE,CAC1EF,EACAE,IAGFgB,EAAkCC,EAAQ,CACxCC,KAAM,YACNC,KAAM,CAAED,KAAM,OAAQpB,GAAIA,GAC1BsB,QAAS,SAACC,GAAO,MAAM,CACrBC,WAAYD,EAAQC,aACrB,IACDC,EAAAC,EAAAR,EAAA,GANOM,EAAUC,EAAA,GAAVD,WAAcG,EAAOF,EAAA,GAQ9BG,EAAoBC,EAAQ,CAC1BC,OAAQ,YACRC,KAAM,SAACC,GACDA,EAAYhC,KAAOA,GAAMM,GAC3BA,EAAO0B,EAAYhC,GAAIA,EAE3B,IANOiC,EAOPP,EAAAE,EAAA,GAPc,GAsBVM,EAAiB,CACrBC,YAAW,mBAAAC,OAAqBjC,EAAK,MAGvC,OACEkC,EACE,MAAAC,OAAAC,OAAA,CAAAC,IAAK,SAACC,GAAI,OAAKd,EAAQM,EAAQQ,GAAM,EACrCpC,UAAS,kBAAA+B,OAAoB/B,OAAS+B,OAAIZ,EAAa,WAAa,GAAE,KAAAY,OAAI5B,EAAS,SAAW,IAC9FkC,MAAOR,EACPS,QAtBiB,SAACC,GACpBC,EAAgBD,GACZ/B,GACFA,EAAYE,EAAa,CACvBK,KAAM,OACNpB,GAAAA,EACAC,KAAAA,EACAG,MAAAA,EACAI,OAAAA,MAeEC,YAEJqC,EAAK,MAAAR,OAAAC,OAAA,CAAAlC,UAAU,SAAO,CAAA0C,SAAA,CACD,YAAlBjC,GACCuB,wBAAMhC,UAAU,QACd,CAAA0C,SAAAV,EAACW,EACC,CAAAC,SAAUD,EAAK5B,KAAK8B,KACpBC,KAAK,GAELC,SAAUtC,EACVuC,SAAU,GACVC,iBACA,EAAAZ,MAAO,CACLa,QAAS,QACTC,YAAa,MACbC,UAAW,YAKnBX,EAAA,OAAAR,OAAAC,OAAA,CAAMlC,UAAU,QACb,CAAA0C,SAAA,CAAA9C,EACAG,GAASiC,EAAM,OAAAC,OAAAC,OAAA,CAAAlC,UAAU,SAAS,CAAA0C,SAAA3C,eAK7C,EAEAN,EAAS4D,aA5FY,CACnBvD,MAAO,EACPE,UAAW,GACXH,WAAY"}

package/dist/mocked_classnames_esm/src/components/Tree/components/TreeFile/TreeFile.scss.js

@@ -1,2 +1,2 @@
-var e=".file-container {\n  cursor: pointer;\n  line-height: 1;\n  user-select: none;\n  border-radius: 6px;\n  margin-bottom: 4px;\n}\n.file-container:hover, .file-container.active {\n  background-color: var(--surface-level-100-hover);\n  cursor: pointer;\n}\n.names {\n  display: flex;\n  height: 1.75rem;\n  align-items: center;\n  position: relative;\n  padding-right: 10px;\n}\n.icon {\n  width: 1.5rem;\n  height: 100%;\n  display: inline-flex;\n  align-items: center;\n}\n.name {\n  transition: opacity 100ms ease 0ms;\n  color: var(--text-primary);\n  white-space: nowrap;\n  font-size: 0.875rem;\n}\n.name:hover {\n  opacity: 0.7;\n}\n.extra {\n  font-size: 0.75rem;\n  align-self: baseline;\n  padding-left: 4px;\n  color: var(--text-primary);\n}";!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-2de70a95efc1_0_0_403";if(n.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}(e);export{e as default};
+var e=".file-container {\n  cursor: pointer;\n  line-height: 1;\n  user-select: none;\n  border-radius: 6px;\n  margin-bottom: 4px;\n}\n.file-container:hover, .file-container.active {\n  background-color: var(--surface-level-100-hover);\n  cursor: pointer;\n}\n.names {\n  display: flex;\n  height: 1.75rem;\n  align-items: center;\n  position: relative;\n  padding-right: 10px;\n}\n.icon {\n  width: 1.5rem;\n  height: 100%;\n  display: inline-flex;\n  align-items: center;\n}\n.name {\n  transition: opacity 100ms ease 0ms;\n  color: var(--text-primary);\n  white-space: nowrap;\n  font-size: 0.875rem;\n}\n.name:hover {\n  opacity: 0.7;\n}\n.extra {\n  font-size: 0.75rem;\n  align-self: baseline;\n  padding-left: 4px;\n  color: var(--text-primary);\n}";!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-2de70a95efc1_0_0_406";if(n.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}(e);export{e as default};
 //# sourceMappingURL=TreeFile.scss.js.map

package/dist/mocked_classnames_esm/src/components/Tree/components/TreeFolder/TreeFolder.js

@@ -1,2 +1,2 @@
-import{slicedToArray as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as a}from"../../../../../_virtual/_tslib.js";import{jsxs as t,jsx as r}from"@emotion/react/jsx-runtime";import n,{useState as i,useEffect as c,useMemo as s}from"react";import{useDrag as o,useDrop as l}from"react-dnd";import"./TreeFolder.scss.js";import{useTreeContext as p}from"../../TreeContext.js";import{makeChildPath as d,stopPropagation as m}from"../../utils/treeHelp.js";import u from"../TreeStatusIcon/TreeStatusIcon.js";import f from"../expand/expand.js";import g from"../../../Icon/Icon.js";var v=function(v){var h=v.id,j=v.name,x=v.children,y=v.parentPath,T=v.level,b=v.extra,N=v.className,O=v.active,E=void 0!==O&&O,P=v.onMove,C=a(v,["id","name","children","parentPath","level","extra","className","active","onMove"]),I=p(),_=I.onFileClick,k=I.initialExpand,M=I.alwaysExpanded,A=I.parentIconPath,D=i(M||k),F=e(D,2),H=F[0],R=F[1];c((function(){R(!!M||k)}),[k,M]);var S=s((function(){return d(j,y)}),[j,y]),w=o({type:"TREE_ITEM",item:{type:"folder",path:S},collect:function(e){return{isDragging:e.isDragging()}}}),z=e(w,2),B=z[0].isDragging,L=z[1],q=l({accept:"TREE_ITEM",drop:function(e){e.path!==S&&P&&P(e.path,S)},collect:function(e){return{isOver:e.isOver()}}}),G=e(q,2),J=G[0].isOver,K=G[1],Q={paddingLeft:"calc(1.875rem * ".concat(T+1,")")};return t("div",Object.assign({className:"folder-container ".concat(N," ").concat(B?"dragging":"")},C,{children:[t("div",Object.assign({ref:function(e){return L(K(e))},className:"names ".concat(E&&"active"," ").concat(J?"drop-target":""),"data-level":T,style:Q,onClick:function(){M||R(!H),_&&_(S,{type:"directory",id:h,name:j,extra:b,files:n.Children.toArray(x),active:E})}},{children:[r("span",Object.assign({className:"status"},{children:r(u,{active:H})})),"default"!==A&&r("span",Object.assign({className:"icon"},{children:r(g,{iconType:g.type.PATH,icon:"",iconPath:A,iconSize:16,useCurrentColor:!0,style:{display:"block",marginRight:"8px",marginTop:"0px"}})})),t("span",Object.assign({className:"name"},{children:[j,b&&r("span",Object.assign({className:"extra"},{children:b}))]}))]})),r(f,Object.assign({isExpanded:H},{children:r("div",Object.assign({className:"content",onClick:m},{children:x}))}))]}))};v.defaultProps={level:0,className:"",parentPath:""},v.displayName="TreeFolder";export{v as default};
+import{slicedToArray as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as a}from"../../../../../_virtual/_tslib.js";import{jsxs as t,jsx as r}from"@emotion/react/jsx-runtime";import n,{useState as i,useEffect as c,useMemo as s}from"react";import{useDrag as o,useDrop as l}from"react-dnd";import"./TreeFolder.scss.js";import{useTreeContext as d}from"../../TreeContext.js";import{makeChildPath as p,stopPropagation as m}from"../../utils/treeHelp.js";import u from"../TreeStatusIcon/TreeStatusIcon.js";import f from"../expand/expand.js";import g from"../../../Icon/Icon.js";var v=function(v){var h=v.id,j=v.name,x=v.children,y=v.parentPath,T=v.level,b=v.extra,N=v.className,O=v.active,E=void 0!==O&&O,P=v.onMove,C=a(v,["id","name","children","parentPath","level","extra","className","active","onMove"]),I=d(),_=I.onFileClick,k=I.initialExpand,M=I.alwaysExpanded,A=I.parentIconPath,D=i(M||k),F=e(D,2),H=F[0],R=F[1];c((function(){R(!!M||k)}),[k,M]);var S=s((function(){return p(""+h,y)}),[h,y]),w=o({type:"TREE_ITEM",item:{type:"folder",id:h},collect:function(e){return{isDragging:e.isDragging()}}}),z=e(w,2),B=z[0].isDragging,L=z[1],q=l({accept:"TREE_ITEM",drop:function(e){e.id!==h&&P&&P(e.id,h)},collect:function(e){return{isOver:e.isOver()}}}),G=e(q,2),J=G[0].isOver,K=G[1],Q={paddingLeft:0===T?"4px":"calc(1.875rem * ".concat(T,")")};return t("div",Object.assign({className:"folder-container ".concat(N," ").concat(B?"dragging":"")},C,{children:[t("div",Object.assign({ref:function(e){return L(K(e))},className:"names ".concat(E&&"active"," ").concat(J?"drop-target":""),"data-level":T,style:Q,onClick:function(){M||R(!H),_&&_(S,{type:"directory",id:h,name:j,extra:b,files:n.Children.toArray(x),active:E})}},{children:[r("span",Object.assign({className:"status"},{children:r(u,{active:H})})),"default"!==A&&r("span",Object.assign({className:"icon"},{children:r(g,{iconType:g.type.PATH,icon:"",iconPath:A,iconSize:16,useCurrentColor:!0,style:{display:"block",marginRight:"8px",marginTop:"0px"}})})),t("span",Object.assign({className:"name"},{children:[j,b&&r("span",Object.assign({className:"extra"},{children:b}))]}))]})),r(f,Object.assign({isExpanded:H},{children:r("div",Object.assign({className:"content",onClick:m},{children:x}))}))]}))};v.defaultProps={level:0,className:"",parentPath:""},v.displayName="TreeFolder";export{v as default};
 //# sourceMappingURL=TreeFolder.js.map